/*! 16e287f6 */
@charset "UTF-8";
/*
This font software is the property of Commercial Type.

You may not modify the font software, use it on another website, or install it on a computer.

License information is available at http://commercialtype.com/eula
For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com

Copyright (C) 2018 Schwartzco Inc.
License: 1802-UFGULA
*/
@font-face {
font-family: "Styrene A Web";
src: url("/fonts/StyreneA-BlackItalic-Web.eot");
src: url("/fonts/StyreneA-BlackItalic-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/StyreneA-BlackItalic-Web.woff2") format("woff2"), url("/fonts/StyreneA-BlackItalic-Web.woff") format("woff");
font-weight: 900;
font-style: italic;
font-stretch: normal; }

.StyreneA-BlackItalic-Web {
font-family: "Styrene A Web";
font-weight: 900;
font-style: italic;
font-stretch: normal; }

@font-face {
font-family: "Styrene A Web";
src: url("/fonts/StyreneA-Black-Web.eot");
src: url("/fonts/StyreneA-Black-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/StyreneA-Black-Web.woff2") format("woff2"), url("/fonts/StyreneA-Black-Web.woff") format("woff");
font-weight: 900;
font-style: normal;
font-stretch: normal; }

.StyreneA-Black-Web {
font-family: "Styrene A Web";
font-weight: 900;
font-style: normal;
font-stretch: normal; }

@font-face {
font-family: "Styrene A Web";
src: url("/fonts/StyreneA-BoldItalic-Web.eot");
src: url("/fonts/StyreneA-BoldItalic-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/StyreneA-BoldItalic-Web.woff2") format("woff2"), url("/fonts/StyreneA-BoldItalic-Web.woff") format("woff");
font-weight: 700;
font-style: italic;
font-stretch: normal; }

.StyreneA-BoldItalic-Web {
font-family: "Styrene A Web";
font-weight: 700;
font-style: italic;
font-stretch: normal; }

@font-face {
font-family: "Styrene A Web";
src: url("/fonts/StyreneA-Bold-Web.eot");
src: url("/fonts/StyreneA-Bold-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/StyreneA-Bold-Web.woff2") format("woff2"), url("/fonts/StyreneA-Bold-Web.woff") format("woff");
font-weight: 700;
font-style: normal;
font-stretch: normal; }

.StyreneA-Bold-Web {
font-family: "Styrene A Web";
font-weight: 700;
font-style: normal;
font-stretch: normal; }

@font-face {
font-family: "Styrene A Web";
src: url("/fonts/StyreneA-MediumItalic-Web.eot");
src: url("/fonts/StyreneA-MediumItalic-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/StyreneA-MediumItalic-Web.woff2") format("woff2"), url("/fonts/StyreneA-MediumItalic-Web.woff") format("woff");
font-weight: 500;
font-style: italic;
font-stretch: normal; }

.StyreneA-MediumItalic-Web {
font-family: "Styrene A Web";
font-weight: 500;
font-style: italic;
font-stretch: normal; }

@font-face {
font-family: "Styrene A Web";
src: url("/fonts/StyreneA-Medium-Web.eot");
src: url("/fonts/StyreneA-Medium-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/StyreneA-Medium-Web.woff2") format("woff2"), url("/fonts/StyreneA-Medium-Web.woff") format("woff");
font-weight: 500;
font-style: normal;
font-stretch: normal; }

.StyreneA-Medium-Web {
font-family: "Styrene A Web";
font-weight: 500;
font-style: normal;
font-stretch: normal; }

@font-face {
font-family: "Styrene A Web";
src: url("/fonts/StyreneA-RegularItalic-Web.eot");
src: url("/fonts/StyreneA-RegularItalic-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/StyreneA-RegularItalic-Web.woff2") format("woff2"), url("/fonts/StyreneA-RegularItalic-Web.woff") format("woff");
font-weight: 400;
font-style: italic;
font-stretch: normal; }

.StyreneA-RegularItalic-Web {
font-family: "Styrene A Web";
font-weight: 400;
font-style: italic;
font-stretch: normal; }

@font-face {
font-family: "Styrene A Web";
src: url("/fonts/StyreneA-Regular-Web.eot");
src: url("/fonts/StyreneA-Regular-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/StyreneA-Regular-Web.woff2") format("woff2"), url("/fonts/StyreneA-Regular-Web.woff") format("woff");
font-weight: 400;
font-style: normal;
font-stretch: normal; }

.StyreneA-Regular-Web {
font-family: "Styrene A Web";
font-weight: 400;
font-style: normal;
font-stretch: normal; }

@font-face {
font-family: "Styrene A Web";
src: url("/fonts/StyreneA-LightItalic-Web.eot");
src: url("/fonts/StyreneA-LightItalic-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/StyreneA-LightItalic-Web.woff2") format("woff2"), url("/fonts/StyreneA-LightItalic-Web.woff") format("woff");
font-weight: 300;
font-style: italic;
font-stretch: normal; }

.StyreneA-LightItalic-Web {
font-family: "Styrene A Web";
font-weight: 300;
font-style: italic;
font-stretch: normal; }

@font-face {
font-family: "Styrene A Web";
src: url("/fonts/StyreneA-Light-Web.eot");
src: url("/fonts/StyreneA-Light-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/StyreneA-Light-Web.woff2") format("woff2"), url("/fonts/StyreneA-Light-Web.woff") format("woff");
font-weight: 300;
font-style: normal;
font-stretch: normal; }

.StyreneA-Light-Web {
font-family: "Styrene A Web";
font-weight: 300;
font-style: normal;
font-stretch: normal; }

@font-face {
font-family: "Styrene A Web";
src: url("/fonts/StyreneA-ThinItalic-Web.eot");
src: url("/fonts/StyreneA-ThinItalic-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/StyreneA-ThinItalic-Web.woff2") format("woff2"), url("/fonts/StyreneA-ThinItalic-Web.woff") format("woff");
font-weight: 100;
font-style: italic;
font-stretch: normal; }

.StyreneA-ThinItalic-Web {
font-family: "Styrene A Web";
font-weight: 100;
font-style: italic;
font-stretch: normal; }

@font-face {
font-family: "Styrene A Web";
src: url("/fonts/StyreneA-Thin-Web.eot");
src: url("/fonts/StyreneA-Thin-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/StyreneA-Thin-Web.woff2") format("woff2"), url("/fonts/StyreneA-Thin-Web.woff") format("woff");
font-weight: 100;
font-style: normal;
font-stretch: normal; }

.StyreneA-Thin-Web {
font-family: "Styrene A Web";
font-weight: 100;
font-style: normal;
font-stretch: normal; }

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block; }

body {
line-height: 1.25; }

ol,
ul {
list-style: none; }

blockquote,
q {
quotes: none; }

blockquote:before, blockquote:after {
content: "";
content: none; }

q:before, q:after {
content: "";
content: none; }

table {
border-spacing: 15px; }

/**
* React Select
* ============
* Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
* https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
* MIT License: https://github.com/JedWatson/react-select
*/
@keyframes Select-animation-spin {
to {
transform: rotate(1turn); } }

@-webkit-keyframes Select-animation-spin {
to {
-webkit-transform: rotate(1turn); } }

.Select {
position: relative; }
.Select input::-webkit-contacts-auto-fill-button,
.Select input::-webkit-credentials-auto-fill-button {
display: none !important; }
.Select input::-ms-clear {
display: none !important; }
.Select input::-ms-reveal {
display: none !important; }
.Select,
.Select div,
.Select input,
.Select span {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.Select.is-disabled .Select-arrow-zone {
cursor: default;
pointer-events: none; }
.Select.is-disabled > .Select-control {
background-color: transparent; }
.Select.is-disabled > .Select-control:hover {
box-shadow: none; }
.Select.is-searchable.is-open > .Select-control {
cursor: text; }
.Select.is-searchable.is-focused:not(.is-open) > .Select-control {
cursor: text; }
.Select.is-open > .Select-control {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background: transparent;
border-color: #404040 #595959 #666666; }
.Select.is-open > .Select-control .Select-arrow {
top: -2px;
border-color: transparent transparent #999;
border-width: 0 5px 5px; }
.Select.is-focused > .Select-control {
background: transparent; }
.Select.is-focused:not(.is-open) > .Select-control {
border-color: #f9f9f9 white white;
box-shadow: none; }
.Select.has-value.is-clearable.Select--single > .Select-control .Select-value {
padding-right: 44px; }
.Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
color: white; }
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
cursor: pointer;
text-decoration: none; }
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover, .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
color: #f9f9f9;
outline: none;
text-decoration: underline; }
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
background: transparent; }
.Select.has-value.is-pseudo-focused .Select-input {
opacity: 0; }
.Select.is-open .Select-arrow,
.Select .Select-arrow-zone:hover > .Select-arrow {
border-top-color: #666; }
.Select.Select--rtl {
direction: rtl;
text-align: right; }

.Select-control {
background-color: transparent;
border-color: #666666 #595959 #404040;
border-radius: 2px;
border: 1px solid #595959;
color: white;
cursor: default;
display: table;
border-spacing: 0;
border-collapse: separate;
height: 40px;
outline: none;
overflow: hidden;
position: relative;
width: 100%; }
.Select-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
.Select-control .Select-input:focus {
outline: none;
background: transparent; }

.Select-placeholder,
.Select--single > .Select-control .Select-value {
bottom: 0;
color: #464646;
left: 0;
line-height: 38px;
padding-left: 10px;
padding-right: 10px;
position: absolute;
right: 0;
top: 0;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }

.Select-input {
height: 38px;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle; }
.Select-input > input {
width: 100%;
background: none transparent;
border: 0 none;
box-shadow: none;
cursor: default;
display: inline-block;
font-family: inherit;
font-size: inherit;
margin: 0;
outline: none;
line-height: 17px;
/* For IE 8 compatibility */
padding: 10px 0 14px;
/* For IE 8 compatibility */
-webkit-appearance: none; }
.is-focused .Select-input > input {
cursor: text; }

.Select-control:not(.is-searchable) > .Select-input {
outline: none; }

.Select-loading-zone {
cursor: pointer;
display: table-cell;
position: relative;
text-align: center;
vertical-align: middle;
width: 16px; }

.Select-loading {
-webkit-animation: Select-animation-spin 400ms infinite linear;
-o-animation: Select-animation-spin 400ms infinite linear;
animation: Select-animation-spin 400ms infinite linear;
width: 16px;
height: 16px;
box-sizing: border-box;
border-radius: 50%;
border: 2px solid #595959;
border-right-color: white;
display: inline-block;
position: relative;
vertical-align: middle; }

.Select-clear-zone {
-webkit-animation: Select-animation-fadeIn 200ms;
-o-animation: Select-animation-fadeIn 200ms;
animation: Select-animation-fadeIn 200ms;
color: #999;
cursor: pointer;
display: table-cell;
position: relative;
text-align: center;
vertical-align: middle;
width: 19px; }
.Select-clear-zone:hover {
color: #d0021b; }

.Select-clear {
display: inline-block;
font-size: 20px;
line-height: 1; }

.Select--multi .Select-clear-zone {
width: 19px; }

.Select--multi .Select-multi-value-wrapper {
display: inline-block; }

.Select .Select-aria-only {
position: absolute;
display: inline-block;
height: 1px;
width: 1px;
margin: -1px;
clip: rect(0, 0, 0, 0);
overflow: hidden;
float: left; }

.Select-arrow-zone {
cursor: pointer;
display: table-cell;
position: relative;
text-align: center;
vertical-align: middle;
width: 25px;
padding-right: 5px; }
.Select--rtl .Select-arrow-zone {
padding-right: 0;
padding-left: 5px; }

.Select-arrow {
border-color: #999 transparent transparent;
border-style: solid;
border-width: 5px 5px 2.5px;
display: inline-block;
height: 0;
width: 0;
position: relative; }

@-webkit-keyframes Select-animation-fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }

@keyframes Select-animation-fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }

.Select-menu-outer {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
background-color: transparent;
border: 1px solid #595959;
border-top-color: rgba(89, 89, 89, 0.5);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
box-sizing: border-box;
margin-top: -1px;
max-height: 200px;
position: absolute;
left: 0;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch; }

.Select-menu {
max-height: 198px;
overflow-y: auto; }

.Select-option {
box-sizing: border-box;
background-color: #595959;
color: white;
cursor: pointer;
display: block;
padding: 8px 10px; }
.Select-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.Select-option.is-selected {
background-color: #595959;
color: #f9f9f9; }
.Select-option.is-focused {
background-color: white;
color: #464646; }
.Select-option.is-disabled {
color: white;
cursor: default; }

.Select-noresults {
box-sizing: border-box;
color: white;
cursor: default;
display: block;
padding: 8px 10px; }

.Select--multi .Select-input {
vertical-align: middle;
margin-left: 10px;
padding: 0; }

.Select--multi.Select--rtl .Select-input {
margin-left: 0;
margin-right: 10px; }

.Select--multi.has-value .Select-input {
margin-left: 5px; }

.Select--multi .Select-value {
background-color: #f2f9fc;
border-radius: 2px;
border: 1px solid #c9e6f2;
color: #08c;
display: inline-block;
font-size: 0.9em;
margin-left: 5px;
margin-top: 5px;
vertical-align: top; }

.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
display: inline-block;
vertical-align: middle; }

.Select--multi .Select-value-label {
border-bottom-right-radius: 2px;
border-top-right-radius: 2px;
cursor: default;
padding: 2px 5px; }

.Select--multi a.Select-value-label {
color: #08c;
cursor: pointer;
text-decoration: none; }
.Select--multi a.Select-value-label:hover {
text-decoration: underline; }

.Select--multi .Select-value-icon {
cursor: pointer;
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
border-right: 1px solid #c9e6f2;
padding: 1px 5px 3px; }
.Select--multi .Select-value-icon:hover, .Select--multi .Select-value-icon:focus {
background-color: #ddeff7;
color: #0077b3; }
.Select--multi .Select-value-icon:active {
background-color: #c9e6f2; }

.Select--multi.Select--rtl .Select-value {
margin-left: 0;
margin-right: 5px; }

.Select--multi.Select--rtl .Select-value-icon {
border-right: none;
border-left: 1px solid #c9e6f2; }

.Select--multi.is-disabled .Select-value {
background-color: #fcfcfc;
border: 1px solid #e3e3e3;
color: #333; }

.Select--multi.is-disabled .Select-value-icon {
cursor: not-allowed;
border-right: 1px solid #e3e3e3; }
.Select--multi.is-disabled .Select-value-icon:hover, .Select--multi.is-disabled .Select-value-icon:focus, .Select--multi.is-disabled .Select-value-icon:active {
background-color: #fcfcfc; }

@keyframes Select-animation-spin {
to {
transform: rotate(1turn); } }

@-webkit-keyframes Select-animation-spin {
to {
-webkit-transform: rotate(1turn); } }

.only-big {
display: none !important; }
@media (min-width: 1024px) {
.only-big {
display: block !important; } }

@media (min-width: 1024px) {
.big-break {
display: block; } }

@media (max-width: 500px) {
.small-break {
display: block; } }

.size--xl {
font-size: 50px;
line-height: 60px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
letter-spacing: -0.015em; }
@media (min-width: 1024px) {
.size--xl {
font-size: 96px;
line-height: 96px; } }

.size--l {
font-size: 26px;
line-height: 30px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
letter-spacing: -0.015em; }
@media (min-width: 1024px) {
.size--l {
font-size: 40px;
line-height: 50px; } }

.size--m {
font-size: 13px;
line-height: 26px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
@media (min-width: 1024px) {
.size--m {
font-size: 18px;
line-height: 36px; } }

.size--s {
font-size: 14px;
line-height: 1.8;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
@media (min-width: 1024px) {
.size--s {
font-size: 15px;
line-height: 2; } }

.size--xs {
font-size: 12px;
line-height: 15px; }

.small-caps {
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
letter-spacing: 2px; }

.light {
font-weight: 300; }

.tm {
font-size: 0.5em;
top: -0.5em;
position: relative; }

.lh-1 {
line-height: 1; }

.lh-15 {
line-height: 1.5; }

.lh-2 {
line-height: 2; }

.cf:before,
.cf:after {
content: " ";
display: table; }

.cf:after {
clear: both; }

/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.cf {
*zoom: 1; }

.pt-1c {
padding-top: 12.5%; }

.pr-1c {
padding-right: 12.5%; }

.pl-1c {
padding-left: 12.5%; }

.pb-1c {
padding-bottom: 12.5%; }

.pa-1c {
padding: 12.5%; }

.pt-2c {
padding-top: 25%; }

.pr-2c {
padding-right: 25%; }

.pl-2c {
padding-left: 25%; }

.pb-2c {
padding-bottom: 25%; }

.pa-2c {
padding: 25%; }

.pt-3c {
padding-top: 37.5%; }

.pr-3c {
padding-right: 37.5%; }

.pl-3c {
padding-left: 37.5%; }

.pb-3c {
padding-bottom: 37.5%; }

.pa-3c {
padding: 37.5%; }

@media (min-width: 1024px) {
.pt-1c--b {
padding-top: 6.25%; }
.pr-1c--b {
padding-right: 6.25%; }
.pl-0c--b {
padding-left: 0%; }
.pb-1c--b {
padding-bottom: 6.25%; }
.pl-1c--b {
padding-left: 6.25%; }
.pa-1c--b {
padding: 6.25%; }
.pt-2c--b {
padding-top: 12.5%; }
.pr-2c--b {
padding-right: 12.5%; }
.pb-2c--b {
padding-bottom: 12.5%; }
.pl-2c--b {
padding-left: 12.5%; }
.pa-2c--b {
padding: 12.5%; }
.pt-3c--b {
padding-top: 18.75%; }
.pr-3c--b {
padding-right: 18.75%; }
.pb-3c--b {
padding-bottom: 18.75%; }
.pl-3c--b {
padding-left: 18.75%; }
.pa-3c--b {
padding: 18.75%; } }

.mb-10 {
margin-bottom: 10px; }

.mb-20 {
margin-bottom: 20px; }

.mb-40 {
margin-bottom: 40px; }

.mb-60 {
margin-bottom: 60px; }

.mt-10 {
margin-top: 10px; }

.mt-20 {
margin-top: 20px; }

.mt-40 {
margin-top: 40px; }

.mt-60 {
margin-top: 60px; }

.mt-1c {
margin-top: 12.5%; }

.mr-1c {
margin-right: 12.5%; }

.mb-1c {
margin-bottom: 12.5%; }

.ml-1c {
margin-left: 12.5%; }

.ma-1c {
margin: 12.5%; }

.mt-2c {
margin-top: 25%; }

.mr-2c {
margin-right: 25%; }

.mb-2c {
margin-bottom: 25%; }

.ml-2c {
margin-left: 25%; }

.ma-2c {
margin: 25%; }

.mt-3c {
margin-top: 37.5%; }

.mr-3c {
margin-right: 37.5%; }

.mb-3c {
margin-bottom: 37.5%; }

.ml-3c {
margin-left: 37.5%; }

.ma-3c {
margin: 37.5%; }

@media (min-width: 1024px) {
.mt-1c--b {
margin-top: 6.25%; }
.mr-1c--b {
margin-right: 6.25%; }
.mb-1c--b {
margin-bottom: 6.25%; }
.ml-1c--b {
margin-left: 6.25%; }
.ma-1c--b {
margin: 6.25%; }
.mt-2c--b {
margin-top: 12.5%; }
.mr-2c--b {
margin-right: 12.5%; }
.mb-2c--b {
margin-bottom: 12.5%; }
.ml-2c--b {
margin-left: 12.5%; }
.ma-2c--b {
margin: 12.5%; }
.mt-3c--b {
margin-top: 18.75%; }
.mr-3c--b {
margin-right: 18.75%; }
.mb-3c--b {
margin-bottom: 18.75%; }
.ml-3c--b {
margin-left: 18.75%; }
.ma-3c--b {
margin: 18.75%; } }

ul {
list-style: disc;
margin-left: 20px;
margin-bottom: 24px; }
ul li {
line-height: 30px; }

.user-body .user-body-content .body-content h3 {
padding-top: 0px !important;
line-height: 24px !important;
margin-top: 24px !important; }

.section-v2 {
padding: 6.25%; }

.has-gradient-bg {
background: linear-gradient(160deg, var(--c-primary), #8259ef); }

.has-black-bg {
background: #222222; }

.dark-links a {
color: #222222; }

.light-links a {
color: white; }

.section-title {
font-size: 32px !important;
text-align: center;
margin: 0 auto 96px auto; }

.with-subtitle {
margin: 0 auto 48px auto; }

.section-subtitle {
margin: 0 auto 96px auto;
line-height: 30px;
text-align: center;
font-weight: 300;
max-width: 600px;
font-size: 15px;
letter-spacing: 0; }

.section-subtitle-with-cta {
margin: 0 auto 48px;
line-height: 30px;
text-align: center;
font-weight: 300;
max-width: 600px;
font-size: 15px;
letter-spacing: 0; }

.section-subtitle-left {
margin: 0 auto 96px auto;
text-align: left;
font-weight: 300;
max-width: 600px;
font-size: 15px;
line-height: 30px;
letter-spacing: 0; }

.section-subtitle-hbar {
margin: 0 auto 58px auto;
text-align: center;
max-width: 600px;
font-size: 15px;
font-weight: 300;
line-height: 30px;
letter-spacing: 0; }

.item-title {
font-size: 26px !important;
margin: 0 0 24px 0; }

.graph-title {
font-size: 26px !important;
margin: 48px 0 24px 0; }

.item-title-with-subtitle {
font-size: 26px !important;
margin: 0 0 24px 0; }

.item-subtitle {
margin: 0 0 48px 0; }

.item-icon {
margin: 0 0 36px 0; }

.all-caps-title {
font-size: 16px !important; }

.content-spacing {
margin: 0 0 48px 0; }

.content-spacing-with-cta {
margin: 0 0 24px 0; }

.text-white {
color: #ffffff; }

.text-gray {
color: #464646; }

blockquote {
font-style: italic;
text-align: left;
font-size: 20px;
color: #464646;
margin: 24px 0 0px;
font-weight: 100;
line-height: 1.15; }
blockquote:before {
content: "";
background: linear-gradient(160deg, var(--c-primary), #8259ef);
display: block;
height: 3px;
width: 100%;
bottom: 0;
margin-bottom: 37px; }
blockquote + h3 {
font-size: 15px !important;
font-weight: 400 !important;
letter-spacing: 1.25px;
line-height: 30px !important;
text-transform: uppercase;
text-align: left;
color: #464646;
margin-bottom: 48px; }
blockquote + h3:after {
content: "";
background: linear-gradient(160deg, var(--c-primary), #8259ef);
display: block;
height: 3px;
width: 100%;
bottom: 0;
margin-top: 37px; }

.service-teaser-description a {
color: white; }

@media screen and (max-width: 1100px) {
.section-v2 {
padding: 12.5%; }
.section-title {
font-size: 22px !important;
text-align: left;
max-width: 100%;
margin: 0 0 72px 0; }
.with-subtitle {
margin: 0 0 32px 0; }
.section-subtitle {
text-align: left;
margin: 0 0 72px 0; }
.section-subtitle-left {
text-align: left;
margin: 0 0 72px 0; }
.section-subtitle-hbar {
text-align: left;
margin: 0 0 58px 0; }
.item-title {
font-size: 20px !important;
margin: 0 0 16px 0; }
.item-title-with-subtitle {
font-size: 20px !important;
margin: 0 0 16px 0; }
.all-caps-title {
font-size: 14px !important; }
.item-subtitle {
margin: 0 0 32px 0; }
.item-icon {
margin: 0 0 24px 0; }
.content-spacing {
margin: 0 0 32px 0; }
.content-spacing-with-cta {
margin: 0 0 32px 0; } }

@media (min-width: 1024px) {
.user-body .user-body-content .body-content h3 {
padding-top: 0px !important;
line-height: 24px !important;
margin-top: 24px !important; } }

.Home {
width: 100vw; }

.Home-intro {
height: calc(100vh - 128px);
min-height: 430px;
position: relative; }
@media (min-width: 1024px) {
.Home-intro {
height: calc(100vh - 128px); } }
.Home-intro > .image {
position: absolute;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
top: 0;
right: 0;
bottom: 0;
left: 0; }
@media (min-width: 1024px) {
.Home-intro > .image {
background-attachment: fixed;
background-position: center 90%; } }
.Home-intro > .text {
position: absolute;
color: white;
left: 6.25%;
right: 6.25%;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.Home-intro > .text h2 {
margin-bottom: 30px;
font-weight: 200; }
@media (min-width: 1024px) {
.Home-intro > .text h2 {
margin-bottom: 50px; } }
.Home-intro > .text .intro {
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
letter-spacing: 2px;
margin-top: 40px;
margin-bottom: 40px; }
@media (min-width: 1024px) {
.Home-intro .ButtonLauncher {
display: inline-block; } }

.HeroVideo {
position: fixed;
background-color: #222222;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1010; }
.HeroVideo > div {
width: 100%;
height: 100%;
display: block;
position: relative; }
.HeroVideo > .close {
cursor: pointer;
position: absolute;
right: 8px;
top: 48px;
width: 62px;
height: 62px;
display: block; }
.HeroVideo > .close svg path {
fill: #545454; }

.Nav {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 1001;
height: 80px;
-moz-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.014);
pointer-events: auto; }
.Nav .close {
display: none; }
.Nav.is-initial {
background-color: rgba(255, 255, 255, 0); }
.Nav.is-initial > .header .symbol svg .circle {
fill: white; }
.Nav.is-initial > .header .symbol svg .h {
fill: #222222; }
.Nav.is-initial > .header .logo > .seed4equity {
color: white; }
.Nav.is-initial > .header .logo > .hashgraph {
color: white; }
.Nav.isnt-index {
background-color: white; }
.Nav.is-up {
background-color: white;
opacity: 1; }
.Nav.is-down {
background-color: white; }
.Nav.is-down.is-initial {
background-color: rgba(255, 255, 255, 0); }
.Nav.is-open {
bottom: 0;
height: 100%;
background-color: #222; }
.Nav.is-open .close {
display: block; }
.Nav.is-open .hamburger {
display: none; }
.Nav.is-open > .header .symbol svg .circle {
fill: white; }
.Nav.is-open > .header .symbol svg .h {
fill: #222222; }
.Nav.is-open > .header .logo > .seed4equity {
color: white; }
.Nav.is-open > .header .logo > .hashgraph {
color: white; }

body.scroll-up .Nav.stick-to-hero,
body.scroll-down .Nav.stick-to-hero {
transition: transform 0.25s ease 0s; }

body.scroll-up .Nav.stick-to-hero {
top: -80px !important;
position: fixed !important;
transform: translateY(80px); }

body .Nav.stick-to-hero,
body.scroll-down .Nav.stick-to-hero {
position: absolute;
transform: translateY(0); }

.Nav.isnt-index .right .Btn,
.Nav.is-up .right .Btn,
.Nav.is-down .right .Btn {
border-color: #464646;
background-color: white;
color: #464646; }
.Nav.isnt-index .right .Btn:hover,
.Nav.is-up .right .Btn:hover,
.Nav.is-down .right .Btn:hover {
border-color: #464646;
background-color: #464646;
color: white; }

.Nav.is-open .right .Btn {
border-color: white;
background-color: white;
color: #464646; }
.Nav.is-open .right .Btn:hover {
background-color: transparent;
border-color: white;
color: white; }

.Nav.right > a.saft.Btn {
text-decoration: none; }

body.modal-is-open .Nav {
display: none !important; }

body.live-stream-is-open .Nav {
display: block !important;
opacity: 1 !important; }

.Nav > .header {
display: flex;
height: 80px;
z-index: 100;
position: relative; }
.Nav > .header .right {
flex: 1 auto;
display: flex;
align-items: flex-start;
justify-content: flex-end; }
.Nav > .header .right .Btn {
margin: auto 1vw;
min-width: auto;
transition: background-color 0.25s linear 0s; }
.Nav > .header .right .saft {
position: relative;
margin: auto; }
@media (min-width: 1024px) {
.Nav > .header .right .saft {
margin: auto 0 auto auto; } }
.Nav > .header .right > .RegisterInterest {
position: relative;
top: -37px; }
.Nav > .header .right > .LiveIndicator {
position: relative;
top: -37px;
margin-right: 25px; }
.Nav > .header .right > .ctrls {
display: inline-block;
height: 80px;
width: 80px; }
.Nav > .header .right > .ctrls > a {
width: 100%;
height: 80px; }

.Nav .logo {
display: block;
position: absolute;
top: -3px;
left: calc(12.5% - 30px);
cursor: pointer;
height: 80px;
text-decoration: none;
line-height: 76px;
font-size: 17px;
z-index: 1; }
@media (min-width: 1025px) {
.Nav .logo {
left: calc(12.5% - 67px); } }
@media (min-width: 1101px) {
.Nav .logo {
max-width: 30%;
left: 0; } }
.Nav .logo > span {
display: inline-block;
position: relative;
top: -34px; }
.Nav .logo .seed4equity {
color: #222222;
opacity: 0;
display: none;
left: -6px; }
@media (min-width: 1024px) {
.Nav .logo .seed4equity {
opacity: 1;
display: inline-block; } }
.Nav .logo .hashgraph {
color: #222222;
opacity: 0;
display: none;
left: -6px; }
@media (min-width: 1024px) {
.Nav .logo .hashgraph {
opacity: 1;
display: inline-block; } }
.Nav .logo > .symbol {
width: 80px;
height: 80px;
display: inline-block; }
@media (min-width: 1101px) {
.Nav .logo > .symbol {
width: 6.25vw; } }
.Nav .logo svg {
position: relative;
top: 25px;
display: block;
width: 30px;
height: 30px; }
@media (min-width: 1024px) {
.Nav .logo svg {
margin-left: auto;
margin-right: 13.1px;
/* intrinsic size of hbar within our logo's circle */ } }
.Nav .logo svg .circle {
fill: #222222; }
.Nav .logo svg .h {
fill: #f9f9f9; }

.Nav .right {
float: right;
height: 80px; }
.Nav .right > .RegisterInterest,
.Nav .right > .LiveIndicator {
display: none; }
@media (min-width: 1024px) {
.Nav .right > .RegisterInterest,
.Nav .right > .LiveIndicator {
display: inline-block; } }
.Nav .right svg {
display: block;
width: 30px;
height: 30px;
margin-left: auto;
margin-right: auto;
position: relative;
top: 25px; }
.Nav .right svg .circle {
fill: white; }
.Nav .right svg .hamburger {
fill: #464646; }
.Nav .right svg .x {
fill: #464646; }

@media (min-width: 1024px) {
.Nav .main,
.Footer .main {
display: flex; }
.Nav .main > ul,
.Footer .main > ul {
width: 14.28571%; }
.Nav .main > ul.is-last,
.Footer .main > ul.is-last {
width: 28.57143%; } }

.nav-items {
padding: 6.25%; }
@media (min-width: 1024px) {
.nav-items {
padding-top: 40px; } }
.nav-items > .topline {
padding-bottom: 12px; }
@media (min-width: 1024px) {
.nav-items > .topline {
display: flex;
align-items: baseline;
padding-bottom: 0px; } }
.nav-items > .topline > a {
display: block;
color: #f9f9f9;
text-decoration: none;
line-height: 2; }
@media (min-width: 1024px) {
.nav-items > .topline > a {
width: 14.28571%;
line-height: 1; } }
@media (min-width: 1024px) {
.nav-items > .topline > .NewsletterSignup-external {
width: 57.14286%; } }
.nav-items > .topline > .social {
position: relative;
border-top: 1px solid #595959;
padding-top: 40px; }
@media (min-width: 1024px) {
.nav-items > .topline > .social {
border-top: 0;
padding-top: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
top: 7px;
margin-top: 0;
width: 42.85714%; } }
.nav-items > .topline > .social > a {
display: block;
position: relative;
margin-right: 16px;
margin-bottom: 16px;
width: 24px;
min-width: 24px;
height: 24px;
float: left; }
@media (min-width: 1024px) {
.nav-items > .topline > .social > a {
margin-bottom: 0;
margin-right: auto;
float: none; } }
.nav-items > .topline > .social > a svg {
display: block; }
.nav-items > .topline > .social > a svg path {
fill: #8c8c8c; }
.nav-items > .topline > .social > a:last-of-type, .nav-items > .topline > .social > a:last-child {
margin-right: 0 !important; }
.nav-items > .topline > .social > a:hover svg path {
fill: white; }
.nav-items > .quicklinks {
display: flex;
flex-direction: column;
border-top: 1px solid #595959;
padding-top: 20px;
padding-bottom: 60px; }
@media (min-width: 1024px) {
.nav-items > .quicklinks {
border-top: 0;
display: block;
margin-top: 40px;
padding-bottom: 0; } }
.nav-items > .quicklinks a {
text-decoration: none;
color: white; }
.nav-items > .quicklinks a:hover {
text-decoration: underline; }
.nav-items > .quicklinks > .quicklink {
padding: 10px 0;
width: auto;
margin-right: 20px; }
.nav-items > .quicklinks > .quicklink:last-of-type {
margin-right: 0; }

.Nav .nav-items {
display: none;
position: fixed;
left: 0;
top: 80px;
bottom: 0;
right: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
max-height: calc(100vh - 100px); }
@media (min-width: 1024px) {
.Nav .nav-items {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
left: 0;
right: 0;
bottom: auto; } }

.Nav.is-open .nav-items {
display: block;
clear: both; }

.main-menu {
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
font-weight: normal;
position: relative; }
.main-menu * {
box-sizing: border-box; }
.main-menu ul {
list-style: none;
font-size: 10px;
margin: 0; }
.main-menu ul li {
display: block;
position: relative;
margin-bottom: unset;
line-height: 1; }
.main-menu .menu-link-divider {
display: none; }
.main-menu ul.main-menu-nav {
display: flex;
flex-direction: row; }
.main-menu ul.main-menu-nav li {
color: #EAEAEA; }
.main-menu ul.main-menu-nav li .menu-title,
.main-menu ul.main-menu-nav li .menu-title a:active,
.main-menu ul.main-menu-nav li .menu-title a:hover,
.main-menu ul.main-menu-nav li .menu-title a:link,
.main-menu ul.main-menu-nav li .menu-title a:visited,
.main-menu ul.main-menu-nav li .menu-title a {
color: #EAEAEA; }
.main-menu ul.main-menu-nav li .menu-title {
margin: 11px 0 0;
padding: 20px 2vw 36px;
display: block;
position: relative;
font-size: 12px;
letter-spacing: 0.1em;
font-weight: 400;
white-space: nowrap;
opacity: 0.8;
transition: opacity 0.25s linear 0s; }
.main-menu ul.main-menu-nav li .menu-title.show, .main-menu ul.main-menu-nav li .menu-title:hover {
opacity: 1; }
.main-menu ul.main-menu-nav li .menu-title.menu-title-has-link {
padding: 0; }
.main-menu ul.main-menu-nav li .menu-title.menu-title-has-link .menu-title-link {
display: block;
position: relative;
padding: 20px 2vw 36px;
font-size: 13px; }
.main-menu ul.main-menu-nav li .menu-title.menu-title-has-link div.menu-title-link {
cursor: default; }
.main-menu ul.main-menu-nav li .menu-title.show ul.menu-dropdown {
top: 69px;
opacity: 1; }
.main-menu ul.main-menu-nav li a {
color: #EAEAEA;
text-decoration: none; }
.main-menu ul.main-menu-nav li span {
display: block;
position: relative;
color: #EAEAEA; }
.main-menu ul.menu-dropdown {
display: block;
position: absolute;
min-width: 365px;
width: auto;
height: auto;
top: -5000px;
left: 50%;
transform: translateX(-50%);
padding: 30px 0 0;
background: #222;
white-space: normal;
opacity: 0;
transition: opacity 0.25s linear 0s;
--pointer-margin-left: 0px; }
.main-menu ul.menu-dropdown.link-list-width {
min-width: 210px;
width: 210px; }
.main-menu ul.menu-dropdown.link-list-width li.option.option-link-list .option-link {
padding-left: 36px;
padding-right: 36px; }
.main-menu ul.menu-dropdown .border {
display: block;
position: absolute;
width: 100%;
height: 1px;
padding: 0;
top: 0;
left: 0;
background: var(--c-primary); }
.main-menu ul.menu-dropdown::before {
content: "";
display: block;
position: absolute;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid var(--c-primary);
top: -10px;
left: 50%;
transform: translateX(-50%);
margin-left: var(--pointer-margin-left, 0px); }
.main-menu ul.menu-dropdown::after {
content: "";
display: block;
position: absolute;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #222;
top: -8px;
left: 50%;
transform: translateX(-50%);
margin-left: var(--pointer-margin-left, 0px); }
.main-menu ul.menu-dropdown li {
padding: 0 42px 30px;
background: #222;
letter-spacing: 2px; }
.main-menu ul.menu-dropdown li.links-menu {
padding: 0;
overflow-x: hidden; }
.main-menu ul.menu-dropdown li.links-menu ul.links-menu-list {
display: flex;
position: relative;
flex-direction: column;
flex-wrap: wrap;
padding: 0; }
.main-menu ul.menu-dropdown li.links-menu ul.links-menu-list li {
max-width: 365px; }
.main-menu ul.menu-dropdown li.links-menu.two-col {
width: 650px; }
.main-menu ul.menu-dropdown li.links-menu.two-col ul.links-menu-list {
flex-direction: row; }
.main-menu ul.menu-dropdown li.links-menu.two-col ul.links-menu-list li {
flex: 1 1 50%;
max-width: 325px; }
.main-menu ul.menu-dropdown li.links-menu.two-col ul.links-menu-list li.option:last-child, .main-menu ul.menu-dropdown li.links-menu.two-col ul.links-menu-list li:nth-child(2) {
padding: 0; }
.main-menu ul.menu-dropdown li.links-menu.two-col ul.links-menu-list li a {
padding-left: 21px; }
.main-menu ul.menu-dropdown li.links-menu.two-col ul.links-menu-list li:nth-child(odd) a {
padding-left: 42px;
padding-right: 21px; }
.main-menu ul.menu-dropdown li.links-menu.two-col.secondary ul.links-menu-list {
flex-direction: row; }
.main-menu ul.menu-dropdown li.links-menu.two-col.secondary ul.links-menu-list li:last-child a {
padding-left: 21px; }
.main-menu ul.menu-dropdown li.title,
.main-menu ul.menu-dropdown li.title p {
text-transform: uppercase; }
.main-menu ul.menu-dropdown li.sub-title,
.main-menu ul.menu-dropdown li.sub-title p {
text-transform: uppercase;
color: #8C8C8C;
font-weight: 400; }
.main-menu ul.menu-dropdown li.menu-divider {
margin: 0 42px 0;
padding: 30px 0 25px;
border-top: 1px solid rgba(255, 255, 255, 0.19); }
.main-menu ul.menu-dropdown li a {
color: white;
text-decoration: none; }
.main-menu ul.menu-dropdown li span {
display: block;
position: relative;
color: white; }
.main-menu ul.menu-dropdown li.option {
padding: 0; }
.main-menu ul.menu-dropdown li.option .option-link {
display: flex;
flex-direction: row;
position: relative;
width: 100%;
height: 100%;
padding: 0 42px 30px;
opacity: 0.8;
transition: opacity 0.25s linear 0s; }
.main-menu ul.menu-dropdown li.option .option-link:hover {
opacity: 1; }
.main-menu ul.menu-dropdown li.option .image {
width: 66px;
height: auto;
background-repeat: no-repeat;
background-position: top left;
background-size: contain;
flex: 0 0 66px; }
.main-menu ul.menu-dropdown li.option .text {
flex: 0 1 auto;
padding-left: 15px;
min-height: 59px; }
.main-menu ul.menu-dropdown li.option .heading,
.main-menu ul.menu-dropdown li.option .heading p {
text-transform: uppercase;
padding-bottom: 5px;
line-height: 1.6;
top: -4px;
font-weight: 400; }
.main-menu ul.menu-dropdown li.option .body,
.main-menu ul.menu-dropdown li.option .body p {
font-weight: 300;
font-size: 12px;
line-height: 1.6;
letter-spacing: 0.1em;
color: #ffffff;
top: -5px; }
.main-menu ul.menu-dropdown li.option.option-image-link {
display: inline-block;
position: relative;
width: 25%;
height: auto;
padding: 0; }
.main-menu ul.menu-dropdown li.option.option-image-link .option-link {
padding: 0; }
.main-menu ul.menu-dropdown li.option.option-image-link:hover {
background: inherit; }
.main-menu ul.menu-dropdown li.option.option-image-link .icon-image {
max-width: 70px;
max-height: 51px;
margin: auto;
display: block; }
.main-menu ul.menu-dropdown li.option.option-image-link-1, .main-menu ul.menu-dropdown li.option.option-image-link-4, .main-menu ul.menu-dropdown li.option.option-image-link-7 {
margin-left: 42px; }
.main-menu ul.menu-dropdown li.option.option-image-link-1 .icon-image, .main-menu ul.menu-dropdown li.option.option-image-link-4 .icon-image, .main-menu ul.menu-dropdown li.option.option-image-link-7 .icon-image {
margin: auto 0; }
.main-menu ul.menu-dropdown li.option.option-image-link-3 .icon-image, .main-menu ul.menu-dropdown li.option.option-image-link-6 .icon-image, .main-menu ul.menu-dropdown li.option.option-image-link-9 .icon-image {
margin: auto 0 auto auto; }
.main-menu ul.menu-dropdown li.option.option-link-list {
display: block;
position: relative;
width: 100%;
height: auto;
padding: 0;
font-weight: 300;
font-size: 10px; }
.main-menu ul.menu-dropdown li.option.option-link-list.last {
margin-bottom: 10px; }
.main-menu ul.menu-dropdown li.option.option-link-list .option-link {
padding-top: 0px !important;
padding-bottom: 20px !important;
opacity: 0.8;
transition: opacity 0.25s linear 0s; }
.main-menu ul.menu-dropdown li.option.option-link-list .option-link:hover {
opacity: 1; }

.Nav .menu-vert-divider {
width: 1px;
height: 30px;
background: white;
margin: 0 16px 0 22px;
display: inline-block;
position: relative; }

.Nav .user-icon,
.Nav .user-icon-dark {
position: relative;
width: 20px;
height: 30px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin: auto 0;
opacity: 0.8;
transition: opacity 0.25s linear 0s; }
.Nav .user-icon:hover,
.Nav .user-icon-dark:hover {
opacity: 1; }

.Nav .search {
margin: auto calc(6.25% - 43.1px) auto 1vw;
border-width: 1px; }
.Nav .search input[type=search] {
border-radius: 15px;
height: 30px;
width: 120px;
min-width: auto;
padding: 1px 9px;
background-color: transparent;
color: #fff;
border: 1px solid #fff;
font-family: Styrene A Web,Helvetica Neue,Sans-Serif;
font-weight: 500;
font-size: 8px;
letter-spacing: 1.33px;
line-height: 28px;
text-transform: uppercase;
outline: none;
-webkit-appearance: textfield; }
.Nav .search input[type=search]::-webkit-input-placeholder {
color: white; }
.Nav .search input[type=search]::-webkit-search-cancel-button {
-webkit-appearance: none;
cursor: pointer; }
@media (max-width: 1100px) {
.Nav .search {
position: absolute;
margin: 0;
top: 25px;
left: 50%;
transform: translateX(-50%); } }

.Nav.Nav.isnt-index .search input[type=search], .Nav.Nav.is-down .search input[type=search], .Nav.Nav.is-up .search input[type=search] {
color: #464646;
border: 1px solid #464646;
outline: none; }
.Nav.Nav.isnt-index .search input[type=search]::-webkit-input-placeholder, .Nav.Nav.is-down .search input[type=search]::-webkit-input-placeholder, .Nav.Nav.is-up .search input[type=search]::-webkit-input-placeholder {
color: #464646; }

.Nav .menu-account {
width: 6.25%;
height: 30px;
margin: auto 0;
display: inline-block;
position: relative; }
.Nav .menu-account .user-icon {
display: inline-block; }
.Nav .menu-account .user-icon-dark {
display: none; }

@media (min-width: 1100px) {
.Nav.isnt-index .main-menu ul.main-menu-nav li .menu-title {
color: #000; }
.Nav.isnt-index .main-menu ul.main-menu-nav li .menu-title a:active.menu-title-link,
.Nav.isnt-index .main-menu ul.main-menu-nav li .menu-title a:hover.menu-title-link,
.Nav.isnt-index .main-menu ul.main-menu-nav li .menu-title a:link.menu-title-link,
.Nav.isnt-index .main-menu ul.main-menu-nav li .menu-title a:visited.menu-title-link,
.Nav.isnt-index .main-menu ul.main-menu-nav li .menu-title a.menu-title-link {
color: #000; } }

.Nav.isnt-index .menu-vert-divider {
background: #464646; }

.Nav.isnt-index .user-icon {
display: none; }

.Nav.isnt-index .user-icon-dark {
display: inline-block; }

@media (min-width: 1101px) {
.main-menu ul.main-menu-nav li .menu-title {
height: 68px !important;
/* help force with js inline styling */ }
.Nav.is-up .main-menu ul.main-menu-nav li .menu-title,
.Nav.is-down .main-menu ul.main-menu-nav li .menu-title {
color: #000; }
.Nav.is-up .main-menu ul.main-menu-nav li .menu-title a:active.menu-title-link,
.Nav.is-up .main-menu ul.main-menu-nav li .menu-title a:hover.menu-title-link,
.Nav.is-up .main-menu ul.main-menu-nav li .menu-title a:link.menu-title-link,
.Nav.is-up .main-menu ul.main-menu-nav li .menu-title a:visited.menu-title-link,
.Nav.is-up .main-menu ul.main-menu-nav li .menu-title a.menu-title-link,
.Nav.is-down .main-menu ul.main-menu-nav li .menu-title a:active.menu-title-link,
.Nav.is-down .main-menu ul.main-menu-nav li .menu-title a:hover.menu-title-link,
.Nav.is-down .main-menu ul.main-menu-nav li .menu-title a:link.menu-title-link,
.Nav.is-down .main-menu ul.main-menu-nav li .menu-title a:visited.menu-title-link,
.Nav.is-down .main-menu ul.main-menu-nav li .menu-title a.menu-title-link {
color: #000; }
.Nav.is-up .menu-account .menu-vert-divider,
.Nav.is-down .menu-account .menu-vert-divider {
background: #464646; }
.Nav.is-up .menu-account .user-icon,
.Nav.is-down .menu-account .user-icon {
display: none; }
.Nav.is-up .menu-account .user-icon-dark,
.Nav.is-down .menu-account .user-icon-dark {
display: inline-block; } }

.Nav > .header .right > .ctrls {
display: none; }

@media (max-width: 1440px) {
.main-menu ul.main-menu-nav li .menu-title {
padding: 20px 1.5vw 36px; }
.main-menu ul.main-menu-nav li .menu-title.menu-title-has-link {
padding: 0; }
.main-menu ul.main-menu-nav li .menu-title.menu-title-has-link .menu-title-link {
padding: 20px 1.5vw 36px; } }

@media (max-width: 1300px) {
.main-menu ul.main-menu-nav li .menu-title {
padding: 20px 1vw 36px; }
.main-menu ul.main-menu-nav li .menu-title.menu-title-has-link {
padding: 0; }
.main-menu ul.main-menu-nav li .menu-title.menu-title-has-link .menu-title-link {
padding: 20px 1vw 36px; } }

@media (max-width: 1100px) {
body.nav-is-open {
overflow: hidden !important;
height: 100% !important; }
.Nav > .header {
height: auto;
display: block;
width: 100%; }
.Nav > .header .right {
width: 100%;
display: block;
position: relative;
width: 100%;
float: none; }
.Nav > .header .right .Btn {
display: none;
position: absolute;
margin: 0;
top: 25px;
left: 50%;
transform: translateX(-50%); }
.Nav {
position: fixed;
left: 0;
right: 0;
top: 0;
background: transparent; }
.Nav.is-open {
height: auto;
bottom: inherit;
background: transparent; }
.Nav.is-open > .header .right {
background-color: rgba(34, 34, 34, 0.97);
height: 80px;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
.Nav .menu-account .menu-vert-divider, .Nav .menu-account .user-icon {
display: none; }
.Nav.is-up .menu-account .user-icon-dark {
display: none; }
.Nav.is-down .menu-account .user-icon-dark {
display: none; }
.Nav > .header .right > .ctrls {
display: block;
position: absolute;
top: 0;
right: calc(12.5% - 55px); }
.main-menu {
top: -1000px;
position: relative;
padding-top: 26px;
width: 69%;
max-width: 365px; }
.main-menu .menu-link-divider {
display: block;
position: absolute;
bottom: 0;
width: 100%;
height: 1px;
background: #979797;
margin: 15px 0 0; }
.main-menu ul.main-menu-nav {
flex-direction: column;
padding: 0 12.5% 65px 12.5%;
max-width: calc(400px + 25%);
margin: auto; }
.main-menu ul.main-menu-nav li .menu-title {
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
margin: 0;
padding: 15px 0 0;
text-align: left;
color: white !important;
letter-spacing: 2px;
height: 40px;
overflow: hidden;
transition: height 0.25s ease-out 0s; }
.main-menu ul.main-menu-nav li .menu-title.menu-title-has-link {
padding: 0; }
.main-menu ul.main-menu-nav li .menu-title.menu-title-has-link .menu-title-link {
padding: 15px 0;
margin-bottom: -15px;
z-index: 1;
cursor: pointer; }
.main-menu ul.main-menu-nav li .menu-title ul.menu-dropdown {
opacity: 0;
transition: opacity 0.25s linear 0s; }
.main-menu ul.main-menu-nav li .menu-title ul.menu-dropdown li.border {
display: none; }
.main-menu ul.main-menu-nav li .menu-title ul.menu-dropdown.link-list-width li.option.option-link-list .option-link {
padding-left: 0;
padding-right: 0; }
.main-menu ul.main-menu-nav li .menu-title.show ul.menu-dropdown {
top: inherit;
opacity: 1;
left: 0; }
.main-menu ul.menu-dropdown {
text-transform: none;
position: relative;
width: 100%;
top: inherit;
left: inherit;
transform: none;
border-top: none;
background: transparent;
padding: 25px 0 0;
min-width: 0; }
.main-menu ul.menu-dropdown.two-col-width {
left: inherit; }
.main-menu ul.menu-dropdown.menu-developers {
left: inherit; }
.main-menu ul.menu-dropdown.link-list-width {
left: inherit; }
.main-menu ul.menu-dropdown::before, .main-menu ul.menu-dropdown::after {
display: none; }
.main-menu ul.menu-dropdown li.sub-title {
padding: 15px 0; } }
@media (max-width: 1100px) and (max-width: 600px) {
.main-menu ul.menu-dropdown li.option .image {
width: 50px;
flex: 0 0 50px; } }

@media (max-width: 1100px) {
.main-menu ul.menu-dropdown li.option .option-link {
padding: 15px 0; }
.main-menu ul.menu-dropdown li.links-menu ul.links-menu-list {
max-height: none;
flex-wrap: nowrap; }
.main-menu ul.menu-dropdown li.links-menu ul.links-menu-list li {
max-width: 100%; }
.main-menu ul.menu-dropdown li.links-menu ul.links-menu-list li.option .option-link {
padding: 15px 0; }
.main-menu ul.menu-dropdown li.links-menu.two-col {
width: 100%; }
.main-menu ul.menu-dropdown li.links-menu.two-col ul.links-menu-list {
max-height: 100%;
flex-direction: column; }
.main-menu ul.menu-dropdown li.links-menu.two-col ul.links-menu-list li {
max-width: 100%;
flex: 1 1 100%; }
.main-menu ul.menu-dropdown li.links-menu.two-col ul.links-menu-list li a,
.main-menu ul.menu-dropdown li.links-menu.two-col ul.links-menu-list li a:nth-child(1),
.main-menu ul.menu-dropdown li.links-menu.two-col ul.links-menu-list li a:nth-child(2),
.main-menu ul.menu-dropdown li.links-menu.two-col ul.links-menu-list li a:nth-child(3) {
padding: 15px 0; }
.main-menu ul.menu-dropdown li.links-menu.two-col.secondary ul.links-menu-list {
flex-direction: column; }
.main-menu ul.menu-dropdown li.links-menu.two-col.secondary ul.links-menu-list li:last-child a {
padding-left: 0; }
.main-menu ul.menu-dropdown li.menu-divider {
margin: 15px 0 0; }
.main-menu ul.menu-dropdown li.option.option-image-link-1, .main-menu ul.menu-dropdown li.option.option-image-link-4, .main-menu ul.menu-dropdown li.option.option-image-link-7 {
margin-left: 0; }
.main-menu ul.menu-dropdown li.option.option-image-link {
width: 32%; }
.Nav.is-open .main-menu {
top: 80px;
position: fixed;
left: 0;
overflow: auto;
max-height: calc(100vh - 100px);
width: 100%;
max-width: 100%;
background-color: rgba(34, 34, 34, 0.97); }
.Nav.is-open .main-menu ul.menu-dropdown li {
background-color: transparent; }
.Nav.isnt-index .main-menu ul.main-menu-nav li .menu-title,
.Nav.isnt-index .main-menu ul.main-menu-nav li .menu-title a:active,
.Nav.isnt-index .main-menu ul.main-menu-nav li .menu-title a:hover,
.Nav.isnt-index .main-menu ul.main-menu-nav li .menu-title a:link,
.Nav.isnt-index .main-menu ul.main-menu-nav li .menu-title a:visited,
.Nav.isnt-index .main-menu ul.main-menu-nav li .menu-title a,
.Nav.is-up .main-menu ul.main-menu-nav li .menu-title,
.Nav.is-up .main-menu ul.main-menu-nav li .menu-title a:active,
.Nav.is-up .main-menu ul.main-menu-nav li .menu-title a:hover,
.Nav.is-up .main-menu ul.main-menu-nav li .menu-title a:link,
.Nav.is-up .main-menu ul.main-menu-nav li .menu-title a:visited,
.Nav.is-up .main-menu ul.main-menu-nav li .menu-title a,
.Nav.is-down .main-menu ul.main-menu-nav li .menu-title,
.Nav.is-down .main-menu ul.main-menu-nav li .menu-title a:active,
.Nav.is-down .main-menu ul.main-menu-nav li .menu-title a:hover,
.Nav.is-down .main-menu ul.main-menu-nav li .menu-title a:link,
.Nav.is-down .main-menu ul.main-menu-nav li .menu-title a:visited,
.Nav.is-down .main-menu ul.main-menu-nav li .menu-title a {
color: white; }
.Nav.isnt-index .user-icon-dark,
.Nav.is-up .user-icon-dark,
.Nav.is-down .user-icon-dark {
display: none; } }

@media (max-width: 450px) {
.Nav > .header .right > .ctrls {
right: calc(12.5% - 45px); } }

.Btn {
display: inline-block;
border: 1px solid white;
height: 30px;
border-radius: 15px;
box-sizing: border-box;
padding: 0 30px;
font-size: 12px;
letter-spacing: -0.5px;
font-weight: 300;
line-height: 28px;
min-width: 160px;
text-decoration: none;
text-transform: uppercase;
text-align: center;
cursor: pointer;
outline: none;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
-moz-transition: background-color 0.1s ease-out;
-o-transition: background-color 0.1s ease-out;
-webkit-transition: background-color 0.1s ease-out;
transition: background-color 0.1s ease-out;
white-space: nowrap; }

.Btn-big {
display: inline-block;
border: 1px solid white;
height: 40px;
border-radius: 20px;
box-sizing: border-box;
padding: 0 25px;
font-weight: 600;
text-decoration: none;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1.5px;
line-height: 30px;
text-align: center;
cursor: pointer;
outline: none;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
-moz-transition: background-color 0.1s ease-out;
-o-transition: background-color 0.1s ease-out;
-webkit-transition: background-color 0.1s ease-out;
transition: background-color 0.1s ease-out; }

.Btn.is-white {
border-color: white;
color: white;
background-color: rgba(255, 255, 255, 0);
box-shadow: 0px 0px 6px 0px rgba(255, 255, 255, 0.5); }
.Btn.is-white:hover {
background-color: white;
color: #464646;
box-shadow: none; }
.Btn.is-white.width-small {
max-width: 240px; }
.Btn.is-white.width-medium {
max-width: 260px; }
.Btn.is-white.has-bg {
background-color: white;
border-color: white;
color: #464646; }
.Btn.is-white.has-bg:hover {
background-color: #eaeaea;
border-color: #eaeaea;
box-shadow: 0px 0px 6px 0px rgba(255, 255, 255, 0.5); }
.Btn.is-white.has-bg:hover.has-back-arrow::before {
-webkit-filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(16deg) brightness(106%) contrast(111%);
filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(16deg) brightness(106%) contrast(111%); }
.Btn.is-white.has-bg.has-back-arrow {
display: inline-flex; }
.Btn.is-white.has-bg.has-back-arrow::before {
content: '';
background-image: url("/assets/images/ecosystem/HH-Ecosystem-Arrow-Back.svg");
background-repeat: no-repeat;
background-position: left center;
padding-left: 24px; }

.Btn.is-white-primary {
border-color: white;
color: var(--c-primary);
background-color: white; }
.Btn.is-white-primary:hover {
background-color: rgba(255, 255, 255, 0);
color: white; }
.Btn.is-white-primary.has-bg {
background-color: white;
border-color: white;
color: #464646; }
.Btn.is-white-primary.has-bg:hover {
background-color: rgba(255, 255, 255, 0);
color: white; }

.Btn.is-grey {
border-color: #b8b8b8;
color: #222222;
background-color: rgba(184, 184, 184, 0); }
.Btn.is-grey:hover {
background-color: #222222;
color: white; }

.Btn.is-black {
border-color: #222222;
color: #222222;
background-color: rgba(34, 34, 34, 0); }
.Btn.is-black:hover {
background-color: #222222;
color: white; }
.Btn.is-black.has-bg {
position: relative;
z-index: 1;
border: 1px solid transparent;
background: linear-gradient(134.82deg, #222222 0%, #565656 100%);
color: white; }
.Btn.is-black.has-bg::before {
content: "";
position: absolute;
border-radius: 15px;
top: -1px;
left: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
background: linear-gradient(134.82deg, #565656 0%, #222222 100%);
opacity: 0;
transition: opacity 0.3s;
z-index: -1; }
.Btn.is-black.has-bg:hover::before {
opacity: 1; }

.Btn.is-grey {
border-color: #464646;
color: #464646;
background-color: rgba(70, 70, 70, 0); }
.Btn.is-grey:hover {
background-color: #464646;
color: white; }
.Btn.is-grey.has-bg {
background-color: #464646;
border-color: white;
color: white; }
.Btn.is-grey.has-bg:hover {
background-color: white;
border-color: #464646;
color: #464646; }

.Btn.is-full {
display: block;
width: 100%; }

.Btn.is-blue {
border-color: var(--c-primary);
color: white;
background-color: var(--c-primary); }
.Btn.is-blue:hover {
background-color: rgba(45, 132, 235, 0);
color: var(--c-primary); }

.Btn.is-red {
border-color: #FF4200;
color: white;
background-color: #ff4200; }
.Btn.is-red:hover {
background-color: rgba(255, 66, 0, 0);
color: #FF4200; }

.Btn.is-red-white {
border-color: #FF4200;
color: #FF4200;
background-color: white; }
.Btn.is-red-white:hover {
background-color: #ff4200;
color: white; }

.Btn.is-green {
border-color: var(--c-secondary);
color: white;
background-color: var(--c-secondary); }
.Btn.is-green:hover {
background-color: rgba(62, 200, 120, 0);
color: var(--c-secondary); }

.Btn.is-purple {
border-color: #8259ef;
color: white;
background-color: #8259ef; }
.Btn.is-purple:hover {
background-color: rgba(130, 89, 239, 0);
color: #8259ef; }

.Btn-big.is-purple {
border-color: #8259ef;
color: white;
background-color: #8259ef; }
.Btn-big.is-purple:hover {
background-color: rgba(130, 89, 239, 0);
color: #8259ef; }

.Btn.is-gradient-outline {
background: linear-gradient(white, white) padding-box, linear-gradient(to right, #5281e7, #21A056) border-box;
border: 1px solid transparent;
color: #222222;
position: relative; }
.Btn.is-gradient-outline::before {
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
border-radius: 15px;
box-shadow: inset 0px 0px 2px 0px rgba(34, 34, 34, 0.5); }
.Btn.is-gradient-outline::after {
content: '';
width: calc(100% + 2px);
left: -1px;
height: calc(100% + 2px);
top: -1px;
position: absolute;
border-radius: 15px;
box-shadow: 0px 0px 2px 0px rgba(34, 34, 34, 0.5); }
.Btn.is-gradient-outline:hover {
background: linear-gradient(to right, #5281e7, #21A056);
border: none;
padding-top: 1px;
box-shadow: none;
color: white; }
.Btn.is-gradient-outline:hover::before, .Btn.is-gradient-outline:hover::after {
box-shadow: none; }
.Btn.is-gradient-outline.has-bg {
background: linear-gradient(to right, #5281e7, #21A056);
background-size: 102%;
background-position-x: center;
box-shadow: none;
color: white; }
.Btn.is-gradient-outline.has-bg::before, .Btn.is-gradient-outline.has-bg::after {
box-shadow: none; }
.Btn.is-gradient-outline.has-bg:hover {
background: linear-gradient(white, white) padding-box, linear-gradient(to right, #5281e7, #21A056) border-box;
border: 1px solid transparent;
color: #222222;
padding-top: 0; }
.Btn.is-gradient-outline.has-bg:hover::before {
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
border-radius: 15px;
box-shadow: inset 0px 0px 2px 0px rgba(34, 34, 34, 0.5); }
.Btn.is-gradient-outline.has-bg:hover::after {
content: '';
width: calc(100% + 2px);
left: -1px;
height: calc(100% + 2px);
top: -1px;
position: absolute;
border-radius: 15px;
box-shadow: 0px 0px 2px 0px rgba(34, 34, 34, 0.5); }

.Btn.is-gradient-outline.blue-green {
background: linear-gradient(white, white) padding-box, linear-gradient(to right, var(--c-primary), var(--c-secondary)) border-box; }
.Btn.is-gradient-outline.blue-green:hover {
background: linear-gradient(160deg, var(--c-primary), var(--c-secondary)); }
.Btn.is-gradient-outline.blue-green.has-bg {
background: linear-gradient(to right, var(--c-primary), var(--c-secondary)); }
.Btn.is-gradient-outline.blue-green.has-bg:hover {
background: linear-gradient(white, white) padding-box, linear-gradient(160deg, var(--c-primary), var(--c-secondary)) border-box; }

.Btn.is-gradient, .Btn.is-gradient-green {
position: relative;
z-index: 1;
background: linear-gradient(160deg, #5281e7, #3EC878 34%, #21A056);
border: 1px solid transparent;
color: white;
position: relative; }
.Btn.is-gradient::before, .Btn.is-gradient-green::before {
content: "";
position: absolute;
border-radius: 15px;
top: -1px;
left: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
background: linear-gradient(160deg, #21A056, #3EC878 66%, #5281e7);
opacity: 0;
transition: opacity 0.3s;
z-index: -1; }
.Btn.is-gradient:hover::before, .Btn.is-gradient-green:hover::before {
opacity: 1; }

.Btn.is-gradient-green {
background: linear-gradient(160deg, var(--c-secondary), var(--c-secondary-d)); }
.Btn.is-gradient-green::before {
background: linear-gradient(160deg, var(--c-secondary-d), var(--c-secondary)); }

.Btn.blog-btn {
border-color: #222222;
background-color: #f9f9f9;
color: #222222; }
.Btn.blog-btn:hover {
background-color: white; }

.Btn.tag-btn {
border-color: #b8b8b8;
background-color: white;
color: #b8b8b8; }
.Btn.tag-btn a {
text-decoration: none;
color: #b8b8b8; }

.Btn.is-play-white-v2 {
background-image: url("/assets/images/HH-Icon-Play.png");
background-repeat: no-repeat;
background-color: transparent;
background-size: 97px;
border: none;
border-radius: unset;
height: auto;
opacity: 0.5;
-moz-transition: opacity 0.25s ease-out;
-o-transition: opacity 0.25s ease-out;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out; }
.Btn.is-play-white-v2:hover {
opacity: 1; }
@media screen and (max-width: 1100px) {
.Btn.is-play-white-v2 {
background-size: 35px; } }

.Btn.is-play-white {
background-image: url("/assets/images/Icon-Play-White.png");
background-size: 68px;
background-repeat: no-repeat;
background-color: transparent;
border: none;
border-radius: unset;
min-height: 68px;
height: auto;
padding: 0px 0 0 82px;
color: white;
text-align: left;
line-height: 2;
font-size: 10px;
font-weight: 500;
letter-spacing: 2px; }
.Btn.is-play-white:hover {
background-image: url("/assets/images/Play-Icon-Hover.png");
background-color: transparent;
color: white; }
.Btn.is-play-white.oa-btn {
font-size: 12px;
line-height: 18px; }
.Btn.is-play-white.width-short {
max-width: 150px; }
.Btn.is-play-white.width-small {
max-width: 220px; }
.Btn.is-play-white.width-medium {
max-width: 260px; }
.Btn.is-play-white.width-wide {
max-width: 300px; }
.Btn.is-play-white.width-auto {
max-width: none; }
@media screen and (max-width: 1100px) {
.Btn.is-play-white.width-auto {
padding-top: 75px;
padding-left: 0;
height: auto;
background-size: 68px;
background-position: center top;
text-align: center; } }

.Btn.is-play-white-with-bg {
background-image: url("/assets/images/Play-Icon-Hover.png");
background-size: 68px;
background-repeat: no-repeat;
background-color: transparent;
border: none;
border-radius: unset;
min-height: 68px;
height: auto;
padding: 0px 0 0 82px;
color: white;
text-align: left;
line-height: 2;
font-size: 10px;
font-weight: 500;
letter-spacing: 2px;
opacity: 0.6; }
.Btn.is-play-white-with-bg:hover {
background-image: url("/assets/images/Icon-Play-White.png");
background-color: transparent;
color: white;
opacity: 0.6; }
.Btn.is-play-white-with-bg.width-short {
max-width: 150px; }
.Btn.is-play-white-with-bg.width-medium {
max-width: 260px; }
.Btn.is-play-white-with-bg.width-wide {
max-width: 300px; }
.Btn.is-play-white-with-bg.width-auto {
max-width: none; }
@media screen and (max-width: 1100px) {
.Btn.is-play-white-with-bg.width-auto {
padding-top: 75px;
padding-left: 0;
height: auto;
background-size: 68px;
background-position: center top;
text-align: center; } }

.Btn.is-play-black {
background-image: url("/assets/images/play-btn-black-unfilled.png");
background-size: 68px;
background-repeat: no-repeat;
background-color: transparent;
border: none;
border-radius: unset;
min-height: 68px;
height: auto;
padding: 0px 0 0 82px;
color: #222222;
text-align: left;
line-height: 2;
font-size: 10px;
font-weight: 500;
letter-spacing: 2px; }
.Btn.is-play-black:hover {
background-image: url("/assets/images/play-btn-black-filled.png");
background-color: transparent;
color: #222222; }
.Btn.is-play-black.width-short {
max-width: 150px; }
.Btn.is-play-black.width-medium {
max-width: 260px; }
.Btn.is-play-black.width-wide {
max-width: 300px; }
.Btn.is-play-black.width-auto {
max-width: none; }
@media screen and (max-width: 1100px) {
.Btn.is-play-black.width-auto {
padding-top: 75px;
padding-left: 0;
height: auto;
background-size: 68px;
background-position: center top;
text-align: center; } }

.Btn.is-play-grey {
background-image: url("/assets/images/play-btn-grey-filled.png");
background-size: 68px;
background-repeat: no-repeat;
background-color: transparent;
border: none;
border-radius: unset;
min-height: 68px;
height: auto;
padding: 0px 0 0 82px;
color: #8c8c8c;
text-align: left;
line-height: 2;
font-size: 10px;
font-weight: 500;
letter-spacing: 2px;
opacity: 0.5; }
.Btn.is-play-grey:hover {
background-image: url("/assets/images/play-btn-grey-unfilled.png");
background-color: transparent;
opacity: 1; }
.Btn.is-play-grey.with-bg {
opacity: 1.0;
font-size: 9px;
/* 1px smaller than normal? */
background-image: url("/assets/images/play-btn-black-unfilled.png"); }
.Btn.is-play-grey.with-bg:hover {
background-image: url("/assets/images/play-btn-grey-filled.png"); }
.Btn.is-play-grey.with-hello-future {
background-size: 48px;
min-height: 48px;
padding: 0 0 0 64px; }
.Btn.is-play-grey.with-hello-future img {
height: 20px;
margin-top: 14px; }
.Btn.is-play-grey.width-short {
max-width: 150px; }
.Btn.is-play-grey.width-medium {
max-width: 240px;
/* 260 -> decreased for 'how does hashgraph work' */ }
.Btn.is-play-grey.width-wide {
max-width: 300px; }
.Btn.is-play-grey.width-auto {
max-width: none; }
@media screen and (max-width: 1100px) {
.Btn.is-play-grey.width-auto {
padding-top: 75px;
padding-left: 0;
height: auto;
background-size: 68px;
background-position: center top;
text-align: center; } }

.Btn.is-play-blue {
background-image: url("/assets/images/Icon-Play-Color.png");
background-size: 68px;
background-repeat: no-repeat;
background-color: transparent;
border: none;
border-radius: unset;
min-height: 68px;
height: auto;
padding: 0px 0 0 82px;
color: #464646;
text-align: left;
line-height: 2;
max-width: 224px;
font-size: 10px;
font-weight: 500;
letter-spacing: 2px; }
.Btn.is-play-blue:hover {
background-image: url("/assets/images/Play-Icon-Gradient-Filled.png");
background-color: transparent;
color: #464646; }
.Btn.is-play-blue.width-medium {
max-width: 260px; }
.Btn.is-play-blue.width-wide {
max-width: 300px; }
.Btn.is-play-blue.width-auto {
max-width: none; }

.ButtonLauncher {
display: inherit; }

.code-window .hljs-ln-numbers {
text-align: center;
color: #555;
border-right: 1px solid #999;
vertical-align: top;
padding: 0 15px;
font-size: 12px;
text-align: center;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }

.code-window .hljs-ln-code {
padding-left: 10px;
font-size: 12px; }

.code-window {
display: block;
position: relative;
overflow: hidden; }

.code-window-background {
width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
position: absolute;
object-fit: cover;
object-position: center; }

.hljs-ln-code,
.hljs-ln-numbers {
line-height: 22px; }

.code-window .hljs-doctag {
color: #3FC878; }

.code-window .hljs-comment {
color: #AAAAAA; }

.code-window .hljs-keyword {
color: #A483FB; }

.code-window .hljs-title {
color: #EADA0B; }

.code-window .hljs-function .hljs-title {
color: #3FC878; }

.code-window .hljs-ln-line.hljs-ln-numbers {
color: #555; }

.code-window .hljs-ln-numbers {
color: #FF4200; }

.code-window .hljs-number {
color: #FF4200; }

.code-window .hljs-string {
color: #4FA0FF; }

.code-window .hljs-ln-numbers {
border-right: none; }

.code-window code {
white-space: pre-wrap;
overflow: auto;
height: 360px;
background: none;
padding: 0 10px 0 0; }

.code-window code table tr:first-child td {
padding-top: 10px; }

.code-window code table tr:last-child td {
padding-bottom: 10px; }

.code-window {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
padding: 6.25%; }

.code-window * {
box-sizing: border-box; }

.code-window h2,
.code-window p,
.code-window li {
color: white; }

.code-window-title {
font-size: 26px;
text-align: center; }

.code-window .section-subtitle {
font-size: 15px;
max-width: 530px; }

.code-window-container {
display: flex;
flex-direction: row; }

.code-dropdown-menu {
flex: 0 0 225px;
display: block;
position: relative; }

.code-window-container .function-list {
list-style: none;
margin: 0;
width: 100%; }

.code-window-container .function-list li {
padding: 12px 28px 12px 30px;
line-height: 1.1;
text-transform: uppercase;
width: 100%;
letter-spacing: 0.25em;
color: #aaa;
font-size: 10px;
display: block;
position: relative;
cursor: pointer;
user-select: none; }

.code-window-container .function-list li p {
color: #aaa; }

.code-window-container .function-list li.active p,
.code-window-container .function-list li.active {
color: white; }

.code-window-container .function-list li.active::before {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 100%;
background: white; }

.code-window-highlight {
border: 1px solid white;
flex: 1 1 auto;
background-color: rgba(34, 34, 34, 0.85);
display: block;
position: relative;
height: 362px;
overflow: hidden;
text-overflow: ellipsis; }

.code-window-highlight-legacy pre {
display: block;
position: absolute;
top: 0;
width: 100%; }

.code-window-highlight-legacy span {
color: white; }

.code-window-highlight-legacy .hljs-function {
color: white; }

.code-window-highlight-legacy .hljs-ln-code,
.code-window-highlight-legacy .hljs-params {
color: white; }

.code-window-highlight-legacy .hljs-string {
color: #4FA0FF; }

.code-window-highlight-legacy .hljs-title {
color: #3FC878; }

.code-window-highlight-legacy .hljs-comment {
color: #AAAAAA; }

.code-dropdown-subtitle,
.code-dropdown-selection {
display: none; }

.code-page {
display: block;
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
top: 0;
left: 0;
transition: opacity 0.5s linear 0s;
z-index: 0; }

.code-page.show {
opacity: 1;
transition: opacity 0.5s linear 0.5s;
z-index: 5; }

.code-window-highlight-legacy td.hljs-ln-line.hljs-ln-numbers {
border-right: 1px solid #555;
width: 47px; }

.code-window-prism-highlight .code-page.show {
overflow: auto; }

.code-window-prism-highlight .code-page::after {
left: 37px; }

.code-window-prism-highlight code span,
.prism-code-window code span {
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif !important;
letter-spacing: 0.04em;
font-size: 12px;
line-height: 22px; }

.code-window-prism-highlight,
.prism-code-window {
position: relative;
overflow: hidden; }
.code-window-prism-highlight .bgImage,
.prism-code-window .bgImage {
display: block;
position: absolute;
width: auto;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 100%; }
.code-window-prism-highlight code[class*="language-"], .code-window-prism-highlight pre[class*="language-"],
.prism-code-window code[class*="language-"],
.prism-code-window pre[class*="language-"] {
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif !important;
font-size: 12px;
line-height: 22px;
color: white; }
.code-window-prism-highlight :not(pre) > code[class*="language-"],
.code-window-prism-highlight pre[class*="language-"],
.prism-code-window :not(pre) > code[class*="language-"],
.prism-code-window pre[class*="language-"] {
background: rgba(34, 34, 34, 0.85); }
.code-window-prism-highlight .token.string,
.prism-code-window .token.string {
color: #4FA0FF; }
.code-window-prism-highlight .token.boolean, .code-window-prism-highlight .token.selector, .code-window-prism-highlight .token.important, .code-window-prism-highlight .token.atrule, .code-window-prism-highlight .token.keyword, .code-window-prism-highlight .token.builtin,
.prism-code-window .token.boolean,
.prism-code-window .token.selector,
.prism-code-window .token.important,
.prism-code-window .token.atrule,
.prism-code-window .token.keyword,
.prism-code-window .token.builtin {
color: #A483FB; }
.code-window-prism-highlight .token.property, .code-window-prism-highlight .token.constant, .code-window-prism-highlight .token.symbol,
.prism-code-window .token.property,
.prism-code-window .token.constant,
.prism-code-window .token.symbol {
color: #4FA0FF; }
.code-window-prism-highlight .token.number,
.prism-code-window .token.number {
color: #FF4200; }
.code-window-prism-highlight .token.class-name,
.code-window-prism-highlight .token.function,
.prism-code-window .token.class-name,
.prism-code-window .token.function {
color: #3FC878; }
.code-window-prism-highlight .token.comment,
.prism-code-window .token.comment {
color: #AAAAAA; }
.code-window-prism-highlight pre[class*="language-"].line-numbers,
.prism-code-window pre[class*="language-"].line-numbers {
padding-left: 4.5em;
margin: 0; }
.code-window-prism-highlight .line-numbers-rows > span:before,
.prism-code-window .line-numbers-rows > span:before {
color: #555; }
.code-window-prism-highlight .line-numbers .line-numbers-rows,
.prism-code-window .line-numbers .line-numbers-rows {
top: -0.22em;
left: -4.5em;
width: 37px;
border-right: none; }
.code-window-prism-highlight .line-numbers-rows > span,
.code-window-prism-highlight .line-numbers-rows > span::before,
.prism-code-window .line-numbers-rows > span,
.prism-code-window .line-numbers-rows > span::before {
line-height: 1.834em !important; }
.code-window-prism-highlight span.line-numbers-rows::before,
.prism-code-window span.line-numbers-rows::before {
display: block;
content: "";
position: absolute;
top: -12px;
left: 37px;
background: #555;
width: 1px;
height: calc(100% + 46px);
min-height: 360px; }

.code-window-prism-highlight pre[class*="language-"] {
min-height: 100%;
background: transparent; }

.prism-code-window span.line-numbers-rows::before {
height: calc(100% + 24px); }

@media screen and (max-width: 1024px) {
.code-window-prism-highlight span.line-numbers-rows::before,
.prism-code-window span.line-numbers-rows::before {
left: 38px; }
.code-window-highlight-legacy td.hljs-ln-line.hljs-ln-numbers {
width: 38px; }
.code-window {
padding: 70px 45px 130px; }
.code-window h2,
.code-window p {
text-align: left; }
.code-window-container {
display: block; }
.code-dropdown-menu {
margin: 20px 0 30px; }
.code-dropdown-menu,
.code-window-highlight {
flex: 1 1 100%; }
.code-window .section-subtitle {
display: none; }
.code-dropdown-subtitle {
display: block;
position: relative;
color: white;
font-size: 10px;
text-transform: uppercase;
margin: 0 0 15px;
line-height: 1;
letter-spacing: 0.25em;
font-weight: 500; }
.code-dropdown-selection {
display: block;
position: relative;
text-transform: capitalize;
padding: 15px 0;
color: white;
font-size: 15px;
letter-spacing: 0.1em;
font-weight: 300; }
.code-dropdown-selection::before {
display: block;
position: absolute;
content: '';
font-size: 10px;
color: white;
right: 10px;
top: 50%;
line-height: 46px;
border-width: 0 1px 1px 0;
padding: 4px;
border-color: white;
border-style: solid;
transform: rotate(45deg) translateY(-50%);
-webkit-transform: rotate(45deg) translateY(-50%); }
.code-dropdown-selection::after {
display: block;
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: white; }
.code-page::after {
left: 28px; }
.code-window-container .function-list {
display: none;
position: absolute;
background: rgba(34, 34, 34, 0.95);
border: 1px solid white;
margin: -1px 0 0; }
.code-window-container .function-list.show {
display: block;
z-index: 1001; }
.code-window-container .function-list li {
text-transform: capitalize;
letter-spacing: 0.1em;
font-size: 15px; }
.code-window-container .function-list li.active {
color: white;
background: rgba(255, 255, 255, 0.16);
font-weight: 300; }
.code-window-container .function-list li.active::before {
display: none; }
.code-window code {
padding: 0 0.5em 0 0; }
.code-window .hljs-ln-numbers {
padding: 0 7px; } }

.code-window-prism-blog .code-window-prism-highlight span.line-numbers-rows::before,
.code-window-prism-blog .prism-code-window span.line-numbers-rows::before {
left: 38px; }

.code-window-prism-blog.code-window {
padding: 0; }

.code-window-prism-blog.code-window h2,
.code-window-prism-blog.code-window p {
text-align: left; }

.code-window-prism-blog .code-window-container {
display: block;
min-height: 300px; }

.code-window-prism-blog .code-dropdown-menu {
margin: 20px 0 30px; }

.code-window-prism-blog .code-dropdown-menu,
.code-window-prism-blog .code-window-highlight {
flex: 1 1 100%; }

.code-window-prism-blog .code-window-highlight {
background-color: transparent; }

.code-window-prism-blog.code-window .section-subtitle {
display: none; }

.code-window-prism-blog .code-dropdown-subtitle {
display: block;
position: relative;
color: #222;
font-size: 10px;
text-transform: uppercase;
margin: 0 0 15px;
line-height: 1;
letter-spacing: 0.25em;
font-weight: 500; }

.code-window-prism-blog .code-dropdown-selection {
display: block;
position: relative;
text-transform: capitalize;
padding: 15px 0;
color: #222;
font-size: 15px;
letter-spacing: 0.1em;
font-weight: 300;
width: 265px; }

.code-window-prism-blog .code-dropdown-selection::before {
display: block;
position: absolute;
content: '';
font-size: 10px;
color: #222;
right: 10px;
top: 50%;
line-height: 46px;
border-width: 0 1px 1px 0;
padding: 4px;
border-color: #222;
border-style: solid;
transform: rotate(45deg) translateY(-50%);
-webkit-transform: rotate(45deg) translateY(-50%); }

.code-window-prism-blog .code-dropdown-selection::after {
display: block;
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #222; }

.code-window-prism-blog .code-page {
background-color: rgba(34, 34, 34, 0.85); }

.code-window-prism-blog .code-page::after {
display: none; }

.code-window-prism-blog .code-window-container .function-list {
display: none;
position: absolute;
background: #222222;
border: 1px solid white;
margin: -1px 0 0 0 !important;
width: 265px; }

.code-window-prism-blog .code-window-container .function-list.show {
display: block;
z-index: 1001; }

.code-window-prism-blog .code-window-container .function-list li {
text-transform: capitalize;
letter-spacing: 0.1em;
font-size: 15px; }

.code-window-prism-blog .code-window-container .function-list li.active {
color: white;
background: rgba(255, 255, 255, 0.16);
font-weight: 300; }

.code-window-prism-blog .code-window-container .function-list li.active::before {
display: none; }

.code-window-prism-blog .code-window code {
padding: 0 0.5em 0 0; }

.code-window-prism-blog .code-window .hljs-ln-numbers {
padding: 0 7px; }

@media (max-width: 768px) {
.code-window-prism-blog .code-dropdown-selection,
.code-window-prism-blog .code-window-container .function-list {
width: 100%; } }

@media screen and (max-width: 374px) {
.code-window {
padding: 70px 12% 130px; } }

.Council > .intro {
background-color: #f9f9f9; }
.Council > .intro > .image {
background-position: right;
background-size: cover;
background-repeat: no-repeat; }
@media (min-width: 1024px) {
.Council > .intro > .image {
z-index: 5; } }

.Council .pitch .content strong {
font-weight: 500; }

.council-member-wrapper {
padding: 0 0 3% 0; }
.council-member-wrapper h2 {
margin: 0px auto 0px auto;
text-align: center;
padding-top: 40px;
padding-bottom: 40px; }
.council-member-wrapper h2 ~ .council-logos {
padding: 0px 6.25% 0px 6.25%; }
.council-member-wrapper a {
text-decoration: none; }

.council-logos {
padding: 6.25% 6.25% 0px 6.25%; }
.council-logos .container {
margin: 0 auto 0 auto;
width: 100%;
max-width: 100%; }
.council-logos .container .row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
height: auto;
width: 100%; }
.council-logos .container .row .member {
display: flex;
justify-content: center;
height: auto;
width: calc(100% / 10);
/* adjust based on # of logos */
text-align: center; }
.council-logos .container .row .member a {
display: flex; }
.council-logos .container .row .member img {
height: auto;
max-height: 150px;
width: auto;
max-width: 100%;
margin: auto;
object-fit: contain; }
.council-logos .container .row .group {
display: flex;
justify-content: center;
height: auto;
width: calc(100% / 10);
/* adjust based on # of logos */
text-align: center; }
.council-logos .container .row .group a {
display: flex; }
.council-logos .container .row .group img {
height: auto;
max-height: 150px;
width: auto;
max-width: 100%;
margin: auto;
object-fit: contain; }

a.council-member-wrapper:hover .Btn {
display: block; }

a.council-member-wrapper:hover .council-logos {
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px); }

.council-container {
position: relative; }

.council-cta-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin: auto;
padding: 0; }

.council-container .Btn {
position: relative !important;
display: block !important;
max-width: 300px;
margin: 0 auto 24px auto;
background-color: #464646;
color: #ffffff; }

.cta-container {
margin: -40px auto 0 auto;
max-width: 100%; }

@media screen and (max-width: 1100px) {
.section-subtitle-with-cta {
text-align: left;
margin: 0 auto 44px 0px; }
.council-member-wrapper h2 {
margin: 0 auto -20px auto;
padding-top: 12.5%;
padding-bottom: 12.5%;
text-align: center;
line-height: 1.6;
max-width: 70%; }
a.council-member-wrapper:hover .Btn {
display: none; }
.council-logos {
padding: 0 !important; }
.council-logos .container {
padding: 0 0 4% 0;
margin: 0 auto 0 auto;
height: auto;
width: 90vw;
max-width: 100%; }
.council-logos .container .row {
height: auto;
margin: 0 auto;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
max-width: 100vw; }
.council-logos .container .row .member {
height: auto;
margin: 0 auto;
width: 42%;
padding: 4%; }
.council-logos .container .row .member img {
max-height: 140px;
margin: auto; }
.council-logos .container .row .group {
height: auto;
margin: 0 auto;
width: 42%;
padding: 4%; }
.council-logos .container .row .group img {
max-height: 140px;
margin: auto; }
.alt-logos {
display: none; }
.cta-container {
margin: 0 auto 0 auto;
padding: 20px 0 20px 0; }
.cta-container .banner-short-padding {
padding: 10px 6.25% 40px 6.25% !important; } }

a.council-member-wrapper:hover .Btn {
display: block; }

a.council-member-wrapper:hover .council-member-row {
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px); }

.council-member-wrapper {
padding: 0 0 3% 0;
width: 100vw; }

.council-member-container {
margin: 0 auto 0 auto;
max-width: 96vw;
position: relative; }

.council-member-container .Btn {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 300px;
margin: auto;
display: none;
background-color: #464646;
color: #ffffff; }

.council-member-row {
display: flex;
height: 200px;
width: 100%; }

.council-member {
flex: 1;
display: flex;
justify-content: center;
height: 200px;
text-align: center; }

.council-member img {
height: auto;
max-height: 180px;
width: auto;
max-width: 180px;
margin: auto;
object-fit: contain; }

@media screen and (max-width: 1100px) {
.council-member-container {
padding: 0;
margin: 60px auto 0 auto;
height: auto;
max-height: 120vh; }
.council-member-row {
height: auto;
max-width: 240px;
margin: 10px auto;
flex-direction: column; }
.council-member {
height: auto; }
.council-member img {
margin: -12px auto;
margin-top: -30px; } }

.council-logos-simple {
padding: 6.25% 12.5%; }
.council-logos-simple h2 {
text-align: center;
font-weight: 400;
margin-bottom: 40px; }
.council-logos-simple .council-logo-grid {
padding: 0; }
.council-logos-simple .council-logo-grid .container {
width: 100%; }
.council-logos-simple .council-logo-grid .container .row {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
height: auto; }
.council-logos-simple .council-logo-grid .container .row .member {
display: flex;
width: 23%;
height: auto;
justify-content: center;
padding: 0 1%;
margin-bottom: 3%; }
.council-logos-simple .council-logo-grid .container .row .member img {
width: auto;
height: auto;
max-width: 100%;
max-height: 150px;
margin: auto;
object-fit: contain; }

.council-logos-simple.num-col-4 .council-logo-grid .container .row .member {
width: 23%; }

.council-logos-simple.num-col-5 .council-logo-grid .container .row .member {
width: 18%; }

@media screen and (max-width: 560px) {
.council-logos-simple {
padding: 12.5%; }
.council-logos-simple h2 {
margin-bottom: 20px;
font-size: 20px !important; }
.council-logos-simple .council-logo-grid .container .row .member {
padding: 0 1%;
margin-bottom: 6%; } }

.member-circle-spacer {
display: block;
position: relative;
width: 100%;
height: calc(100vh - 80px);
background: black; }

.member-circle-title {
display: block;
position: absolute;
font-weight: 300;
color: white;
font-size: 32px;
margin: 0 0 40px;
line-height: 1.12;
-webkit-font-smoothing: antialiased;
top: 6.25%;
left: 6.25%;
max-width: 50%; }
@media (max-width: 1140px) {
.member-circle-title {
font-size: 2.8vw; } }
@media (max-width: 768px) {
.member-circle-title {
font-size: 3.5vw;
width: 100%;
text-align: center;
left: 50%;
transform: translateX(-50%); } }

.member-select-container {
display: flex;
position: absolute;
flex-direction: column;
flex-wrap: wrap;
top: calc(50vh - 40px);
left: 6.25%;
width: 30%;
height: 87vh;
z-index: 2;
transform: translateY(-50%);
padding-bottom: 0; }
.member-select-container .Btn {
display: block;
position: absolute;
bottom: -10px;
left: 0;
transform: translateY(100%); }
.member-select-container.two-column {
width: 24%;
padding-bottom: 0;
height: 78%;
top: calc(50vh - 40px); }
.member-select-container.two-column.has-title {
height: 70%;
top: calc(8.25% + 95px);
transform: none; }

.member-select {
cursor: pointer; }
@media (min-width: 768px) {
.member-select:hover img,
.member-select.active img {
opacity: 1; } }

.member-select,
.member-spacer {
display: flex;
position: relative;
flex: 0 0 auto;
width: 28.3333%;
padding: 0 6% 5% 0;
justify-content: center;
align-items: flex-start;
height: 3.5%; }
.member-select.two-column,
.member-spacer.two-column {
width: 65%;
height: 7.6923%;
padding: 0 14% 8% 0;
flex-wrap: nowrap;
box-sizing: border-box; }
.member-select img,
.member-spacer img {
display: block;
position: relative;
opacity: 0.5;
object-fit: contain;
max-width: 100%;
height: 100%;
transition: opacity 0.5s ease-out 0s; }

@media (min-width: 1400px) {
.member-select-container.two-column {
width: 35%; }
.member-select.two-column {
width: 28.3333%;
height: 11.1111%;
padding: 0 8% 6% 0; } }

.member-circle {
display: block;
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1; }
.member-circle .logo-circle,
.member-circle .logo-circle-background {
display: block;
position: absolute;
top: 50%;
right: 6.25%;
width: 54%;
height: 0;
padding-top: 54%;
transform: translateY(-50%); }
.member-circle .logo-circle {
z-index: 2; }
.member-circle .logo-circle-background {
background-image: url("/assets/images/member-circle/star_diagram.svg");
background-position: center;
background-size: 100% auto;
border-radius: 100%;
z-index: 1;
opacity: 0.75; }
.member-circle .member-info {
display: flex;
position: absolute;
flex-direction: column;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 31%;
min-height: 44.3%;
border-left: 1px solid var(--c-primary);
border-right: 1px solid #8259ef;
padding: 20px 20px 49px;
color: white;
justify-content: center;
align-items: center;
transition: opacity 0.25s ease-out 0s;
opacity: 1; }
.member-circle .member-info.hide {
opacity: 0; }
.member-circle .member-info .Btn {
margin: 7% auto 0;
display: block;
height: auto;
line-height: 28px;
height: 30px; }
.member-circle .member-info .intro,
.member-circle .member-info .info {
opacity: 0;
visibility: hidden;
display: flex;
width: 100%;
height: calc(100% - 47px);
top: 0;
flex-direction: column;
justify-content: center; }
.member-circle .member-info .intro {
position: absolute;
padding: 20px 0 27px; }
.member-circle .member-info .info {
position: relative; }
.member-circle .member-info .description {
position: relative;
color: white;
font-size: 1.3vw;
font-family: 'Styrene A Web';
font-weight: 200;
text-align: center;
letter-spacing: -0.03em;
line-height: 1.8; }
.member-circle .member-info .description strong {
font-weight: 500; }
.member-circle .member-info .logo {
display: block;
position: relative;
flex: 0 0 auto;
width: 78%;
height: 60px;
margin: 0 auto 15%; }
.member-circle .member-info .logo img {
display: block;
position: relative;
object-fit: contain;
margin: 0 auto;
max-width: 100%;
height: 100%; }
.member-circle .member-info .member-subtitle {
color: white;
font-size: 1.2vw;
line-height: 1.3;
font-family: 'Styrene A Web';
font-weight: 200;
text-align: center;
letter-spacing: -0.03em; }
.member-circle .member-info .member-subtitle.headquarters, .member-circle .member-info .member-subtitle.sector {
margin-bottom: 15%; }
.member-circle .member-info .member-subtitle span {
text-transform: uppercase;
color: #3FA9F5;
font-size: 0.72vw;
display: block;
position: relative;
margin-bottom: 5px;
font-family: 'Styrene A Web';
font-weight: 300; }
.member-circle .member-info.member-info-intro .intro {
opacity: 1;
visibility: visible; }
.member-circle .member-info.member-info-intro .info {
opacity: 0;
visibility: hidden; }
.member-circle .member-info.member-info-active .intro {
opacity: 0;
visibility: hidden; }
.member-circle .member-info.member-info-active .info {
opacity: 1;
visibility: visible; }
.member-circle .member-info::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 1px;
top: 0;
left: 0;
background: var(--c-primary);
background: -moz-linear-gradient(left, var(--c-primary) 0%, #8259ef 100%);
background: -webkit-linear-gradient(left, var(--c-primary) 0%, #8259ef 100%);
background: linear-gradient(to right, var(--c-primary) 0%, #8259ef 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--c-primary)', endColorstr='#8259ef',GradientType=1); }
.member-circle .member-info::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 7px;
bottom: 0;
left: 0;
background: var(--c-primary);
background: -moz-linear-gradient(left, var(--c-primary) 0%, #8259ef 100%);
background: -webkit-linear-gradient(left, var(--c-primary) 0%, #8259ef 100%);
background: linear-gradient(to right, var(--c-primary) 0%, #8259ef 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--c-primary)', endColorstr='#8259ef',GradientType=1); }
.member-circle .member {
display: block;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
width: 5.68%;
height: 5.68%; }
.member-circle .member.member-populated {
cursor: pointer; }
.member-circle .member::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background: var(--c-primary);
background: -moz-linear-gradient(left, var(--c-primary) 0%, #8259ef 100%);
background: -webkit-linear-gradient(left, var(--c-primary) 0%, #8259ef 100%);
background: linear-gradient(to right, var(--c-primary) 0%, #8259ef 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--c-primary)', endColorstr='#8259ef',GradientType=1);
border-radius: 100%;
z-index: 1;
opacity: 0;
transition: opacity 0.5s ease-out 0s; }
.member-circle .member::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background: white;
border-radius: 100%;
z-index: 2;
opacity: 0;
transition: opacity 0.5s ease-out 0s; }
.member-circle .member .logo {
width: 100%;
height: 100%;
display: block;
position: absolute;
z-index: 3;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
transition: opacity 0.5s ease-out 0s; }
.member-circle .member .logo img {
width: 60%;
height: auto;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
filter: brightness(0%) invert(100%);
transition: filter 0.5s ease-out 0s; }
.member-circle .member.active::after {
opacity: 1; }
.member-circle .member.active .logo img {
filter: brightness(100%) invert(0%); }
.member-circle .member:first-child.active, .member-circle .member:first-child {
width: 7.5%;
height: 7.5%; }
.member-circle .member:first-child.active::before, .member-circle .member:first-child::before {
background: black; }
.member-circle .member:first-child.active::after, .member-circle .member:first-child::after {
opacity: 0; }
.member-circle .member:first-child.active .logo img, .member-circle .member:first-child .logo img {
width: 100%;
filter: none; }
.member-circle .member .empty-border, .member-circle .member.member-empty::before {
background-image: url(/assets/images/member-circle/logo-gradient-circle.png);
background-size: 100% auto;
background-position: center;
background-color: transparent;
filter: none;
opacity: 1;
transition: none !important; }
.member-circle .member .empty-border {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0; }
.member-circle .member.member-empty {
display: flex;
justify-content: center;
align-items: center; }
.member-circle .member.member-empty .member-num {
color: white;
line-height: 1;
display: block;
position: relative;
font-family: 'Styrene A Web';
font-weight: 200;
font-size: 1vw;
letter-spacing: -0.03em;
opacity: 0;
transition: opacity 0.5s ease-out 0s; }
.member-circle .member.member-empty.active::after {
opacity: 0; }
.member-circle .member:nth-child(1) {
top: 0;
left: 50%; }
.member-circle .member:nth-child(2) {
top: 0.9%;
left: 58%; }
.member-circle .member:nth-child(2) .logo img {
top: 47%; }
.member-circle .member:nth-child(3) {
top: 2.75%;
left: 65.75%; }
.member-circle .member:nth-child(3) .logo img {
top: 47%;
left: 54%; }
.member-circle .member:nth-child(4) {
top: 5.75%;
left: 72.75%; }
.member-circle .member:nth-child(5) {
top: 10%;
left: 79.75%; }
.member-circle .member:nth-child(6) {
top: 15%;
left: 85.5%; }
.member-circle .member:nth-child(6) .logo img {
width: 45%; }
.member-circle .member:nth-child(7) {
top: 21.25%;
left: 90.5%; }
.member-circle .member:nth-child(8) {
top: 27.75%;
left: 94.6%; }
.member-circle .member:nth-child(9) {
top: 35%;
left: 97.5%; }
.member-circle .member:nth-child(10) {
top: 42.25%;
left: 99.3%; }
.member-circle .member:nth-child(11) {
top: 50%;
left: 99.9%; }
.member-circle .member:nth-child(12) {
top: 58.15%;
left: 99.2%; }
.member-circle .member:nth-child(13) {
top: 66.15%;
left: 97.2%; }
.member-circle .member:nth-child(14) {
top: 73.5%;
left: 93.95%; }
.member-circle .member:nth-child(15) {
top: 80%;
left: 89.7%; }
.member-circle .member:nth-child(16) {
top: 85.75%;
left: 84.75%; }
.member-circle .member:nth-child(17) {
top: 90.65%;
left: 78.75%; }
.member-circle .member:nth-child(18) {
top: 94.45%;
left: 72.4%; }
.member-circle .member:nth-child(19) {
top: 97.45%;
left: 65.4%; }
.member-circle .member:nth-child(20) {
top: 99%;
left: 58%; }
.member-circle .member:nth-child(21) {
top: 99.75%;
left: 50.25%; }
.member-circle .member:nth-child(22) {
top: 99%;
left: 41.75%; }
.member-circle .member:nth-child(23) {
top: 97.25%;
left: 34%; }
.member-circle .member:nth-child(24) {
top: 94.25%;
left: 26.75%; }
.member-circle .member:nth-child(25) {
top: 90.25%;
left: 20.5%; }
.member-circle .member:nth-child(26) {
top: 85%;
left: 14.5%; }
.member-circle .member:nth-child(27) {
top: 78.75%;
left: 9.25%; }
.member-circle .member:nth-child(28) {
top: 72.25%;
left: 5.25%; }
.member-circle .member:nth-child(29) {
top: 65.1%;
left: 2.5%; }
.member-circle .member:nth-child(30) {
top: 57.75%;
left: 0.65%; }
.member-circle .member:nth-child(31) {
top: 49.95%;
left: 0%; }
.member-circle .member:nth-child(32) {
top: 41.85%;
left: 0.8%; }
.member-circle .member:nth-child(33) {
top: 33.85%;
left: 2.8%; }
.member-circle .member:nth-child(34) {
top: 26.5%;
left: 5.8%; }
.member-circle .member:nth-child(35) {
top: 20%;
left: 10%; }
.member-circle .member:nth-child(36) {
top: 14.25%;
left: 15.2%; }
.member-circle .member:nth-child(37) {
top: 9.5%;
left: 21%; }
.member-circle .member:nth-child(38) {
top: 5.7%;
left: 27.25%; }
.member-circle .member:nth-child(39) {
top: 2.7%;
left: 34.25%; }
.member-circle .member:nth-child(40) {
top: 0.9%;
left: 41.5%; }
.member-circle .member:nth-child(1)::before, .member-circle .member:nth-child(1) .logo, .member-circle .member:nth-child(1).member-empty .member-num {
transition: opacity 0.35s ease-out 0s; }
.member-circle .member:nth-child(2)::before, .member-circle .member:nth-child(2) .logo, .member-circle .member:nth-child(2).member-empty .member-num {
transition: opacity 0.35s ease-out 0.02s; }
.member-circle .member:nth-child(3)::before, .member-circle .member:nth-child(3) .logo, .member-circle .member:nth-child(3).member-empty .member-num {
transition: opacity 0.35s ease-out 0.04s; }
.member-circle .member:nth-child(4)::before, .member-circle .member:nth-child(4) .logo, .member-circle .member:nth-child(4).member-empty .member-num {
transition: opacity 0.35s ease-out 0.06s; }
.member-circle .member:nth-child(5)::before, .member-circle .member:nth-child(5) .logo, .member-circle .member:nth-child(5).member-empty .member-num {
transition: opacity 0.35s ease-out 0.08s; }
.member-circle .member:nth-child(6)::before, .member-circle .member:nth-child(6) .logo, .member-circle .member:nth-child(6).member-empty .member-num {
transition: opacity 0.35s ease-out 0.1s; }
.member-circle .member:nth-child(7)::before, .member-circle .member:nth-child(7) .logo, .member-circle .member:nth-child(7).member-empty .member-num {
transition: opacity 0.35s ease-out 0.12s; }
.member-circle .member:nth-child(8)::before, .member-circle .member:nth-child(8) .logo, .member-circle .member:nth-child(8).member-empty .member-num {
transition: opacity 0.35s ease-out 0.14s; }
.member-circle .member:nth-child(9)::before, .member-circle .member:nth-child(9) .logo, .member-circle .member:nth-child(9).member-empty .member-num {
transition: opacity 0.35s ease-out 0.16s; }
.member-circle .member:nth-child(10)::before, .member-circle .member:nth-child(10) .logo, .member-circle .member:nth-child(10).member-empty .member-num {
transition: opacity 0.35s ease-out 0.18s; }
.member-circle .member:nth-child(11)::before, .member-circle .member:nth-child(11) .logo, .member-circle .member:nth-child(11).member-empty .member-num {
transition: opacity 0.35s ease-out 0.2s; }
.member-circle .member:nth-child(12)::before, .member-circle .member:nth-child(12) .logo, .member-circle .member:nth-child(12).member-empty .member-num {
transition: opacity 0.35s ease-out 0.22s; }
.member-circle .member:nth-child(13)::before, .member-circle .member:nth-child(13) .logo, .member-circle .member:nth-child(13).member-empty .member-num {
transition: opacity 0.35s ease-out 0.24s; }
.member-circle .member:nth-child(14)::before, .member-circle .member:nth-child(14) .logo, .member-circle .member:nth-child(14).member-empty .member-num {
transition: opacity 0.35s ease-out 0.26s; }
.member-circle .member:nth-child(15)::before, .member-circle .member:nth-child(15) .logo, .member-circle .member:nth-child(15).member-empty .member-num {
transition: opacity 0.35s ease-out 0.28s; }
.member-circle .member:nth-child(16)::before, .member-circle .member:nth-child(16) .logo, .member-circle .member:nth-child(16).member-empty .member-num {
transition: opacity 0.35s ease-out 0.3s; }
.member-circle .member:nth-child(17)::before, .member-circle .member:nth-child(17) .logo, .member-circle .member:nth-child(17).member-empty .member-num {
transition: opacity 0.35s ease-out 0.32s; }
.member-circle .member:nth-child(18)::before, .member-circle .member:nth-child(18) .logo, .member-circle .member:nth-child(18).member-empty .member-num {
transition: opacity 0.35s ease-out 0.34s; }
.member-circle .member:nth-child(19)::before, .member-circle .member:nth-child(19) .logo, .member-circle .member:nth-child(19).member-empty .member-num {
transition: opacity 0.35s ease-out 0.36s; }
.member-circle .member:nth-child(20)::before, .member-circle .member:nth-child(20) .logo, .member-circle .member:nth-child(20).member-empty .member-num {
transition: opacity 0.35s ease-out 0.38s; }
.member-circle .member:nth-child(21)::before, .member-circle .member:nth-child(21) .logo, .member-circle .member:nth-child(21).member-empty .member-num {
transition: opacity 0.35s ease-out 0.4s; }
.member-circle .member:nth-child(22)::before, .member-circle .member:nth-child(22) .logo, .member-circle .member:nth-child(22).member-empty .member-num {
transition: opacity 0.35s ease-out 0.42s; }
.member-circle .member:nth-child(23)::before, .member-circle .member:nth-child(23) .logo, .member-circle .member:nth-child(23).member-empty .member-num {
transition: opacity 0.35s ease-out 0.44s; }
.member-circle .member:nth-child(24)::before, .member-circle .member:nth-child(24) .logo, .member-circle .member:nth-child(24).member-empty .member-num {
transition: opacity 0.35s ease-out 0.46s; }
.member-circle .member:nth-child(25)::before, .member-circle .member:nth-child(25) .logo, .member-circle .member:nth-child(25).member-empty .member-num {
transition: opacity 0.35s ease-out 0.48s; }
.member-circle .member:nth-child(26)::before, .member-circle .member:nth-child(26) .logo, .member-circle .member:nth-child(26).member-empty .member-num {
transition: opacity 0.35s ease-out 0.5s; }
.member-circle .member:nth-child(27)::before, .member-circle .member:nth-child(27) .logo, .member-circle .member:nth-child(27).member-empty .member-num {
transition: opacity 0.35s ease-out 0.52s; }
.member-circle .member:nth-child(28)::before, .member-circle .member:nth-child(28) .logo, .member-circle .member:nth-child(28).member-empty .member-num {
transition: opacity 0.35s ease-out 0.54s; }
.member-circle .member:nth-child(29)::before, .member-circle .member:nth-child(29) .logo, .member-circle .member:nth-child(29).member-empty .member-num {
transition: opacity 0.35s ease-out 0.56s; }
.member-circle .member:nth-child(30)::before, .member-circle .member:nth-child(30) .logo, .member-circle .member:nth-child(30).member-empty .member-num {
transition: opacity 0.35s ease-out 0.58s; }
.member-circle .member:nth-child(31)::before, .member-circle .member:nth-child(31) .logo, .member-circle .member:nth-child(31).member-empty .member-num {
transition: opacity 0.35s ease-out 0.6s; }
.member-circle .member:nth-child(32)::before, .member-circle .member:nth-child(32) .logo, .member-circle .member:nth-child(32).member-empty .member-num {
transition: opacity 0.35s ease-out 0.62s; }
.member-circle .member:nth-child(33)::before, .member-circle .member:nth-child(33) .logo, .member-circle .member:nth-child(33).member-empty .member-num {
transition: opacity 0.35s ease-out 0.64s; }
.member-circle .member:nth-child(34)::before, .member-circle .member:nth-child(34) .logo, .member-circle .member:nth-child(34).member-empty .member-num {
transition: opacity 0.35s ease-out 0.66s; }
.member-circle .member:nth-child(35)::before, .member-circle .member:nth-child(35) .logo, .member-circle .member:nth-child(35).member-empty .member-num {
transition: opacity 0.35s ease-out 0.68s; }
.member-circle .member:nth-child(36)::before, .member-circle .member:nth-child(36) .logo, .member-circle .member:nth-child(36).member-empty .member-num {
transition: opacity 0.35s ease-out 0.70s; }
.member-circle .member:nth-child(37)::before, .member-circle .member:nth-child(37) .logo, .member-circle .member:nth-child(37).member-empty .member-num {
transition: opacity 0.35s ease-out 0.72s; }
.member-circle .member:nth-child(38)::before, .member-circle .member:nth-child(38) .logo, .member-circle .member:nth-child(38).member-empty .member-num {
transition: opacity 0.35s ease-out 0.74s; }
.member-circle .member:nth-child(39)::before, .member-circle .member:nth-child(39) .logo, .member-circle .member:nth-child(39).member-empty .member-num {
transition: opacity 0.35s ease-out 0.76s; }
.member-circle .member:nth-child(40)::before, .member-circle .member:nth-child(40) .logo, .member-circle .member:nth-child(40).member-empty .member-num {
transition: opacity 0.35s ease-out 0.78s; }
.member-circle.ani-in .member::before,
.member-circle.ani-in .member .logo {
opacity: 1; }
.member-circle.ani-in .member.member-empty .member-num {
opacity: 0.5; }
.member-circle.bigger-height .member-info .description {
font-size: 1.9vh; }
.member-circle.bigger-height .member-info .member-subtitle {
font-size: 1.2vw; }
.member-circle.bigger-height .member-info .member-subtitle span {
font-size: 0.72vw; }

@keyframes pulse-arrow {
0% {
opacity: 1; }
50% {
opacity: 0.65; }
100% {
opacity: 1; } }

@media (max-width: 768px) {
.member-select-container {
display: none; }
.member-circle {
position: relative !important;
height: 0;
top: 0 !important;
padding-top: 113%; }
.member-circle .member-info {
width: 35%;
padding: 15px 15px 30px; }
.member-circle .member-info .description {
font-size: 2.4vw; }
.member-circle .member-info .Btn {
padding: 0px 10px; }
.member-circle .member-info .member-subtitle span {
font-size: 10px; }
.member-circle .member-info .member-subtitle {
font-size: 14px; }
.member-circle .member.member-empty .member-num {
font-size: 1.85vw; }
.member-circle .logo-circle,
.member-circle .logo-circle-background {
right: 50%;
transform: translate(50%, -40%); }
.member-circle-spacer {
height: auto !important; }
.member-circle .skip-circle {
display: none; } }

@media (max-width: 550px) {
.member-circle .member-info .description {
font-size: 3.1vw;
line-height: 1.7; }
.member-circle .member-info .member-subtitle span {
font-size: 8px; }
.member-circle .member-info .member-subtitle {
font-size: 12px; } }

.member-carousel {
display: block;
position: relative;
width: 100vw;
height: 750px;
overflow: hidden;
-ms-touch-action: pan-y;
touch-action: pan-y; }
.member-carousel .built-on {
display: block;
position: absolute;
right: 55px;
bottom: 52px;
width: 12vw;
z-index: 100;
max-width: 185px;
min-width: 90px;
transform: translateY(50%); }
.member-carousel .slide-container {
display: block;
position: relative;
width: 100%;
height: 100%;
z-index: 0; }
.member-carousel .slide {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: 1;
background-color: black; }
.member-carousel .slide.active {
z-index: 1; }
.member-carousel .slide.prev-active {
z-index: 2;
opacity: 0;
transition: opacity 0.5s ease-out 0s; }
.member-carousel .slide .background-image {
display: block;
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
height: 100%;
transform: translate(-50%, -50%);
object-fit: cover; }
.member-carousel .slide .slide-content {
display: block;
position: absolute;
top: 45%;
left: 8.6%;
transform: translateY(-50%);
width: 41.4%; }
.member-carousel .slide .slide-content .logo {
display: block;
position: relative;
margin-bottom: 45px;
max-width: 62%;
max-height: 90px;
opacity: 0;
transition: opacity 0.5s ease-out 0s; }
.member-carousel .slide .slide-content .subtitle {
position: relative;
font-size: 14px;
font-weight: 200;
color: white;
width: 100%;
text-transform: uppercase;
margin-bottom: 45px;
line-height: 1.3;
opacity: 0;
transition: opacity 0.5s ease-out 0s; }
.member-carousel .slide .slide-content .description {
position: relative;
font-size: 18px;
font-weight: 200;
line-height: 1.7;
color: white;
width: 100%;
opacity: 0;
transition: opacity 0.5s ease-out 0s; }
.member-carousel .slide.active .slide-content .logo {
opacity: 1;
transition: opacity 0.5s ease-out 0.5s; }
.member-carousel .slide.active .slide-content .subtitle {
opacity: 1;
transition: opacity 0.5s ease-out 0.65s; }
.member-carousel .slide.active .slide-content .description {
opacity: 1;
transition: opacity 0.5s ease-out 0.8s; }
.member-carousel .slide.prev-active .slide-content .logo {
opacity: 1;
transition: none; }
.member-carousel .slide.prev-active .slide-content .subtitle {
opacity: 1;
transition: none; }
.member-carousel .slide.prev-active .slide-content .description {
opacity: 1;
transition: none; }
.member-carousel .carousel-nav {
display: flex;
position: absolute;
height: 25px;
bottom: 40px;
left: 8.2%;
width: 13.25%;
z-index: 200; }
.member-carousel .btn-prev {
display: block;
position: relative;
flex: 0 0 29px;
top: 0;
left: 0;
padding: 7px 0 7px 15px;
font-size: 9px;
font-weight: 400;
line-height: 1.3;
background-image: url(/assets/images/council-carousel-arrow-prev.png);
background-position: center left;
background-size: auto 100%;
background-repeat: no-repeat;
color: white;
text-transform: uppercase;
cursor: pointer;
z-index: 2; }
.member-carousel .btn-prev:hover {
font-weight: 500; }
.member-carousel .btn-next {
display: block;
position: relative;
flex: 0 0 29px;
top: 0;
right: 0;
padding: 7px 15px 7px 0;
font-size: 9px;
font-weight: 400;
line-height: 1.3;
background-image: url(/assets/images/council-carousel-arrow.png);
background-position: center right;
background-size: auto 100%;
background-repeat: no-repeat;
color: white;
text-transform: uppercase;
cursor: pointer;
z-index: 2; }
.member-carousel .btn-next:hover {
font-weight: 500; }
.member-carousel .dot-list {
display: flex;
position: relative;
flex: 0 0 auto;
height: 12px;
padding: 6px 20px 0; }
.member-carousel .dot-list .dot {
display: flex;
position: relative;
flex: 0 0 11px;
width: 11px;
height: 11px;
background: var(--c-primary);
background: -moz-linear-gradient(left, var(--c-primary) 0%, #8259ef 100%);
background: -webkit-linear-gradient(left, var(--c-primary) 0%, #8259ef 100%);
background: linear-gradient(to right, var(--c-primary) 0%, #8259ef 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--c-primary)', endColorstr='#8259ef',GradientType=1);
border-radius: 100%;
margin: 0 2px;
cursor: pointer; }
.member-carousel .dot-list .dot::after {
content: "";
display: block;
position: absolute;
width: 9px;
height: 9px;
border-radius: 100%;
top: 1px;
left: 1px;
background: black;
opacity: 1;
transition: opacity 0.5s ease-out 0s; }
.member-carousel .dot-list .dot.active::after {
opacity: 0; }

@media (max-width: 1024px) {
.member-carousel .slide .background-image {
left: 55%; }
.member-carousel .slide .slide-content {
width: 55%; }
.member-carousel .slide .slide-content .subtitle {
font-size: 14px; }
.member-carousel .slide .slide-content .description {
font-size: 18px; } }

@media (max-width: 768px) {
.member-carousel {
height: calc(100vh - 80px); }
.member-carousel .slide .background-image {
left: 0; }
.member-carousel .slide .slide-content {
width: 75%;
left: 12.5%; }
.member-carousel .slide .slide-content .logo {
max-width: 50%;
margin-bottom: 25px; }
.member-carousel .slide .slide-content .subtitle {
font-size: 14px;
margin-bottom: 25px; }
.member-carousel .slide .slide-content .description {
font-size: 18px; }
.member-carousel .carousel-nav {
width: 75%;
left: 12.5%;
bottom: 39px; }
.member-carousel .btn-prev,
.member-carousel .btn-next {
font-size: 0;
color: transparent;
flex: 0 0 auto; } }

.Council > .intro {
background-color: #f9f9f9; }
.Council > .intro > .image {
background-position: right;
background-size: cover;
background-repeat: no-repeat; }
@media (min-width: 1024px) {
.Council > .intro > .image {
z-index: 5; } }

.Council .pitch .content strong {
font-weight: 500; }

.council-member-wrapper h2 {
margin: 0px auto 0px auto;
text-align: center;
padding-top: 40px; }

.council-member-wrapper a {
text-decoration: none; }

.building-the-future-council-logos {
padding: 0 0 0 0; }
.building-the-future-council-logos .container {
margin: 0 auto 0 auto;
width: 100%;
max-width: 100%; }
.building-the-future-council-logos .container .row {
display: flex;
justify-content: space-between;
height: 200px;
width: 100%; }
.building-the-future-council-logos .container .row .member {
display: flex;
justify-content: center;
height: 200px;
width: 180px;
/* adjust to resize logos */
text-align: center; }
.building-the-future-council-logos .container .row .member a {
display: flex; }
.building-the-future-council-logos .container .row .member img {
height: auto;
max-height: 150px;
width: auto;
max-width: 100%;
margin: auto;
object-fit: contain; }

a.council-member-wrapper:hover .Btn {
display: block; }

a.council-member-wrapper:hover .building-the-future-council-logos {
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px); }

.council-container {
position: relative; }

.council-container .Btn {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 300px;
margin: auto;
display: none;
background-color: #464646;
color: #ffffff; }

.cta-container {
margin: -40px auto 0 auto;
max-width: 100%; }

@media screen and (max-width: 1100px) {
.council-member-wrapper h2 {
margin: 0 auto -20px auto;
padding-top: 12.5%;
text-align: center;
line-height: 1.6;
max-width: 70%; }
a.council-member-wrapper:hover .Btn {
display: none; }
.building-the-future-council-logos {
padding: 0 !important; }
.building-the-future-council-logos .container {
padding: 12.5% 0 12.5% 0;
margin: 0 auto 0 auto;
height: auto;
width: 100vw;
max-width: 100%; }
.building-the-future-council-logos .container .row {
height: auto;
margin: 0 auto;
flex-direction: column; }
.building-the-future-council-logos .container .row .member {
height: auto;
margin: -12px auto; }
.building-the-future-council-logos .container .row .member img {
max-height: 140px;
margin: auto; }
.alt-logos {
display: none; }
.cta-container {
margin: 0 auto 0 auto;
padding: 20px 0 20px 0; }
.cta-container .banner-short-padding {
padding: 10px 6.25% 40px 6.25% !important; } }

a.building-the-future-council-member-wrapper:hover .Btn {
display: block; }

a.building-the-future-council-member-wrapper:hover .building-the-future-council-member-row {
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px); }

.building-the-future-council-member-wrapper {
padding: 40px 0 0 0;
width: 39vw; }

.building-the-future-council-member-container {
margin: 0 auto 0 auto;
max-width: 96vw;
position: relative; }

.building-the-future-council-member-container .Btn {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 300px;
margin: auto;
display: none;
background-color: #464646;
color: #ffffff; }

.building-the-future-council-member-row {
display: flex;
height: 200px;
width: 100%; }

.building-the-future-council-member {
flex: 1;
display: flex;
justify-content: center;
height: 200px;
text-align: center; }

.building-the-future-council-member img {
height: auto;
max-height: 180px;
width: auto;
max-width: 180px;
margin: auto;
object-fit: contain; }

.building-the-future-council-container {
position: absolute; }

@media screen and (max-width: 1100px) {
.building-the-future-council-member-wrapper {
padding: 40px 0 0 0;
width: 88vw; }
.building-the-future-council-member-container {
padding: 0;
margin: 60px auto 0 auto;
height: auto;
max-height: 120vh; }
.building-the-future-council-member-row {
height: auto;
max-width: 240px;
margin: 10px auto;
flex-direction: column; }
.building-the-future-council-member {
height: auto; }
.building-the-future-council-member img {
margin: -12px auto;
margin-top: -30px; }
.building-the-future-council-container {
display: none; } }

.Footer {
background-color: #2c2c2c; }
.Footer .final {
padding: 6.5%; }
@media (min-width: 1024px) {
.Footer .final {
padding-bottom: 40px;
padding-top: 0;
margin: 0; } }
.Footer .final .right {
position: relative;
color: #b8b8b8;
line-height: 22px;
font-size: 10px; }
@media (min-width: 1024px) {
.Footer .final .right {
top: -20px;
text-align: right;
line-height: 1;
float: right; } }
.Footer .final .right a {
color: #b8b8b8;
text-decoration: none; }
.Footer .final .right a:hover {
text-decoration: underline; }
.Footer .final .logo {
position: relative;
top: -12px;
color: white;
font-size: 14px;
text-decoration: none; }
.Footer .final .logo .hashgraph {
color: white; }
.Footer .final .logo > span {
position: relative; }
.Footer .final .logo svg {
position: relative;
top: 6px;
display: inline-block;
vertical-align: baseline;
width: 21px;
height: 21px;
margin-right: 21px; }
.Footer .final .logo svg .circle {
fill: white; }
.Footer .final .logo svg .h {
fill: #464646; }
.Footer .language-menu {
/*display: inline-block;*/
/*temporary removal for production test */
display: none;
/* temporary addition for production test */
position: relative;
margin: 0 0 0 20px;
cursor: pointer;
z-index: 10; }
.Footer .language-selected {
color: white;
display: block;
position: relative;
padding-bottom: 10px; }
.Footer .language-dropdown {
margin: 0;
display: none;
color: white;
position: absolute;
width: 200px;
height: auto;
background: #464646;
top: -10px;
transform: translateY(-100%);
border: 1px solid #333; }
.Footer .language-dropdown.show {
display: block; }
.Footer .language-dropdown-item {
display: block;
position: relative;
padding-left: 10px;
padding-right: 10px; }
.Footer .language-dropdown-item:hover, .Footer .language-dropdown-item.active {
background: rgba(255, 255, 255, 0.5); }

@media (max-width: 1024px) {
.Footer .language-menu {
margin: 0; } }

.Home {
width: 100vw; }

.Home-intro {
height: calc(100vh - 128px);
min-height: 430px;
position: relative; }
@media (min-width: 1024px) {
.Home-intro {
height: calc(100vh - 128px); } }
.Home-intro > .image {
position: absolute;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
top: 0;
right: 0;
bottom: 0;
left: 0; }
@media (min-width: 1024px) {
.Home-intro > .image {
background-attachment: fixed;
background-position: center 90%; } }
.Home-intro > .text {
position: absolute;
color: white;
left: 6.25%;
right: 6.25%;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.Home-intro > .text h2 {
margin-bottom: 30px;
font-weight: 200; }
@media (min-width: 1024px) {
.Home-intro > .text h2 {
margin-bottom: 50px; } }
.Home-intro > .text .intro {
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
letter-spacing: 2px;
margin-top: 40px;
margin-bottom: 40px; }
@media (min-width: 1024px) {
.Home-intro .ButtonLauncher {
display: inline-block; } }

.HeroVideo {
position: fixed;
background-color: #222222;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1010; }
.HeroVideo > div {
width: 100%;
height: 100%;
display: block;
position: relative; }
.HeroVideo > .close {
cursor: pointer;
position: absolute;
right: 8px;
top: 48px;
width: 62px;
height: 62px;
display: block; }
.HeroVideo > .close svg path {
fill: #545454; }

.Platform {
margin-top: 80px; }
.Platform > .intro > .image {
background-position: right;
background-size: cover;
background-repeat: no-repeat; }
@media (min-width: 1024px) {
.Platform > .intro {
max-height: 920px;
height: 100vh; }
.Platform > .intro .image {
position: absolute;
top: 0;
right: 0;
left: 50%;
bottom: 0;
width: 50%; } }
.Platform > .intro .actions .button {
margin-bottom: 15px; }
@media (min-width: 1024px) {
.Platform > .intro .actions .button {
margin-bottom: 0; } }
.Platform > .apps {
background-color: white; }
.Platform > .apps > .links {
display: flex; }
.Platform > .apps > .links > a {
width: 50%;
height: 400px;
display: block;
position: relative; }
.Platform > .apps > .links > a > .contents {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
text-align: center;
left: 0;
right: 0; }
.Platform > .apps > .links > a > .contents > .icon {
display: block;
margin: 0 auto 50px;
width: 60px;
height: 60px; }
.Platform > .apps > .links > a > .contents > .icon svg {
display: block;
width: 100%; }
.Platform > .apps > .links > a > .contents > .icon svg path {
fill: white; }
.Platform > .apps > .links > a.is-1 {
background-color: #464646; }
.Platform > .apps > .links > a.is-2 {
background-color: #222222; }
@media (min-width: 1024px) {
.Platform > .apps > .links > a {
height: 100%;
max-height: 920px; } }
.Platform > .apps .BodyCopy {
margin-bottom: 40px;
margin-top: 40px; }
.Platform > .apps .appstore {
height: 200px;
float: left;
position: relative; }
@media (min-width: 1024px) {
.Platform > .apps .appstore {
height: 80vh;
min-height: 600px;
width: 50%; } }
.Platform > .info .BodyCopy {
margin-bottom: 40px;
margin-top: 40px; }

.Platform > .contentBlock {
position: relative; }
.Platform > .contentBlock > .illustration {
height: 400px; }
@media (min-width: 1024px) {
.Platform > .contentBlock {
display: flex; }
.Platform > .contentBlock .content {
width: 50%; }
.Platform > .contentBlock .illustration {
width: 50%;
height: 100vh;
max-height: 800px; }
.Platform > .contentBlock:nth-of-type(2n-1) .content {
order: 1; }
.Platform > .contentBlock:nth-of-type(2n-1) .illustration {
order: 2; } }
.Platform > .contentBlock.is-dark {
background-color: #222222;
color: white; }
.Platform > .contentBlock.is-dark > .illustration {
background-color: #464646; }
@media (min-width: 1024px) {
.Platform > .contentBlock.is-dark .actions {
position: absolute;
left: 6.25%;
bottom: 6.25%; } }

.BodyCopy {
max-width: 95%; }
@media (min-width: 1024px) {
.BodyCopy {
max-width: 100%;
max-width: 560px; } }
.BodyCopy ul {
list-style-type: disc;
margin-left: 20px; }
.BodyCopy li ul {
list-style-type: circle;
margin-bottom: 0; }
.BodyCopy ol {
list-style-type: decimal-leading-zero; }
.BodyCopy a {
text-decoration-line: none;
color: #222222; }
.BodyCopy a:hover {
text-decoration: none;
color: #595959; }

.Team {
text-align: center;
border-bottom: 1px solid rgba(184, 184, 184, 0.18);
padding: 6.25%; }
.Team.style-1 {
background-color: #222222; }
.Team.style-2 {
background-color: #464646; }
@media (min-width: 1024px) {
.Team {
padding-left: 0;
padding-right: 0; } }
.Team > h4 {
margin-bottom: 3%; }
.Team > .members {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
display: flex; }
.Team .member {
color: white;
flex-grow: 1;
flex-basis: 0;
max-width: 46.875%;
min-width: 46.875%;
margin-right: 6.25%;
margin-bottom: 40px;
margin-top: 40px; }
.Team .member:nth-child(2n) {
margin-right: 0; }
@media (min-width: 1024px) {
.Team .member {
margin-right: 3.125%;
margin-left: 3.125%;
margin-bottom: 60px;
flex-grow: 1;
flex-basis: 0;
max-width: 13.1875%;
min-width: 13.1875%; }
.Team .member:nth-child(2n) {
margin-right: 3.125%; } }
.Team .member > .details {
line-height: 1.5;
margin-bottom: 1em; }
.Team .member > .details .name,
.Team .member > .details .role {
display: block; }
.Team .member > .details .name {
margin-bottom: 6px;
height: 50px; }
.Team .member > .details .role {
color: white;
min-height: 6em; }
.Team .member .bio {
line-height: 1.5; }
@media (min-width: 1024px) {
.Team > .members.is-group .member .bio {
width: 200%;
margin-left: -50%; }
.Team > .members.is-group .member:first-of-type .bio {
margin-left: 0;
text-align: left; }
.Team > .members.is-group .member:last-of-type .bio {
margin-left: -100%;
text-align: right; } }
.Team .avatar {
margin-bottom: 2em; }
.Team .avatar > .square {
background-color: rgba(184, 184, 184, 0.18);
border-radius: 50%;
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
-webkit-filter: grayscale(1);
filter: grayscale(1);
overflow: hidden;
position: relative;
display: block; }
.Team .avatar > .square img {
display: block;
position: relative; }
.Team .section-disclaimer {
max-width: 530px;
margin: 0 auto;
color: #FFFFFF;
font-size: 13px;
font-weight: 300;
line-height: 20px;
text-align: center; }

@media screen and (max-width: 1100px) {
.Team {
padding: 12.5%; }
.Team .member > .details .role {
min-height: 5rem; } }

.Team {
text-align: center;
border-bottom: 1px solid rgba(184, 184, 184, 0.18);
background-color: #222222;
padding: 6.25%; }
@media (min-width: 1024px) {
.Team {
padding-left: 0;
padding-right: 0; } }
.Team > h4 {
margin-bottom: 3%; }
.Team > .members {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
display: flex; }
.Team .member {
color: white;
flex-grow: 1;
flex-basis: 0;
max-width: 46.875%;
min-width: 46.875%;
margin-right: 6.25%;
margin-bottom: 40px;
margin-top: 40px; }
.Team .member:nth-child(2n) {
margin-right: 0; }
@media (min-width: 1024px) {
.Team .member {
margin-right: 3.125%;
margin-left: 3.125%;
margin-bottom: 60px;
flex-grow: 1;
flex-basis: 0;
max-width: 13.1875%;
min-width: 13.1875%; }
.Team .member:nth-child(2n) {
margin-right: 3.125%; } }
.Team .member > .details {
line-height: 1.5;
margin-bottom: 1em; }
.Team .member > .details .name,
.Team .member > .details .role {
display: block; }
.Team .member > .details .name {
margin-bottom: 6px;
height: 44px; }
.Team .member > .details .role {
color: white;
min-height: 6em; }
.Team .member .bio {
line-height: 1.5; }
@media (min-width: 1024px) {
.Team > .members.is-group .member .bio {
width: 200%;
margin-left: -50%; }
.Team > .members.is-group .member:first-of-type .bio {
margin-left: 0;
text-align: left; }
.Team > .members.is-group .member:last-of-type .bio {
margin-left: -100%;
text-align: right; } }
.Team .avatar {
margin-bottom: 2em; }
.Team .avatar > .square {
background-color: rgba(184, 184, 184, 0.18);
border-radius: 50%;
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
-webkit-filter: grayscale(1);
filter: grayscale(1); }

@media screen and (max-width: 1100px) {
.Team {
padding: 12.5%; }
.Team .member > .details .role {
min-height: 2rem; } }

.NewsletterSignup {
color: white; }
@media (min-width: 1024px) {
.NewsletterSignup > .contents {
position: relative; } }
.NewsletterSignup > .contents > .heading {
margin-bottom: 20px; }
.NewsletterSignup > .contents > .input {
border: 0;
background-color: transparent;
border-bottom: 1px solid #595959;
border-radius: 0;
outline: none;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
font-size: 20px;
line-height: 60px;
height: 60px;
width: 100%;
color: white;
display: block;
margin-bottom: 20px;
text-align: left;
-moz-transition: border-color 0.3s ease-out;
-o-transition: border-color 0.3s ease-out;
-webkit-transition: border-color 0.3s ease-out;
transition: border-color 0.3s ease-out;
/* Change the white to any color */ }
.NewsletterSignup > .contents > .input::-webkit-input-placeholder {
color: #f9f9f9; }
.NewsletterSignup > .contents > .input:-moz-placeholder {
/* Firefox 18- */
color: #f9f9f9; }
.NewsletterSignup > .contents > .input::-moz-placeholder {
/* Firefox 19+ */
color: #f9f9f9; }
.NewsletterSignup > .contents > .input:-ms-input-placeholder {
color: #f9f9f9; }
.NewsletterSignup > .contents > .input:focus, .NewsletterSignup > .contents > .input:hover {
border-bottom-color: white;
color: white; }
.NewsletterSignup > .contents > .input.is-error {
color: #FF4200;
border-bottom-color: #FF4200; }
.NewsletterSignup > .contents > .input:-webkit-autofill, .NewsletterSignup > .contents > .input:-webkit-autofill:hover, .NewsletterSignup > .contents > .input:-webkit-autofill:focus, .NewsletterSignup > .contents > .input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 50px #464646 inset;
-webkit-text-fill-color: #FFFFFF; }
@media (min-width: 1024px) {
.NewsletterSignup > .contents > .input {
height: 90px;
margin-bottom: -1px;
display: inline-block;
width: calc(100% - 240px);
margin-right: 40px; } }
.NewsletterSignup > .contents > .Btn {
width: 100%;
display: block;
margin-bottom: 6.25%; }
@media (min-width: 1024px) {
.NewsletterSignup > .contents > .Btn {
margin-bottom: 0;
width: 130px;
display: inline-block;
position: relative; } }
.NewsletterSignup.has-error {
color: #FF4200;
-moz-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
-webkit-transition: color 0.3s ease-out;
transition: color 0.3s ease-out; }
.NewsletterSignup.has-error .input {
color: #FF4200;
-moz-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
-webkit-transition: color 0.3s ease-out;
transition: color 0.3s ease-out; }
.NewsletterSignup.has-error > .contents > .input {
border-bottom: 1px solid #FF4200; }
.NewsletterSignup.has-error > .contents > .input::-webkit-input-placeholder {
color: #FF4200;
content: "Please enter a valid email"; }
.NewsletterSignup.has-error > .contents > .input:-moz-placeholder {
/* Firefox 18- */
color: #FF4200;
content: "Please enter a valid email"; }
.NewsletterSignup.has-error > .contents > .input::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200;
content: "Please enter a valid email"; }
.NewsletterSignup.has-error > .contents > .input:-ms-input-placeholder {
color: #FF4200;
content: "Please enter a valid email"; }
.NewsletterSignup.has-focus > .contents > .input {
border-bottom: 1px solid white; }
.NewsletterSignup.has-focus > .contents > .input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.3); }
.NewsletterSignup.has-focus > .contents > .input:-moz-placeholder {
/* Firefox 18- */
color: rgba(255, 255, 255, 0.3); }
.NewsletterSignup.has-focus > .contents > .input::-moz-placeholder {
/* Firefox 19+ */
color: rgba(255, 255, 255, 0.3); }
.NewsletterSignup.has-focus > .contents > .input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.3); }
.NewsletterSignup.has-focus > .contents > .heading {
opacity: 0; }

.NewsletterSignup .Btn {
opacity: 0.2; }

.NewsletterSignup.has-valid-email .Btn {
opacity: 1; }

.NewsletterSignup2 {
color: white; }
@media (min-width: 1024px) {
.NewsletterSignup2 > .contents {
position: relative; } }
.NewsletterSignup2 > .contents > .heading {
margin-bottom: 20px; }
.NewsletterSignup2 > .contents > .input {
border: 0;
background-color: transparent;
border-bottom: 1px solid #595959;
border-radius: 0;
outline: none;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
font-size: 20px;
line-height: 60px;
height: 60px;
width: 100%;
color: white;
display: block;
margin-bottom: 20px;
text-align: left;
-moz-transition: border-color 0.3s ease-out;
-o-transition: border-color 0.3s ease-out;
-webkit-transition: border-color 0.3s ease-out;
transition: border-color 0.3s ease-out;
/* Change the white to any color */ }
.NewsletterSignup2 > .contents > .input::-webkit-input-placeholder {
color: #f9f9f9; }
.NewsletterSignup2 > .contents > .input:-moz-placeholder {
/* Firefox 18- */
color: #f9f9f9; }
.NewsletterSignup2 > .contents > .input::-moz-placeholder {
/* Firefox 19+ */
color: #f9f9f9; }
.NewsletterSignup2 > .contents > .input:-ms-input-placeholder {
color: #f9f9f9; }
.NewsletterSignup2 > .contents > .input:focus, .NewsletterSignup2 > .contents > .input:hover {
border-bottom-color: white;
color: white; }
.NewsletterSignup2 > .contents > .input.is-error {
color: #FF4200;
border-bottom-color: #FF4200; }
.NewsletterSignup2 > .contents > .input:-webkit-autofill, .NewsletterSignup2 > .contents > .input:-webkit-autofill:hover, .NewsletterSignup2 > .contents > .input:-webkit-autofill:focus, .NewsletterSignup2 > .contents > .input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 50px #464646 inset;
-webkit-text-fill-color: #FFFFFF; }
@media (min-width: 1024px) {
.NewsletterSignup2 > .contents > .input {
height: 90px;
margin-bottom: -1px;
display: inline-block;
width: calc(100% - 240px);
margin-right: 40px; } }
.NewsletterSignup2 > .contents > .Btn {
width: 100%;
display: block;
margin-bottom: 6.25%; }
@media (min-width: 1024px) {
.NewsletterSignup2 > .contents > .Btn {
margin-bottom: 0;
width: 130px;
display: inline-block;
position: relative; } }
.NewsletterSignup2.has-error {
color: #FF4200;
-moz-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
-webkit-transition: color 0.3s ease-out;
transition: color 0.3s ease-out; }
.NewsletterSignup2.has-error .input {
color: #FF4200;
-moz-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
-webkit-transition: color 0.3s ease-out;
transition: color 0.3s ease-out; }
.NewsletterSignup2.has-error > .contents > .input {
border-bottom: 1px solid #FF4200; }
.NewsletterSignup2.has-error > .contents > .input::-webkit-input-placeholder {
color: #FF4200;
content: "Please enter a valid email"; }
.NewsletterSignup2.has-error > .contents > .input:-moz-placeholder {
/* Firefox 18- */
color: #FF4200;
content: "Please enter a valid email"; }
.NewsletterSignup2.has-error > .contents > .input::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200;
content: "Please enter a valid email"; }
.NewsletterSignup2.has-error > .contents > .input:-ms-input-placeholder {
color: #FF4200;
content: "Please enter a valid email"; }
.NewsletterSignup2.has-focus > .contents > .input {
border-bottom: 1px solid white; }
.NewsletterSignup2.has-focus > .contents > .input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.3); }
.NewsletterSignup2.has-focus > .contents > .input:-moz-placeholder {
/* Firefox 18- */
color: rgba(255, 255, 255, 0.3); }
.NewsletterSignup2.has-focus > .contents > .input::-moz-placeholder {
/* Firefox 19+ */
color: rgba(255, 255, 255, 0.3); }
.NewsletterSignup2.has-focus > .contents > .input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.3); }
.NewsletterSignup2.has-focus > .contents > .heading {
opacity: 0; }

.NewsletterSignup2 .Btn {
opacity: 0.2; }

.NewsletterSignup2.has-valid-email .Btn {
opacity: 1; }

.SitePreloader {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #464646;
z-index: 999; }
.SitePreloader > .internal {
position: absolute;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.SitePreloader > .internal > svg {
margin-left: auto;
margin-right: auto;
display: block;
width: 30px;
height: 30px; }
.SitePreloader > .internal > svg .circle {
fill: white; }
.SitePreloader > .internal > svg .h {
color: #464646; }

.AnimatedSvg circle,
.AnimatedSvg rect,
.AnimatedSvg path {
fill: none;
stroke: white;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2px;
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
animation: dash 3s ease-in-out forwards; }

@keyframes dash {
to {
stroke-dashoffset: 0; } }

.Linklist {
line-height: 24px;
border-top: 1px solid #595959;
padding-top: 20px;
padding-bottom: 20px;
margin: 0; }
@media (min-width: 1024px) {
.Linklist {
min-height: auto;
padding-top: 40px;
padding-left: 0;
padding-right: 0; } }
.Linklist > li {
font-size: 12px;
line-height: 1.3;
margin-bottom: 0.6em;
margin-right: 30px;
display: none; }
@media (min-width: 1024px) {
.Linklist > li {
display: block; } }
.Linklist > li a {
text-decoration: none;
color: #b8b8b8; }
.Linklist > li a:hover {
text-decoration: underline;
color: white; }
.Linklist > .title {
display: block;
margin-bottom: 0; }
@media (min-width: 1024px) {
.Linklist > .title {
margin-bottom: 20px; } }
.Linklist > .title > a {
text-decoration: none;
color: #f9f9f9; }

.square {
height: 0;
overflow: visible;
position: relative;
padding-bottom: 100%; }

.Image > .internal {
position: absolute;
left: 0;
right: 0;
top: 0;
image-rendering: pixelated;
bottom: 0;
background-size: cover;
background-position: center center; }

.bg--blue {
background-color: var(--c-primary); }

.bg--red {
background-color: #FF4200; }

.bg--green {
background-color: var(--c-secondary); }

.bg--purple {
background-color: #8259ef; }

.bg--white {
background-color: white; }

.bg--black {
background-color: #222222; }

.bg--grey {
background-color: #464646; }

.bg--dark-grey {
background-color: #464646; }

.color--light-grey {
color: #b8b8b8; }

.color--dark-grey {
color: #464646; }

.section-subtitle-partners {
text-align: center;
max-width: 600px;
font-size: 15px;
font-weight: 300;
line-height: 30px;
letter-spacing: 0;
margin: 0 auto 58px; }

.Partners > h4 {
text-align: center;
padding: 6.25%; }

.Partners > h5 {
text-align: center;
padding: 6.25% 6.25% 0 6.25%; }

.Partners .internal {
display: flex;
flex-wrap: wrap;
border-top: 1px solid rgba(70, 70, 70, 0.12); }

.Partners .partner {
box-sizing: border-box;
position: relative;
flex-grow: 0;
flex-basis: 0;
width: 50%;
min-width: 50%;
max-width: 50%;
border-right: 1px solid rgba(70, 70, 70, 0.12);
cursor: pointer;
border-bottom: 1px solid rgba(70, 70, 70, 0.12); }
@media (min-width: 1024px) {
.Partners .partner > .content > .padding {
padding: 6.25%;
padding-top: 0; } }
.Partners .partner > .content .logo {
position: relative;
z-index: 5;
height: 0;
padding-bottom: 100%;
overflow: visible;
background-position: center center;
background-repeat: no-repeat;
background-size: contain; }
.Partners .partner > .content .logo:hover {
opacity: 0.5;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out; }
@media (min-width: 1024px) {
.Partners .partner > .content .logo {
margin: 0 6.25%; } }
.Partners .partner > .content .logo > img {
display: block;
width: 100%; }
.Partners .partner > .content .logo > h3 {
position: absolute;
left: 12.5%;
right: 12.5%;
text-align: center;
bottom: 6.25%;
line-height: 2;
display: none;
color: #b8b8b8; }
@media (min-width: 1024px) {
.Partners .partner > .content .logo > h3 {
display: block; } }
@media (min-width: 1024px) {
.Partners .partner > .content .logo {
opacity: 0.6; } }
.Partners .partner > .content .info {
display: none;
z-index: 1; }
.Partners .partner > .content .info > .bio {
position: relative;
padding: 50% 12.5% 12.5% 12.5%; }
@media (min-width: 1400px) {
.Partners .partner > .content .info > .bio {
padding: 100% 12.5% 12.5% 12.5%; } }
.Partners .partner > .content > .bio {
display: none; }
@media (min-width: 1024px) {
.Partners .partner > .content > .bio {
text-align: center; } }

@media (min-width: 1024px) {
.Partners .partner {
width: 16.6666666667%;
min-width: 16.6666666667%;
max-width: 16.6666666667%;
pointer-events: auto; } }

@media (max-width: 1100px) {
.Partners > h5 {
text-align: left;
padding: 6.25% 6.25% 0; }
.section-subtitle-partners {
text-align: left;
font-size: 12px;
margin: 0 6.25% 6.25%; } }

.Partners > h4 {
text-align: center;
padding: 6.25%; }

.Partners .internal {
display: flex;
flex-wrap: wrap;
border-top: 1px solid rgba(70, 70, 70, 0.12); }

.Partners .partner {
box-sizing: border-box;
position: relative;
flex-grow: 0;
flex-basis: 0;
width: 100%;
min-width: 100%;
max-width: 100%;
border-right: 1px solid rgba(70, 70, 70, 0.12);
cursor: pointer;
border-bottom: 1px solid rgba(70, 70, 70, 0.12); }
@media (min-width: 1024px) {
.Partners .partner > .content > .padding {
padding: 6.25%;
padding-top: 0; } }
.Partners .partner > .content .logo {
position: relative;
z-index: 5;
height: 0;
padding-bottom: 100%;
overflow: visible;
background-position: center center;
background-repeat: no-repeat;
background-size: contain; }
.Partners .partner > .content .logo:hover {
opacity: 0.5;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out; }
@media (min-width: 1024px) {
.Partners .partner > .content .logo {
margin: 0 6.25%; } }
.Partners .partner > .content .logo > img {
display: block;
width: 100%; }
.Partners .partner > .content .logo > h3 {
position: absolute;
left: 12.5%;
right: 12.5%;
text-align: center;
bottom: 6.25%;
line-height: 2;
display: none;
color: #b8b8b8; }
@media (min-width: 1024px) {
.Partners .partner > .content .logo > h3 {
display: block; } }
@media (min-width: 1024px) {
.Partners .partner > .content .logo {
opacity: 0.6; } }
.Partners .partner > .content .info {
display: none;
z-index: 1; }
.Partners .partner > .content .info > .bio {
position: relative;
padding: 50% 12.5% 12.5% 12.5%; }
@media (min-width: 1400px) {
.Partners .partner > .content .info > .bio {
padding: 100% 12.5% 12.5% 12.5%; } }
.Partners .partner > .content > .bio {
display: none; }
@media (min-width: 1024px) {
.Partners .partner > .content > .bio {
text-align: center; } }

@media (min-width: 1024px) {
.Partners .partner {
width: 20%;
min-width: 20%;
max-width: 20%;
pointer-events: auto; } }

.form {
max-width: 400px; }
.form label {
display: block;
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
letter-spacing: 2px;
color: #595959; }
.form input[type="text"],
.form input[type="password"] {
display: block;
width: 100%;
margin: 10px 0;
border: 1px solid #b8b8b8;
height: 40px;
line-height: 40px;
font-size: 18px;
line-height: 40px;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
text-indent: 10px;
border-radius: 4px; }

.TokenLaunch {
margin-top: 80px; }

.TokenLaunch .countdown {
display: flex;
max-width: 400px;
margin: 40px auto; }
.TokenLaunch .countdown > .unit {
margin: 0 auto; }
.TokenLaunch .countdown > .unit > .value {
display: block;
margin-bottom: 10px; }
.TokenLaunch .countdown > .unit > .labels {
display: block; }

.TokenProgress {
position: relative;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 100%), #464646; }
.TokenProgress .bg--purple {
position: absolute;
top: 0;
left: 0;
bottom: 0; }
.TokenProgress > .info {
position: absolute;
left: 0;
top: 0;
color: white; }
.TokenProgress .hg-symbol {
display: inline-block;
width: 24px;
height: 24px;
margin-right: 2px; }
.TokenProgress .hg-symbol .circle {
fill: white; }
.TokenProgress .hg-symbol .h {
fill: #464646; }
.TokenProgress dd {
margin-bottom: 1em; }
.TokenProgress .labels {
position: absolute;
left: 0;
right: 0;
bottom: 12.5%;
color: white; }
.TokenProgress .labels > label {
display: block;
position: absolute;
bottom: 0; }
.TokenProgress .labels > label.soft {
left: 12.5%; }
.TokenProgress .labels > label.cap {
right: 12.5%;
text-align: right; }

.TokenLaunch .highlight {
background-color: #f9f9f9; }

.TokenLaunch > .graph {
background-color: #f9f9f9;
border-bottom: 1px solid rgba(184, 184, 184, 0.18); }
.TokenLaunch > .graph .diagram > .graph {
margin: 40px; }
.TokenLaunch > .graph .diagram > .graph > .square {
border-radius: 50%; }
@media (min-width: 1024px) {
.TokenLaunch > .graph .diagram > .graph {
max-width: 400px;
max-height: 400px;
margin-left: auto;
margin-right: auto; } }
@media (min-width: 1024px) {
.TokenLaunch > .graph {
display: flex; }
.TokenLaunch > .graph .content {
width: 50%; }
.TokenLaunch > .graph .diagram {
width: 50%; }
.TokenLaunch > .graph:nth-of-type(2n-1) {
background-color: white; }
.TokenLaunch > .graph:nth-of-type(2n-1) .content {
order: 1; }
.TokenLaunch > .graph:nth-of-type(2n-1) .diagram {
order: 2; } }

.TokenLaunch > .schedule {
border-bottom: 1px solid rgba(184, 184, 184, 0.18);
background-color: white; }
.TokenLaunch > .schedule > .heading {
margin-left: 12.5%; }
@media (min-width: 1024px) {
.TokenLaunch > .schedule > .heading {
margin-left: 0; } }
@media (min-width: 1024px) {
.TokenLaunch > .schedule {
text-align: center; } }
@media (min-width: 1024px) {
.TokenLaunch > .schedule > .timeline {
margin-top: 80px;
position: relative; }
.TokenLaunch > .schedule > .timeline::before {
display: block;
content: "";
position: absolute;
left: 50%;
top: 0;
bottom: 0;
background-color: rgba(184, 184, 184, 0.18);
width: 1px; } }
.TokenLaunch > .schedule > .timeline > .event {
position: relative;
border-top: 1px solid rgba(184, 184, 184, 0.18);
overflow: visible;
padding: 40px 12.5% 120px; }
.TokenLaunch > .schedule > .timeline > .event > .year {
position: absolute;
top: -16px;
height: 32px;
line-height: 32px;
background-color: white;
padding: 0 16px;
border-radius: 16px;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); }
.TokenLaunch > .schedule > .timeline > .event > .year.is-first {
background-color: #8259ef;
color: white; }
@media (min-width: 1024px) {
.TokenLaunch > .schedule > .timeline > .event > .year {
top: -34px;
height: 68px;
line-height: 68px;
border-radius: 34px;
padding: 0 32px;
font-size: 20px; } }
@media (min-width: 1024px) {
.TokenLaunch > .schedule > .timeline > .event {
padding: 0 0 100px 0;
border-top: 0; }
.TokenLaunch > .schedule > .timeline > .event::before {
content: "";
display: block;
width: 50%;
position: absolute;
top: 0;
background-color: rgba(184, 184, 184, 0.18);
height: 1px;
left: 0%;
z-index: 1; }
.TokenLaunch > .schedule > .timeline > .event > .year {
left: calc(50% - 60px);
z-index: 10; }
.TokenLaunch > .schedule > .timeline > .event > .caption {
z-index: 10;
background-color: white;
position: relative;
top: -12px;
font-size: 16px;
line-height: 30px;
width: calc(50% - 320px);
margin-left: 120px; }
.TokenLaunch > .schedule > .timeline > .event:nth-of-type(2n)::before {
left: 50%; }
.TokenLaunch > .schedule > .timeline > .event:nth-of-type(2n) > .caption {
float: right;
margin-left: 0;
margin-right: 120px; } }

.MediaPlaylist {
color: white;
background-color: #222222;
padding: 6.25%; }
.MediaPlaylist.academy {
color: #222222;
background-color: white; }
@media (min-width: 1024px) {
.MediaPlaylist {
padding: 0; } }
@media (min-width: 1024px) {
.MediaPlaylist > .current-video {
padding-top: 80px;
padding-bottom: 80px;
display: flex; }
.MediaPlaylist > .current-video > .left {
margin-left: 6.25%;
width: 50%;
margin-right: 6.25%; }
.MediaPlaylist > .current-video > .right {
width: 31.25%; }
.MediaPlaylist > .current-video > .right .bodyCopy ul {
list-style-type: none; } }
.MediaPlaylist > .current-video.academy > .current-video > .right .Btn {
margin: 0 auto !important; }
.MediaPlaylist > .current-video.academy > .all-videos {
border-top: none; }
.MediaPlaylist .audio-player {
margin-bottom: 60px;
position: relative; }
.MediaPlaylist .VideoPlayer {
margin-bottom: 60px;
position: relative; }
.MediaPlaylist .VideoPlayer > span {
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0; }
@media (min-width: 1024px) {
.MediaPlaylist .VideoPlayer {
margin-bottom: 0; } }
.MediaPlaylist hr {
border: 0;
border-top: 1px solid rgba(184, 184, 184, 0.18); }
.MediaPlaylist > .videos-heading {
color: #595959;
padding-top: 12.5%; }
@media (min-width: 1024px) {
.MediaPlaylist > .videos-heading {
padding-top: 0;
padding-left: 6.25%; } }
.MediaPlaylist > .all-videos {
border-top: 1px solid rgba(184, 184, 184, 0.18); }
@media (min-width: 1024px) {
.MediaPlaylist > .all-videos {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
padding-left: 6.25%;
width: calc(100% - 6.25%); } }

.PlaylistThumbnail {
padding: 40px 0;
position: relative; }
.PlaylistThumbnail > h5 {
margin: 0;
margin-bottom: 6px;
line-height: 1.5; }
.PlaylistThumbnail > .duration {
color: #595959; }
.PlaylistThumbnail > .image {
height: 0;
padding-bottom: 60%;
background-color: #464646;
margin-bottom: 20px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
.PlaylistThumbnail:hover {
cursor: pointer; }
.PlaylistThumbnail:hover > h5 {
text-decoration: underline; }
.PlaylistThumbnail > .date {
color: #b8b8b8;
margin: 30px 0; }
@media (min-width: 1024px) {
.PlaylistThumbnail {
flex-grow: 0;
flex-shrink: 0;
margin-right: 6.25%;
max-width: 27%;
min-width: 27%; }
.PlaylistThumbnail:nth-child(3n) {
margin-right: 0; } }

@media (min-width: 1024px) {
.Media .all-videos .PlaylistThumbnail {
max-width: 19%;
min-width: 19%; }
.Media .all-videos .PlaylistThumbnail:nth-child(3n) {
margin-right: 6.25%; }
.Media .all-videos .PlaylistThumbnail:nth-child(4n) {
margin-right: 0; } }

.VideoPlayer {
height: 0;
overflow: visible;
padding-bottom: 56.4%; }
.VideoPlayer iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }

.VideoGrid {
background-color: white;
padding: 6.25%; }
.VideoGrid > h4 {
padding-bottom: 6.25%; }
.VideoGrid > .videos > .video {
display: block;
text-decoration: none;
color: #464646;
margin-bottom: 12.5%; }
.VideoGrid > .videos > .video .image {
height: 0;
padding-bottom: 54%;
margin-bottom: 20px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
-webkit-filter: grayscale(1);
filter: grayscale(1); }
.VideoGrid > .videos > .video > h5 {
margin-bottom: 6px; }
.VideoGrid > .videos > .video > .duration {
color: #b8b8b8; }
.VideoGrid > .videos > .video:hover .image {
-webkit-filter: grayscale(0);
filter: grayscale(0); }
@media (min-width: 1024px) {
.VideoGrid > .videos {
display: flex;
margin-bottom: 80px; }
.VideoGrid > .videos > .video {
padding: 0;
margin-right: 6.25%;
margin-bottom: 0;
flex-grow: 1;
flex-basis: 0; }
.VideoGrid > .videos > .video:last-of-type {
margin-right: 0; } }

.Press {
padding: 6.25%;
background-color: #222222;
color: white; }
.Press.meeting-minutes a {
color: white; }
.Press .title {
font-size: 32px;
line-height: 1.3;
padding-bottom: 20px;
font-weight: 300; }
.Press .articles {
margin-top: 50px; }
.Press .btn-verify {
margin-right: 10px; }
.Press .article:not(:first-child) > div:first-child {
font-size: 12px; }
.Press .article {
padding: 20px 0; }
.Press .article:first-of-type {
border-bottom: 1px solid rgba(184, 184, 184, 0.18); }
.Press .article:last-of-type {
border-bottom: 0; }
.Press .article > .excerpt {
margin-right: 12px; }
.Press .article > .site-name,
.Press .article > .excerpt,
.Press .article > .date {
margin-bottom: 20px; }
.Press .article > .site-name a,
.Press .article > .excerpt a,
.Press .article > .date a {
color: inherit;
text-decoration: none; }
.Press .article > .site-name a:hover,
.Press .article > .excerpt a:hover,
.Press .article > .date a:hover {
text-decoration: underline; }

@media (min-width: 1024px) {
.Press .article {
display: flex;
align-items: baseline; }
.Press .article > .site-name,
.Press .article > .excerpt,
.Press .article > .date {
margin-bottom: 0px; }
.Press .article > .site-name {
width: 17%; }
.Press .article > .excerpt {
width: 58%; }
.Press .article > .excerpt > * {
margin-right: 20px; }
.Press .article > .date {
width: 25%; }
.Press .article > .cta {
min-width: 210px;
text-align: left;
display: inline-flex; } }

@media screen and (max-width: 1024px) {
.Press {
padding: 12.5%; }
.Press .title {
font-size: 16px; }
.Press .article {
border-bottom: 1px solid rgba(184, 184, 184, 0.18); }
.Press .article:first-of-type {
display: none; }
.Press .article:nth-child(2) {
border-top: 1px solid rgba(184, 184, 184, 0.18); }
.Press .article:last-of-type {
border-bottom: 0; } }

@media screen and (max-width: 768px) {
.Press .article {
padding: 20px 0 50px; } }

.BlogPosts {
background-color: #f9f9f9;
position: relative;
color: #222222;
padding: 6.25%; }
.BlogPosts > h4 {
padding-bottom: 6.25%; }
@media (min-width: 1024px) {
.BlogPosts > .posts {
display: flex; } }

.MediumTile {
display: block;
text-decoration: none;
color: #222222;
margin-bottom: 12.5%; }
.MediumTile > .image img {
display: block;
width: 100%; }
.MediumTile > .date {
display: block; }
@media (min-width: 1024px) {
.MediumTile {
margin-bottom: 80px;
width: auto;
flex-grow: 1;
flex-basis: 0;
margin-right: 6.25%; }
.MediumTile:last-of-type {
margin-right: 0; } }

.Media {
padding-top: 80px; }

.Developers {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
height: 100vh;
position: relative;
background-color: #464646; }
@media (min-width: 1024px) {
.Developers {
background-attachment: fixed; }
.Developers.about {
background-attachment: scroll; } }
.Developers > .content {
position: absolute;
width: 87.5%;
left: 6.25%;
text-align: center;
color: white;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
@media (min-width: 1024px) {
.Developers > .content {
width: 600px;
left: calc(50% - 300px); } }

.auidences {
background-size: cover;
color: white;
display: block;
position: relative;
overflow: hidden; }
.auidences .list {
display: flex;
position: relative;
z-index: 1; }
.auidences .list .auidence {
flex: 1;
display: flex;
flex-direction: column;
margin: 0 2.75vw 0 2.75vw; }
.auidences .list .auidence .title {
height: 60px;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 60px;
width: auto; }
.auidences .list .auidence .title h2 {
font-size: 38px;
height: auto;
width: auto;
display: inline-block;
letter-spacing: -2px;
background: linear-gradient(160deg, #5281e7, #3EC878 34%, #21A056);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
.auidences .list .auidence .description {
color: #ffffff;
font-size: 15px;
font-weight: 300;
line-height: 30px;
min-height: 90px; }
.auidences .list .auidence:first-child {
margin: 0;
margin-right: 2.75vw; }
.auidences .list .auidence:last-child {
margin: 0;
margin-left: 2.75vw; }
.auidences .auidence-background {
min-width: 100%;
min-height: 100%;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0; }

@media screen and (max-width: 1100px) {
.auidences {
height: auto; }
.auidences .list {
flex-direction: column;
height: auto; }
.auidences .list .auidence {
height: auto;
margin: 0 0 65px 0;
margin-left: 0;
margin-right: 0; }
.auidences .list .auidence:first-child {
margin: 0 0 65px 0;
margin-right: 0; }
.auidences .list .auidence:last-child {
margin: 0;
margin-left: 0; }
.auidences .list .auidence .title {
line-height: 40px;
flex: none;
height: auto;
width: auto; }
.auidences .list .auidence .title h2 {
font-size: 32px;
height: auto;
width: auto;
display: inline-block; }
.auidences .list .auidence .description {
flex: none;
height: auto;
min-height: 0; } }

.EventRecapBanner {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
height: 100vh;
position: relative;
background-color: #464646; }
@media (min-width: 1024px) {
.EventRecapBanner {
background-attachment: fixed; } }
.EventRecapBanner > .grey {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5); }
.EventRecapBanner > .content {
position: absolute;
width: 87.5%;
left: 6.25%;
text-align: center;
color: white;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
@media (min-width: 1024px) {
.EventRecapBanner > .content {
width: 600px;
left: calc(50% - 300px); } }

.Four04 {
height: 100vw;
background-color: #222222;
position: relative;
margin-top: 80px;
max-height: 800px; }
.Four04 > .contents {
color: white;
color: white;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
left: 0;
right: 0;
text-align: center; }

.Spread {
position: relative; }
.Spread > .image {
height: 0;
padding-bottom: 100%;
overflow: visible;
position: relative;
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
.Spread > .image.features {
order: 2; }
.Spread > .image.hasBackground {
height: auto;
padding-bottom: 0; }
.Spread > .image > .Illustration {
box-sizing: border-box;
padding: 6%; }
@media (min-width: 1024px) {
.Spread > .image > .Illustration {
padding: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0; } }
.Spread > .image > .Illustration > svg {
display: block;
margin: auto; }
@media (min-width: 1024px) {
.Spread > .image > .Illustration > svg {
margin-left: auto;
max-width: 600px;
margin-right: auto; } }
.Spread > .image > .Illustration > img {
display: block;
margin: 25px;
width: calc(100% - 60px); }
@media (min-width: 1024px) {
.Spread > .image > .Illustration > img {
margin: 0;
margin-left: auto;
max-width: 600px;
width: 100%;
margin-right: auto; } }
.Spread > .image > .gradient {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 5.52%, rgba(0, 0, 0, 0) 47.51%); }
.Spread > .image > .backgroundImageWrapper {
width: 100%;
min-height: 100vw;
overflow: hidden; }
@media (min-width: 1024px) {
.Spread > .image > .backgroundImageWrapper {
height: 100%;
min-height: auto; } }
.Spread > .image > .backgroundImageWrapper > .backgroundImage {
object-fit: cover;
object-position: center;
width: auto;
min-height: 100vw; }
@media (min-width: 1024px) {
.Spread > .image > .backgroundImageWrapper > .backgroundImage {
width: 100%;
height: 100%;
min-height: auto; } }
.Spread > .image > .backgroundImageWrapper > .chartImage {
object-fit: cover;
object-position: center;
width: 100%;
min-height: 100vw; }
@media (min-width: 1024px) {
.Spread > .image > .backgroundImageWrapper > .chartImage {
width: 100%;
height: 100%;
min-height: auto; } }
.Spread > .image > .backgroundImageWrapper > .text {
position: absolute;
color: white;
left: 6.25%;
right: 6.25%;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.Spread > .image > .backgroundImageWrapper > .text > .logo {
max-height: 100px;
max-width: 200px;
margin: 0 0 40px 0; }
@media (min-width: 1024px) {
.Spread > .image > .backgroundImageWrapper > .text > .logo {
margin: -60px 0 40px 0; } }
.Spread > .image > .backgroundImageWrapper > .text > h2 {
margin: 0 auto 50px;
line-height: 28px;
max-width: 600px;
font-weight: 300;
color: white; }
.Spread > .image.storage, .Spread > .image.cryptocurrency, .Spread > .image.contracts {
background-color: #464646; }
.Spread > .image.cryptocurrency {
order: 1 !important; }
.Spread > .image.contracts {
order: 2 !important; }
.Spread > .image.storage {
order: 1 !important; }
.Spread > .content {
box-sizing: border-box;
position: relative; }
.Spread > .content > .padding {
padding: 12.5%; }
@media (min-width: 1024px) {
.Spread > .content > .padding {
padding-bottom: 0; } }
.Spread > .content > .padding > h3 {
font-size: 22px; }
@media (min-width: 1024px) {
.Spread > .content > .padding > h3 {
font-size: 32px; } }
.Spread > .content > .padding p {
font-size: 15px; }
.Spread.is-dark {
background-color: #222222;
color: white; }
.Spread.is-dark > .image {
background-color: #464646; }
.Spread ul {
margin-bottom: 0; }
@media (min-width: 1024px) {
.Spread {
display: flex;
align-items: stretch;
min-height: 800px; }
.Spread > .image {
width: 50%;
overflow: hidden;
height: auto;
padding-bottom: 0;
max-height: 920px; }
.Spread.not-full > .image {
position: absolute;
right: 0;
top: 0;
height: 100%;
max-height: auto; }
.Spread > .content {
width: 50%;
min-height: auto; }
.Spread:nth-child(2n-1) > .content {
order: 1; }
.Spread:nth-child(2n-1) > .image {
order: 2; }
.Spread.is-dark > .content, .Spread.is-intro > .content {
order: 1; }
.Spread.is-dark > .image, .Spread.is-intro > .image {
order: 2; } }

.Illustration .cls-1,
.Illustration .cls-2 {
fill: none;
stroke-miterlimit: 10; }

.Illustration .cls-1 {
stroke-linecap: square; }

.Illustration .st0 {
fill: none;
stroke: #fff;
stroke-miterlimit: 10; }

.Illustration text {
fill: white;
text-transform: uppercase;
font-style: normal;
font-weight: 500;
line-height: normal;
font-size: 12px;
text-align: center;
letter-spacing: 0.315789px;
text-transform: uppercase; }

.Illustration span {
display: block;
position: absolute; }

.image.bg--white .gradient {
display: none; }

.image.bg--white .Illustration .cls-1 {
stroke: #464646 !important; }

.speed-illy-text {
text-align: center;
font-size: 11px !important;
width: 400px; }

.fair-illy-text {
font-size: 10px !important; }

.security-illy-text {
width: 60%;
left: 20%;
right: 20%;
text-align: center; }
.security-illy-text.is-1 {
top: 40.5%; }
.security-illy-text.is-2 {
top: 57%; }
.security-illy-text.is-3 {
top: 72%; }

.speed-illy-text.is-3 {
font-size: 10px !important;
font-weight: 400 !important;
text-transform: none !important; }

.FAQ {
margin-top: 80px; }
.FAQ h2 {
padding: 6.25%; }

.Event {
padding: 6.25%;
border-top: 1px solid rgba(184, 184, 184, 0.18); }
.Event .header {
color: #595959;
position: relative; }
.Event .header .title {
cursor: pointer;
margin-right: 20px;
display: inline-block; }
.Event .header .title:hover {
color: #464646; }
.Event .header .right .date {
display: none; }
.Event .header .left .date {
display: block;
margin-top: 10px; }
@media (min-width: 1024px) {
.Event .header {
display: flex; }
.Event .header .left,
.Event .header .right {
width: 50%; }
.Event .header .left .date {
display: none; }
.Event .header .right {
text-align: right; }
.Event .header .right .date {
display: inline-block; } }
.Event h2 .location {
display: block;
margin-top: 10px; }
@media (min-width: 1024px) {
.Event h2 .location {
margin-top: 0;
display: inline-block; } }
.Event .toggle {
font-size: 30px;
margin-left: 60px;
display: inline-block;
cursor: pointer;
font-weight: 300;
position: absolute;
right: 0;
top: -3px;
width: 30px;
text-align: center; }
.Event .toggle::before {
content: "+"; }
@media (min-width: 1024px) {
.Event .toggle {
position: relative;
top: 5px; } }
.Event .toggle .minus {
display: none; }
.Event .content {
width: 100%;
overflow: hidden;
height: 0; }
.Event .content .description {
padding-top: 3%;
line-height: 1.5; }
.Event .content .more {
margin-top: 20px; }
.Event .content .faq-video {
height: 0;
overflow: visible;
padding-bottom: 33%;
max-width: 700px;
position: relative; }
.Event .content .faq-video iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }

.Event.is-open {
background-color: white;
-moz-transition: height 200ms ease-in-out;
-o-transition: height 200ms ease-in-out;
-webkit-transition: height 200ms ease-in-out;
transition: height 200ms ease-in-out; }
.Event.is-open .toggle::before {
content: "-"; }
.Event.is-open .content {
height: 100%; }

.ContactForm {
background-color: #222222;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
padding: 12.5% 6.25%;
font-size: 14px;
line-height: 2;
color: white; }
.ContactForm > .gradient {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
pointer-events: none; }
.ContactForm input {
border-radius: 0; }
@media (min-width: 1024px) {
.ContactForm {
padding: 6.25%; } }
.ContactForm > .contents-closed {
text-align: center; }
.ContactForm .hero {
text-align: center; }
.ContactForm .header {
display: block;
margin-top: -6px;
margin-bottom: 12px;
font-size: 24px; }
.ContactForm .disclaimer {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 8px; }
.ContactForm .left {
margin-bottom: 6.25%; }
@media (min-width: 1024px) {
.ContactForm .left {
margin-bottom: 60px; } }
.ContactForm .contents a {
text-decoration: underline;
color: white; }
.ContactForm .contents ul {
margin-left: 0; }
.ContactForm .contents ul li {
list-style: none; }
@media (min-width: 1024px) {
.ContactForm .contents {
display: flex; }
.ContactForm .left {
width: 46.88%;
margin-right: 3.12%;
margin-bottom: 0; }
.ContactForm .right {
width: 46.88%;
margin-left: 3.12%;
position: relative; } }

.ContactForm form .contents {
opacity: 1;
-moz-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out; }

.ContactForm form.is-submitting .contents,
.ContactForm form.is-sent .contents,
.ContactForm form.is-error-submitting .contents {
opacity: 0.2;
pointer-events: none; }

.ContactForm fieldset {
padding: 0;
display: block; }
.ContactForm fieldset.is-two {
margin-top: 12px; }
.ContactForm fieldset.is-two > * {
float: left;
width: calc(50% - 10px); }
.ContactForm fieldset.is-two > *:first-child {
margin-right: 10px; }
.ContactForm fieldset.is-auto > div {
width: 100%; }
.ContactForm fieldset textarea {
display: block;
width: 100%;
height: 150px;
border: 1px solid #595959;
background-color: transparent;
padding: 10px;
font-size: 14px;
line-height: 20px;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
box-sizing: border-box;
outline: none;
color: #595959;
margin-top: 16px;
margin-bottom: 16px; }
.ContactForm fieldset textarea:focus {
border-color: #f9f9f9;
color: white; }
.ContactForm fieldset textarea.is-invalid {
border-color: #FF4200;
color: #FF4200; }
.ContactForm fieldset textarea.is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.ContactForm fieldset textarea.is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.ContactForm fieldset textarea.is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.ContactForm fieldset textarea.is-invalid:-ms-input-placeholder {
color: #FF4200; }
.ContactForm fieldset input[type="text"],
.ContactForm fieldset input[role="combobox"],
.ContactForm fieldset input[type="email"] {
font-size: 14px;
line-height: 40px;
display: block;
box-sizing: border-box;
background-color: transparent;
height: 40px;
width: 100%;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
color: white;
margin: 0;
margin-bottom: 12px;
border: 0;
border-bottom: 1px solid #595959;
outline: none; }
.ContactForm fieldset input[type="text"].is-invalid,
.ContactForm fieldset input[role="combobox"].is-invalid,
.ContactForm fieldset input[type="email"].is-invalid {
border-bottom-color: #FF4200;
color: #FF4200; }
.ContactForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
.ContactForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
.ContactForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.ContactForm fieldset input[type="text"].is-invalid:-moz-placeholder,
.ContactForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
.ContactForm fieldset input[type="email"].is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.ContactForm fieldset input[type="text"].is-invalid::-moz-placeholder,
.ContactForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
.ContactForm fieldset input[type="email"].is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.ContactForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
.ContactForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
.ContactForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
color: #FF4200; }
.ContactForm fieldset input[type="text"].is-half,
.ContactForm fieldset input[role="combobox"].is-half,
.ContactForm fieldset input[type="email"].is-half {
width: calc(50% - 5px);
flex: 1; }
.ContactForm fieldset input[type="text"].is-half:first-of-type,
.ContactForm fieldset input[role="combobox"].is-half:first-of-type,
.ContactForm fieldset input[type="email"].is-half:first-of-type {
margin-right: 10px; }
.ContactForm fieldset input[type="text"]:hover,
.ContactForm fieldset input[role="combobox"]:hover,
.ContactForm fieldset input[type="email"]:hover {
border-bottom-color: #f9f9f9; }
.ContactForm fieldset input[type="text"]:focus,
.ContactForm fieldset input[role="combobox"]:focus,
.ContactForm fieldset input[type="email"]:focus {
border-bottom-color: white; }
.ContactForm fieldset input[type="text"]::-webkit-input-placeholder,
.ContactForm fieldset input[role="combobox"]::-webkit-input-placeholder,
.ContactForm fieldset input[type="email"]::-webkit-input-placeholder {
color: #f9f9f9; }
.ContactForm fieldset input[type="text"]:-moz-placeholder,
.ContactForm fieldset input[role="combobox"]:-moz-placeholder,
.ContactForm fieldset input[type="email"]:-moz-placeholder {
/* Firefox 18- */
color: #f9f9f9; }
.ContactForm fieldset input[type="text"]::-moz-placeholder,
.ContactForm fieldset input[role="combobox"]::-moz-placeholder,
.ContactForm fieldset input[type="email"]::-moz-placeholder {
/* Firefox 19+ */
color: #f9f9f9; }
.ContactForm fieldset input[type="text"]:-ms-input-placeholder,
.ContactForm fieldset input[role="combobox"]:-ms-input-placeholder,
.ContactForm fieldset input[type="email"]:-ms-input-placeholder {
color: #f9f9f9; }
.ContactForm fieldset.is-invalid {
color: #FF4200; }
.is-invalid .ContactForm fieldset {
color: #FF4200; }

.ContactForm .dropdown {
margin-bottom: 16px;
margin-top: 10px; }
.ContactForm .dropdown.is-invalid .Select-control {
border-color: #FF4200 !important; }

.ContactForm .tick {
position: relative;
margin-bottom: 6px; }
.ContactForm .tick.interests {
margin-bottom: 0px; }
.ContactForm .tick .bold {
text-decoration: underline; }
.ContactForm .tick input {
position: absolute;
left: -5000px;
opacity: 0; }
.ContactForm .tick a {
color: #b8b8b8;
position: relative;
top: 1px; }
.ContactForm .tick label {
display: flex;
cursor: pointer;
align-items: baseline;
color: #b8b8b8; }
.ContactForm .tick label > span {
display: block;
width: calc(100% - 40px);
line-height: 1.5em; }
.ContactForm .tick label .icon {
position: relative;
top: 5px;
display: block;
box-sizing: border-box;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
background-color: rgba(255, 255, 255, 0);
content: "";
width: 19px;
height: 19px;
border-radius: 50%;
border: 1px solid #b8b8b8;
margin-right: 12px;
background-position: center center;
background-repeat: no-repeat; }
.ContactForm .tick label .icon svg {
display: block;
width: 19px;
height: 19px;
position: relative;
top: -1px;
left: -1px; }
.ContactForm .tick label .icon .line {
fill: rgba(255, 255, 255, 0); }
.ContactForm .tick label:focus, .ContactForm .tick label:hover {
text-decoration: underline; }
.ContactForm .tick label:focus .icon .line, .ContactForm .tick label:hover .icon .line {
fill: #888; }
.ContactForm .tick label.terms {
display: inline-flex; }
.ContactForm .tick label.privacy {
display: inline-flex; }
.ContactForm .tick input:focus + label {
color: white; }
.ContactForm .tick input:checked + label {
color: white; }
.ContactForm .tick input:checked + label:hover {
text-decoration: none; }
.ContactForm .tick input:checked + label .icon {
background-color: white;
border-color: white; }
.ContactForm .tick input:checked + label .icon .line {
fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
color: #FF4200; }
.is-invalid .tick label,
.tick.is-invalid label {
color: #FF4200; }
.is-invalid .tick .icon,
.tick.is-invalid .icon {
border-color: #FF4200 !important;
background-color: rgba(217, 78, 78, 0.3) !important; }
.is-invalid .tick .icon .line,
.tick.is-invalid .icon .line {
fill: rgba(255, 66, 0, 0) !important; }

.ContactForm .actions {
padding-top: 6.25%; }
@media (min-width: 1024px) {
.ContactForm .actions {
padding-top: 60px; } }
.ContactForm .actions .Btn {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.ContactForm .actions .Btn {
margin-left: auto;
margin-right: auto;
width: auto; } }
.ContactForm .actions .Btn.is-submitting {
background-color: #595959;
color: white;
pointer-events: none; }
.ContactForm .actions .Btn.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }

.ContactForm .error {
width: 100%;
padding-bottom: 60px;
text-align: center; }
.ContactForm .error > span {
background-color: #FF4200;
display: inline-block;
border-radius: 15px;
line-height: 30px;
padding: 0 15px;
color: #222222; }
@media (min-width: 1024px) {
.ContactForm .error > span {
margin-left: auto;
margin-right: auto; } }

.ContactForm .RadioInput {
margin-bottom: 20px; }
.ContactForm .RadioInput .header {
line-height: 1.5;
display: block;
margin-bottom: 10px; }
@media (min-width: 1024px) {
.ContactForm .RadioInput {
margin-bottom: 0; }
.ContactForm .RadioInput.is-1, .ContactForm .RadioInput.is-2 {
width: calc(50% - 20px);
float: left; }
.ContactForm .RadioInput.is-1 {
margin-right: 20px; }
.ContactForm .RadioInput.is-3 {
clear: left;
margin-top: 20px; } }
.ContactForm .RadioInput a {
color: white; }

.ContactForm .fine {
margin-bottom: 6px;
line-height: 1.5;
color: #b8b8b8;
clear: left; }
.ContactForm .fine a {
color: #ebebeb; }
.ContactForm .fine a:hover {
text-decoration: none; }

.Select .Select-placeholder {
color: #b8b8b8; }

.Select .Select-input input {
color: white; }

.Select .Select-menu-outer {
background-color: #595959;
z-index: 5; }

.ContactForm .error-msg {
display: block;
text-align: center;
color: #FF4200; }

.ContactForm .left > .developers {
position: relative; }
.ContactForm .left > .developers .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.ContactForm .left > .developers .recaptcha {
margin-top: 12px;
position: absolute;
top: 12px;
right: 0; } }

.ContactForm .right .verification {
position: relative; }
.ContactForm .right .verification .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.ContactForm .right .verification .recaptcha {
position: absolute;
top: 12px;
right: 0; } }

.UserForm {
background-color: #222222;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
padding: 12.5% 6.25%;
font-size: 14px;
line-height: 2;
color: white;
/* Custom dropdown*/ }
.UserForm > .gradient {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
pointer-events: none; }
.UserForm input {
border-radius: 0; }
@media (min-width: 1024px) {
.UserForm {
padding: 6.25%; } }
.UserForm > .contents-closed {
text-align: center; }
.UserForm .hero {
text-align: center; }
.UserForm .header {
display: block;
margin-top: 0px;
margin-bottom: 12px;
font-size: 24px; }
.UserForm .dropdown {
display: block;
margin-top: 0px;
margin-bottom: 8px;
font-size: 16px; }
.UserForm .dropdown-select {
display: block;
position: relative;
width: 100%;
height: 42px;
margin-bottom: 26px; }
.UserForm .dropdown-select-bg {
display: block;
position: relative;
width: 340px;
height: 42px;
padding: 0 12px;
bottom: 3px;
z-index: 0;
cursor: pointer; }
.UserForm .dropdown-select-bg:after, .UserForm .dropdown-select-bg:before {
content: "";
display: block;
position: absolute;
z-index: 0; }
.UserForm .dropdown-select-bg:before {
width: 9px;
height: 6px;
top: 50%;
right: 20px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAOCAYAAAFC/+zoAAAAAXNSR0IArs4c6QAAAPlJREFUOBGlk80NgkAQhTHGgyYWYDzIyQa8WYoHurAOK+JoH1yowkT8HjIruyx/Mslk58289wY2kCStWKmuqqrkeLX6sbKhuRG4cEBFp+FNDcDKrdYJfjpsQ69pUxsalvRK6uEHQ27kw5EAeUzYEAtHDAsTjhJDYS/GSXHuJTBgvhep5nBuBYioiH5N5kydKWBHKjwRuEs2FUNPNEiOiC4IFL/HMFJ4QrJNcTKENXkjj6H4H4yP3vtOfu+DYkPqq1CUpHdRU5egk7E+N0VBnjwtDb3q7EVoQuPUMw7B1EWzjacuWmw8sujNAoXuOA25izCG+sUy8jDH6AN4wHrBadh2CgAAAABJRU5ErkJggg==);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.UserForm .dropdown-select-bg:after {
width: 100%;
height: 42px;
bottom: 0;
left: 0;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 21px; }
.UserForm .dropdown-select-label {
display: block;
position: relative;
width: 280px;
height: 28px;
padding: 12px 0 0 17px;
color: #b8b8b8;
line-height: 1;
font-size: 14px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
.UserForm .dropdown-select-label.dropdown-select-label-white {
color: #fff; }
.UserForm .dropdown-select-menu {
display: block;
position: absolute;
top: 42px;
left: 0;
width: 324px;
height: 260px;
padding: 9px 20px;
border: none;
border-radius: 12px;
line-height: 1.3;
z-index: 10;
background: black;
color: #fff;
overflow-y: scroll; }
.UserForm .dropdown-select-menu-hide {
display: none; }
.UserForm .dropdown-select-menu li {
display: block;
position: relative;
background: black;
color: #fff;
padding: 3px 0px; }
.UserForm .dropdown-select-menu label.tick {
margin-bottom: 0; }
.UserForm .dropdown.is-invalid + .dropdown-select .dropdown-select-bg::after {
border-color: #ff4300; }
.UserForm .disclaimer {
display: block;
margin-bottom: 4px;
font-weight: 300;
font-size: 8px; }
.UserForm .left {
margin-bottom: 6.25%; }
@media (min-width: 1024px) {
.UserForm .left {
margin-bottom: 60px; } }
.UserForm .contents a {
text-decoration: underline;
color: white; }
.UserForm .contents ul {
margin-left: 0; }
.UserForm .contents ul li {
list-style: none; }
@media (min-width: 1024px) {
.UserForm .contents {
display: flex; }
.UserForm .left {
width: 46.88%;
margin-right: 3.12%;
margin-bottom: 0; }
.UserForm .right {
width: 46.88%;
margin-left: 3.12%;
position: relative; } }

@media (max-width: 415px) {
.UserForm .dropdown-select {
width: 87.5vw; }
.UserForm .dropdown-select-bg {
width: calc(100% - 24px); }
.UserForm .dropdown-select-label {
width: calc(100% - 60px); }
.UserForm .dropdown-select-menu {
width: calc(100% - 40px); } }

.UserForm form .contents {
opacity: 1;
-moz-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out; }

.UserForm form.is-submitting .contents,
.UserForm form.is-sent .contents,
.UserForm form.is-error-submitting .contents {
opacity: 0.2;
pointer-events: none; }

.UserForm fieldset {
padding: 0;
display: block; }
.UserForm fieldset.is-two {
margin-top: 12px; }
.UserForm fieldset.is-two > * {
float: left;
width: calc(50% - 10px); }
.UserForm fieldset.is-two > *:first-child {
margin-right: 10px; }
.UserForm fieldset.is-auto > div {
width: 100%; }
.UserForm fieldset textarea {
display: block;
width: 100%;
height: 150px;
border: 1px solid #595959;
background-color: transparent;
padding: 10px;
font-size: 14px;
line-height: 20px;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
box-sizing: border-box;
outline: none;
color: #595959;
margin-top: 16px;
margin-bottom: 16px; }
.UserForm fieldset textarea:focus {
border-color: #f9f9f9;
color: white; }
.UserForm fieldset textarea.is-invalid {
border-color: #FF4200;
color: #FF4200; }
.UserForm fieldset textarea.is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.UserForm fieldset textarea.is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.UserForm fieldset textarea.is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.UserForm fieldset textarea.is-invalid:-ms-input-placeholder {
color: #FF4200; }
.UserForm fieldset input[type="text"],
.UserForm fieldset input[role="combobox"],
.UserForm fieldset input[type="email"] {
font-size: 14px;
line-height: 40px;
display: block;
box-sizing: border-box;
background-color: transparent;
height: 40px;
width: 100%;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
color: white;
margin: 0;
margin-bottom: 12px;
border: 0;
border-bottom: 1px solid #595959;
outline: none; }
.UserForm fieldset input[type="text"].is-invalid,
.UserForm fieldset input[role="combobox"].is-invalid,
.UserForm fieldset input[type="email"].is-invalid {
border-bottom-color: #FF4200;
color: #FF4200; }
.UserForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
.UserForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
.UserForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.UserForm fieldset input[type="text"].is-invalid:-moz-placeholder,
.UserForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
.UserForm fieldset input[type="email"].is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.UserForm fieldset input[type="text"].is-invalid::-moz-placeholder,
.UserForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
.UserForm fieldset input[type="email"].is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.UserForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
.UserForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
.UserForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
color: #FF4200; }
.UserForm fieldset input[type="text"].is-half,
.UserForm fieldset input[role="combobox"].is-half,
.UserForm fieldset input[type="email"].is-half {
width: calc(50% - 5px);
flex: 1; }
.UserForm fieldset input[type="text"].is-half:first-of-type,
.UserForm fieldset input[role="combobox"].is-half:first-of-type,
.UserForm fieldset input[type="email"].is-half:first-of-type {
margin-right: 10px; }
.UserForm fieldset input[type="text"]:hover,
.UserForm fieldset input[role="combobox"]:hover,
.UserForm fieldset input[type="email"]:hover {
border-bottom-color: #f9f9f9; }
.UserForm fieldset input[type="text"]:focus,
.UserForm fieldset input[role="combobox"]:focus,
.UserForm fieldset input[type="email"]:focus {
border-bottom-color: white; }
.UserForm fieldset input[type="text"]::-webkit-input-placeholder,
.UserForm fieldset input[role="combobox"]::-webkit-input-placeholder,
.UserForm fieldset input[type="email"]::-webkit-input-placeholder {
color: #f9f9f9; }
.UserForm fieldset input[type="text"]:-moz-placeholder,
.UserForm fieldset input[role="combobox"]:-moz-placeholder,
.UserForm fieldset input[type="email"]:-moz-placeholder {
/* Firefox 18- */
color: #f9f9f9; }
.UserForm fieldset input[type="text"]::-moz-placeholder,
.UserForm fieldset input[role="combobox"]::-moz-placeholder,
.UserForm fieldset input[type="email"]::-moz-placeholder {
/* Firefox 19+ */
color: #f9f9f9; }
.UserForm fieldset input[type="text"]:-ms-input-placeholder,
.UserForm fieldset input[role="combobox"]:-ms-input-placeholder,
.UserForm fieldset input[type="email"]:-ms-input-placeholder {
color: #f9f9f9; }
.UserForm fieldset.is-invalid {
color: #FF4200; }
.is-invalid .UserForm fieldset {
color: #FF4200; }

.UserForm .dropdown {
margin-bottom: 16px;
margin-top: 10px; }
.UserForm .dropdown.is-invalid .Select-control {
border-color: #FF4200 !important; }

.UserForm .tick {
position: relative;
margin-bottom: 6px; }
.UserForm .tick.interests {
margin-bottom: 0px; }
.UserForm .tick .bold {
text-decoration: underline; }
.UserForm .tick input {
position: absolute;
left: -5000px;
opacity: 0; }
.UserForm .tick a {
color: #b8b8b8;
position: relative;
top: 1px; }
.UserForm .tick label {
display: flex;
cursor: pointer;
align-items: baseline;
color: #b8b8b8; }
.UserForm .tick label > span {
display: block;
width: calc(100% - 40px);
line-height: 1.5em; }
.UserForm .tick label .icon {
position: relative;
top: 5px;
display: block;
box-sizing: border-box;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
background-color: rgba(255, 255, 255, 0);
content: "";
width: 19px;
height: 19px;
border-radius: 50%;
border: 1px solid #b8b8b8;
margin-right: 12px;
background-position: center center;
background-repeat: no-repeat; }
.UserForm .tick label .icon svg {
display: block;
width: 19px;
height: 19px;
position: relative;
top: -1px;
left: -1px; }
.UserForm .tick label .icon .line {
fill: rgba(255, 255, 255, 0); }
.UserForm .tick label:focus, .UserForm .tick label:hover {
text-decoration: underline; }
.UserForm .tick label:focus .icon .line, .UserForm .tick label:hover .icon .line {
fill: #888; }
.UserForm .tick label.terms {
display: inline-flex; }
.UserForm .tick label.privacy {
display: inline-flex; }
.UserForm .tick input:focus + label {
color: white; }
.UserForm .tick input:checked + label {
color: white; }
.UserForm .tick input:checked + label:hover {
text-decoration: none; }
.UserForm .tick input:checked + label .icon {
background-color: white;
border-color: white; }
.UserForm .tick input:checked + label .icon .line {
fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
color: #FF4200; }
.is-invalid .tick label,
.tick.is-invalid label {
color: #FF4200; }
.is-invalid .tick .icon,
.tick.is-invalid .icon {
border-color: #FF4200 !important;
background-color: rgba(217, 78, 78, 0.3) !important; }
.is-invalid .tick .icon .line,
.tick.is-invalid .icon .line {
fill: rgba(255, 66, 0, 0) !important; }

.UserForm .actions {
padding-top: 6.25%; }
@media (min-width: 1024px) {
.UserForm .actions {
padding-top: 60px; } }
.UserForm .actions .Btn {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.UserForm .actions .Btn {
margin-left: auto;
margin-right: auto;
width: auto; } }
.UserForm .actions .Btn.is-submitting {
background-color: #595959;
color: white;
pointer-events: none; }
.UserForm .actions .Btn.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }

.UserForm .error {
width: 100%;
padding-bottom: 60px;
text-align: center; }
.UserForm .error > span {
background-color: #FF4200;
display: inline-block;
border-radius: 15px;
line-height: 30px;
padding: 0 15px;
color: #222222; }
@media (min-width: 1024px) {
.UserForm .error > span {
margin-left: auto;
margin-right: auto; } }

.UserForm .RadioInput {
margin-bottom: 20px; }
.UserForm .RadioInput .header {
line-height: 1.5;
display: block;
margin-bottom: 10px; }
@media (min-width: 1024px) {
.UserForm .RadioInput {
margin-bottom: 0; }
.UserForm .RadioInput.is-1, .UserForm .RadioInput.is-2 {
width: calc(50% - 20px);
float: left; }
.UserForm .RadioInput.is-1 {
margin-right: 20px; }
.UserForm .RadioInput.is-3 {
clear: left;
margin-top: 20px; } }
.UserForm .RadioInput a {
color: white; }

.UserForm .fine {
margin-bottom: 6px;
line-height: 1.5;
color: #b8b8b8;
clear: left; }
.UserForm .fine a {
color: #ebebeb; }
.UserForm .fine a:hover {
text-decoration: none; }

.Select .Select-placeholder {
color: #b8b8b8; }

.Select .Select-input input {
color: white; }

.Select .Select-menu-outer {
background-color: #595959;
z-index: 5; }

.UserForm .error-msg {
display: block;
text-align: center;
color: #FF4200; }

.UserForm .left > .developers {
position: relative; }
.UserForm .left > .developers .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.UserForm .left > .developers .recaptcha {
margin-top: 12px;
position: absolute;
top: 12px;
right: 0; } }

.UserForm .right .verification {
position: relative; }
.UserForm .right .verification .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.UserForm .right .verification .recaptcha {
position: absolute;
top: 12px;
right: 0; } }

.PartnerForm {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
padding: 12.5% 6.25%;
font-size: 14px;
line-height: 2;
color: #222222; }
.PartnerForm > .gradient {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
pointer-events: none; }
.PartnerForm .heading {
color: #222222;
font-size: 36px;
font-weight: 300;
letter-spacing: -2.5px;
line-height: 47px;
margin-bottom: 50px; }
.PartnerForm input {
border-radius: 0; }
.PartnerForm label:not(.tick),
.PartnerForm .group-heading {
color: #222222;
font-size: 12px;
letter-spacing: 0;
line-height: 14px;
text-transform: uppercase; }
@media (min-width: 1024px) {
.PartnerForm {
padding: 60px; } }
.PartnerForm > .contents-closed {
text-align: center; }
.PartnerForm .header {
display: block;
margin-top: 24px;
margin-bottom: 12px;
font-size: 24px; }
.PartnerForm .body {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 16px; }
.PartnerForm p {
margin: 1rem 0; }
.PartnerForm p:last-child {
margin-bottom: 0; }
.PartnerForm p.disclaimer {
font-weight: 300;
font-size: 8px; }
.PartnerForm .contents {
display: flex;
flex-direction: column;
margin-bottom: 6.25%; }
@media (min-width: 1024px) {
.PartnerForm .contents {
margin-bottom: 60px; } }
.PartnerForm .contents .checkbox-group-wrapper fieldset {
margin-top: 34px; }
.PartnerForm .contents .checkbox-group-wrapper fieldset:first-child {
margin-top: 24px; }
.PartnerForm .contents a {
text-decoration: underline;
color: #222222; }
.PartnerForm .contents ul {
margin: 10px 0 0 0;
display: grid;
grid-template-columns: repeat(3, minmax(10px, 1fr)); }
.PartnerForm .contents ul li {
list-style: none; }
@media screen and (max-width: 768px) {
.PartnerForm .contents ul {
grid-template-columns: repeat(1, minmax(10px, 1fr)); } }
@media (min-width: 1024px) {
.PartnerForm .contents {
display: flex; } }

.PartnerForm form .contents {
opacity: 1;
-moz-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out; }

.PartnerForm form.is-submitting .hero,
.PartnerForm form.is-submitting .contents,
.PartnerForm form.is-sent .hero,
.PartnerForm form.is-sent .contents,
.PartnerForm form.is-error-submitting .hero,
.PartnerForm form.is-error-submitting .contents {
opacity: 0.2;
pointer-events: none; }

.PartnerForm fieldset,
.PartnerForm .other-input {
padding: 0;
display: block; }
.PartnerForm fieldset.is-two > *,
.PartnerForm .other-input.is-two > * {
float: left;
width: calc(50% - 20px); }
.PartnerForm fieldset.is-two > *:first-child,
.PartnerForm .other-input.is-two > *:first-child {
margin-right: 40px; }
@media screen and (max-width: 768px) {
.PartnerForm fieldset.is-two > *,
.PartnerForm .other-input.is-two > * {
float: none; }
.PartnerForm fieldset.is-two > *:first-child,
.PartnerForm .other-input.is-two > *:first-child {
margin-right: 0; } }
.PartnerForm fieldset.is-auto > div,
.PartnerForm .other-input.is-auto > div {
width: 100%; }
.PartnerForm fieldset textarea,
.PartnerForm .other-input textarea {
display: block;
width: 100%;
height: 150px;
border: 1px solid #595959;
background-color: transparent;
padding: 10px;
font-size: 14px;
line-height: 20px;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
box-sizing: border-box;
outline: none;
color: #222222;
margin-top: 16px;
margin-bottom: 16px; }
.PartnerForm fieldset textarea:focus,
.PartnerForm .other-input textarea:focus {
border-color: #f9f9f9;
color: white; }
.PartnerForm fieldset textarea.is-invalid,
.PartnerForm .other-input textarea.is-invalid {
border-color: #FF4200;
color: #FF4200; }
.PartnerForm fieldset textarea.is-invalid::-webkit-input-placeholder,
.PartnerForm .other-input textarea.is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.PartnerForm fieldset textarea.is-invalid:-moz-placeholder,
.PartnerForm .other-input textarea.is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.PartnerForm fieldset textarea.is-invalid::-moz-placeholder,
.PartnerForm .other-input textarea.is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.PartnerForm fieldset textarea.is-invalid:-ms-input-placeholder,
.PartnerForm .other-input textarea.is-invalid:-ms-input-placeholder {
color: #FF4200; }
.PartnerForm fieldset input[type="text"],
.PartnerForm fieldset input[role="combobox"],
.PartnerForm fieldset input[type="email"],
.PartnerForm .other-input input[type="text"],
.PartnerForm .other-input input[role="combobox"],
.PartnerForm .other-input input[type="email"] {
font-size: 14px;
font-weight: 400;
line-height: 40px;
display: block;
box-sizing: border-box;
background-color: transparent;
height: 35px;
width: 100%;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
color: #222222;
margin: 0 0 8px 0;
border: 1px solid #222222;
outline: none;
padding: 0 0 0 10px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
/*
&:hover {
border-bottom-color: $color-off-white;
}
&:focus {
border-bottom-color: $color-white;
}
*/ }
.PartnerForm fieldset input[type="text"].is-invalid,
.PartnerForm fieldset input[role="combobox"].is-invalid,
.PartnerForm fieldset input[type="email"].is-invalid,
.PartnerForm .other-input input[type="text"].is-invalid,
.PartnerForm .other-input input[role="combobox"].is-invalid,
.PartnerForm .other-input input[type="email"].is-invalid {
border-color: #FF4200;
color: #FF4200; }
.PartnerForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
.PartnerForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
.PartnerForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder,
.PartnerForm .other-input input[type="text"].is-invalid::-webkit-input-placeholder,
.PartnerForm .other-input input[role="combobox"].is-invalid::-webkit-input-placeholder,
.PartnerForm .other-input input[type="email"].is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.PartnerForm fieldset input[type="text"].is-invalid:-moz-placeholder,
.PartnerForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
.PartnerForm fieldset input[type="email"].is-invalid:-moz-placeholder,
.PartnerForm .other-input input[type="text"].is-invalid:-moz-placeholder,
.PartnerForm .other-input input[role="combobox"].is-invalid:-moz-placeholder,
.PartnerForm .other-input input[type="email"].is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.PartnerForm fieldset input[type="text"].is-invalid::-moz-placeholder,
.PartnerForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
.PartnerForm fieldset input[type="email"].is-invalid::-moz-placeholder,
.PartnerForm .other-input input[type="text"].is-invalid::-moz-placeholder,
.PartnerForm .other-input input[role="combobox"].is-invalid::-moz-placeholder,
.PartnerForm .other-input input[type="email"].is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.PartnerForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
.PartnerForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
.PartnerForm fieldset input[type="email"].is-invalid:-ms-input-placeholder,
.PartnerForm .other-input input[type="text"].is-invalid:-ms-input-placeholder,
.PartnerForm .other-input input[role="combobox"].is-invalid:-ms-input-placeholder,
.PartnerForm .other-input input[type="email"].is-invalid:-ms-input-placeholder {
color: #FF4200; }
.PartnerForm fieldset input[type="text"].is-half,
.PartnerForm fieldset input[role="combobox"].is-half,
.PartnerForm fieldset input[type="email"].is-half,
.PartnerForm .other-input input[type="text"].is-half,
.PartnerForm .other-input input[role="combobox"].is-half,
.PartnerForm .other-input input[type="email"].is-half {
width: calc(50% - 20px);
flex: 1; }
.PartnerForm fieldset input[type="text"].is-half:first-of-type,
.PartnerForm fieldset input[role="combobox"].is-half:first-of-type,
.PartnerForm fieldset input[type="email"].is-half:first-of-type,
.PartnerForm .other-input input[type="text"].is-half:first-of-type,
.PartnerForm .other-input input[role="combobox"].is-half:first-of-type,
.PartnerForm .other-input input[type="email"].is-half:first-of-type {
margin-right: 40px; }
@media screen and (max-width: 768px) {
.PartnerForm fieldset input[type="text"].is-half,
.PartnerForm fieldset input[role="combobox"].is-half,
.PartnerForm fieldset input[type="email"].is-half,
.PartnerForm .other-input input[type="text"].is-half,
.PartnerForm .other-input input[role="combobox"].is-half,
.PartnerForm .other-input input[type="email"].is-half {
width: 100%; }
.PartnerForm fieldset input[type="text"].is-half:first-of-type,
.PartnerForm fieldset input[role="combobox"].is-half:first-of-type,
.PartnerForm fieldset input[type="email"].is-half:first-of-type,
.PartnerForm .other-input input[type="text"].is-half:first-of-type,
.PartnerForm .other-input input[role="combobox"].is-half:first-of-type,
.PartnerForm .other-input input[type="email"].is-half:first-of-type {
margin-right: auto; } }
.PartnerForm fieldset input[type="text"]::-webkit-input-placeholder,
.PartnerForm fieldset input[role="combobox"]::-webkit-input-placeholder,
.PartnerForm fieldset input[type="email"]::-webkit-input-placeholder,
.PartnerForm .other-input input[type="text"]::-webkit-input-placeholder,
.PartnerForm .other-input input[role="combobox"]::-webkit-input-placeholder,
.PartnerForm .other-input input[type="email"]::-webkit-input-placeholder {
color: #b8b8b8; }
.PartnerForm fieldset input[type="text"]:-moz-placeholder,
.PartnerForm fieldset input[role="combobox"]:-moz-placeholder,
.PartnerForm fieldset input[type="email"]:-moz-placeholder,
.PartnerForm .other-input input[type="text"]:-moz-placeholder,
.PartnerForm .other-input input[role="combobox"]:-moz-placeholder,
.PartnerForm .other-input input[type="email"]:-moz-placeholder {
/* Firefox 18- */
color: #b8b8b8; }
.PartnerForm fieldset input[type="text"]::-moz-placeholder,
.PartnerForm fieldset input[role="combobox"]::-moz-placeholder,
.PartnerForm fieldset input[type="email"]::-moz-placeholder,
.PartnerForm .other-input input[type="text"]::-moz-placeholder,
.PartnerForm .other-input input[role="combobox"]::-moz-placeholder,
.PartnerForm .other-input input[type="email"]::-moz-placeholder {
/* Firefox 19+ */
color: #b8b8b8; }
.PartnerForm fieldset input[type="text"]:-ms-input-placeholder,
.PartnerForm fieldset input[role="combobox"]:-ms-input-placeholder,
.PartnerForm fieldset input[type="email"]:-ms-input-placeholder,
.PartnerForm .other-input input[type="text"]:-ms-input-placeholder,
.PartnerForm .other-input input[role="combobox"]:-ms-input-placeholder,
.PartnerForm .other-input input[type="email"]:-ms-input-placeholder {
color: #b8b8b8; }
.PartnerForm fieldset.is-invalid,
.PartnerForm .other-input.is-invalid {
color: #FF4200; }
.is-invalid .PartnerForm fieldset, .is-invalid
.PartnerForm .other-input {
color: #FF4200; }
.PartnerForm fieldset .Select + input,
.PartnerForm .other-input .Select + input {
margin-top: 10px; }

.PartnerForm .dropdown {
margin-bottom: 16px; }
.PartnerForm .dropdown.is-half {
width: calc(50% - 20px);
flex: 1; }
.PartnerForm .dropdown.is-half:first-of-type {
margin-right: 40px; }
@media screen and (max-width: 768px) {
.PartnerForm .dropdown.is-half {
width: 100%;
flex: 1; }
.PartnerForm .dropdown.is-half:first-of-type {
margin-right: 0; } }
.PartnerForm .dropdown .is-invalid .Select-control {
border-color: #FF4200 !important; }
.PartnerForm .dropdown .is-invalid .Select-control .Select-placeholder {
color: #FF4200 !important; }
.PartnerForm .dropdown .Select-placeholder {
padding-left: 13px; }
.PartnerForm .dropdown .Select-value-label {
padding-left: 13px; }
.PartnerForm .dropdown .Select-control {
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px); }

.PartnerForm .tick {
position: relative;
margin-bottom: 6px; }
.PartnerForm .tick.interests {
margin-bottom: 0px; }
.PartnerForm .tick .bold {
text-decoration: underline; }
.PartnerForm .tick input {
position: absolute;
left: -5000px;
opacity: 0; }
.PartnerForm .tick a {
color: #222222;
position: relative;
top: 1px; }
.PartnerForm .tick label {
display: flex;
cursor: pointer;
align-items: baseline;
color: #222222;
font-size: 14px;
letter-spacing: -0.7px;
line-height: 17px; }
.PartnerForm .tick label > span {
display: block;
width: calc(100% - 40px); }
.PartnerForm .tick label .icon {
position: relative;
top: 1px;
display: block;
box-sizing: border-box;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
background-color: rgba(255, 255, 255, 0);
content: "";
width: 12px;
height: 12px;
border-radius: 50%;
border: 1px solid #222222;
margin-right: 10px;
background-position: center center;
background-repeat: no-repeat; }
.PartnerForm .tick label .icon svg {
display: block;
width: 12px;
height: 12px;
position: relative;
top: -1px;
left: -1px; }
.PartnerForm .tick label .icon .line {
fill: rgba(255, 255, 255, 0); }
.PartnerForm .tick label:focus, .PartnerForm .tick label:hover {
text-decoration: underline; }
.PartnerForm .tick label:focus .icon .line, .PartnerForm .tick label:hover .icon .line {
fill: #888; }
.PartnerForm .tick label.terms {
display: inline-flex; }
.PartnerForm .tick label.privacy {
display: inline-flex; }
.PartnerForm .tick input:focus + label {
color: #222222; }
.PartnerForm .tick input:checked + label {
color: #222222; }
.PartnerForm .tick input:checked + label:hover {
text-decoration: none; }
.PartnerForm .tick input:checked + label .icon {
background-color: white;
border-color: #222222; }
.PartnerForm .tick input:checked + label .icon .line {
fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
color: #FF4200; }
.is-invalid .tick label,
.tick.is-invalid label {
color: #FF4200; }
.is-invalid .tick .icon,
.tick.is-invalid .icon {
border-color: #FF4200 !important;
background-color: rgba(217, 78, 78, 0.3) !important; }
.is-invalid .tick .icon .line,
.tick.is-invalid .icon .line {
fill: rgba(255, 66, 0, 0) !important; }

.PartnerForm .actions .actions-inner-wrapper {
display: flex;
align-items: center;
column-gap: 20px; }
.PartnerForm .actions .actions-inner-wrapper .success-msg {
color: var(--c-secondary);
font-size: 12px;
letter-spacing: 0;
line-height: 14px; }
.PartnerForm .actions .actions-inner-wrapper .Btn {
flex: 0; }
@media screen and (max-width: 1100px) {
.PartnerForm .actions .actions-inner-wrapper {
flex-direction: column;
flex-wrap: wrap; }
.PartnerForm .actions .actions-inner-wrapper .success-msg {
margin-bottom: 20px; }
.PartnerForm .actions .actions-inner-wrapper .Btn {
margin: auto;
width: auto; } }

.PartnerForm .actions .Btn {
display: block;
margin-left: auto;
margin-right: auto;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.PartnerForm .actions .Btn {
margin-left: auto;
margin-right: 0; } }
.PartnerForm .actions .Btn.is-submitting {
background-color: #595959;
color: white;
pointer-events: none; }
.PartnerForm .actions .Btn.is-sent {
/*background-color: $color-white;
color: $color-black;*/
pointer-events: auto; }

.PartnerForm .actions .Btn-big {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
/*
&.is-sent {
background-color: $color-white;
color: $color-black;
pointer-events: none;
}
*/ }
@media (min-width: 1024px) {
.PartnerForm .actions .Btn-big {
margin-left: 0px;
margin-right: auto;
width: auto; } }
.PartnerForm .actions .Btn-big.is-submitting {
background-color: #8259ef;
color: white;
pointer-events: none; }

.PartnerForm .error {
width: 100%;
padding-bottom: 60px;
text-align: center; }
.PartnerForm .error > span {
background-color: #FF4200;
display: inline-block;
border-radius: 15px;
line-height: 30px;
padding: 0 15px;
color: #222222; }
@media (min-width: 1024px) {
.PartnerForm .error > span {
margin-left: auto;
margin-right: auto; } }

.PartnerForm .RadioInput {
margin-bottom: 20px; }
.PartnerForm .RadioInput .header {
line-height: 1.5;
display: block;
margin-bottom: 10px; }
@media (min-width: 1024px) {
.PartnerForm .RadioInput {
margin-bottom: 0; }
.PartnerForm .RadioInput.is-1, .PartnerForm .RadioInput.is-2 {
width: calc(50% - 20px);
float: left; }
.PartnerForm .RadioInput.is-1 {
margin-right: 20px; }
.PartnerForm .RadioInput.is-3 {
clear: left;
margin-top: 20px; } }
.PartnerForm .RadioInput a {
color: #222222; }

.PartnerForm .fine {
margin-bottom: 6px;
line-height: 1.5;
color: #b8b8b8;
clear: left; }
.PartnerForm .fine a {
color: #ebebeb; }
.PartnerForm .fine a:hover {
text-decoration: none; }

.Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
color: #222222; }

.Select.is-focused:not(.is-open) > .Select-control {
border-color: #222222; }

.Select .Select-placeholder {
color: #b8b8b8; }

.Select .Select-input input {
color: white; }

.Select .Select-menu-outer {
background-color: #595959;
z-index: 5; }

.PartnerForm .error-msg {
display: block;
text-align: center;
color: #FF4200; }

/*
.PartnerForm .left > .developers {
position: relative;
.recaptcha {
margin-top: 12px;
@include big {
margin-top: 12px;
position: absolute;
top: 12px;
right: 0;
}
}
}
*/
.PartnerForm .verification {
position: relative; }
.PartnerForm .verification .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.PartnerForm .verification .recaptcha {
position: absolute;
top: 12px;
right: 0; } }

.GrantsForm {
background-color: #222222;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
padding: 12.5% 6.25%;
font-size: 14px;
line-height: 2;
color: white; }
.GrantsForm > .gradient {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
pointer-events: none; }
.GrantsForm input {
border-radius: 0; }
@media (min-width: 1024px) {
.GrantsForm {
padding: 6.25%; } }
.GrantsForm > .contents-closed {
text-align: center; }
.GrantsForm .header {
display: block;
margin-top: 24px;
margin-bottom: 12px;
font-size: 24px; }
.GrantsForm .body {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 16px; }
.GrantsForm .disclaimer {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 8px; }
.GrantsForm .left {
margin-bottom: 6.25%; }
@media (min-width: 1024px) {
.GrantsForm .left {
margin-bottom: 60px; } }
.GrantsForm .contents a {
text-decoration: underline;
color: white; }
.GrantsForm .contents ul {
margin-left: 0; }
.GrantsForm .contents ul li {
list-style: none; }
@media (min-width: 1024px) {
.GrantsForm .contents {
display: flex; }
.GrantsForm .left {
width: 46.88%;
margin-right: 3.12%;
margin-bottom: 0; }
.GrantsForm .right {
width: 46.88%;
margin-left: 3.12%;
position: relative; } }

.GrantsForm form .contents {
opacity: 1;
-moz-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out; }

.GrantsForm form.is-submitting .contents,
.GrantsForm form.is-sent .contents,
.GrantsForm form.is-error-submitting .contents {
opacity: 0.2;
pointer-events: none; }

.GrantsForm fieldset {
padding: 0;
display: block; }
.GrantsForm fieldset.is-two > * {
float: left;
width: calc(50% - 10px); }
.GrantsForm fieldset.is-two > *:first-child {
margin-right: 10px; }
.GrantsForm fieldset.is-auto > div {
width: 100%; }
.GrantsForm fieldset textarea {
display: block;
width: 100%;
height: 150px;
border: 1px solid #595959;
background-color: transparent;
padding: 10px;
font-size: 14px;
line-height: 20px;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
box-sizing: border-box;
outline: none;
color: #595959;
margin-top: 16px;
margin-bottom: 16px; }
.GrantsForm fieldset textarea:focus {
border-color: #f9f9f9;
color: white; }
.GrantsForm fieldset textarea.is-invalid {
border-color: #FF4200;
color: #FF4200; }
.GrantsForm fieldset textarea.is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.GrantsForm fieldset textarea.is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.GrantsForm fieldset textarea.is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.GrantsForm fieldset textarea.is-invalid:-ms-input-placeholder {
color: #FF4200; }
.GrantsForm fieldset input[type="text"],
.GrantsForm fieldset input[role="combobox"],
.GrantsForm fieldset input[type="email"] {
font-size: 14px;
line-height: 40px;
display: block;
box-sizing: border-box;
background-color: transparent;
height: 40px;
width: 100%;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
color: white;
margin: 0;
margin-bottom: 12px;
border: 0;
border-bottom: 1px solid #595959;
outline: none; }
.GrantsForm fieldset input[type="text"].is-invalid,
.GrantsForm fieldset input[role="combobox"].is-invalid,
.GrantsForm fieldset input[type="email"].is-invalid {
border-bottom-color: #FF4200;
color: #FF4200; }
.GrantsForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
.GrantsForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
.GrantsForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.GrantsForm fieldset input[type="text"].is-invalid:-moz-placeholder,
.GrantsForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
.GrantsForm fieldset input[type="email"].is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.GrantsForm fieldset input[type="text"].is-invalid::-moz-placeholder,
.GrantsForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
.GrantsForm fieldset input[type="email"].is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.GrantsForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
.GrantsForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
.GrantsForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
color: #FF4200; }
.GrantsForm fieldset input[type="text"].is-half,
.GrantsForm fieldset input[role="combobox"].is-half,
.GrantsForm fieldset input[type="email"].is-half {
width: calc(50% - 5px);
flex: 1; }
.GrantsForm fieldset input[type="text"].is-half:first-of-type,
.GrantsForm fieldset input[role="combobox"].is-half:first-of-type,
.GrantsForm fieldset input[type="email"].is-half:first-of-type {
margin-right: 10px; }
.GrantsForm fieldset input[type="text"]:hover,
.GrantsForm fieldset input[role="combobox"]:hover,
.GrantsForm fieldset input[type="email"]:hover {
border-bottom-color: #f9f9f9; }
.GrantsForm fieldset input[type="text"]:focus,
.GrantsForm fieldset input[role="combobox"]:focus,
.GrantsForm fieldset input[type="email"]:focus {
border-bottom-color: white; }
.GrantsForm fieldset input[type="text"]::-webkit-input-placeholder,
.GrantsForm fieldset input[role="combobox"]::-webkit-input-placeholder,
.GrantsForm fieldset input[type="email"]::-webkit-input-placeholder {
color: #f9f9f9; }
.GrantsForm fieldset input[type="text"]:-moz-placeholder,
.GrantsForm fieldset input[role="combobox"]:-moz-placeholder,
.GrantsForm fieldset input[type="email"]:-moz-placeholder {
/* Firefox 18- */
color: #f9f9f9; }
.GrantsForm fieldset input[type="text"]::-moz-placeholder,
.GrantsForm fieldset input[role="combobox"]::-moz-placeholder,
.GrantsForm fieldset input[type="email"]::-moz-placeholder {
/* Firefox 19+ */
color: #f9f9f9; }
.GrantsForm fieldset input[type="text"]:-ms-input-placeholder,
.GrantsForm fieldset input[role="combobox"]:-ms-input-placeholder,
.GrantsForm fieldset input[type="email"]:-ms-input-placeholder {
color: #f9f9f9; }
.GrantsForm fieldset.is-invalid {
color: #FF4200; }
.is-invalid .GrantsForm fieldset {
color: #FF4200; }

.GrantsForm .dropdown {
margin-bottom: 16px;
margin-top: 10px; }
.GrantsForm .dropdown.is-invalid .Select-control {
border-color: #FF4200 !important; }

.GrantsForm .tick {
position: relative;
margin-bottom: 6px; }
.GrantsForm .tick.interests {
margin-bottom: 0px; }
.GrantsForm .tick .bold {
text-decoration: underline; }
.GrantsForm .tick input {
position: absolute;
left: -5000px;
opacity: 0; }
.GrantsForm .tick a {
color: #b8b8b8;
position: relative;
top: 1px; }
.GrantsForm .tick label {
display: flex;
cursor: pointer;
align-items: baseline;
color: #b8b8b8; }
.GrantsForm .tick label > span {
display: block;
width: calc(100% - 40px);
line-height: 1.5em; }
.GrantsForm .tick label .icon {
position: relative;
top: 5px;
display: block;
box-sizing: border-box;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
background-color: rgba(255, 255, 255, 0);
content: "";
width: 19px;
height: 19px;
border-radius: 50%;
border: 1px solid #b8b8b8;
margin-right: 12px;
background-position: center center;
background-repeat: no-repeat; }
.GrantsForm .tick label .icon svg {
display: block;
width: 19px;
height: 19px;
position: relative;
top: -1px;
left: -1px; }
.GrantsForm .tick label .icon .line {
fill: rgba(255, 255, 255, 0); }
.GrantsForm .tick label:focus, .GrantsForm .tick label:hover {
text-decoration: underline; }
.GrantsForm .tick label:focus .icon .line, .GrantsForm .tick label:hover .icon .line {
fill: #888; }
.GrantsForm .tick label.terms {
display: inline-flex; }
.GrantsForm .tick label.privacy {
display: inline-flex; }
.GrantsForm .tick input:focus + label {
color: white; }
.GrantsForm .tick input:checked + label {
color: white; }
.GrantsForm .tick input:checked + label:hover {
text-decoration: none; }
.GrantsForm .tick input:checked + label .icon {
background-color: white;
border-color: white; }
.GrantsForm .tick input:checked + label .icon .line {
fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
color: #FF4200; }
.is-invalid .tick label,
.tick.is-invalid label {
color: #FF4200; }
.is-invalid .tick .icon,
.tick.is-invalid .icon {
border-color: #FF4200 !important;
background-color: rgba(217, 78, 78, 0.3) !important; }
.is-invalid .tick .icon .line,
.tick.is-invalid .icon .line {
fill: rgba(255, 66, 0, 0) !important; }

.GrantsForm .actions {
padding-top: 6.25%; }
@media (min-width: 1024px) {
.GrantsForm .actions {
padding-top: 30px; } }
.GrantsForm .actions .Btn {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.GrantsForm .actions .Btn {
margin-left: auto;
margin-right: auto;
width: auto; } }
.GrantsForm .actions .Btn.is-submitting {
background-color: #595959;
color: white;
pointer-events: none; }
.GrantsForm .actions .Btn.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }
.GrantsForm .actions .Btn-big {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.GrantsForm .actions .Btn-big {
margin-left: 0px;
margin-right: auto;
width: auto; } }
.GrantsForm .actions .Btn-big.is-submitting {
background-color: #8259ef;
color: white;
pointer-events: none; }
.GrantsForm .actions .Btn-big.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }

.GrantsForm .error {
width: 100%;
padding-bottom: 60px;
text-align: center; }
.GrantsForm .error > span {
background-color: #FF4200;
display: inline-block;
border-radius: 15px;
line-height: 30px;
padding: 0 15px;
color: #222222; }
@media (min-width: 1024px) {
.GrantsForm .error > span {
margin-left: auto;
margin-right: auto; } }

.GrantsForm .RadioInput {
margin-bottom: 20px; }
.GrantsForm .RadioInput .header {
line-height: 1.5;
display: block;
margin-bottom: 10px; }
@media (min-width: 1024px) {
.GrantsForm .RadioInput {
margin-bottom: 0; }
.GrantsForm .RadioInput.is-1, .GrantsForm .RadioInput.is-2 {
width: calc(50% - 20px);
float: left; }
.GrantsForm .RadioInput.is-1 {
margin-right: 20px; }
.GrantsForm .RadioInput.is-3 {
clear: left;
margin-top: 20px; } }
.GrantsForm .RadioInput a {
color: white; }

.GrantsForm .fine {
margin-bottom: 6px;
line-height: 1.5;
color: #b8b8b8;
clear: left; }
.GrantsForm .fine a {
color: #ebebeb; }
.GrantsForm .fine a:hover {
text-decoration: none; }

.Select .Select-placeholder {
color: #b8b8b8; }

.Select .Select-input input {
color: white; }

.Select .Select-menu-outer {
background-color: #595959;
z-index: 5; }

.GrantsForm .error-msg {
display: block;
text-align: center;
color: #FF4200; }

.GrantsForm .left > .developers {
position: relative; }
.GrantsForm .left > .developers .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.GrantsForm .left > .developers .recaptcha {
margin-top: 12px;
position: absolute;
top: 12px;
right: 0; } }

.GrantsForm .right .verification {
position: relative; }
.GrantsForm .right .verification .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.GrantsForm .right .verification .recaptcha {
position: absolute;
top: 12px;
right: 0; } }

.FraudForm {
background-color: #222222;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
padding: 12.5% 6.25%;
font-size: 14px;
line-height: 2;
color: white; }
.FraudForm > .gradient {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
pointer-events: none; }
.FraudForm input {
border-radius: 0; }
@media (min-width: 1024px) {
.FraudForm {
padding: 6.25%; } }
.FraudForm > .contents-closed {
text-align: center; }
.FraudForm .header {
display: block;
margin-top: 24px;
margin-bottom: 12px;
font-size: 24px; }
.FraudForm .image {
float: right;
width: 200px;
margin-left: 10px;
border: 1px solid #777; }
.FraudForm .body {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 16px; }
.FraudForm .list {
display: block;
font-weight: 300;
font-size: 16px; }
.FraudForm .disclaimer {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 8px; }
.FraudForm .left {
margin-bottom: 6.25%; }
@media (min-width: 1024px) {
.FraudForm .left {
margin-bottom: 60px; } }
.FraudForm .contents a {
text-decoration: underline;
color: white; }
.FraudForm .contents ul {
margin-left: 0; }
.FraudForm .contents ul li {
list-style: none; }
@media (min-width: 1024px) {
.FraudForm .contents {
display: flex; }
.FraudForm .left {
width: 46.88%;
margin-right: 3.12%;
margin-bottom: 0; }
.FraudForm .right {
width: 46.88%;
padding-left: 1.56%;
padding-right: 1.56%;
position: relative;
background-color: #222222; } }

.FraudForm form .contents {
opacity: 1;
-moz-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out; }

.FraudForm form.is-submitting .contents,
.FraudForm form.is-sent .contents,
.FraudForm form.is-error-submitting .contents {
opacity: 0.2;
pointer-events: none; }

.FraudForm fieldset {
padding: 0;
display: block; }
.FraudForm fieldset.is-two > * {
float: left;
width: calc(50% - 10px); }
.FraudForm fieldset.is-two > *:first-child {
margin-right: 10px; }
.FraudForm fieldset.is-auto > div {
width: 100%; }
.FraudForm fieldset textarea {
display: block;
width: 100%;
height: 150px;
border: 1px solid #595959;
background-color: transparent;
padding: 10px;
font-size: 14px;
line-height: 20px;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
box-sizing: border-box;
outline: none;
color: #595959;
margin-top: 16px;
margin-bottom: 16px; }
.FraudForm fieldset textarea:focus {
border-color: #f9f9f9;
color: white; }
.FraudForm fieldset textarea.is-invalid {
border-color: #FF4200;
color: #FF4200; }
.FraudForm fieldset textarea.is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.FraudForm fieldset textarea.is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.FraudForm fieldset textarea.is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.FraudForm fieldset textarea.is-invalid:-ms-input-placeholder {
color: #FF4200; }
.FraudForm fieldset input[type="text"],
.FraudForm fieldset input[role="combobox"],
.FraudForm fieldset input[type="email"] {
font-size: 14px;
line-height: 40px;
display: block;
box-sizing: border-box;
background-color: transparent;
height: 40px;
width: 100%;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
color: white;
margin: 0;
margin-bottom: 12px;
border: 0;
border-bottom: 1px solid #595959;
outline: none; }
.FraudForm fieldset input[type="text"].is-invalid,
.FraudForm fieldset input[role="combobox"].is-invalid,
.FraudForm fieldset input[type="email"].is-invalid {
border-bottom-color: #FF4200;
color: #FF4200; }
.FraudForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
.FraudForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
.FraudForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.FraudForm fieldset input[type="text"].is-invalid:-moz-placeholder,
.FraudForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
.FraudForm fieldset input[type="email"].is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.FraudForm fieldset input[type="text"].is-invalid::-moz-placeholder,
.FraudForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
.FraudForm fieldset input[type="email"].is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.FraudForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
.FraudForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
.FraudForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
color: #FF4200; }
.FraudForm fieldset input[type="text"].is-half,
.FraudForm fieldset input[role="combobox"].is-half,
.FraudForm fieldset input[type="email"].is-half {
width: calc(50% - 5px);
flex: 1; }
.FraudForm fieldset input[type="text"].is-half:first-of-type,
.FraudForm fieldset input[role="combobox"].is-half:first-of-type,
.FraudForm fieldset input[type="email"].is-half:first-of-type {
margin-right: 10px; }
.FraudForm fieldset input[type="text"]:hover,
.FraudForm fieldset input[role="combobox"]:hover,
.FraudForm fieldset input[type="email"]:hover {
border-bottom-color: #f9f9f9; }
.FraudForm fieldset input[type="text"]:focus,
.FraudForm fieldset input[role="combobox"]:focus,
.FraudForm fieldset input[type="email"]:focus {
border-bottom-color: white; }
.FraudForm fieldset input[type="text"]::-webkit-input-placeholder,
.FraudForm fieldset input[role="combobox"]::-webkit-input-placeholder,
.FraudForm fieldset input[type="email"]::-webkit-input-placeholder {
color: #f9f9f9; }
.FraudForm fieldset input[type="text"]:-moz-placeholder,
.FraudForm fieldset input[role="combobox"]:-moz-placeholder,
.FraudForm fieldset input[type="email"]:-moz-placeholder {
/* Firefox 18- */
color: #f9f9f9; }
.FraudForm fieldset input[type="text"]::-moz-placeholder,
.FraudForm fieldset input[role="combobox"]::-moz-placeholder,
.FraudForm fieldset input[type="email"]::-moz-placeholder {
/* Firefox 19+ */
color: #f9f9f9; }
.FraudForm fieldset input[type="text"]:-ms-input-placeholder,
.FraudForm fieldset input[role="combobox"]:-ms-input-placeholder,
.FraudForm fieldset input[type="email"]:-ms-input-placeholder {
color: #f9f9f9; }
.FraudForm fieldset.is-invalid {
color: #FF4200; }
.is-invalid .FraudForm fieldset {
color: #FF4200; }

.FraudForm .dropdown {
margin-bottom: 16px;
margin-top: 10px; }
.FraudForm .dropdown.is-invalid .Select-control {
border-color: #FF4200 !important; }

.FraudForm .tick {
position: relative;
margin-bottom: 6px; }
.FraudForm .tick.interests {
margin-bottom: 0px; }
.FraudForm .tick .bold {
text-decoration: underline; }
.FraudForm .tick input {
position: absolute;
left: -5000px;
opacity: 0; }
.FraudForm .tick a {
color: #b8b8b8;
position: relative;
top: 1px; }
.FraudForm .tick label {
display: flex;
cursor: pointer;
align-items: baseline;
color: #b8b8b8; }
.FraudForm .tick label > span {
display: block;
width: calc(100% - 40px);
line-height: 1.5em; }
.FraudForm .tick label .icon {
position: relative;
top: 5px;
display: block;
box-sizing: border-box;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
background-color: rgba(255, 255, 255, 0);
content: "";
width: 19px;
height: 19px;
border-radius: 50%;
border: 1px solid #b8b8b8;
margin-right: 12px;
background-position: center center;
background-repeat: no-repeat; }
.FraudForm .tick label .icon svg {
display: block;
width: 19px;
height: 19px;
position: relative;
top: -1px;
left: -1px; }
.FraudForm .tick label .icon .line {
fill: rgba(255, 255, 255, 0); }
.FraudForm .tick label:focus, .FraudForm .tick label:hover {
text-decoration: underline; }
.FraudForm .tick label:focus .icon .line, .FraudForm .tick label:hover .icon .line {
fill: #888; }
.FraudForm .tick label.terms {
display: inline-flex; }
.FraudForm .tick label.privacy {
display: inline-flex; }
.FraudForm .tick input:focus + label {
color: white; }
.FraudForm .tick input:checked + label {
color: white; }
.FraudForm .tick input:checked + label:hover {
text-decoration: none; }
.FraudForm .tick input:checked + label .icon {
background-color: white;
border-color: white; }
.FraudForm .tick input:checked + label .icon .line {
fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
color: #FF4200; }
.is-invalid .tick label,
.tick.is-invalid label {
color: #FF4200; }
.is-invalid .tick .icon,
.tick.is-invalid .icon {
border-color: #FF4200 !important;
background-color: rgba(217, 78, 78, 0.3) !important; }
.is-invalid .tick .icon .line,
.tick.is-invalid .icon .line {
fill: rgba(255, 66, 0, 0) !important; }

.FraudForm .actions {
padding-top: 6.25%; }
@media (min-width: 1024px) {
.FraudForm .actions {
padding-top: 30px; } }
.FraudForm .actions .Btn {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.FraudForm .actions .Btn {
margin-left: auto;
margin-right: auto;
width: auto; } }
.FraudForm .actions .Btn.is-submitting {
background-color: #595959;
color: white;
pointer-events: none; }
.FraudForm .actions .Btn.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }
.FraudForm .actions .Btn-big {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.FraudForm .actions .Btn-big {
margin-left: 0px;
margin-right: auto;
margin-bottom: 24px;
width: auto; } }
.FraudForm .actions .Btn-big.is-submitting {
background-color: #8259ef;
color: white;
pointer-events: none; }
.FraudForm .actions .Btn-big.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }

.FraudForm .error {
width: 100%;
padding-bottom: 60px;
text-align: center; }
.FraudForm .error > span {
background-color: #FF4200;
display: inline-block;
border-radius: 15px;
line-height: 30px;
padding: 0 15px;
color: #222222; }
@media (min-width: 1024px) {
.FraudForm .error > span {
margin-left: auto;
margin-right: auto; } }

.FraudForm .RadioInput {
margin-bottom: 20px; }
.FraudForm .RadioInput .header {
line-height: 1.5;
display: block;
margin-bottom: 10px; }
@media (min-width: 1024px) {
.FraudForm .RadioInput {
margin-bottom: 0; }
.FraudForm .RadioInput.is-1, .FraudForm .RadioInput.is-2 {
width: calc(50% - 20px);
float: left; }
.FraudForm .RadioInput.is-1 {
margin-right: 20px; }
.FraudForm .RadioInput.is-3 {
clear: left;
margin-top: 20px; } }
.FraudForm .RadioInput a {
color: white; }

.FraudForm .fine {
margin-bottom: 6px;
line-height: 1.5;
color: #b8b8b8;
clear: left; }
.FraudForm .fine a {
color: #ebebeb; }
.FraudForm .fine a:hover {
text-decoration: none; }

.Select .Select-placeholder {
color: #b8b8b8; }

.Select .Select-input input {
color: white; }

.Select .Select-menu-outer {
background-color: #595959;
z-index: 5; }

.FraudForm .error-msg {
display: block;
text-align: center;
color: #FF4200; }

.FraudForm .left > .developers {
position: relative; }
.FraudForm .left > .developers .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.FraudForm .left > .developers .recaptcha {
margin-top: 12px;
position: absolute;
top: 12px;
right: 0; } }

.FraudForm .right .verification {
position: relative; }
.FraudForm .right .verification .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.FraudForm .right .verification .recaptcha {
position: absolute;
top: 12px;
right: 0; } }

.EnterpriseForm {
background-color: #222222;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
padding: 12.5% 6.25%;
font-size: 14px;
line-height: 2;
color: white; }
.EnterpriseForm > .gradient {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
pointer-events: none; }
.EnterpriseForm input {
border-radius: 0; }
@media (min-width: 1024px) {
.EnterpriseForm {
padding: 6.25%; } }
.EnterpriseForm > .contents-closed {
text-align: center; }
.EnterpriseForm .header {
display: block;
margin-top: 24px;
margin-bottom: 12px;
font-size: 24px; }
.EnterpriseForm .body {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 16px; }
.EnterpriseForm .disclaimer {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 8px; }
.EnterpriseForm .left {
margin-bottom: 6.25%; }
@media (min-width: 1024px) {
.EnterpriseForm .left {
margin-bottom: 60px; } }
.EnterpriseForm .contents a {
text-decoration: underline;
color: white; }
.EnterpriseForm .contents ul {
margin-left: 0; }
.EnterpriseForm .contents ul li {
list-style: none; }
@media (min-width: 1024px) {
.EnterpriseForm .contents {
display: flex; }
.EnterpriseForm .left {
width: 46.88%;
margin-right: 3.12%;
margin-bottom: 0; }
.EnterpriseForm .right {
width: 46.88%;
margin-left: 3.12%;
position: relative; } }

.EnterpriseForm form .contents {
opacity: 1;
-moz-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out; }

.EnterpriseForm form.is-submitting .contents,
.EnterpriseForm form.is-sent .contents,
.EnterpriseForm form.is-error-submitting .contents {
opacity: 0.2;
pointer-events: none; }

.EnterpriseForm fieldset {
padding: 0;
display: block; }
.EnterpriseForm fieldset.is-two > * {
float: left;
width: calc(50% - 10px); }
.EnterpriseForm fieldset.is-two > *:first-child {
margin-right: 10px; }
.EnterpriseForm fieldset.is-auto > div {
width: 100%; }
.EnterpriseForm fieldset textarea {
display: block;
width: 100%;
height: 150px;
border: 1px solid #595959;
background-color: transparent;
padding: 10px;
font-size: 14px;
line-height: 20px;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
box-sizing: border-box;
outline: none;
color: #595959;
margin-top: 16px;
margin-bottom: 16px; }
.EnterpriseForm fieldset textarea:focus {
border-color: #f9f9f9;
color: white; }
.EnterpriseForm fieldset textarea.is-invalid {
border-color: #FF4200;
color: #FF4200; }
.EnterpriseForm fieldset textarea.is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.EnterpriseForm fieldset textarea.is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.EnterpriseForm fieldset textarea.is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.EnterpriseForm fieldset textarea.is-invalid:-ms-input-placeholder {
color: #FF4200; }
.EnterpriseForm fieldset input[type="text"],
.EnterpriseForm fieldset input[role="combobox"],
.EnterpriseForm fieldset input[type="email"] {
font-size: 14px;
line-height: 40px;
display: block;
box-sizing: border-box;
background-color: transparent;
height: 40px;
width: 100%;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
color: white;
margin: 0;
margin-bottom: 12px;
border: 0;
border-bottom: 1px solid #595959;
outline: none; }
.EnterpriseForm fieldset input[type="text"].is-invalid,
.EnterpriseForm fieldset input[role="combobox"].is-invalid,
.EnterpriseForm fieldset input[type="email"].is-invalid {
border-bottom-color: #FF4200;
color: #FF4200; }
.EnterpriseForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
.EnterpriseForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
.EnterpriseForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.EnterpriseForm fieldset input[type="text"].is-invalid:-moz-placeholder,
.EnterpriseForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
.EnterpriseForm fieldset input[type="email"].is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.EnterpriseForm fieldset input[type="text"].is-invalid::-moz-placeholder,
.EnterpriseForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
.EnterpriseForm fieldset input[type="email"].is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.EnterpriseForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
.EnterpriseForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
.EnterpriseForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
color: #FF4200; }
.EnterpriseForm fieldset input[type="text"].is-half,
.EnterpriseForm fieldset input[role="combobox"].is-half,
.EnterpriseForm fieldset input[type="email"].is-half {
width: calc(50% - 5px);
flex: 1; }
.EnterpriseForm fieldset input[type="text"].is-half:first-of-type,
.EnterpriseForm fieldset input[role="combobox"].is-half:first-of-type,
.EnterpriseForm fieldset input[type="email"].is-half:first-of-type {
margin-right: 10px; }
.EnterpriseForm fieldset input[type="text"]:hover,
.EnterpriseForm fieldset input[role="combobox"]:hover,
.EnterpriseForm fieldset input[type="email"]:hover {
border-bottom-color: #f9f9f9; }
.EnterpriseForm fieldset input[type="text"]:focus,
.EnterpriseForm fieldset input[role="combobox"]:focus,
.EnterpriseForm fieldset input[type="email"]:focus {
border-bottom-color: white; }
.EnterpriseForm fieldset input[type="text"]::-webkit-input-placeholder,
.EnterpriseForm fieldset input[role="combobox"]::-webkit-input-placeholder,
.EnterpriseForm fieldset input[type="email"]::-webkit-input-placeholder {
color: #f9f9f9; }
.EnterpriseForm fieldset input[type="text"]:-moz-placeholder,
.EnterpriseForm fieldset input[role="combobox"]:-moz-placeholder,
.EnterpriseForm fieldset input[type="email"]:-moz-placeholder {
/* Firefox 18- */
color: #f9f9f9; }
.EnterpriseForm fieldset input[type="text"]::-moz-placeholder,
.EnterpriseForm fieldset input[role="combobox"]::-moz-placeholder,
.EnterpriseForm fieldset input[type="email"]::-moz-placeholder {
/* Firefox 19+ */
color: #f9f9f9; }
.EnterpriseForm fieldset input[type="text"]:-ms-input-placeholder,
.EnterpriseForm fieldset input[role="combobox"]:-ms-input-placeholder,
.EnterpriseForm fieldset input[type="email"]:-ms-input-placeholder {
color: #f9f9f9; }
.EnterpriseForm fieldset.is-invalid {
color: #FF4200; }
.is-invalid .EnterpriseForm fieldset {
color: #FF4200; }

.EnterpriseForm .dropdown {
margin-bottom: 16px;
margin-top: 10px; }
.EnterpriseForm .dropdown.is-invalid .Select-control {
border-color: #FF4200 !important; }

.EnterpriseForm .tick {
position: relative;
margin-bottom: 6px; }
.EnterpriseForm .tick.interests {
margin-bottom: 0px; }
.EnterpriseForm .tick .bold {
text-decoration: underline; }
.EnterpriseForm .tick input {
position: absolute;
left: -5000px;
opacity: 0; }
.EnterpriseForm .tick a {
color: #b8b8b8;
position: relative;
top: 1px; }
.EnterpriseForm .tick label {
display: flex;
cursor: pointer;
align-items: baseline;
color: #b8b8b8; }
.EnterpriseForm .tick label > span {
display: block;
width: calc(100% - 40px);
line-height: 1.5em; }
.EnterpriseForm .tick label .icon {
position: relative;
top: 5px;
display: block;
box-sizing: border-box;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
background-color: rgba(255, 255, 255, 0);
content: "";
width: 19px;
height: 19px;
border-radius: 50%;
border: 1px solid #b8b8b8;
margin-right: 12px;
background-position: center center;
background-repeat: no-repeat; }
.EnterpriseForm .tick label .icon svg {
display: block;
width: 19px;
height: 19px;
position: relative;
top: -1px;
left: -1px; }
.EnterpriseForm .tick label .icon .line {
fill: rgba(255, 255, 255, 0); }
.EnterpriseForm .tick label:focus, .EnterpriseForm .tick label:hover {
text-decoration: underline; }
.EnterpriseForm .tick label:focus .icon .line, .EnterpriseForm .tick label:hover .icon .line {
fill: #888; }
.EnterpriseForm .tick label.terms {
display: inline-flex; }
.EnterpriseForm .tick label.privacy {
display: inline-flex; }
.EnterpriseForm .tick input:focus + label {
color: white; }
.EnterpriseForm .tick input:checked + label {
color: white; }
.EnterpriseForm .tick input:checked + label:hover {
text-decoration: none; }
.EnterpriseForm .tick input:checked + label .icon {
background-color: white;
border-color: white; }
.EnterpriseForm .tick input:checked + label .icon .line {
fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
color: #FF4200; }
.is-invalid .tick label,
.tick.is-invalid label {
color: #FF4200; }
.is-invalid .tick .icon,
.tick.is-invalid .icon {
border-color: #FF4200 !important;
background-color: rgba(217, 78, 78, 0.3) !important; }
.is-invalid .tick .icon .line,
.tick.is-invalid .icon .line {
fill: rgba(255, 66, 0, 0) !important; }

.EnterpriseForm .actions {
padding-top: 6.25%; }
@media (min-width: 1024px) {
.EnterpriseForm .actions {
padding-top: 30px; } }
.EnterpriseForm .actions .Btn {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.EnterpriseForm .actions .Btn {
margin-left: auto;
margin-right: auto;
width: auto; } }
.EnterpriseForm .actions .Btn.is-submitting {
background-color: #595959;
color: white;
pointer-events: none; }
.EnterpriseForm .actions .Btn.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }
.EnterpriseForm .actions .Btn-big {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.EnterpriseForm .actions .Btn-big {
margin-left: 0px;
margin-right: auto;
width: auto; } }
.EnterpriseForm .actions .Btn-big.is-submitting {
background-color: #8259ef;
color: white;
pointer-events: none; }
.EnterpriseForm .actions .Btn-big.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }

.EnterpriseForm .error {
width: 100%;
padding-bottom: 60px;
text-align: center; }
.EnterpriseForm .error > span {
background-color: #FF4200;
display: inline-block;
border-radius: 15px;
line-height: 30px;
padding: 0 15px;
color: #222222; }
@media (min-width: 1024px) {
.EnterpriseForm .error > span {
margin-left: auto;
margin-right: auto; } }

.EnterpriseForm .RadioInput {
margin-bottom: 20px; }
.EnterpriseForm .RadioInput .header {
line-height: 1.5;
display: block;
margin-bottom: 10px; }
@media (min-width: 1024px) {
.EnterpriseForm .RadioInput {
margin-bottom: 0; }
.EnterpriseForm .RadioInput.is-1, .EnterpriseForm .RadioInput.is-2 {
width: calc(50% - 20px);
float: left; }
.EnterpriseForm .RadioInput.is-1 {
margin-right: 20px; }
.EnterpriseForm .RadioInput.is-3 {
clear: left;
margin-top: 20px; } }
.EnterpriseForm .RadioInput a {
color: white; }

.EnterpriseForm .fine {
margin-bottom: 6px;
line-height: 1.5;
color: #b8b8b8;
clear: left; }
.EnterpriseForm .fine a {
color: #ebebeb; }
.EnterpriseForm .fine a:hover {
text-decoration: none; }

.Select .Select-placeholder {
color: #b8b8b8; }

.Select .Select-input input {
color: white; }

.Select .Select-menu-outer {
background-color: #595959;
z-index: 5; }

.EnterpriseForm .error-msg {
display: block;
text-align: center;
color: #FF4200; }

.EnterpriseForm .left > .developers {
position: relative; }
.EnterpriseForm .left > .developers .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.EnterpriseForm .left > .developers .recaptcha {
margin-top: 12px;
position: absolute;
top: 12px;
right: 0; } }

.EnterpriseForm .right .verification {
position: relative; }
.EnterpriseForm .right .verification .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.EnterpriseForm .right .verification .recaptcha {
position: absolute;
top: 12px;
right: 0; } }

.PrescriptionForm {
background-color: #222222;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
padding: 12.5% 6.25%;
font-size: 14px;
line-height: 2;
color: white; }
.PrescriptionForm > .gradient {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
pointer-events: none; }
.PrescriptionForm input {
border-radius: 0; }
@media (min-width: 1024px) {
.PrescriptionForm {
padding: 6.25%; } }
.PrescriptionForm > .contents-closed {
text-align: center; }
.PrescriptionForm .header {
display: block;
margin-top: 24px;
font-size: 24px; }
.PrescriptionForm .dual {
display: block;
margin-bottom: 24px;
font-size: 24px; }
.PrescriptionForm .body {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 16px; }
.PrescriptionForm .footer {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 16px;
font-style: italic; }
.PrescriptionForm .disclaimer {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 8px; }
.PrescriptionForm .left {
margin-bottom: 6.25%; }
@media (min-width: 1024px) {
.PrescriptionForm .left {
margin-bottom: 60px; } }
.PrescriptionForm .contents a {
text-decoration: underline;
color: white; }
.PrescriptionForm .contents ul {
margin-left: 20px; }
.PrescriptionForm .contents ul li {
list-style: disc; }
@media (min-width: 1024px) {
.PrescriptionForm .contents {
display: flex; }
.PrescriptionForm .left {
width: 46.88%;
margin-right: 3.12%;
margin-bottom: 0; }
.PrescriptionForm .right {
width: 46.88%;
margin-left: 3.12%;
position: relative; } }

.PrescriptionForm form .contents {
opacity: 1;
-moz-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out; }

.PrescriptionForm form.is-submitting .contents,
.PrescriptionForm form.is-sent .contents,
.PrescriptionForm form.is-error-submitting .contents {
opacity: 0.2;
pointer-events: none; }

.PrescriptionForm fieldset {
padding: 0;
display: block; }
.PrescriptionForm fieldset.is-two > * {
float: left;
width: calc(50% - 10px); }
.PrescriptionForm fieldset.is-two > *:first-child {
margin-right: 10px; }
.PrescriptionForm fieldset.is-auto > div {
width: 100%; }
.PrescriptionForm fieldset textarea {
display: block;
width: 100%;
height: 150px;
border: 1px solid #595959;
background-color: transparent;
padding: 10px;
font-size: 14px;
line-height: 20px;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
box-sizing: border-box;
outline: none;
color: #595959;
margin-top: 16px;
margin-bottom: 16px; }
.PrescriptionForm fieldset textarea:focus {
border-color: #f9f9f9;
color: white; }
.PrescriptionForm fieldset textarea.is-invalid {
border-color: #FF4200;
color: #FF4200; }
.PrescriptionForm fieldset textarea.is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.PrescriptionForm fieldset textarea.is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.PrescriptionForm fieldset textarea.is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.PrescriptionForm fieldset textarea.is-invalid:-ms-input-placeholder {
color: #FF4200; }
.PrescriptionForm fieldset input[type="text"],
.PrescriptionForm fieldset input[role="combobox"],
.PrescriptionForm fieldset input[type="email"] {
font-size: 14px;
line-height: 40px;
display: block;
box-sizing: border-box;
background-color: transparent;
height: 40px;
width: 100%;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
color: white;
margin: 0;
margin-bottom: 12px;
border: 0;
border-bottom: 1px solid #595959;
outline: none; }
.PrescriptionForm fieldset input[type="text"].is-invalid,
.PrescriptionForm fieldset input[role="combobox"].is-invalid,
.PrescriptionForm fieldset input[type="email"].is-invalid {
border-bottom-color: #FF4200;
color: #FF4200; }
.PrescriptionForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
.PrescriptionForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
.PrescriptionForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.PrescriptionForm fieldset input[type="text"].is-invalid:-moz-placeholder,
.PrescriptionForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
.PrescriptionForm fieldset input[type="email"].is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.PrescriptionForm fieldset input[type="text"].is-invalid::-moz-placeholder,
.PrescriptionForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
.PrescriptionForm fieldset input[type="email"].is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.PrescriptionForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
.PrescriptionForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
.PrescriptionForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
color: #FF4200; }
.PrescriptionForm fieldset input[type="text"].is-half,
.PrescriptionForm fieldset input[role="combobox"].is-half,
.PrescriptionForm fieldset input[type="email"].is-half {
width: calc(50% - 5px);
flex: 1; }
.PrescriptionForm fieldset input[type="text"].is-half:first-of-type,
.PrescriptionForm fieldset input[role="combobox"].is-half:first-of-type,
.PrescriptionForm fieldset input[type="email"].is-half:first-of-type {
margin-right: 10px; }
.PrescriptionForm fieldset input[type="text"]:hover,
.PrescriptionForm fieldset input[role="combobox"]:hover,
.PrescriptionForm fieldset input[type="email"]:hover {
border-bottom-color: #f9f9f9; }
.PrescriptionForm fieldset input[type="text"]:focus,
.PrescriptionForm fieldset input[role="combobox"]:focus,
.PrescriptionForm fieldset input[type="email"]:focus {
border-bottom-color: white; }
.PrescriptionForm fieldset input[type="text"]::-webkit-input-placeholder,
.PrescriptionForm fieldset input[role="combobox"]::-webkit-input-placeholder,
.PrescriptionForm fieldset input[type="email"]::-webkit-input-placeholder {
color: #f9f9f9; }
.PrescriptionForm fieldset input[type="text"]:-moz-placeholder,
.PrescriptionForm fieldset input[role="combobox"]:-moz-placeholder,
.PrescriptionForm fieldset input[type="email"]:-moz-placeholder {
/* Firefox 18- */
color: #f9f9f9; }
.PrescriptionForm fieldset input[type="text"]::-moz-placeholder,
.PrescriptionForm fieldset input[role="combobox"]::-moz-placeholder,
.PrescriptionForm fieldset input[type="email"]::-moz-placeholder {
/* Firefox 19+ */
color: #f9f9f9; }
.PrescriptionForm fieldset input[type="text"]:-ms-input-placeholder,
.PrescriptionForm fieldset input[role="combobox"]:-ms-input-placeholder,
.PrescriptionForm fieldset input[type="email"]:-ms-input-placeholder {
color: #f9f9f9; }
.PrescriptionForm fieldset.is-invalid {
color: #FF4200; }
.is-invalid .PrescriptionForm fieldset {
color: #FF4200; }

.PrescriptionForm .dropdown {
margin-bottom: 16px;
margin-top: 10px; }
.PrescriptionForm .dropdown.is-invalid .Select-control {
border-color: #FF4200 !important; }

.PrescriptionForm .tick {
position: relative;
margin-bottom: 6px; }
.PrescriptionForm .tick.interests {
margin-bottom: 0px; }
.PrescriptionForm .tick .bold {
text-decoration: underline; }
.PrescriptionForm .tick input {
position: absolute;
left: -5000px;
opacity: 0; }
.PrescriptionForm .tick a {
color: #b8b8b8;
position: relative;
top: 1px; }
.PrescriptionForm .tick label {
display: flex;
cursor: pointer;
align-items: baseline;
color: #b8b8b8; }
.PrescriptionForm .tick label > span {
display: block;
width: calc(100% - 40px);
line-height: 1.5em; }
.PrescriptionForm .tick label .icon {
position: relative;
top: 5px;
display: block;
box-sizing: border-box;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
background-color: rgba(255, 255, 255, 0);
content: "";
width: 19px;
height: 19px;
border-radius: 50%;
border: 1px solid #b8b8b8;
margin-right: 12px;
background-position: center center;
background-repeat: no-repeat; }
.PrescriptionForm .tick label .icon svg {
display: block;
width: 19px;
height: 19px;
position: relative;
top: -1px;
left: -1px; }
.PrescriptionForm .tick label .icon .line {
fill: rgba(255, 255, 255, 0); }
.PrescriptionForm .tick label:focus, .PrescriptionForm .tick label:hover {
text-decoration: underline; }
.PrescriptionForm .tick label:focus .icon .line, .PrescriptionForm .tick label:hover .icon .line {
fill: #888; }
.PrescriptionForm .tick label.terms {
display: inline-flex; }
.PrescriptionForm .tick label.privacy {
display: inline-flex; }
.PrescriptionForm .tick input:focus + label {
color: white; }
.PrescriptionForm .tick input:checked + label {
color: white; }
.PrescriptionForm .tick input:checked + label:hover {
text-decoration: none; }
.PrescriptionForm .tick input:checked + label .icon {
background-color: white;
border-color: white; }
.PrescriptionForm .tick input:checked + label .icon .line {
fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
color: #FF4200; }
.is-invalid .tick label,
.tick.is-invalid label {
color: #FF4200; }
.is-invalid .tick .icon,
.tick.is-invalid .icon {
border-color: #FF4200 !important;
background-color: rgba(217, 78, 78, 0.3) !important; }
.is-invalid .tick .icon .line,
.tick.is-invalid .icon .line {
fill: rgba(255, 66, 0, 0) !important; }

.PrescriptionForm .actions {
padding-top: 6.25%; }
@media (min-width: 1024px) {
.PrescriptionForm .actions {
padding-top: 30px; } }
.PrescriptionForm .actions .Btn {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.PrescriptionForm .actions .Btn {
margin-left: auto;
margin-right: auto;
width: auto; } }
.PrescriptionForm .actions .Btn.is-submitting {
background-color: #595959;
color: white;
pointer-events: none; }
.PrescriptionForm .actions .Btn.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }
.PrescriptionForm .actions .Btn-big {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.PrescriptionForm .actions .Btn-big {
margin-left: 0px;
margin-right: auto;
width: auto; } }
.PrescriptionForm .actions .Btn-big.is-submitting {
background-color: #8259ef;
color: white;
pointer-events: none; }
.PrescriptionForm .actions .Btn-big.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }

.PrescriptionForm .error {
width: 100%;
padding-bottom: 60px;
text-align: center; }
.PrescriptionForm .error > span {
background-color: #FF4200;
display: inline-block;
border-radius: 15px;
line-height: 30px;
padding: 0 15px;
color: #222222; }
@media (min-width: 1024px) {
.PrescriptionForm .error > span {
margin-left: auto;
margin-right: auto; } }

.PrescriptionForm .RadioInput {
margin-bottom: 20px; }
.PrescriptionForm .RadioInput .header {
line-height: 1.5;
display: block;
margin-bottom: 10px; }
@media (min-width: 1024px) {
.PrescriptionForm .RadioInput {
margin-bottom: 0; }
.PrescriptionForm .RadioInput.is-1, .PrescriptionForm .RadioInput.is-2 {
width: calc(50% - 20px);
float: left; }
.PrescriptionForm .RadioInput.is-1 {
margin-right: 20px; }
.PrescriptionForm .RadioInput.is-3 {
clear: left;
margin-top: 20px; } }
.PrescriptionForm .RadioInput a {
color: white; }

.PrescriptionForm .fine {
margin-bottom: 6px;
line-height: 1.5;
color: #b8b8b8;
clear: left; }
.PrescriptionForm .fine a {
color: #ebebeb; }
.PrescriptionForm .fine a:hover {
text-decoration: none; }

.Select .Select-placeholder {
color: #b8b8b8; }

.Select .Select-input input {
color: white; }

.Select .Select-menu-outer {
background-color: #595959;
z-index: 5; }

.PrescriptionForm .error-msg {
display: block;
text-align: center;
color: #FF4200; }

.PrescriptionForm .left > .developers {
position: relative; }
.PrescriptionForm .left > .developers .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.PrescriptionForm .left > .developers .recaptcha {
margin-top: 12px;
position: absolute;
top: 12px;
right: 0; } }

.PrescriptionForm .right .verification {
position: relative; }
.PrescriptionForm .right .verification .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.PrescriptionForm .right .verification .recaptcha {
position: absolute;
top: 12px;
right: 0; } }

.ConsensusForm {
background-color: #222222;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
padding: 12.5% 6.25%;
font-size: 14px;
line-height: 2;
color: white; }
.ConsensusForm > .gradient {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
pointer-events: none; }
.ConsensusForm input {
border-radius: 0; }
@media (min-width: 1024px) {
.ConsensusForm {
padding: 6.25%; } }
.ConsensusForm > .contents-closed {
text-align: center; }
.ConsensusForm .header {
display: block;
margin-top: 24px;
font-size: 24px; }
.ConsensusForm .dual {
display: block;
margin-bottom: 24px;
font-size: 24px; }
.ConsensusForm .body {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 16px; }
.ConsensusForm .footer {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 16px;
font-style: italic; }
.ConsensusForm .disclaimer {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 8px; }
.ConsensusForm .left {
margin-bottom: 6.25%; }
@media (min-width: 1024px) {
.ConsensusForm .left {
margin-bottom: 60px; } }
.ConsensusForm .contents a {
text-decoration: underline;
color: white; }
.ConsensusForm .contents ul {
margin-left: 20px; }
.ConsensusForm .contents ul li {
list-style: disc; }
@media (min-width: 1024px) {
.ConsensusForm .contents {
display: flex; }
.ConsensusForm .left {
width: 46.88%;
margin-right: 3.12%;
margin-bottom: 0; }
.ConsensusForm .right {
width: 46.88%;
margin-left: 3.12%;
position: relative; } }

.ConsensusForm form .contents {
opacity: 1;
-moz-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out; }

.ConsensusForm form.is-submitting .contents,
.ConsensusForm form.is-sent .contents,
.ConsensusForm form.is-error-submitting .contents {
opacity: 0.2;
pointer-events: none; }

.ConsensusForm fieldset {
padding: 0;
display: block; }
.ConsensusForm fieldset.is-two > * {
float: left;
width: calc(50% - 10px); }
.ConsensusForm fieldset.is-two > *:first-child {
margin-right: 10px; }
.ConsensusForm fieldset.is-auto > div {
width: 100%; }
.ConsensusForm fieldset textarea {
display: block;
width: 100%;
height: 150px;
border: 1px solid #595959;
background-color: transparent;
padding: 10px;
font-size: 14px;
line-height: 20px;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
box-sizing: border-box;
outline: none;
color: #595959;
margin-top: 16px;
margin-bottom: 16px; }
.ConsensusForm fieldset textarea:focus {
border-color: #f9f9f9;
color: white; }
.ConsensusForm fieldset textarea.is-invalid {
border-color: #FF4200;
color: #FF4200; }
.ConsensusForm fieldset textarea.is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.ConsensusForm fieldset textarea.is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.ConsensusForm fieldset textarea.is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.ConsensusForm fieldset textarea.is-invalid:-ms-input-placeholder {
color: #FF4200; }
.ConsensusForm fieldset input[type="text"],
.ConsensusForm fieldset input[role="combobox"],
.ConsensusForm fieldset input[type="email"] {
font-size: 14px;
line-height: 40px;
display: block;
box-sizing: border-box;
background-color: transparent;
height: 40px;
width: 100%;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
color: white;
margin: 0;
margin-bottom: 12px;
border: 0;
border-bottom: 1px solid #595959;
outline: none; }
.ConsensusForm fieldset input[type="text"].is-invalid,
.ConsensusForm fieldset input[role="combobox"].is-invalid,
.ConsensusForm fieldset input[type="email"].is-invalid {
border-bottom-color: #FF4200;
color: #FF4200; }
.ConsensusForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
.ConsensusForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
.ConsensusForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.ConsensusForm fieldset input[type="text"].is-invalid:-moz-placeholder,
.ConsensusForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
.ConsensusForm fieldset input[type="email"].is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.ConsensusForm fieldset input[type="text"].is-invalid::-moz-placeholder,
.ConsensusForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
.ConsensusForm fieldset input[type="email"].is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.ConsensusForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
.ConsensusForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
.ConsensusForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
color: #FF4200; }
.ConsensusForm fieldset input[type="text"].is-half,
.ConsensusForm fieldset input[role="combobox"].is-half,
.ConsensusForm fieldset input[type="email"].is-half {
width: calc(50% - 5px);
flex: 1; }
.ConsensusForm fieldset input[type="text"].is-half:first-of-type,
.ConsensusForm fieldset input[role="combobox"].is-half:first-of-type,
.ConsensusForm fieldset input[type="email"].is-half:first-of-type {
margin-right: 10px; }
.ConsensusForm fieldset input[type="text"]:hover,
.ConsensusForm fieldset input[role="combobox"]:hover,
.ConsensusForm fieldset input[type="email"]:hover {
border-bottom-color: #f9f9f9; }
.ConsensusForm fieldset input[type="text"]:focus,
.ConsensusForm fieldset input[role="combobox"]:focus,
.ConsensusForm fieldset input[type="email"]:focus {
border-bottom-color: white; }
.ConsensusForm fieldset input[type="text"]::-webkit-input-placeholder,
.ConsensusForm fieldset input[role="combobox"]::-webkit-input-placeholder,
.ConsensusForm fieldset input[type="email"]::-webkit-input-placeholder {
color: #f9f9f9; }
.ConsensusForm fieldset input[type="text"]:-moz-placeholder,
.ConsensusForm fieldset input[role="combobox"]:-moz-placeholder,
.ConsensusForm fieldset input[type="email"]:-moz-placeholder {
/* Firefox 18- */
color: #f9f9f9; }
.ConsensusForm fieldset input[type="text"]::-moz-placeholder,
.ConsensusForm fieldset input[role="combobox"]::-moz-placeholder,
.ConsensusForm fieldset input[type="email"]::-moz-placeholder {
/* Firefox 19+ */
color: #f9f9f9; }
.ConsensusForm fieldset input[type="text"]:-ms-input-placeholder,
.ConsensusForm fieldset input[role="combobox"]:-ms-input-placeholder,
.ConsensusForm fieldset input[type="email"]:-ms-input-placeholder {
color: #f9f9f9; }
.ConsensusForm fieldset.is-invalid {
color: #FF4200; }
.is-invalid .ConsensusForm fieldset {
color: #FF4200; }

.ConsensusForm .dropdown {
margin-bottom: 16px;
margin-top: 10px; }
.ConsensusForm .dropdown.is-invalid .Select-control {
border-color: #FF4200 !important; }

.ConsensusForm .tick {
position: relative;
margin-bottom: 6px; }
.ConsensusForm .tick.interests {
margin-bottom: 0px; }
.ConsensusForm .tick .bold {
text-decoration: underline; }
.ConsensusForm .tick input {
position: absolute;
left: -5000px;
opacity: 0; }
.ConsensusForm .tick a {
color: #b8b8b8;
position: relative;
top: 1px; }
.ConsensusForm .tick label {
display: flex;
cursor: pointer;
align-items: baseline;
color: #b8b8b8; }
.ConsensusForm .tick label > span {
display: block;
width: calc(100% - 40px);
line-height: 1.5em; }
.ConsensusForm .tick label .icon {
position: relative;
top: 5px;
display: block;
box-sizing: border-box;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
background-color: rgba(255, 255, 255, 0);
content: "";
width: 19px;
height: 19px;
border-radius: 50%;
border: 1px solid #b8b8b8;
margin-right: 12px;
background-position: center center;
background-repeat: no-repeat; }
.ConsensusForm .tick label .icon svg {
display: block;
width: 19px;
height: 19px;
position: relative;
top: -1px;
left: -1px; }
.ConsensusForm .tick label .icon .line {
fill: rgba(255, 255, 255, 0); }
.ConsensusForm .tick label:focus, .ConsensusForm .tick label:hover {
text-decoration: underline; }
.ConsensusForm .tick label:focus .icon .line, .ConsensusForm .tick label:hover .icon .line {
fill: #888; }
.ConsensusForm .tick label.terms {
display: inline-flex; }
.ConsensusForm .tick label.privacy {
display: inline-flex; }
.ConsensusForm .tick input:focus + label {
color: white; }
.ConsensusForm .tick input:checked + label {
color: white; }
.ConsensusForm .tick input:checked + label:hover {
text-decoration: none; }
.ConsensusForm .tick input:checked + label .icon {
background-color: white;
border-color: white; }
.ConsensusForm .tick input:checked + label .icon .line {
fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
color: #FF4200; }
.is-invalid .tick label,
.tick.is-invalid label {
color: #FF4200; }
.is-invalid .tick .icon,
.tick.is-invalid .icon {
border-color: #FF4200 !important;
background-color: rgba(217, 78, 78, 0.3) !important; }
.is-invalid .tick .icon .line,
.tick.is-invalid .icon .line {
fill: rgba(255, 66, 0, 0) !important; }

.ConsensusForm .actions {
padding-top: 6.25%; }
@media (min-width: 1024px) {
.ConsensusForm .actions {
padding-top: 30px; } }
.ConsensusForm .actions .Btn {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.ConsensusForm .actions .Btn {
margin-left: auto;
margin-right: auto;
width: auto; } }
.ConsensusForm .actions .Btn.is-submitting {
background-color: #595959;
color: white;
pointer-events: none; }
.ConsensusForm .actions .Btn.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }
.ConsensusForm .actions .Btn-big {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.ConsensusForm .actions .Btn-big {
margin-left: 0px;
margin-right: auto;
width: auto; } }
.ConsensusForm .actions .Btn-big.is-submitting {
background-color: #8259ef;
color: white;
pointer-events: none; }
.ConsensusForm .actions .Btn-big.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }

.ConsensusForm .error {
width: 100%;
padding-bottom: 60px;
text-align: center; }
.ConsensusForm .error > span {
background-color: #FF4200;
display: inline-block;
border-radius: 15px;
line-height: 30px;
padding: 0 15px;
color: #222222; }
@media (min-width: 1024px) {
.ConsensusForm .error > span {
margin-left: auto;
margin-right: auto; } }

.ConsensusForm .RadioInput {
margin-bottom: 20px; }
.ConsensusForm .RadioInput .header {
line-height: 1.5;
display: block;
margin-bottom: 10px; }
@media (min-width: 1024px) {
.ConsensusForm .RadioInput {
margin-bottom: 0; }
.ConsensusForm .RadioInput.is-1, .ConsensusForm .RadioInput.is-2 {
width: calc(50% - 20px);
float: left; }
.ConsensusForm .RadioInput.is-1 {
margin-right: 20px; }
.ConsensusForm .RadioInput.is-3 {
clear: left;
margin-top: 20px; } }
.ConsensusForm .RadioInput a {
color: white; }

.ConsensusForm .fine {
margin-bottom: 6px;
line-height: 1.5;
color: #b8b8b8;
clear: left; }
.ConsensusForm .fine a {
color: #ebebeb; }
.ConsensusForm .fine a:hover {
text-decoration: none; }

.Select .Select-placeholder {
color: #b8b8b8; }

.Select .Select-input input {
color: white; }

.Select .Select-menu-outer {
background-color: #595959;
z-index: 5; }

.ConsensusForm .error-msg {
display: block;
text-align: center;
color: #FF4200; }

.ConsensusForm .left > .developers {
position: relative; }
.ConsensusForm .left > .developers .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.ConsensusForm .left > .developers .recaptcha {
margin-top: 12px;
position: absolute;
top: 12px;
right: 0; } }

.ConsensusForm .right .verification {
position: relative; }
.ConsensusForm .right .verification .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.ConsensusForm .right .verification .recaptcha {
position: absolute;
top: 12px;
right: 0; } }

.GamingForm {
background-color: #222222;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
padding: 12.5% 6.25%;
font-size: 14px;
line-height: 2;
color: white; }
.GamingForm > .gradient {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
pointer-events: none; }
.GamingForm input {
border-radius: 0; }
@media (min-width: 1024px) {
.GamingForm {
padding: 6.25%; } }
.GamingForm > .contents-closed {
text-align: center; }
.GamingForm .header {
display: block;
margin-top: 24px;
margin-bottom: 12px;
font-size: 24px; }
.GamingForm .body {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 16px; }
.GamingForm .disclaimer {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 8px; }
.GamingForm .left {
margin-bottom: 6.25%; }
@media (min-width: 1024px) {
.GamingForm .left {
margin-bottom: 60px; } }
.GamingForm .contents a {
text-decoration: underline;
color: white; }
.GamingForm .contents ul {
margin-left: 0; }
.GamingForm .contents ul li {
list-style: none; }
@media (min-width: 1024px) {
.GamingForm .contents {
display: flex; }
.GamingForm .left {
width: 46.88%;
margin-right: 3.12%;
margin-bottom: 0; }
.GamingForm .right {
width: 46.88%;
margin-left: 3.12%;
position: relative; } }

.GamingForm form .contents {
opacity: 1;
-moz-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out; }

.GamingForm form.is-submitting .contents,
.GamingForm form.is-sent .contents,
.GamingForm form.is-error-submitting .contents {
opacity: 0.2;
pointer-events: none; }

.GamingForm fieldset {
padding: 0;
display: block; }
.GamingForm fieldset.is-two > * {
float: left;
width: calc(50% - 10px); }
.GamingForm fieldset.is-two > *:first-child {
margin-right: 10px; }
.GamingForm fieldset.is-auto > div {
width: 100%; }
.GamingForm fieldset textarea {
display: block;
width: 100%;
height: 150px;
border: 1px solid #595959;
background-color: transparent;
padding: 10px;
font-size: 14px;
line-height: 20px;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
box-sizing: border-box;
outline: none;
color: #595959;
margin-top: 16px;
margin-bottom: 16px; }
.GamingForm fieldset textarea:focus {
border-color: #f9f9f9;
color: white; }
.GamingForm fieldset textarea.is-invalid {
border-color: #FF4200;
color: #FF4200; }
.GamingForm fieldset textarea.is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.GamingForm fieldset textarea.is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.GamingForm fieldset textarea.is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.GamingForm fieldset textarea.is-invalid:-ms-input-placeholder {
color: #FF4200; }
.GamingForm fieldset input[type="text"],
.GamingForm fieldset input[role="combobox"],
.GamingForm fieldset input[type="email"] {
font-size: 14px;
line-height: 40px;
display: block;
box-sizing: border-box;
background-color: transparent;
height: 40px;
width: 100%;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
color: white;
margin: 0;
margin-bottom: 12px;
border: 0;
border-bottom: 1px solid #595959;
outline: none; }
.GamingForm fieldset input[type="text"].is-invalid,
.GamingForm fieldset input[role="combobox"].is-invalid,
.GamingForm fieldset input[type="email"].is-invalid {
border-bottom-color: #FF4200;
color: #FF4200; }
.GamingForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
.GamingForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
.GamingForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.GamingForm fieldset input[type="text"].is-invalid:-moz-placeholder,
.GamingForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
.GamingForm fieldset input[type="email"].is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.GamingForm fieldset input[type="text"].is-invalid::-moz-placeholder,
.GamingForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
.GamingForm fieldset input[type="email"].is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.GamingForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
.GamingForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
.GamingForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
color: #FF4200; }
.GamingForm fieldset input[type="text"].is-half,
.GamingForm fieldset input[role="combobox"].is-half,
.GamingForm fieldset input[type="email"].is-half {
width: calc(50% - 5px);
flex: 1; }
.GamingForm fieldset input[type="text"].is-half:first-of-type,
.GamingForm fieldset input[role="combobox"].is-half:first-of-type,
.GamingForm fieldset input[type="email"].is-half:first-of-type {
margin-right: 10px; }
.GamingForm fieldset input[type="text"]:hover,
.GamingForm fieldset input[role="combobox"]:hover,
.GamingForm fieldset input[type="email"]:hover {
border-bottom-color: #f9f9f9; }
.GamingForm fieldset input[type="text"]:focus,
.GamingForm fieldset input[role="combobox"]:focus,
.GamingForm fieldset input[type="email"]:focus {
border-bottom-color: white; }
.GamingForm fieldset input[type="text"]::-webkit-input-placeholder,
.GamingForm fieldset input[role="combobox"]::-webkit-input-placeholder,
.GamingForm fieldset input[type="email"]::-webkit-input-placeholder {
color: #f9f9f9; }
.GamingForm fieldset input[type="text"]:-moz-placeholder,
.GamingForm fieldset input[role="combobox"]:-moz-placeholder,
.GamingForm fieldset input[type="email"]:-moz-placeholder {
/* Firefox 18- */
color: #f9f9f9; }
.GamingForm fieldset input[type="text"]::-moz-placeholder,
.GamingForm fieldset input[role="combobox"]::-moz-placeholder,
.GamingForm fieldset input[type="email"]::-moz-placeholder {
/* Firefox 19+ */
color: #f9f9f9; }
.GamingForm fieldset input[type="text"]:-ms-input-placeholder,
.GamingForm fieldset input[role="combobox"]:-ms-input-placeholder,
.GamingForm fieldset input[type="email"]:-ms-input-placeholder {
color: #f9f9f9; }
.GamingForm fieldset.is-invalid {
color: #FF4200; }
.is-invalid .GamingForm fieldset {
color: #FF4200; }

.GamingForm .dropdown {
margin-bottom: 16px;
margin-top: 10px; }
.GamingForm .dropdown.is-invalid .Select-control {
border-color: #FF4200 !important; }

.GamingForm .tick {
position: relative;
margin-bottom: 6px; }
.GamingForm .tick.interests {
margin-bottom: 0px; }
.GamingForm .tick .bold {
text-decoration: underline; }
.GamingForm .tick input {
position: absolute;
left: -5000px;
opacity: 0; }
.GamingForm .tick a {
color: #b8b8b8;
position: relative;
top: 1px; }
.GamingForm .tick label {
display: flex;
cursor: pointer;
align-items: baseline;
color: #b8b8b8; }
.GamingForm .tick label > span {
display: block;
width: calc(100% - 40px);
line-height: 1.5em; }
.GamingForm .tick label .icon {
position: relative;
top: 5px;
display: block;
box-sizing: border-box;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
background-color: rgba(255, 255, 255, 0);
content: "";
width: 19px;
height: 19px;
border-radius: 50%;
border: 1px solid #b8b8b8;
margin-right: 12px;
background-position: center center;
background-repeat: no-repeat; }
.GamingForm .tick label .icon svg {
display: block;
width: 19px;
height: 19px;
position: relative;
top: -1px;
left: -1px; }
.GamingForm .tick label .icon .line {
fill: rgba(255, 255, 255, 0); }
.GamingForm .tick label:focus, .GamingForm .tick label:hover {
text-decoration: underline; }
.GamingForm .tick label:focus .icon .line, .GamingForm .tick label:hover .icon .line {
fill: #888; }
.GamingForm .tick label.terms {
display: inline-flex; }
.GamingForm .tick label.privacy {
display: inline-flex; }
.GamingForm .tick input:focus + label {
color: white; }
.GamingForm .tick input:checked + label {
color: white; }
.GamingForm .tick input:checked + label:hover {
text-decoration: none; }
.GamingForm .tick input:checked + label .icon {
background-color: white;
border-color: white; }
.GamingForm .tick input:checked + label .icon .line {
fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
color: #FF4200; }
.is-invalid .tick label,
.tick.is-invalid label {
color: #FF4200; }
.is-invalid .tick .icon,
.tick.is-invalid .icon {
border-color: #FF4200 !important;
background-color: rgba(217, 78, 78, 0.3) !important; }
.is-invalid .tick .icon .line,
.tick.is-invalid .icon .line {
fill: rgba(255, 66, 0, 0) !important; }

.GamingForm .actions {
padding-top: 6.25%; }
@media (min-width: 1024px) {
.GamingForm .actions {
padding-top: 30px; } }
.GamingForm .actions .Btn {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.GamingForm .actions .Btn {
margin-left: auto;
margin-right: auto;
width: auto; } }
.GamingForm .actions .Btn.is-submitting {
background-color: #595959;
color: white;
pointer-events: none; }
.GamingForm .actions .Btn.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }
.GamingForm .actions .Btn-big {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.GamingForm .actions .Btn-big {
margin-left: 0px;
margin-right: auto;
width: auto; } }
.GamingForm .actions .Btn-big.is-submitting {
background-color: #8259ef;
color: white;
pointer-events: none; }
.GamingForm .actions .Btn-big.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }

.GamingForm .error {
width: 100%;
padding-bottom: 60px;
text-align: center; }
.GamingForm .error > span {
background-color: #FF4200;
display: inline-block;
border-radius: 15px;
line-height: 30px;
padding: 0 15px;
color: #222222; }
@media (min-width: 1024px) {
.GamingForm .error > span {
margin-left: auto;
margin-right: auto; } }

.GamingForm .RadioInput {
margin-bottom: 20px; }
.GamingForm .RadioInput .header {
line-height: 1.5;
display: block;
margin-bottom: 10px; }
@media (min-width: 1024px) {
.GamingForm .RadioInput {
margin-bottom: 0; }
.GamingForm .RadioInput.is-1, .GamingForm .RadioInput.is-2 {
width: calc(50% - 20px);
float: left; }
.GamingForm .RadioInput.is-1 {
margin-right: 20px; }
.GamingForm .RadioInput.is-3 {
clear: left;
margin-top: 20px; } }
.GamingForm .RadioInput a {
color: white; }

.GamingForm .fine {
margin-bottom: 6px;
line-height: 1.5;
color: #b8b8b8;
clear: left; }
.GamingForm .fine a {
color: #ebebeb; }
.GamingForm .fine a:hover {
text-decoration: none; }

.Select .Select-placeholder {
color: #b8b8b8; }

.Select .Select-input input {
color: white; }

.Select .Select-menu-outer {
background-color: #595959;
z-index: 5; }

.GamingForm .error-msg {
display: block;
text-align: center;
color: #FF4200; }

.GamingForm .left > .developers {
position: relative; }
.GamingForm .left > .developers .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.GamingForm .left > .developers .recaptcha {
margin-top: 12px;
position: absolute;
top: 12px;
right: 0; } }

.GamingForm .right .verification {
position: relative; }
.GamingForm .right .verification .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.GamingForm .right .verification .recaptcha {
position: absolute;
top: 12px;
right: 0; } }

.HackathonForm {
background-color: #222222;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
padding: 12.5% 6.25%;
font-size: 14px;
line-height: 2;
color: white; }
.HackathonForm > .gradient {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
pointer-events: none; }
.HackathonForm input {
border-radius: 0; }
@media (min-width: 1024px) {
.HackathonForm {
padding: 6.25%; } }
.HackathonForm > .contents-closed {
text-align: center; }
.HackathonForm .header {
display: block;
margin-top: 24px;
margin-bottom: 12px;
font-size: 24px; }
.HackathonForm .body {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 16px; }
.HackathonForm .disclaimer {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 8px; }
.HackathonForm .left {
margin-bottom: 6.25%; }
@media (min-width: 1024px) {
.HackathonForm .left {
margin-bottom: 60px; } }
.HackathonForm .contents a {
text-decoration: underline;
color: white; }
.HackathonForm .contents ul {
margin-left: 0; }
.HackathonForm .contents ul li {
list-style: none; }
@media (min-width: 1024px) {
.HackathonForm .contents {
display: flex; }
.HackathonForm .left {
width: 46.88%;
margin-right: 3.12%;
margin-bottom: 0; }
.HackathonForm .right {
width: 46.88%;
margin-left: 3.12%;
position: relative; } }

.HackathonForm form .contents {
opacity: 1;
-moz-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out; }

.HackathonForm form.is-submitting .contents,
.HackathonForm form.is-sent .contents,
.HackathonForm form.is-error-submitting .contents {
opacity: 0.2;
pointer-events: none; }

.HackathonForm fieldset {
padding: 0;
display: block; }
.HackathonForm fieldset.is-two > * {
float: left;
width: calc(50% - 10px); }
.HackathonForm fieldset.is-two > *:first-child {
margin-right: 10px; }
.HackathonForm fieldset.is-auto > div {
width: 100%; }
.HackathonForm fieldset textarea {
display: block;
width: 100%;
height: 150px;
border: 1px solid #595959;
background-color: transparent;
padding: 10px;
font-size: 14px;
line-height: 20px;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
box-sizing: border-box;
outline: none;
color: #595959;
margin-top: 16px;
margin-bottom: 16px; }
.HackathonForm fieldset textarea:focus {
border-color: #f9f9f9;
color: white; }
.HackathonForm fieldset textarea.is-invalid {
border-color: #FF4200;
color: #FF4200; }
.HackathonForm fieldset textarea.is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.HackathonForm fieldset textarea.is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.HackathonForm fieldset textarea.is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.HackathonForm fieldset textarea.is-invalid:-ms-input-placeholder {
color: #FF4200; }
.HackathonForm fieldset input[type="text"],
.HackathonForm fieldset input[role="combobox"],
.HackathonForm fieldset input[type="email"] {
font-size: 14px;
line-height: 40px;
display: block;
box-sizing: border-box;
background-color: transparent;
height: 40px;
width: 100%;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
color: white;
margin: 0;
margin-bottom: 12px;
border: 0;
border-bottom: 1px solid #595959;
outline: none; }
.HackathonForm fieldset input[type="text"].is-invalid,
.HackathonForm fieldset input[role="combobox"].is-invalid,
.HackathonForm fieldset input[type="email"].is-invalid {
border-bottom-color: #FF4200;
color: #FF4200; }
.HackathonForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
.HackathonForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
.HackathonForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.HackathonForm fieldset input[type="text"].is-invalid:-moz-placeholder,
.HackathonForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
.HackathonForm fieldset input[type="email"].is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.HackathonForm fieldset input[type="text"].is-invalid::-moz-placeholder,
.HackathonForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
.HackathonForm fieldset input[type="email"].is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.HackathonForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
.HackathonForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
.HackathonForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
color: #FF4200; }
.HackathonForm fieldset input[type="text"].is-half,
.HackathonForm fieldset input[role="combobox"].is-half,
.HackathonForm fieldset input[type="email"].is-half {
width: calc(50% - 5px);
flex: 1; }
.HackathonForm fieldset input[type="text"].is-half:first-of-type,
.HackathonForm fieldset input[role="combobox"].is-half:first-of-type,
.HackathonForm fieldset input[type="email"].is-half:first-of-type {
margin-right: 10px; }
.HackathonForm fieldset input[type="text"]:hover,
.HackathonForm fieldset input[role="combobox"]:hover,
.HackathonForm fieldset input[type="email"]:hover {
border-bottom-color: #f9f9f9; }
.HackathonForm fieldset input[type="text"]:focus,
.HackathonForm fieldset input[role="combobox"]:focus,
.HackathonForm fieldset input[type="email"]:focus {
border-bottom-color: white; }
.HackathonForm fieldset input[type="text"]::-webkit-input-placeholder,
.HackathonForm fieldset input[role="combobox"]::-webkit-input-placeholder,
.HackathonForm fieldset input[type="email"]::-webkit-input-placeholder {
color: #f9f9f9; }
.HackathonForm fieldset input[type="text"]:-moz-placeholder,
.HackathonForm fieldset input[role="combobox"]:-moz-placeholder,
.HackathonForm fieldset input[type="email"]:-moz-placeholder {
/* Firefox 18- */
color: #f9f9f9; }
.HackathonForm fieldset input[type="text"]::-moz-placeholder,
.HackathonForm fieldset input[role="combobox"]::-moz-placeholder,
.HackathonForm fieldset input[type="email"]::-moz-placeholder {
/* Firefox 19+ */
color: #f9f9f9; }
.HackathonForm fieldset input[type="text"]:-ms-input-placeholder,
.HackathonForm fieldset input[role="combobox"]:-ms-input-placeholder,
.HackathonForm fieldset input[type="email"]:-ms-input-placeholder {
color: #f9f9f9; }
.HackathonForm fieldset.is-invalid {
color: #FF4200; }
.is-invalid .HackathonForm fieldset {
color: #FF4200; }

.HackathonForm .dropdown {
margin-bottom: 16px;
margin-top: 10px; }
.HackathonForm .dropdown.is-invalid .Select-control {
border-color: #FF4200 !important; }

.HackathonForm .tick {
position: relative;
margin-bottom: 6px; }
.HackathonForm .tick.interests {
margin-bottom: 0px; }
.HackathonForm .tick .bold {
text-decoration: underline; }
.HackathonForm .tick input {
position: absolute;
left: -5000px;
opacity: 0; }
.HackathonForm .tick a {
color: #b8b8b8;
position: relative;
top: 1px; }
.HackathonForm .tick label {
display: flex;
cursor: pointer;
align-items: baseline;
color: #b8b8b8; }
.HackathonForm .tick label > span {
display: block;
width: calc(100% - 40px);
line-height: 1.5em; }
.HackathonForm .tick label .icon {
position: relative;
top: 5px;
display: block;
box-sizing: border-box;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
background-color: rgba(255, 255, 255, 0);
content: "";
width: 19px;
height: 19px;
border-radius: 50%;
border: 1px solid #b8b8b8;
margin-right: 12px;
background-position: center center;
background-repeat: no-repeat; }
.HackathonForm .tick label .icon svg {
display: block;
width: 19px;
height: 19px;
position: relative;
top: -1px;
left: -1px; }
.HackathonForm .tick label .icon .line {
fill: rgba(255, 255, 255, 0); }
.HackathonForm .tick label:focus, .HackathonForm .tick label:hover {
text-decoration: underline; }
.HackathonForm .tick label:focus .icon .line, .HackathonForm .tick label:hover .icon .line {
fill: #888; }
.HackathonForm .tick label.terms {
display: inline-flex; }
.HackathonForm .tick label.privacy {
display: inline-flex; }
.HackathonForm .tick input:focus + label {
color: white; }
.HackathonForm .tick input:checked + label {
color: white; }
.HackathonForm .tick input:checked + label:hover {
text-decoration: none; }
.HackathonForm .tick input:checked + label .icon {
background-color: white;
border-color: white; }
.HackathonForm .tick input:checked + label .icon .line {
fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
color: #FF4200; }
.is-invalid .tick label,
.tick.is-invalid label {
color: #FF4200; }
.is-invalid .tick .icon,
.tick.is-invalid .icon {
border-color: #FF4200 !important;
background-color: rgba(217, 78, 78, 0.3) !important; }
.is-invalid .tick .icon .line,
.tick.is-invalid .icon .line {
fill: rgba(255, 66, 0, 0) !important; }

.HackathonForm .actions {
padding-top: 6.25%; }
@media (min-width: 1024px) {
.HackathonForm .actions {
padding-top: 30px; } }
.HackathonForm .actions .Btn {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.HackathonForm .actions .Btn {
margin-left: auto;
margin-right: auto;
width: auto; } }
.HackathonForm .actions .Btn.is-submitting {
background-color: #595959;
color: white;
pointer-events: none; }
.HackathonForm .actions .Btn.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }
.HackathonForm .actions .Btn-big {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.HackathonForm .actions .Btn-big {
margin-left: 0px;
margin-right: auto;
width: auto; } }
.HackathonForm .actions .Btn-big.is-submitting {
background-color: #8259ef;
color: white;
pointer-events: none; }
.HackathonForm .actions .Btn-big.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }

.HackathonForm .error {
width: 100%;
padding-bottom: 60px;
text-align: center; }
.HackathonForm .error > span {
background-color: #FF4200;
display: inline-block;
border-radius: 15px;
line-height: 30px;
padding: 0 15px;
color: #222222; }
@media (min-width: 1024px) {
.HackathonForm .error > span {
margin-left: auto;
margin-right: auto; } }

.HackathonForm .RadioInput {
margin-bottom: 20px; }
.HackathonForm .RadioInput .header {
line-height: 1.5;
display: block;
margin-bottom: 10px; }
@media (min-width: 1024px) {
.HackathonForm .RadioInput {
margin-bottom: 0; }
.HackathonForm .RadioInput.is-1, .HackathonForm .RadioInput.is-2 {
width: calc(50% - 20px);
float: left; }
.HackathonForm .RadioInput.is-1 {
margin-right: 20px; }
.HackathonForm .RadioInput.is-3 {
clear: left;
margin-top: 20px; } }
.HackathonForm .RadioInput a {
color: white; }

.HackathonForm .fine {
margin-bottom: 6px;
line-height: 1.5;
color: #b8b8b8;
clear: left; }
.HackathonForm .fine a {
color: #ebebeb; }
.HackathonForm .fine a:hover {
text-decoration: none; }

.Select .Select-placeholder {
color: #b8b8b8; }

.Select .Select-input input {
color: white; }

.Select .Select-menu-outer {
background-color: #595959;
z-index: 5; }

.HackathonForm .error-msg {
display: block;
text-align: center;
color: #FF4200; }

.HackathonForm .left > .developers {
position: relative; }
.HackathonForm .left > .developers .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.HackathonForm .left > .developers .recaptcha {
margin-top: 12px;
position: absolute;
top: 12px;
right: 0; } }

.HackathonForm .right .verification {
position: relative; }
.HackathonForm .right .verification .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.HackathonForm .right .verification .recaptcha {
position: absolute;
top: 12px;
right: 0; } }

.CarbonForm {
background-color: #222222;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
padding: 12.5% 6.25%;
font-size: 14px;
line-height: 2;
color: white; }
.CarbonForm > .gradient {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
pointer-events: none; }
.CarbonForm input {
border-radius: 0; }
@media (min-width: 1024px) {
.CarbonForm {
padding: 6.25%; } }
.CarbonForm > .contents-closed {
text-align: center; }
.CarbonForm .header {
display: block;
margin-top: 24px;
margin-bottom: 12px;
font-size: 24px; }
.CarbonForm .body {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 16px; }
.CarbonForm .disclaimer {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 8px; }
.CarbonForm .left {
margin-bottom: 6.25%; }
@media (min-width: 1024px) {
.CarbonForm .left {
margin-bottom: 60px; } }
.CarbonForm .contents a {
text-decoration: underline;
color: white; }
.CarbonForm .contents ul {
margin-left: 0; }
.CarbonForm .contents ul li {
list-style: none; }
@media (min-width: 1024px) {
.CarbonForm .contents {
display: flex; }
.CarbonForm .left {
width: 46.88%;
margin-right: 3.12%;
margin-bottom: 0; }
.CarbonForm .right {
width: 46.88%;
margin-left: 3.12%;
position: relative; } }

.CarbonForm form .contents {
opacity: 1;
-moz-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out; }

.CarbonForm form.is-submitting .contents,
.CarbonForm form.is-sent .contents,
.CarbonForm form.is-error-submitting .contents {
opacity: 0.2;
pointer-events: none; }

.CarbonForm fieldset {
padding: 0;
display: block; }
.CarbonForm fieldset.is-two > * {
float: left;
width: calc(50% - 10px); }
.CarbonForm fieldset.is-two > *:first-child {
margin-right: 10px; }
.CarbonForm fieldset.is-auto > div {
width: 100%; }
.CarbonForm fieldset textarea {
display: block;
width: 100%;
height: 150px;
border: 1px solid #595959;
background-color: transparent;
padding: 10px;
font-size: 14px;
line-height: 20px;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
box-sizing: border-box;
outline: none;
color: #595959;
margin-top: 16px;
margin-bottom: 16px; }
.CarbonForm fieldset textarea:focus {
border-color: #f9f9f9;
color: white; }
.CarbonForm fieldset textarea.is-invalid {
border-color: #FF4200;
color: #FF4200; }
.CarbonForm fieldset textarea.is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.CarbonForm fieldset textarea.is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.CarbonForm fieldset textarea.is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.CarbonForm fieldset textarea.is-invalid:-ms-input-placeholder {
color: #FF4200; }
.CarbonForm fieldset input[type="text"],
.CarbonForm fieldset input[role="combobox"],
.CarbonForm fieldset input[type="email"] {
font-size: 14px;
line-height: 40px;
display: block;
box-sizing: border-box;
background-color: transparent;
height: 40px;
width: 100%;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
color: white;
margin: 0;
margin-bottom: 12px;
border: 0;
border-bottom: 1px solid #595959;
outline: none; }
.CarbonForm fieldset input[type="text"].is-invalid,
.CarbonForm fieldset input[role="combobox"].is-invalid,
.CarbonForm fieldset input[type="email"].is-invalid {
border-bottom-color: #FF4200;
color: #FF4200; }
.CarbonForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
.CarbonForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
.CarbonForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.CarbonForm fieldset input[type="text"].is-invalid:-moz-placeholder,
.CarbonForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
.CarbonForm fieldset input[type="email"].is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.CarbonForm fieldset input[type="text"].is-invalid::-moz-placeholder,
.CarbonForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
.CarbonForm fieldset input[type="email"].is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.CarbonForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
.CarbonForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
.CarbonForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
color: #FF4200; }
.CarbonForm fieldset input[type="text"].is-half,
.CarbonForm fieldset input[role="combobox"].is-half,
.CarbonForm fieldset input[type="email"].is-half {
width: calc(50% - 5px);
flex: 1; }
.CarbonForm fieldset input[type="text"].is-half:first-of-type,
.CarbonForm fieldset input[role="combobox"].is-half:first-of-type,
.CarbonForm fieldset input[type="email"].is-half:first-of-type {
margin-right: 10px; }
.CarbonForm fieldset input[type="text"]:hover,
.CarbonForm fieldset input[role="combobox"]:hover,
.CarbonForm fieldset input[type="email"]:hover {
border-bottom-color: #f9f9f9; }
.CarbonForm fieldset input[type="text"]:focus,
.CarbonForm fieldset input[role="combobox"]:focus,
.CarbonForm fieldset input[type="email"]:focus {
border-bottom-color: white; }
.CarbonForm fieldset input[type="text"]::-webkit-input-placeholder,
.CarbonForm fieldset input[role="combobox"]::-webkit-input-placeholder,
.CarbonForm fieldset input[type="email"]::-webkit-input-placeholder {
color: #f9f9f9; }
.CarbonForm fieldset input[type="text"]:-moz-placeholder,
.CarbonForm fieldset input[role="combobox"]:-moz-placeholder,
.CarbonForm fieldset input[type="email"]:-moz-placeholder {
/* Firefox 18- */
color: #f9f9f9; }
.CarbonForm fieldset input[type="text"]::-moz-placeholder,
.CarbonForm fieldset input[role="combobox"]::-moz-placeholder,
.CarbonForm fieldset input[type="email"]::-moz-placeholder {
/* Firefox 19+ */
color: #f9f9f9; }
.CarbonForm fieldset input[type="text"]:-ms-input-placeholder,
.CarbonForm fieldset input[role="combobox"]:-ms-input-placeholder,
.CarbonForm fieldset input[type="email"]:-ms-input-placeholder {
color: #f9f9f9; }
.CarbonForm fieldset.is-invalid {
color: #FF4200; }
.is-invalid .CarbonForm fieldset {
color: #FF4200; }

.CarbonForm .dropdown {
margin-bottom: 16px;
margin-top: 10px; }
.CarbonForm .dropdown.is-invalid .Select-control {
border-color: #FF4200 !important; }

.CarbonForm .tick {
position: relative;
margin-bottom: 6px; }
.CarbonForm .tick.interests {
margin-bottom: 0px; }
.CarbonForm .tick .bold {
text-decoration: underline; }
.CarbonForm .tick input {
position: absolute;
left: -5000px;
opacity: 0; }
.CarbonForm .tick a {
color: #b8b8b8;
position: relative;
top: 1px; }
.CarbonForm .tick label {
display: flex;
cursor: pointer;
align-items: baseline;
color: #b8b8b8; }
.CarbonForm .tick label > span {
display: block;
width: calc(100% - 40px);
line-height: 1.5em; }
.CarbonForm .tick label .icon {
position: relative;
top: 5px;
display: block;
box-sizing: border-box;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
background-color: rgba(255, 255, 255, 0);
content: "";
width: 19px;
height: 19px;
border-radius: 50%;
border: 1px solid #b8b8b8;
margin-right: 12px;
background-position: center center;
background-repeat: no-repeat; }
.CarbonForm .tick label .icon svg {
display: block;
width: 19px;
height: 19px;
position: relative;
top: -1px;
left: -1px; }
.CarbonForm .tick label .icon .line {
fill: rgba(255, 255, 255, 0); }
.CarbonForm .tick label:focus, .CarbonForm .tick label:hover {
text-decoration: underline; }
.CarbonForm .tick label:focus .icon .line, .CarbonForm .tick label:hover .icon .line {
fill: #888; }
.CarbonForm .tick label.terms {
display: inline-flex; }
.CarbonForm .tick label.privacy {
display: inline-flex; }
.CarbonForm .tick input:focus + label {
color: white; }
.CarbonForm .tick input:checked + label {
color: white; }
.CarbonForm .tick input:checked + label:hover {
text-decoration: none; }
.CarbonForm .tick input:checked + label .icon {
background-color: white;
border-color: white; }
.CarbonForm .tick input:checked + label .icon .line {
fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
color: #FF4200; }
.is-invalid .tick label,
.tick.is-invalid label {
color: #FF4200; }
.is-invalid .tick .icon,
.tick.is-invalid .icon {
border-color: #FF4200 !important;
background-color: rgba(217, 78, 78, 0.3) !important; }
.is-invalid .tick .icon .line,
.tick.is-invalid .icon .line {
fill: rgba(255, 66, 0, 0) !important; }

.CarbonForm .actions {
padding-top: 6.25%; }
@media (min-width: 1024px) {
.CarbonForm .actions {
padding-top: 30px; } }
.CarbonForm .actions .Btn {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.CarbonForm .actions .Btn {
margin-left: auto;
margin-right: auto;
width: auto; } }
.CarbonForm .actions .Btn.is-submitting {
background-color: #595959;
color: white;
pointer-events: none; }
.CarbonForm .actions .Btn.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }
.CarbonForm .actions .Btn-big {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.CarbonForm .actions .Btn-big {
margin-left: 0px;
margin-right: auto;
width: auto; } }
.CarbonForm .actions .Btn-big.is-submitting {
background-color: #8259ef;
color: white;
pointer-events: none; }
.CarbonForm .actions .Btn-big.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }

.CarbonForm .error {
width: 100%;
padding-bottom: 60px;
text-align: center; }
.CarbonForm .error > span {
background-color: #FF4200;
display: inline-block;
border-radius: 15px;
line-height: 30px;
padding: 0 15px;
color: #222222; }
@media (min-width: 1024px) {
.CarbonForm .error > span {
margin-left: auto;
margin-right: auto; } }

.CarbonForm .RadioInput {
margin-bottom: 20px; }
.CarbonForm .RadioInput .header {
line-height: 1.5;
display: block;
margin-bottom: 10px; }
@media (min-width: 1024px) {
.CarbonForm .RadioInput {
margin-bottom: 0; }
.CarbonForm .RadioInput.is-1, .CarbonForm .RadioInput.is-2 {
width: calc(50% - 20px);
float: left; }
.CarbonForm .RadioInput.is-1 {
margin-right: 20px; }
.CarbonForm .RadioInput.is-3 {
clear: left;
margin-top: 20px; } }
.CarbonForm .RadioInput a {
color: white; }

.CarbonForm .fine {
margin-bottom: 6px;
line-height: 1.5;
color: #b8b8b8;
clear: left; }
.CarbonForm .fine a {
color: #ebebeb; }
.CarbonForm .fine a:hover {
text-decoration: none; }

.Select .Select-placeholder {
color: #b8b8b8; }

.Select .Select-input input {
color: white; }

.Select .Select-menu-outer {
background-color: #595959;
z-index: 5; }

.CarbonForm .error-msg {
display: block;
text-align: center;
color: #FF4200; }

.CarbonForm .left > .developers {
position: relative; }
.CarbonForm .left > .developers .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.CarbonForm .left > .developers .recaptcha {
margin-top: 12px;
position: absolute;
top: 12px;
right: 0; } }

.CarbonForm .right .verification {
position: relative; }
.CarbonForm .right .verification .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.CarbonForm .right .verification .recaptcha {
position: absolute;
top: 12px;
right: 0; } }

.HugForm {
background-color: #222222;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
padding: 12.5% 6.25%;
font-size: 14px;
line-height: 2;
color: white; }
.HugForm > .gradient {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
pointer-events: none; }
.HugForm input {
border-radius: 0; }
@media (min-width: 1024px) {
.HugForm {
padding: 6.25%; } }
.HugForm > .contents-closed {
text-align: center; }
.HugForm .header {
display: block;
margin-top: 24px;
margin-bottom: 12px;
font-size: 24px; }
.HugForm .body {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 16px; }
.HugForm .disclaimer {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 10px; }
.HugForm .left {
margin-bottom: 6.25%; }
@media (min-width: 1024px) {
.HugForm .left {
margin-bottom: 60px; } }
.HugForm .contents a {
text-decoration: underline;
color: white; }
.HugForm .contents ul {
margin-left: 0; }
.HugForm .contents ul li {
list-style: none; }
@media (min-width: 1024px) {
.HugForm .contents {
display: flex; }
.HugForm .left {
width: 46.88%;
margin-right: 3.12%;
margin-bottom: 0; }
.HugForm .right {
width: 46.88%;
margin-left: 3.12%;
position: relative; } }

.HugForm form .contents {
opacity: 1;
-moz-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out; }

.HugForm form.is-submitting .contents,
.HugForm form.is-sent .contents,
.HugForm form.is-error-submitting .contents {
opacity: 0.2;
pointer-events: none; }

.HugForm fieldset {
padding: 0;
display: block; }
.HugForm fieldset.is-two > * {
float: left;
width: calc(50% - 10px); }
.HugForm fieldset.is-two > *:first-child {
margin-right: 10px; }
.HugForm fieldset.is-auto > div {
width: 100%; }
.HugForm fieldset textarea {
display: block;
width: 100%;
height: 150px;
border: 1px solid #595959;
background-color: transparent;
padding: 10px;
font-size: 14px;
line-height: 20px;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
box-sizing: border-box;
outline: none;
color: #595959;
margin-top: 16px;
margin-bottom: 16px; }
.HugForm fieldset textarea:focus {
border-color: #f9f9f9;
color: white; }
.HugForm fieldset textarea.is-invalid {
border-color: #FF4200;
color: #FF4200; }
.HugForm fieldset textarea.is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.HugForm fieldset textarea.is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.HugForm fieldset textarea.is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.HugForm fieldset textarea.is-invalid:-ms-input-placeholder {
color: #FF4200; }
.HugForm fieldset input[type="text"],
.HugForm fieldset input[role="combobox"],
.HugForm fieldset input[type="email"] {
font-size: 14px;
line-height: 40px;
display: block;
box-sizing: border-box;
background-color: transparent;
height: 40px;
width: 100%;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
color: white;
margin: 0;
margin-bottom: 12px;
border: 0;
border-bottom: 1px solid #595959;
outline: none; }
.HugForm fieldset input[type="text"].is-invalid,
.HugForm fieldset input[role="combobox"].is-invalid,
.HugForm fieldset input[type="email"].is-invalid {
border-bottom-color: #FF4200;
color: #FF4200; }
.HugForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
.HugForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
.HugForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.HugForm fieldset input[type="text"].is-invalid:-moz-placeholder,
.HugForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
.HugForm fieldset input[type="email"].is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.HugForm fieldset input[type="text"].is-invalid::-moz-placeholder,
.HugForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
.HugForm fieldset input[type="email"].is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.HugForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
.HugForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
.HugForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
color: #FF4200; }
.HugForm fieldset input[type="text"].is-half,
.HugForm fieldset input[role="combobox"].is-half,
.HugForm fieldset input[type="email"].is-half {
width: calc(50% - 5px);
flex: 1; }
.HugForm fieldset input[type="text"].is-half:first-of-type,
.HugForm fieldset input[role="combobox"].is-half:first-of-type,
.HugForm fieldset input[type="email"].is-half:first-of-type {
margin-right: 10px; }
.HugForm fieldset input[type="text"]:hover,
.HugForm fieldset input[role="combobox"]:hover,
.HugForm fieldset input[type="email"]:hover {
border-bottom-color: #f9f9f9; }
.HugForm fieldset input[type="text"]:focus,
.HugForm fieldset input[role="combobox"]:focus,
.HugForm fieldset input[type="email"]:focus {
border-bottom-color: white; }
.HugForm fieldset input[type="text"]::-webkit-input-placeholder,
.HugForm fieldset input[role="combobox"]::-webkit-input-placeholder,
.HugForm fieldset input[type="email"]::-webkit-input-placeholder {
color: #f9f9f9; }
.HugForm fieldset input[type="text"]:-moz-placeholder,
.HugForm fieldset input[role="combobox"]:-moz-placeholder,
.HugForm fieldset input[type="email"]:-moz-placeholder {
/* Firefox 18- */
color: #f9f9f9; }
.HugForm fieldset input[type="text"]::-moz-placeholder,
.HugForm fieldset input[role="combobox"]::-moz-placeholder,
.HugForm fieldset input[type="email"]::-moz-placeholder {
/* Firefox 19+ */
color: #f9f9f9; }
.HugForm fieldset input[type="text"]:-ms-input-placeholder,
.HugForm fieldset input[role="combobox"]:-ms-input-placeholder,
.HugForm fieldset input[type="email"]:-ms-input-placeholder {
color: #f9f9f9; }
.HugForm fieldset.is-invalid {
color: #FF4200; }
.is-invalid .HugForm fieldset {
color: #FF4200; }

.HugForm .dropdown {
margin-bottom: 16px;
margin-top: 10px; }
.HugForm .dropdown.is-invalid .Select-control {
border-color: #FF4200 !important; }

.HugForm .tick {
position: relative;
margin-bottom: 6px; }
.HugForm .tick.interests {
margin-bottom: 0px; }
.HugForm .tick .bold {
text-decoration: underline; }
.HugForm .tick input {
position: absolute;
left: -5000px;
opacity: 0; }
.HugForm .tick a {
color: #b8b8b8;
position: relative;
top: 1px; }
.HugForm .tick label {
display: flex;
cursor: pointer;
align-items: baseline;
color: #b8b8b8; }
.HugForm .tick label > span {
display: block;
width: calc(100% - 40px);
line-height: 1.5em; }
.HugForm .tick label .icon {
position: relative;
top: 5px;
display: block;
box-sizing: border-box;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
background-color: rgba(255, 255, 255, 0);
content: "";
width: 19px;
height: 19px;
border-radius: 50%;
border: 1px solid #b8b8b8;
margin-right: 12px;
background-position: center center;
background-repeat: no-repeat; }
.HugForm .tick label .icon svg {
display: block;
width: 19px;
height: 19px;
position: relative;
top: -1px;
left: -1px; }
.HugForm .tick label .icon .line {
fill: rgba(255, 255, 255, 0); }
.HugForm .tick label:focus, .HugForm .tick label:hover {
text-decoration: underline; }
.HugForm .tick label:focus .icon .line, .HugForm .tick label:hover .icon .line {
fill: #888; }
.HugForm .tick label.terms {
display: inline-flex; }
.HugForm .tick label.privacy {
display: inline-flex; }
.HugForm .tick input:focus + label {
color: white; }
.HugForm .tick input:checked + label {
color: white; }
.HugForm .tick input:checked + label:hover {
text-decoration: none; }
.HugForm .tick input:checked + label .icon {
background-color: white;
border-color: white; }
.HugForm .tick input:checked + label .icon .line {
fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
color: #FF4200; }
.is-invalid .tick label,
.tick.is-invalid label {
color: #FF4200; }
.is-invalid .tick .icon,
.tick.is-invalid .icon {
border-color: #FF4200 !important;
background-color: rgba(217, 78, 78, 0.3) !important; }
.is-invalid .tick .icon .line,
.tick.is-invalid .icon .line {
fill: rgba(255, 66, 0, 0) !important; }

.HugForm .actions {
padding-top: 6.25%; }
@media (min-width: 1024px) {
.HugForm .actions {
padding-top: 30px; } }
.HugForm .actions .Btn {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.HugForm .actions .Btn {
margin-left: auto;
margin-right: auto;
width: auto; } }
.HugForm .actions .Btn.is-submitting {
background-color: #595959;
color: white;
pointer-events: none; }
.HugForm .actions .Btn.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }
.HugForm .actions .Btn-big {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.HugForm .actions .Btn-big {
margin-left: 0px;
margin-right: auto;
width: auto; } }
.HugForm .actions .Btn-big.is-submitting {
background-color: #8259ef;
color: white;
pointer-events: none; }
.HugForm .actions .Btn-big.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }

.HugForm .error {
width: 100%;
padding-bottom: 60px;
text-align: center; }
.HugForm .error > span {
background-color: #FF4200;
display: inline-block;
border-radius: 15px;
line-height: 30px;
padding: 0 15px;
color: #222222; }
@media (min-width: 1024px) {
.HugForm .error > span {
margin-left: auto;
margin-right: auto; } }

.HugForm .RadioInput {
margin-bottom: 20px; }
.HugForm .RadioInput .header {
line-height: 1.5;
display: block;
margin-bottom: 10px; }
@media (min-width: 1024px) {
.HugForm .RadioInput {
margin-bottom: 0; }
.HugForm .RadioInput.is-1, .HugForm .RadioInput.is-2 {
width: calc(50% - 20px);
float: left; }
.HugForm .RadioInput.is-1 {
margin-right: 20px; }
.HugForm .RadioInput.is-3 {
clear: left;
margin-top: 20px; } }
.HugForm .RadioInput a {
color: white; }

.HugForm .fine {
margin-bottom: 6px;
line-height: 1.5;
color: #b8b8b8;
clear: left; }
.HugForm .fine a {
color: #ebebeb; }
.HugForm .fine a:hover {
text-decoration: none; }

.Select .Select-placeholder {
color: #b8b8b8; }

.Select .Select-input input {
color: white; }

.Select .Select-menu-outer {
background-color: #595959;
z-index: 5; }

.HugForm .error-msg {
display: block;
text-align: center;
color: #FF4200; }

.HugForm .left > .developers {
position: relative; }
.HugForm .left > .developers .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.HugForm .left > .developers .recaptcha {
margin-top: 12px;
position: absolute;
top: 12px;
right: 0; } }

.HugForm .right .verification {
position: relative; }
.HugForm .right .verification .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.HugForm .right .verification .recaptcha {
position: absolute;
top: 12px;
right: 0; } }

.StateOfDecentralizationForm {
background-color: #222222;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
padding: 12.5% 6.25%;
font-size: 14px;
line-height: 2;
color: white; }
.StateOfDecentralizationForm > .gradient {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
pointer-events: none; }
.StateOfDecentralizationForm input {
border-radius: 0; }
@media (min-width: 1024px) {
.StateOfDecentralizationForm {
padding: 6.25%; } }
.StateOfDecentralizationForm > .contents-closed {
text-align: center; }
.StateOfDecentralizationForm .header {
display: block;
margin-top: 24px;
margin-bottom: 12px;
font-size: 24px; }
.StateOfDecentralizationForm .body {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 16px; }
.StateOfDecentralizationForm .disclaimer {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 8px; }
.StateOfDecentralizationForm .left {
margin-bottom: 6.25%; }
@media (min-width: 1024px) {
.StateOfDecentralizationForm .left {
margin-bottom: 60px; } }
.StateOfDecentralizationForm .contents a {
text-decoration: underline;
color: white; }
.StateOfDecentralizationForm .contents ul {
margin-left: 0; }
.StateOfDecentralizationForm .contents ul li {
list-style: none; }
@media (min-width: 1024px) {
.StateOfDecentralizationForm .contents {
display: flex; }
.StateOfDecentralizationForm .left {
width: 46.88%;
margin-right: 3.12%;
margin-bottom: 0; }
.StateOfDecentralizationForm .right {
width: 46.88%;
margin-left: 3.12%;
position: relative; } }

.StateOfDecentralizationForm form .contents {
opacity: 1;
-moz-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out; }

.StateOfDecentralizationForm form.is-submitting .contents,
.StateOfDecentralizationForm form.is-sent .contents,
.StateOfDecentralizationForm form.is-error-submitting .contents {
opacity: 0.2;
pointer-events: none; }

.StateOfDecentralizationForm fieldset {
padding: 0;
display: block; }
.StateOfDecentralizationForm fieldset.is-two > * {
float: left;
width: calc(50% - 10px); }
.StateOfDecentralizationForm fieldset.is-two > *:first-child {
margin-right: 10px; }
.StateOfDecentralizationForm fieldset.is-auto > div {
width: 100%; }
.StateOfDecentralizationForm fieldset textarea {
display: block;
width: 100%;
height: 150px;
border: 1px solid #595959;
background-color: transparent;
padding: 10px;
font-size: 14px;
line-height: 20px;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
box-sizing: border-box;
outline: none;
color: #595959;
margin-top: 16px;
margin-bottom: 16px; }
.StateOfDecentralizationForm fieldset textarea:focus {
border-color: #f9f9f9;
color: white; }
.StateOfDecentralizationForm fieldset textarea.is-invalid {
border-color: #FF4200;
color: #FF4200; }
.StateOfDecentralizationForm fieldset textarea.is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.StateOfDecentralizationForm fieldset textarea.is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.StateOfDecentralizationForm fieldset textarea.is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.StateOfDecentralizationForm fieldset textarea.is-invalid:-ms-input-placeholder {
color: #FF4200; }
.StateOfDecentralizationForm fieldset input[type="text"],
.StateOfDecentralizationForm fieldset input[role="combobox"],
.StateOfDecentralizationForm fieldset input[type="email"] {
font-size: 14px;
line-height: 40px;
display: block;
box-sizing: border-box;
background-color: transparent;
height: 40px;
width: 100%;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
color: white;
margin: 0;
margin-bottom: 12px;
border: 0;
border-bottom: 1px solid #595959;
outline: none; }
.StateOfDecentralizationForm fieldset input[type="text"].is-invalid,
.StateOfDecentralizationForm fieldset input[role="combobox"].is-invalid,
.StateOfDecentralizationForm fieldset input[type="email"].is-invalid {
border-bottom-color: #FF4200;
color: #FF4200; }
.StateOfDecentralizationForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
.StateOfDecentralizationForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
.StateOfDecentralizationForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.StateOfDecentralizationForm fieldset input[type="text"].is-invalid:-moz-placeholder,
.StateOfDecentralizationForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
.StateOfDecentralizationForm fieldset input[type="email"].is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.StateOfDecentralizationForm fieldset input[type="text"].is-invalid::-moz-placeholder,
.StateOfDecentralizationForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
.StateOfDecentralizationForm fieldset input[type="email"].is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.StateOfDecentralizationForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
.StateOfDecentralizationForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
.StateOfDecentralizationForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
color: #FF4200; }
.StateOfDecentralizationForm fieldset input[type="text"].is-half,
.StateOfDecentralizationForm fieldset input[role="combobox"].is-half,
.StateOfDecentralizationForm fieldset input[type="email"].is-half {
width: calc(50% - 5px);
flex: 1; }
.StateOfDecentralizationForm fieldset input[type="text"].is-half:first-of-type,
.StateOfDecentralizationForm fieldset input[role="combobox"].is-half:first-of-type,
.StateOfDecentralizationForm fieldset input[type="email"].is-half:first-of-type {
margin-right: 10px; }
.StateOfDecentralizationForm fieldset input[type="text"]:hover,
.StateOfDecentralizationForm fieldset input[role="combobox"]:hover,
.StateOfDecentralizationForm fieldset input[type="email"]:hover {
border-bottom-color: #f9f9f9; }
.StateOfDecentralizationForm fieldset input[type="text"]:focus,
.StateOfDecentralizationForm fieldset input[role="combobox"]:focus,
.StateOfDecentralizationForm fieldset input[type="email"]:focus {
border-bottom-color: white; }
.StateOfDecentralizationForm fieldset input[type="text"]::-webkit-input-placeholder,
.StateOfDecentralizationForm fieldset input[role="combobox"]::-webkit-input-placeholder,
.StateOfDecentralizationForm fieldset input[type="email"]::-webkit-input-placeholder {
color: #f9f9f9; }
.StateOfDecentralizationForm fieldset input[type="text"]:-moz-placeholder,
.StateOfDecentralizationForm fieldset input[role="combobox"]:-moz-placeholder,
.StateOfDecentralizationForm fieldset input[type="email"]:-moz-placeholder {
/* Firefox 18- */
color: #f9f9f9; }
.StateOfDecentralizationForm fieldset input[type="text"]::-moz-placeholder,
.StateOfDecentralizationForm fieldset input[role="combobox"]::-moz-placeholder,
.StateOfDecentralizationForm fieldset input[type="email"]::-moz-placeholder {
/* Firefox 19+ */
color: #f9f9f9; }
.StateOfDecentralizationForm fieldset input[type="text"]:-ms-input-placeholder,
.StateOfDecentralizationForm fieldset input[role="combobox"]:-ms-input-placeholder,
.StateOfDecentralizationForm fieldset input[type="email"]:-ms-input-placeholder {
color: #f9f9f9; }
.StateOfDecentralizationForm fieldset.is-invalid {
color: #FF4200; }
.is-invalid .StateOfDecentralizationForm fieldset {
color: #FF4200; }

.StateOfDecentralizationForm .dropdown {
margin-bottom: 16px;
margin-top: 10px; }
.StateOfDecentralizationForm .dropdown.is-invalid .Select-control {
border-color: #FF4200 !important; }

.StateOfDecentralizationForm .tick {
position: relative;
margin-bottom: 6px; }
.StateOfDecentralizationForm .tick.interests {
margin-bottom: 0px; }
.StateOfDecentralizationForm .tick .bold {
text-decoration: underline; }
.StateOfDecentralizationForm .tick input {
position: absolute;
left: -5000px;
opacity: 0; }
.StateOfDecentralizationForm .tick a {
color: #b8b8b8;
position: relative;
top: 1px; }
.StateOfDecentralizationForm .tick label {
display: flex;
cursor: pointer;
align-items: baseline;
color: #b8b8b8; }
.StateOfDecentralizationForm .tick label > span {
display: block;
width: calc(100% - 40px);
line-height: 1.5em; }
.StateOfDecentralizationForm .tick label .icon {
position: relative;
top: 5px;
display: block;
box-sizing: border-box;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
background-color: rgba(255, 255, 255, 0);
content: "";
width: 19px;
height: 19px;
border-radius: 50%;
border: 1px solid #b8b8b8;
margin-right: 12px;
background-position: center center;
background-repeat: no-repeat; }
.StateOfDecentralizationForm .tick label .icon svg {
display: block;
width: 19px;
height: 19px;
position: relative;
top: -1px;
left: -1px; }
.StateOfDecentralizationForm .tick label .icon .line {
fill: rgba(255, 255, 255, 0); }
.StateOfDecentralizationForm .tick label:focus, .StateOfDecentralizationForm .tick label:hover {
text-decoration: underline; }
.StateOfDecentralizationForm .tick label:focus .icon .line, .StateOfDecentralizationForm .tick label:hover .icon .line {
fill: #888; }
.StateOfDecentralizationForm .tick label.terms {
display: inline-flex; }
.StateOfDecentralizationForm .tick label.privacy {
display: inline-flex; }
.StateOfDecentralizationForm .tick input:focus + label {
color: white; }
.StateOfDecentralizationForm .tick input:checked + label {
color: white; }
.StateOfDecentralizationForm .tick input:checked + label:hover {
text-decoration: none; }
.StateOfDecentralizationForm .tick input:checked + label .icon {
background-color: white;
border-color: white; }
.StateOfDecentralizationForm .tick input:checked + label .icon .line {
fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
color: #FF4200; }
.is-invalid .tick label,
.tick.is-invalid label {
color: #FF4200; }
.is-invalid .tick .icon,
.tick.is-invalid .icon {
border-color: #FF4200 !important;
background-color: rgba(217, 78, 78, 0.3) !important; }
.is-invalid .tick .icon .line,
.tick.is-invalid .icon .line {
fill: rgba(255, 66, 0, 0) !important; }

.StateOfDecentralizationForm .actions {
padding-top: 6.25%; }
@media (min-width: 1024px) {
.StateOfDecentralizationForm .actions {
padding-top: 30px; } }
.StateOfDecentralizationForm .actions .Btn {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.StateOfDecentralizationForm .actions .Btn {
margin-left: auto;
margin-right: auto;
width: auto; } }
.StateOfDecentralizationForm .actions .Btn.is-submitting {
background-color: #595959;
color: white;
pointer-events: none; }
.StateOfDecentralizationForm .actions .Btn.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }
.StateOfDecentralizationForm .actions .Btn-big {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.StateOfDecentralizationForm .actions .Btn-big {
margin-left: 0px;
margin-right: auto;
width: auto; } }
.StateOfDecentralizationForm .actions .Btn-big.is-submitting {
background-color: #8259ef;
color: white;
pointer-events: none; }
.StateOfDecentralizationForm .actions .Btn-big.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }

.StateOfDecentralizationForm .error {
width: 100%;
padding-bottom: 60px;
text-align: center; }
.StateOfDecentralizationForm .error > span {
background-color: #FF4200;
display: inline-block;
border-radius: 15px;
line-height: 30px;
padding: 0 15px;
color: #222222; }
@media (min-width: 1024px) {
.StateOfDecentralizationForm .error > span {
margin-left: auto;
margin-right: auto; } }

.StateOfDecentralizationForm .RadioInput {
margin-bottom: 20px; }
.StateOfDecentralizationForm .RadioInput .header {
line-height: 1.5;
display: block;
margin-bottom: 10px; }
@media (min-width: 1024px) {
.StateOfDecentralizationForm .RadioInput {
margin-bottom: 0; }
.StateOfDecentralizationForm .RadioInput.is-1, .StateOfDecentralizationForm .RadioInput.is-2 {
width: calc(50% - 20px);
float: left; }
.StateOfDecentralizationForm .RadioInput.is-1 {
margin-right: 20px; }
.StateOfDecentralizationForm .RadioInput.is-3 {
clear: left;
margin-top: 20px; } }
.StateOfDecentralizationForm .RadioInput a {
color: white; }

.StateOfDecentralizationForm .fine {
margin-bottom: 6px;
line-height: 1.5;
color: #b8b8b8;
clear: left; }
.StateOfDecentralizationForm .fine a {
color: #ebebeb; }
.StateOfDecentralizationForm .fine a:hover {
text-decoration: none; }

.Select .Select-placeholder {
color: #b8b8b8; }

.Select .Select-input input {
color: white; }

.Select .Select-menu-outer {
background-color: #595959;
z-index: 5; }

.StateOfDecentralizationForm .error-msg {
display: block;
text-align: center;
color: #FF4200; }

.StateOfDecentralizationForm .left > .developers {
position: relative; }
.StateOfDecentralizationForm .left > .developers .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.StateOfDecentralizationForm .left > .developers .recaptcha {
margin-top: 12px;
position: absolute;
top: 12px;
right: 0; } }

.StateOfDecentralizationForm .right .verification {
position: relative; }
.StateOfDecentralizationForm .right .verification .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.StateOfDecentralizationForm .right .verification .recaptcha {
position: absolute;
top: 12px;
right: 0; } }

.GuardianForm {
background-color: #222222;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
padding: 12.5% 6.25%;
font-size: 14px;
line-height: 2;
color: white; }
.GuardianForm > .gradient {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
pointer-events: none; }
.GuardianForm input {
border-radius: 0; }
@media (min-width: 1024px) {
.GuardianForm {
padding: 6.25%; } }
.GuardianForm > .contents-closed {
text-align: center; }
.GuardianForm .header {
display: block;
margin-top: 24px;
margin-bottom: 12px;
font-size: 24px; }
.GuardianForm .body {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 16px; }
.GuardianForm .disclaimer {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 8px; }
.GuardianForm .left {
margin-bottom: 6.25%; }
@media (min-width: 1024px) {
.GuardianForm .left {
margin-bottom: 60px; } }
.GuardianForm .contents a {
text-decoration: underline;
color: white; }
.GuardianForm .contents ul {
margin-left: 0; }
.GuardianForm .contents ul li {
list-style: none; }
@media (min-width: 1024px) {
.GuardianForm .contents {
display: flex; }
.GuardianForm .left {
width: 46.88%;
margin-right: 3.12%;
margin-bottom: 0; }
.GuardianForm .right {
width: 46.88%;
margin-left: 3.12%;
position: relative; } }

.GuardianForm form .contents {
opacity: 1;
-moz-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out; }

.GuardianForm form.is-submitting .contents,
.GuardianForm form.is-sent .contents,
.GuardianForm form.is-error-submitting .contents {
opacity: 0.2;
pointer-events: none; }

.GuardianForm fieldset {
padding: 0;
display: block; }
.GuardianForm fieldset.is-two > * {
float: left;
width: calc(50% - 10px); }
.GuardianForm fieldset.is-two > *:first-child {
margin-right: 10px; }
.GuardianForm fieldset.is-auto > div {
width: 100%; }
.GuardianForm fieldset textarea {
display: block;
width: 100%;
height: 150px;
border: 1px solid #595959;
background-color: transparent;
padding: 10px;
font-size: 14px;
line-height: 20px;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
box-sizing: border-box;
outline: none;
color: #595959;
margin-top: 16px;
margin-bottom: 16px; }
.GuardianForm fieldset textarea:focus {
border-color: #f9f9f9;
color: white; }
.GuardianForm fieldset textarea.is-invalid {
border-color: #FF4200;
color: #FF4200; }
.GuardianForm fieldset textarea.is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.GuardianForm fieldset textarea.is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.GuardianForm fieldset textarea.is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.GuardianForm fieldset textarea.is-invalid:-ms-input-placeholder {
color: #FF4200; }
.GuardianForm fieldset input[type="text"],
.GuardianForm fieldset input[role="combobox"],
.GuardianForm fieldset input[type="email"] {
font-size: 14px;
line-height: 40px;
display: block;
box-sizing: border-box;
background-color: transparent;
height: 40px;
width: 100%;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
color: white;
margin: 0;
margin-bottom: 12px;
border: 0;
border-bottom: 1px solid #595959;
outline: none; }
.GuardianForm fieldset input[type="text"].is-invalid,
.GuardianForm fieldset input[role="combobox"].is-invalid,
.GuardianForm fieldset input[type="email"].is-invalid {
border-bottom-color: #FF4200;
color: #FF4200; }
.GuardianForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
.GuardianForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
.GuardianForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.GuardianForm fieldset input[type="text"].is-invalid:-moz-placeholder,
.GuardianForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
.GuardianForm fieldset input[type="email"].is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.GuardianForm fieldset input[type="text"].is-invalid::-moz-placeholder,
.GuardianForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
.GuardianForm fieldset input[type="email"].is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.GuardianForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
.GuardianForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
.GuardianForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
color: #FF4200; }
.GuardianForm fieldset input[type="text"].is-half,
.GuardianForm fieldset input[role="combobox"].is-half,
.GuardianForm fieldset input[type="email"].is-half {
width: calc(50% - 5px);
flex: 1; }
.GuardianForm fieldset input[type="text"].is-half:first-of-type,
.GuardianForm fieldset input[role="combobox"].is-half:first-of-type,
.GuardianForm fieldset input[type="email"].is-half:first-of-type {
margin-right: 10px; }
.GuardianForm fieldset input[type="text"]:hover,
.GuardianForm fieldset input[role="combobox"]:hover,
.GuardianForm fieldset input[type="email"]:hover {
border-bottom-color: #f9f9f9; }
.GuardianForm fieldset input[type="text"]:focus,
.GuardianForm fieldset input[role="combobox"]:focus,
.GuardianForm fieldset input[type="email"]:focus {
border-bottom-color: white; }
.GuardianForm fieldset input[type="text"]::-webkit-input-placeholder,
.GuardianForm fieldset input[role="combobox"]::-webkit-input-placeholder,
.GuardianForm fieldset input[type="email"]::-webkit-input-placeholder {
color: #f9f9f9; }
.GuardianForm fieldset input[type="text"]:-moz-placeholder,
.GuardianForm fieldset input[role="combobox"]:-moz-placeholder,
.GuardianForm fieldset input[type="email"]:-moz-placeholder {
/* Firefox 18- */
color: #f9f9f9; }
.GuardianForm fieldset input[type="text"]::-moz-placeholder,
.GuardianForm fieldset input[role="combobox"]::-moz-placeholder,
.GuardianForm fieldset input[type="email"]::-moz-placeholder {
/* Firefox 19+ */
color: #f9f9f9; }
.GuardianForm fieldset input[type="text"]:-ms-input-placeholder,
.GuardianForm fieldset input[role="combobox"]:-ms-input-placeholder,
.GuardianForm fieldset input[type="email"]:-ms-input-placeholder {
color: #f9f9f9; }
.GuardianForm fieldset.is-invalid {
color: #FF4200; }
.is-invalid .GuardianForm fieldset {
color: #FF4200; }

.GuardianForm .dropdown {
margin-bottom: 16px;
margin-top: 10px; }
.GuardianForm .dropdown.is-invalid .Select-control {
border-color: #FF4200 !important; }

.GuardianForm .tick {
position: relative;
margin-bottom: 6px; }
.GuardianForm .tick.interests {
margin-bottom: 0px; }
.GuardianForm .tick .bold {
text-decoration: underline; }
.GuardianForm .tick input {
position: absolute;
left: -5000px;
opacity: 0; }
.GuardianForm .tick a {
color: #b8b8b8;
position: relative;
top: 1px; }
.GuardianForm .tick label {
display: flex;
cursor: pointer;
align-items: baseline;
color: #b8b8b8; }
.GuardianForm .tick label > span {
display: block;
width: calc(100% - 40px);
line-height: 1.5em; }
.GuardianForm .tick label .icon {
position: relative;
top: 5px;
display: block;
box-sizing: border-box;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
background-color: rgba(255, 255, 255, 0);
content: "";
width: 19px;
height: 19px;
border-radius: 50%;
border: 1px solid #b8b8b8;
margin-right: 12px;
background-position: center center;
background-repeat: no-repeat; }
.GuardianForm .tick label .icon svg {
display: block;
width: 19px;
height: 19px;
position: relative;
top: -1px;
left: -1px; }
.GuardianForm .tick label .icon .line {
fill: rgba(255, 255, 255, 0); }
.GuardianForm .tick label:focus, .GuardianForm .tick label:hover {
text-decoration: underline; }
.GuardianForm .tick label:focus .icon .line, .GuardianForm .tick label:hover .icon .line {
fill: #888; }
.GuardianForm .tick label.terms {
display: inline-flex; }
.GuardianForm .tick label.privacy {
display: inline-flex; }
.GuardianForm .tick input:focus + label {
color: white; }
.GuardianForm .tick input:checked + label {
color: white; }
.GuardianForm .tick input:checked + label:hover {
text-decoration: none; }
.GuardianForm .tick input:checked + label .icon {
background-color: white;
border-color: white; }
.GuardianForm .tick input:checked + label .icon .line {
fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
color: #FF4200; }
.is-invalid .tick label,
.tick.is-invalid label {
color: #FF4200; }
.is-invalid .tick .icon,
.tick.is-invalid .icon {
border-color: #FF4200 !important;
background-color: rgba(217, 78, 78, 0.3) !important; }
.is-invalid .tick .icon .line,
.tick.is-invalid .icon .line {
fill: rgba(255, 66, 0, 0) !important; }

.GuardianForm .actions {
padding-top: 6.25%; }
@media (min-width: 1024px) {
.GuardianForm .actions {
padding-top: 30px; } }
.GuardianForm .actions .Btn {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.GuardianForm .actions .Btn {
margin-left: auto;
margin-right: auto;
width: auto; } }
.GuardianForm .actions .Btn.is-submitting {
background-color: #595959;
color: white;
pointer-events: none; }
.GuardianForm .actions .Btn.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }
.GuardianForm .actions .Btn-big {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.GuardianForm .actions .Btn-big {
margin-left: 0px;
margin-right: auto;
width: auto; } }
.GuardianForm .actions .Btn-big.is-submitting {
background-color: #8259ef;
color: white;
pointer-events: none; }
.GuardianForm .actions .Btn-big.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }

.GuardianForm .error {
width: 100%;
padding-bottom: 60px;
text-align: center; }
.GuardianForm .error > span {
background-color: #FF4200;
display: inline-block;
border-radius: 15px;
line-height: 30px;
padding: 0 15px;
color: #222222; }
@media (min-width: 1024px) {
.GuardianForm .error > span {
margin-left: auto;
margin-right: auto; } }

.GuardianForm .RadioInput {
margin-bottom: 20px; }
.GuardianForm .RadioInput .header {
line-height: 1.5;
display: block;
margin-bottom: 10px; }
@media (min-width: 1024px) {
.GuardianForm .RadioInput {
margin-bottom: 0; }
.GuardianForm .RadioInput.is-1, .GuardianForm .RadioInput.is-2 {
width: calc(50% - 20px);
float: left; }
.GuardianForm .RadioInput.is-1 {
margin-right: 20px; }
.GuardianForm .RadioInput.is-3 {
clear: left;
margin-top: 20px; } }
.GuardianForm .RadioInput a {
color: white; }

.GuardianForm .fine {
margin-bottom: 6px;
line-height: 1.5;
color: #b8b8b8;
clear: left; }
.GuardianForm .fine a {
color: #ebebeb; }
.GuardianForm .fine a:hover {
text-decoration: none; }

.Select .Select-placeholder {
color: #b8b8b8; }

.Select .Select-input input {
color: white; }

.Select .Select-menu-outer {
background-color: #595959;
z-index: 5; }

.GuardianForm .error-msg {
display: block;
text-align: center;
color: #FF4200; }

.GuardianForm .left > .developers {
position: relative; }
.GuardianForm .left > .developers .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.GuardianForm .left > .developers .recaptcha {
margin-top: 12px;
position: absolute;
top: 12px;
right: 0; } }

.GuardianForm .right .verification {
position: relative; }
.GuardianForm .right .verification .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.GuardianForm .right .verification .recaptcha {
position: absolute;
top: 12px;
right: 0; } }

.TestingForm {
background-color: #222222;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
padding: 12.5% 6.25%;
font-size: 14px;
line-height: 2;
color: white; }
.TestingForm > .gradient {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
pointer-events: none; }
.TestingForm input {
border-radius: 0; }
@media (min-width: 1024px) {
.TestingForm {
padding: 6.25%; } }
.TestingForm > .contents-closed {
text-align: center; }
.TestingForm .hero {
text-align: center; }
.TestingForm .header {
display: block;
margin-top: -6px;
margin-bottom: 12px;
font-size: 24px; }
.TestingForm .body {
display: block;
margin-bottom: 12px; }
.TestingForm .disclaimer {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 8px; }
.TestingForm .left {
margin-bottom: 6.25%; }
@media (min-width: 1024px) {
.TestingForm .left {
margin-bottom: 60px; } }
.TestingForm .contents a {
text-decoration: underline;
color: white; }
.TestingForm .contents ul {
margin-left: 0; }
.TestingForm .contents ul li {
list-style: none; }
@media (min-width: 1024px) {
.TestingForm .contents {
display: flex; }
.TestingForm .left {
width: 46.88%;
margin-right: 3.12%;
margin-bottom: 0; }
.TestingForm .right {
width: 46.88%;
margin-left: 3.12%;
position: relative; } }

.TestingForm form .contents {
opacity: 1;
-moz-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out; }

.TestingForm form.is-submitting .contents,
.TestingForm form.is-sent .contents,
.TestingForm form.is-error-submitting .contents {
opacity: 0.2;
pointer-events: none; }

.TestingForm fieldset {
padding: 0;
display: block; }
.TestingForm fieldset.is-two {
margin-top: -6px; }
.TestingForm fieldset.is-two > * {
float: left;
width: calc(50% - 10px); }
.TestingForm fieldset.is-two > *:first-child {
margin-right: 10px; }
.TestingForm fieldset.is-auto > div {
width: 100%; }
.TestingForm fieldset textarea {
display: block;
width: 100%;
height: 150px;
border: 1px solid #595959;
background-color: transparent;
padding: 10px;
font-size: 14px;
line-height: 20px;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
box-sizing: border-box;
outline: none;
color: #595959;
margin-top: 16px;
margin-bottom: 16px; }
.TestingForm fieldset textarea:focus {
border-color: #f9f9f9;
color: white; }
.TestingForm fieldset textarea.is-invalid {
border-color: #FF4200;
color: #FF4200; }
.TestingForm fieldset textarea.is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.TestingForm fieldset textarea.is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.TestingForm fieldset textarea.is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.TestingForm fieldset textarea.is-invalid:-ms-input-placeholder {
color: #FF4200; }
.TestingForm fieldset input[type="text"],
.TestingForm fieldset input[role="combobox"],
.TestingForm fieldset input[type="email"] {
font-size: 14px;
line-height: 40px;
display: block;
box-sizing: border-box;
background-color: transparent;
height: 40px;
width: 100%;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
color: white;
margin: 0;
margin-bottom: 12px;
border: 0;
border-bottom: 1px solid #595959;
outline: none; }
.TestingForm fieldset input[type="text"].is-invalid,
.TestingForm fieldset input[role="combobox"].is-invalid,
.TestingForm fieldset input[type="email"].is-invalid {
border-bottom-color: #FF4200;
color: #FF4200; }
.TestingForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
.TestingForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
.TestingForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.TestingForm fieldset input[type="text"].is-invalid:-moz-placeholder,
.TestingForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
.TestingForm fieldset input[type="email"].is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.TestingForm fieldset input[type="text"].is-invalid::-moz-placeholder,
.TestingForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
.TestingForm fieldset input[type="email"].is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.TestingForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
.TestingForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
.TestingForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
color: #FF4200; }
.TestingForm fieldset input[type="text"].is-half,
.TestingForm fieldset input[role="combobox"].is-half,
.TestingForm fieldset input[type="email"].is-half {
width: calc(50% - 5px);
flex: 1; }
.TestingForm fieldset input[type="text"].is-half:first-of-type,
.TestingForm fieldset input[role="combobox"].is-half:first-of-type,
.TestingForm fieldset input[type="email"].is-half:first-of-type {
margin-right: 10px; }
.TestingForm fieldset input[type="text"]:hover,
.TestingForm fieldset input[role="combobox"]:hover,
.TestingForm fieldset input[type="email"]:hover {
border-bottom-color: #f9f9f9; }
.TestingForm fieldset input[type="text"]:focus,
.TestingForm fieldset input[role="combobox"]:focus,
.TestingForm fieldset input[type="email"]:focus {
border-bottom-color: white; }
.TestingForm fieldset input[type="text"]::-webkit-input-placeholder,
.TestingForm fieldset input[role="combobox"]::-webkit-input-placeholder,
.TestingForm fieldset input[type="email"]::-webkit-input-placeholder {
color: #f9f9f9; }
.TestingForm fieldset input[type="text"]:-moz-placeholder,
.TestingForm fieldset input[role="combobox"]:-moz-placeholder,
.TestingForm fieldset input[type="email"]:-moz-placeholder {
/* Firefox 18- */
color: #f9f9f9; }
.TestingForm fieldset input[type="text"]::-moz-placeholder,
.TestingForm fieldset input[role="combobox"]::-moz-placeholder,
.TestingForm fieldset input[type="email"]::-moz-placeholder {
/* Firefox 19+ */
color: #f9f9f9; }
.TestingForm fieldset input[type="text"]:-ms-input-placeholder,
.TestingForm fieldset input[role="combobox"]:-ms-input-placeholder,
.TestingForm fieldset input[type="email"]:-ms-input-placeholder {
color: #f9f9f9; }
.TestingForm fieldset.is-invalid {
color: #FF4200; }
.is-invalid .TestingForm fieldset {
color: #FF4200; }

.TestingForm .dropdown {
margin-bottom: 16px;
margin-top: 10px; }
.TestingForm .dropdown.is-invalid .Select-control {
border-color: #FF4200 !important; }

.TestingForm .tick {
position: relative;
margin-bottom: 6px; }
.TestingForm .tick.interests {
margin-bottom: 0px; }
.TestingForm .tick .bold {
text-decoration: underline; }
.TestingForm .tick input {
position: absolute;
left: -5000px;
opacity: 0; }
.TestingForm .tick a {
color: #b8b8b8;
position: relative;
top: 1px; }
.TestingForm .tick label {
display: flex;
cursor: pointer;
align-items: baseline;
color: #b8b8b8; }
.TestingForm .tick label > span {
display: block;
width: calc(100% - 40px);
line-height: 1.5em; }
.TestingForm .tick label .icon {
position: relative;
top: 5px;
display: block;
box-sizing: border-box;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
background-color: rgba(255, 255, 255, 0);
content: "";
width: 19px;
height: 19px;
border-radius: 50%;
border: 1px solid #b8b8b8;
margin-right: 12px;
background-position: center center;
background-repeat: no-repeat; }
.TestingForm .tick label .icon svg {
display: block;
width: 19px;
height: 19px;
position: relative;
top: -1px;
left: -1px; }
.TestingForm .tick label .icon .line {
fill: rgba(255, 255, 255, 0); }
.TestingForm .tick label:focus, .TestingForm .tick label:hover {
text-decoration: underline; }
.TestingForm .tick label:focus .icon .line, .TestingForm .tick label:hover .icon .line {
fill: #888; }
.TestingForm .tick label.terms {
display: inline-flex; }
.TestingForm .tick label.privacy {
display: inline-flex; }
.TestingForm .tick input:focus + label {
color: white; }
.TestingForm .tick input:checked + label {
color: white; }
.TestingForm .tick input:checked + label:hover {
text-decoration: none; }
.TestingForm .tick input:checked + label .icon {
background-color: white;
border-color: white; }
.TestingForm .tick input:checked + label .icon .line {
fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
color: #FF4200; }
.is-invalid .tick label,
.tick.is-invalid label {
color: #FF4200; }
.is-invalid .tick .icon,
.tick.is-invalid .icon {
border-color: #FF4200 !important;
background-color: rgba(217, 78, 78, 0.3) !important; }
.is-invalid .tick .icon .line,
.tick.is-invalid .icon .line {
fill: rgba(255, 66, 0, 0) !important; }

.TestingForm .actions {
padding-top: 6.25%; }
@media (min-width: 1024px) {
.TestingForm .actions {
padding-top: 60px; } }
.TestingForm .actions .Btn {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
-ms-transition: background-color 200ms ease-in-out;
}
@media (min-width: 1024px) {
.TestingForm .actions .Btn {
margin-left: auto;
margin-right: auto;
width: auto; } }
.TestingForm .actions .Btn.is-submitting {
background-color: #595959;
color: white;
pointer-events: none; }
.TestingForm .actions .Btn.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }

.TestingForm .error {
width: 100%;
padding-bottom: 60px;
text-align: center; }
.TestingForm .error > span {
background-color: #FF4200;
display: inline-block;
border-radius: 15px;
line-height: 30px;
padding: 0 15px;
color: #222222; }
@media (min-width: 1024px) {
.TestingForm .error > span {
margin-left: auto;
margin-right: auto; } }

.TestingForm .RadioInput {
margin-bottom: 20px; }
.TestingForm .RadioInput .header {
line-height: 1.5;
display: block;
margin-bottom: 10px; }
@media (min-width: 1024px) {
.TestingForm .RadioInput {
margin-bottom: 0; }
.TestingForm .RadioInput.is-1, .TestingForm .RadioInput.is-2 {
width: calc(50% - 20px);
float: left; }
.TestingForm .RadioInput.is-1 {
margin-right: 20px; }
.TestingForm .RadioInput.is-3 {
clear: left;
margin-top: 20px; } }
.TestingForm .RadioInput a {
color: white; }

.TestingForm .fine {
margin-bottom: 6px;
line-height: 1.5;
color: #b8b8b8;
clear: left; }
.TestingForm .fine a {
color: #ebebeb; }
.TestingForm .fine a:hover {
text-decoration: none; }

.Select .Select-placeholder {
color: #b8b8b8; }

.Select .Select-input input {
color: white; }

.Select .Select-menu-outer {
background-color: #595959;
z-index: 5; }

.TestingForm .error-msg {
display: block;
text-align: center;
color: #FF4200; }

.TestingForm .left > .developers {
position: relative; }
.TestingForm .left > .developers .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.TestingForm .left > .developers .recaptcha {
margin-top: 12px;
position: absolute;
top: 12px;
right: 0; } }

.TestingForm .right .verification {
position: relative; }
.TestingForm .right .verification .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.TestingForm .right .verification .recaptcha {
position: absolute;
top: 12px;
right: 0; } }

.HealthcareForm {
background-color: #222222;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
padding: 12.5% 6.25%;
font-size: 14px;
line-height: 2;
color: white; }
.HealthcareForm > .gradient {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
pointer-events: none; }
.HealthcareForm input {
border-radius: 0; }
@media (min-width: 1024px) {
.HealthcareForm {
padding: 6.25%; } }
.HealthcareForm > .contents-closed {
text-align: center; }
.HealthcareForm .header {
display: block;
margin-top: 24px;
margin-bottom: 12px;
font-size: 24px; }
.HealthcareForm .image {
float: right;
width: 200px;
margin-left: 10px;
border: 1px solid #777; }
.HealthcareForm .body {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 16px; }
.HealthcareForm .list {
display: block;
font-weight: 300;
font-size: 16px; }
.HealthcareForm .disclaimer {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 8px; }
.HealthcareForm .left {
margin-bottom: 6.25%; }
@media (min-width: 1024px) {
.HealthcareForm .left {
margin-bottom: 60px; } }
.HealthcareForm .contents a {
text-decoration: underline;
color: white; }
.HealthcareForm .contents ul {
margin-left: 0; }
.HealthcareForm .contents ul li {
list-style: none; }
@media (min-width: 1024px) {
.HealthcareForm .contents {
display: flex; }
.HealthcareForm .left {
width: 46.88%;
margin-right: 3.12%;
margin-bottom: 0; }
.HealthcareForm .right {
width: 46.88%;
padding-left: 1.56%;
padding-right: 1.56%;
position: relative;
background-color: #222222; } }

.HealthcareForm form .contents {
opacity: 1;
-moz-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out; }

.HealthcareForm form.is-submitting .contents,
.HealthcareForm form.is-sent .contents,
.HealthcareForm form.is-error-submitting .contents {
opacity: 0.2;
pointer-events: none; }

.HealthcareForm fieldset {
padding: 0;
display: block; }
.HealthcareForm fieldset.is-two > * {
float: left;
width: calc(50% - 10px); }
.HealthcareForm fieldset.is-two > *:first-child {
margin-right: 10px; }
.HealthcareForm fieldset.is-auto > div {
width: 100%; }
.HealthcareForm fieldset textarea {
display: block;
width: 100%;
height: 150px;
border: 1px solid #595959;
background-color: transparent;
padding: 10px;
font-size: 14px;
line-height: 20px;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
box-sizing: border-box;
outline: none;
color: #595959;
margin-top: 16px;
margin-bottom: 16px; }
.HealthcareForm fieldset textarea:focus {
border-color: #f9f9f9;
color: white; }
.HealthcareForm fieldset textarea.is-invalid {
border-color: #FF4200;
color: #FF4200; }
.HealthcareForm fieldset textarea.is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.HealthcareForm fieldset textarea.is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.HealthcareForm fieldset textarea.is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.HealthcareForm fieldset textarea.is-invalid:-ms-input-placeholder {
color: #FF4200; }
.HealthcareForm fieldset input[type="text"],
.HealthcareForm fieldset input[role="combobox"],
.HealthcareForm fieldset input[type="email"] {
font-size: 14px;
line-height: 40px;
display: block;
box-sizing: border-box;
background-color: transparent;
height: 40px;
width: 100%;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
color: white;
margin: 0;
margin-bottom: 12px;
border: 0;
border-bottom: 1px solid #595959;
outline: none; }
.HealthcareForm fieldset input[type="text"].is-invalid,
.HealthcareForm fieldset input[role="combobox"].is-invalid,
.HealthcareForm fieldset input[type="email"].is-invalid {
border-bottom-color: #FF4200;
color: #FF4200; }
.HealthcareForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
.HealthcareForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
.HealthcareForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.HealthcareForm fieldset input[type="text"].is-invalid:-moz-placeholder,
.HealthcareForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
.HealthcareForm fieldset input[type="email"].is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.HealthcareForm fieldset input[type="text"].is-invalid::-moz-placeholder,
.HealthcareForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
.HealthcareForm fieldset input[type="email"].is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.HealthcareForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
.HealthcareForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
.HealthcareForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
color: #FF4200; }
.HealthcareForm fieldset input[type="text"].is-half,
.HealthcareForm fieldset input[role="combobox"].is-half,
.HealthcareForm fieldset input[type="email"].is-half {
width: calc(50% - 5px);
flex: 1; }
.HealthcareForm fieldset input[type="text"].is-half:first-of-type,
.HealthcareForm fieldset input[role="combobox"].is-half:first-of-type,
.HealthcareForm fieldset input[type="email"].is-half:first-of-type {
margin-right: 10px; }
.HealthcareForm fieldset input[type="text"]:hover,
.HealthcareForm fieldset input[role="combobox"]:hover,
.HealthcareForm fieldset input[type="email"]:hover {
border-bottom-color: #f9f9f9; }
.HealthcareForm fieldset input[type="text"]:focus,
.HealthcareForm fieldset input[role="combobox"]:focus,
.HealthcareForm fieldset input[type="email"]:focus {
border-bottom-color: white; }
.HealthcareForm fieldset input[type="text"]::-webkit-input-placeholder,
.HealthcareForm fieldset input[role="combobox"]::-webkit-input-placeholder,
.HealthcareForm fieldset input[type="email"]::-webkit-input-placeholder {
color: #f9f9f9; }
.HealthcareForm fieldset input[type="text"]:-moz-placeholder,
.HealthcareForm fieldset input[role="combobox"]:-moz-placeholder,
.HealthcareForm fieldset input[type="email"]:-moz-placeholder {
/* Firefox 18- */
color: #f9f9f9; }
.HealthcareForm fieldset input[type="text"]::-moz-placeholder,
.HealthcareForm fieldset input[role="combobox"]::-moz-placeholder,
.HealthcareForm fieldset input[type="email"]::-moz-placeholder {
/* Firefox 19+ */
color: #f9f9f9; }
.HealthcareForm fieldset input[type="text"]:-ms-input-placeholder,
.HealthcareForm fieldset input[role="combobox"]:-ms-input-placeholder,
.HealthcareForm fieldset input[type="email"]:-ms-input-placeholder {
color: #f9f9f9; }
.HealthcareForm fieldset.is-invalid {
color: #FF4200; }
.is-invalid .HealthcareForm fieldset {
color: #FF4200; }

.HealthcareForm .dropdown {
margin-bottom: 16px;
margin-top: 10px; }
.HealthcareForm .dropdown.is-invalid .Select-control {
border-color: #FF4200 !important; }

.HealthcareForm .tick {
position: relative;
margin-bottom: 6px; }
.HealthcareForm .tick.interests {
margin-bottom: 0px; }
.HealthcareForm .tick .bold {
text-decoration: underline; }
.HealthcareForm .tick input {
position: absolute;
left: -5000px;
opacity: 0; }
.HealthcareForm .tick a {
color: #b8b8b8;
position: relative;
top: 1px; }
.HealthcareForm .tick label {
display: flex;
cursor: pointer;
align-items: baseline;
color: #b8b8b8; }
.HealthcareForm .tick label > span {
display: block;
width: calc(100% - 40px);
line-height: 1.5em; }
.HealthcareForm .tick label .icon {
position: relative;
top: 5px;
display: block;
box-sizing: border-box;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
background-color: rgba(255, 255, 255, 0);
content: "";
width: 19px;
height: 19px;
border-radius: 50%;
border: 1px solid #b8b8b8;
margin-right: 12px;
background-position: center center;
background-repeat: no-repeat; }
.HealthcareForm .tick label .icon svg {
display: block;
width: 19px;
height: 19px;
position: relative;
top: -1px;
left: -1px; }
.HealthcareForm .tick label .icon .line {
fill: rgba(255, 255, 255, 0); }
.HealthcareForm .tick label:focus, .HealthcareForm .tick label:hover {
text-decoration: underline; }
.HealthcareForm .tick label:focus .icon .line, .HealthcareForm .tick label:hover .icon .line {
fill: #888; }
.HealthcareForm .tick label.terms {
display: inline-flex; }
.HealthcareForm .tick label.privacy {
display: inline-flex; }
.HealthcareForm .tick input:focus + label {
color: white; }
.HealthcareForm .tick input:checked + label {
color: white; }
.HealthcareForm .tick input:checked + label:hover {
text-decoration: none; }
.HealthcareForm .tick input:checked + label .icon {
background-color: white;
border-color: white; }
.HealthcareForm .tick input:checked + label .icon .line {
fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
color: #FF4200; }
.is-invalid .tick label,
.tick.is-invalid label {
color: #FF4200; }
.is-invalid .tick .icon,
.tick.is-invalid .icon {
border-color: #FF4200 !important;
background-color: rgba(217, 78, 78, 0.3) !important; }
.is-invalid .tick .icon .line,
.tick.is-invalid .icon .line {
fill: rgba(255, 66, 0, 0) !important; }

.HealthcareForm .actions {
padding-top: 6.25%; }
@media (min-width: 1024px) {
.HealthcareForm .actions {
padding-top: 30px; } }
.HealthcareForm .actions .Btn {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.HealthcareForm .actions .Btn {
margin-left: auto;
margin-right: auto;
width: auto; } }
.HealthcareForm .actions .Btn.is-submitting {
background-color: #595959;
color: white;
pointer-events: none; }
.HealthcareForm .actions .Btn.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }
.HealthcareForm .actions .Btn-big {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.HealthcareForm .actions .Btn-big {
margin-left: 0px;
margin-right: auto;
margin-bottom: 24px;
width: auto; } }
.HealthcareForm .actions .Btn-big.is-submitting {
background-color: #8259ef;
color: white;
pointer-events: none; }
.HealthcareForm .actions .Btn-big.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }

.HealthcareForm .error {
width: 100%;
padding-bottom: 60px;
text-align: center; }
.HealthcareForm .error > span {
background-color: #FF4200;
display: inline-block;
border-radius: 15px;
line-height: 30px;
padding: 0 15px;
color: #222222; }
@media (min-width: 1024px) {
.HealthcareForm .error > span {
margin-left: auto;
margin-right: auto; } }

.HealthcareForm .RadioInput {
margin-bottom: 20px; }
.HealthcareForm .RadioInput .header {
line-height: 1.5;
display: block;
margin-bottom: 10px; }
@media (min-width: 1024px) {
.HealthcareForm .RadioInput {
margin-bottom: 0; }
.HealthcareForm .RadioInput.is-1, .HealthcareForm .RadioInput.is-2 {
width: calc(50% - 20px);
float: left; }
.HealthcareForm .RadioInput.is-1 {
margin-right: 20px; }
.HealthcareForm .RadioInput.is-3 {
clear: left;
margin-top: 20px; } }
.HealthcareForm .RadioInput a {
color: white; }

.HealthcareForm .fine {
margin-bottom: 6px;
line-height: 1.5;
color: #b8b8b8;
clear: left; }
.HealthcareForm .fine a {
color: #ebebeb; }
.HealthcareForm .fine a:hover {
text-decoration: none; }

.Select .Select-placeholder {
color: #b8b8b8; }

.Select .Select-input input {
color: white; }

.Select .Select-menu-outer {
background-color: #595959;
z-index: 5; }

.HealthcareForm .error-msg {
display: block;
text-align: center;
color: #FF4200; }

.HealthcareForm .left > .developers {
position: relative; }
.HealthcareForm .left > .developers .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.HealthcareForm .left > .developers .recaptcha {
margin-top: 12px;
position: absolute;
top: 12px;
right: 0; } }

.HealthcareForm .right .verification {
position: relative; }
.HealthcareForm .right .verification .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.HealthcareForm .right .verification .recaptcha {
position: absolute;
top: 12px;
right: 0; } }

.UclForm {
background-color: #222222;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
padding: 12.5% 6.25%;
font-size: 14px;
line-height: 2;
color: white; }
.UclForm > .gradient {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
pointer-events: none; }
.UclForm input {
border-radius: 0; }
@media (min-width: 1024px) {
.UclForm {
padding: 6.25%; } }
.UclForm > .contents-closed {
text-align: center; }
.UclForm .header {
display: block;
margin-top: 24px;
margin-bottom: 12px;
font-size: 24px; }
.UclForm .image {
float: right;
width: 200px;
margin-left: 10px;
border: 1px solid #777; }
.UclForm .body {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 16px; }
.UclForm .list {
display: block;
font-weight: 300;
font-size: 16px; }
.UclForm .disclaimer {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 8px; }
.UclForm .left {
margin-bottom: 6.25%; }
@media (min-width: 1024px) {
.UclForm .left {
margin-bottom: 60px; } }
.UclForm .contents a {
text-decoration: underline;
color: white; }
.UclForm .contents ul {
margin-left: 0; }
.UclForm .contents ul li {
list-style: none; }
@media (min-width: 1024px) {
.UclForm .contents {
display: flex; }
.UclForm .left {
width: 46.88%;
margin-right: 3.12%;
margin-bottom: 0; }
.UclForm .right {
width: 46.88%;
padding-left: 1.56%;
padding-right: 1.56%;
position: relative;
background-color: #222222; } }

.UclForm form .contents {
opacity: 1;
-moz-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out; }

.UclForm form.is-submitting .contents,
.UclForm form.is-sent .contents,
.UclForm form.is-error-submitting .contents {
opacity: 0.2;
pointer-events: none; }

.UclForm fieldset {
padding: 0;
display: block; }
.UclForm fieldset.is-two > * {
float: left;
width: calc(50% - 10px); }
.UclForm fieldset.is-two > *:first-child {
margin-right: 10px; }
.UclForm fieldset.is-auto > div {
width: 100%; }
.UclForm fieldset textarea {
display: block;
width: 100%;
height: 150px;
border: 1px solid #595959;
background-color: transparent;
padding: 10px;
font-size: 14px;
line-height: 20px;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
box-sizing: border-box;
outline: none;
color: #595959;
margin-top: 16px;
margin-bottom: 16px; }
.UclForm fieldset textarea:focus {
border-color: #f9f9f9;
color: white; }
.UclForm fieldset textarea.is-invalid {
border-color: #FF4200;
color: #FF4200; }
.UclForm fieldset textarea.is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.UclForm fieldset textarea.is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.UclForm fieldset textarea.is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.UclForm fieldset textarea.is-invalid:-ms-input-placeholder {
color: #FF4200; }
.UclForm fieldset input[type="text"],
.UclForm fieldset input[role="combobox"],
.UclForm fieldset input[type="email"] {
font-size: 14px;
line-height: 40px;
display: block;
box-sizing: border-box;
background-color: transparent;
height: 40px;
width: 100%;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
color: white;
margin: 0;
margin-bottom: 12px;
border: 0;
border-bottom: 1px solid #595959;
outline: none; }
.UclForm fieldset input[type="text"].is-invalid,
.UclForm fieldset input[role="combobox"].is-invalid,
.UclForm fieldset input[type="email"].is-invalid {
border-bottom-color: #FF4200;
color: #FF4200; }
.UclForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
.UclForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
.UclForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.UclForm fieldset input[type="text"].is-invalid:-moz-placeholder,
.UclForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
.UclForm fieldset input[type="email"].is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.UclForm fieldset input[type="text"].is-invalid::-moz-placeholder,
.UclForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
.UclForm fieldset input[type="email"].is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.UclForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
.UclForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
.UclForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
color: #FF4200; }
.UclForm fieldset input[type="text"].is-half,
.UclForm fieldset input[role="combobox"].is-half,
.UclForm fieldset input[type="email"].is-half {
width: calc(50% - 5px);
flex: 1; }
.UclForm fieldset input[type="text"].is-half:first-of-type,
.UclForm fieldset input[role="combobox"].is-half:first-of-type,
.UclForm fieldset input[type="email"].is-half:first-of-type {
margin-right: 10px; }
.UclForm fieldset input[type="text"]:hover,
.UclForm fieldset input[role="combobox"]:hover,
.UclForm fieldset input[type="email"]:hover {
border-bottom-color: #f9f9f9; }
.UclForm fieldset input[type="text"]:focus,
.UclForm fieldset input[role="combobox"]:focus,
.UclForm fieldset input[type="email"]:focus {
border-bottom-color: white; }
.UclForm fieldset input[type="text"]::-webkit-input-placeholder,
.UclForm fieldset input[role="combobox"]::-webkit-input-placeholder,
.UclForm fieldset input[type="email"]::-webkit-input-placeholder {
color: #f9f9f9; }
.UclForm fieldset input[type="text"]:-moz-placeholder,
.UclForm fieldset input[role="combobox"]:-moz-placeholder,
.UclForm fieldset input[type="email"]:-moz-placeholder {
/* Firefox 18- */
color: #f9f9f9; }
.UclForm fieldset input[type="text"]::-moz-placeholder,
.UclForm fieldset input[role="combobox"]::-moz-placeholder,
.UclForm fieldset input[type="email"]::-moz-placeholder {
/* Firefox 19+ */
color: #f9f9f9; }
.UclForm fieldset input[type="text"]:-ms-input-placeholder,
.UclForm fieldset input[role="combobox"]:-ms-input-placeholder,
.UclForm fieldset input[type="email"]:-ms-input-placeholder {
color: #f9f9f9; }
.UclForm fieldset.is-invalid {
color: #FF4200; }
.is-invalid .UclForm fieldset {
color: #FF4200; }

.UclForm .dropdown {
margin-bottom: 16px;
margin-top: 10px; }
.UclForm .dropdown.is-invalid .Select-control {
border-color: #FF4200 !important; }

.UclForm .tick {
position: relative;
margin-bottom: 6px; }
.UclForm .tick.interests {
margin-bottom: 0px; }
.UclForm .tick .bold {
text-decoration: underline; }
.UclForm .tick input {
position: absolute;
left: -5000px;
opacity: 0; }
.UclForm .tick a {
color: #b8b8b8;
position: relative;
top: 1px; }
.UclForm .tick label {
display: flex;
cursor: pointer;
align-items: baseline;
color: #b8b8b8; }
.UclForm .tick label > span {
display: block;
width: calc(100% - 40px);
line-height: 1.5em; }
.UclForm .tick label .icon {
position: relative;
top: 5px;
display: block;
box-sizing: border-box;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
background-color: rgba(255, 255, 255, 0);
content: "";
width: 19px;
height: 19px;
border-radius: 50%;
border: 1px solid #b8b8b8;
margin-right: 12px;
background-position: center center;
background-repeat: no-repeat; }
.UclForm .tick label .icon svg {
display: block;
width: 19px;
height: 19px;
position: relative;
top: -1px;
left: -1px; }
.UclForm .tick label .icon .line {
fill: rgba(255, 255, 255, 0); }
.UclForm .tick label:focus, .UclForm .tick label:hover {
text-decoration: underline; }
.UclForm .tick label:focus .icon .line, .UclForm .tick label:hover .icon .line {
fill: #888; }
.UclForm .tick label.terms {
display: inline-flex; }
.UclForm .tick label.privacy {
display: inline-flex; }
.UclForm .tick input:focus + label {
color: white; }
.UclForm .tick input:checked + label {
color: white; }
.UclForm .tick input:checked + label:hover {
text-decoration: none; }
.UclForm .tick input:checked + label .icon {
background-color: white;
border-color: white; }
.UclForm .tick input:checked + label .icon .line {
fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
color: #FF4200; }
.is-invalid .tick label,
.tick.is-invalid label {
color: #FF4200; }
.is-invalid .tick .icon,
.tick.is-invalid .icon {
border-color: #FF4200 !important;
background-color: rgba(217, 78, 78, 0.3) !important; }
.is-invalid .tick .icon .line,
.tick.is-invalid .icon .line {
fill: rgba(255, 66, 0, 0) !important; }

.UclForm .actions {
padding-top: 6.25%; }
@media (min-width: 1024px) {
.UclForm .actions {
padding-top: 30px; } }
.UclForm .actions .Btn {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.UclForm .actions .Btn {
margin-left: auto;
margin-right: auto;
width: auto; } }
.UclForm .actions .Btn.is-submitting {
background-color: #595959;
color: white;
pointer-events: none; }
.UclForm .actions .Btn.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }
.UclForm .actions .Btn-big {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.UclForm .actions .Btn-big {
margin-left: 0px;
margin-right: auto;
margin-bottom: 24px;
width: auto; } }
.UclForm .actions .Btn-big.is-submitting {
background-color: #8259ef;
color: white;
pointer-events: none; }
.UclForm .actions .Btn-big.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }

.UclForm .error {
width: 100%;
padding-bottom: 60px;
text-align: center; }
.UclForm .error > span {
background-color: #FF4200;
display: inline-block;
border-radius: 15px;
line-height: 30px;
padding: 0 15px;
color: #222222; }
@media (min-width: 1024px) {
.UclForm .error > span {
margin-left: auto;
margin-right: auto; } }

.UclForm .RadioInput {
margin-bottom: 20px; }
.UclForm .RadioInput .header {
line-height: 1.5;
display: block;
margin-bottom: 10px; }
@media (min-width: 1024px) {
.UclForm .RadioInput {
margin-bottom: 0; }
.UclForm .RadioInput.is-1, .UclForm .RadioInput.is-2 {
width: calc(50% - 20px);
float: left; }
.UclForm .RadioInput.is-1 {
margin-right: 20px; }
.UclForm .RadioInput.is-3 {
clear: left;
margin-top: 20px; } }
.UclForm .RadioInput a {
color: white; }

.UclForm .fine {
margin-bottom: 6px;
line-height: 1.5;
color: #b8b8b8;
clear: left; }
.UclForm .fine a {
color: #ebebeb; }
.UclForm .fine a:hover {
text-decoration: none; }

.Select .Select-placeholder {
color: #b8b8b8; }

.Select .Select-input input {
color: white; }

.Select .Select-menu-outer {
background-color: #595959;
z-index: 5; }

.UclForm .error-msg {
display: block;
text-align: center;
color: #FF4200; }

.UclForm .left > .developers {
position: relative; }
.UclForm .left > .developers .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.UclForm .left > .developers .recaptcha {
margin-top: 12px;
position: absolute;
top: 12px;
right: 0; } }

.UclForm .right .verification {
position: relative; }
.UclForm .right .verification .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.UclForm .right .verification .recaptcha {
position: absolute;
top: 12px;
right: 0; } }

.TokenizationForm {
background-color: #222222;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
padding: 12.5% 6.25%;
font-size: 14px;
line-height: 2;
color: white; }
.TokenizationForm > .gradient {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
pointer-events: none; }
.TokenizationForm input {
border-radius: 0; }
@media (min-width: 1024px) {
.TokenizationForm {
padding: 6.25%; } }
.TokenizationForm > .contents-closed {
text-align: center; }
.TokenizationForm .header {
display: block;
margin-top: 24px;
margin-bottom: 12px;
font-size: 24px; }
.TokenizationForm .image {
float: right;
width: 200px;
margin-left: 10px; }
.TokenizationForm .body {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 16px; }
.TokenizationForm .list {
display: block;
font-weight: 300;
font-size: 16px; }
.TokenizationForm .disclaimer {
display: block;
margin-bottom: 12px;
font-weight: 300;
font-size: 8px; }
.TokenizationForm .left {
margin-bottom: 6.25%; }
@media (min-width: 1024px) {
.TokenizationForm .left {
margin-bottom: 60px; } }
.TokenizationForm .contents a {
text-decoration: underline;
color: white; }
.TokenizationForm .contents ul {
margin-left: 0; }
.TokenizationForm .contents ul li {
list-style: none; }
@media (min-width: 1024px) {
.TokenizationForm .contents {
display: flex; }
.TokenizationForm .left {
width: 46.88%;
margin-right: 3.12%;
margin-bottom: 0; }
.TokenizationForm .right {
width: 46.88%;
padding-left: 1.56%;
padding-right: 1.56%;
position: relative;
background-color: #222222; } }

.TokenizationForm form .contents {
opacity: 1;
-moz-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out; }

.TokenizationForm form.is-submitting .contents,
.TokenizationForm form.is-sent .contents,
.TokenizationForm form.is-error-submitting .contents {
opacity: 0.2;
pointer-events: none; }

.TokenizationForm fieldset {
padding: 0;
display: block; }
.TokenizationForm fieldset.is-two > * {
float: left;
width: calc(50% - 10px); }
.TokenizationForm fieldset.is-two > *:first-child {
margin-right: 10px; }
.TokenizationForm fieldset.is-auto > div {
width: 100%; }
.TokenizationForm fieldset textarea {
display: block;
width: 100%;
height: 150px;
border: 1px solid #595959;
background-color: transparent;
padding: 10px;
font-size: 14px;
line-height: 20px;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
box-sizing: border-box;
outline: none;
color: #595959;
margin-top: 16px;
margin-bottom: 16px; }
.TokenizationForm fieldset textarea:focus {
border-color: #f9f9f9;
color: white; }
.TokenizationForm fieldset textarea.is-invalid {
border-color: #FF4200;
color: #FF4200; }
.TokenizationForm fieldset textarea.is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.TokenizationForm fieldset textarea.is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.TokenizationForm fieldset textarea.is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.TokenizationForm fieldset textarea.is-invalid:-ms-input-placeholder {
color: #FF4200; }
.TokenizationForm fieldset input[type="text"],
.TokenizationForm fieldset input[role="combobox"],
.TokenizationForm fieldset input[type="email"] {
font-size: 14px;
line-height: 40px;
display: block;
box-sizing: border-box;
background-color: transparent;
height: 40px;
width: 100%;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
color: white;
margin: 0;
margin-bottom: 12px;
border: 0;
border-bottom: 1px solid #595959;
outline: none; }
.TokenizationForm fieldset input[type="text"].is-invalid,
.TokenizationForm fieldset input[role="combobox"].is-invalid,
.TokenizationForm fieldset input[type="email"].is-invalid {
border-bottom-color: #FF4200;
color: #FF4200; }
.TokenizationForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
.TokenizationForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
.TokenizationForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.TokenizationForm fieldset input[type="text"].is-invalid:-moz-placeholder,
.TokenizationForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
.TokenizationForm fieldset input[type="email"].is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.TokenizationForm fieldset input[type="text"].is-invalid::-moz-placeholder,
.TokenizationForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
.TokenizationForm fieldset input[type="email"].is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.TokenizationForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
.TokenizationForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
.TokenizationForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
color: #FF4200; }
.TokenizationForm fieldset input[type="text"].is-half,
.TokenizationForm fieldset input[role="combobox"].is-half,
.TokenizationForm fieldset input[type="email"].is-half {
width: calc(50% - 5px);
flex: 1; }
.TokenizationForm fieldset input[type="text"].is-half:first-of-type,
.TokenizationForm fieldset input[role="combobox"].is-half:first-of-type,
.TokenizationForm fieldset input[type="email"].is-half:first-of-type {
margin-right: 10px; }
.TokenizationForm fieldset input[type="text"]:hover,
.TokenizationForm fieldset input[role="combobox"]:hover,
.TokenizationForm fieldset input[type="email"]:hover {
border-bottom-color: #f9f9f9; }
.TokenizationForm fieldset input[type="text"]:focus,
.TokenizationForm fieldset input[role="combobox"]:focus,
.TokenizationForm fieldset input[type="email"]:focus {
border-bottom-color: white; }
.TokenizationForm fieldset input[type="text"]::-webkit-input-placeholder,
.TokenizationForm fieldset input[role="combobox"]::-webkit-input-placeholder,
.TokenizationForm fieldset input[type="email"]::-webkit-input-placeholder {
color: #f9f9f9; }
.TokenizationForm fieldset input[type="text"]:-moz-placeholder,
.TokenizationForm fieldset input[role="combobox"]:-moz-placeholder,
.TokenizationForm fieldset input[type="email"]:-moz-placeholder {
/* Firefox 18- */
color: #f9f9f9; }
.TokenizationForm fieldset input[type="text"]::-moz-placeholder,
.TokenizationForm fieldset input[role="combobox"]::-moz-placeholder,
.TokenizationForm fieldset input[type="email"]::-moz-placeholder {
/* Firefox 19+ */
color: #f9f9f9; }
.TokenizationForm fieldset input[type="text"]:-ms-input-placeholder,
.TokenizationForm fieldset input[role="combobox"]:-ms-input-placeholder,
.TokenizationForm fieldset input[type="email"]:-ms-input-placeholder {
color: #f9f9f9; }
.TokenizationForm fieldset.is-invalid {
color: #FF4200; }
.is-invalid .TokenizationForm fieldset {
color: #FF4200; }

.TokenizationForm .dropdown {
margin-bottom: 16px;
margin-top: 10px; }
.TokenizationForm .dropdown.is-invalid .Select-control {
border-color: #FF4200 !important; }

.TokenizationForm .tick {
position: relative;
margin-bottom: 6px; }
.TokenizationForm .tick.interests {
margin-bottom: 0px; }
.TokenizationForm .tick .bold {
text-decoration: underline; }
.TokenizationForm .tick input {
position: absolute;
left: -5000px;
opacity: 0; }
.TokenizationForm .tick a {
color: #b8b8b8;
position: relative;
top: 1px; }
.TokenizationForm .tick label {
display: flex;
cursor: pointer;
align-items: baseline;
color: #b8b8b8; }
.TokenizationForm .tick label > span {
display: block;
width: calc(100% - 40px);
line-height: 1.5em; }
.TokenizationForm .tick label .icon {
position: relative;
top: 5px;
display: block;
box-sizing: border-box;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
background-color: rgba(255, 255, 255, 0);
content: "";
width: 19px;
height: 19px;
border-radius: 50%;
border: 1px solid #b8b8b8;
margin-right: 12px;
background-position: center center;
background-repeat: no-repeat; }
.TokenizationForm .tick label .icon svg {
display: block;
width: 19px;
height: 19px;
position: relative;
top: -1px;
left: -1px; }
.TokenizationForm .tick label .icon .line {
fill: rgba(255, 255, 255, 0); }
.TokenizationForm .tick label:focus, .TokenizationForm .tick label:hover {
text-decoration: underline; }
.TokenizationForm .tick label:focus .icon .line, .TokenizationForm .tick label:hover .icon .line {
fill: #888; }
.TokenizationForm .tick label.terms {
display: inline-flex; }
.TokenizationForm .tick label.privacy {
display: inline-flex; }
.TokenizationForm .tick input:focus + label {
color: white; }
.TokenizationForm .tick input:checked + label {
color: white; }
.TokenizationForm .tick input:checked + label:hover {
text-decoration: none; }
.TokenizationForm .tick input:checked + label .icon {
background-color: white;
border-color: white; }
.TokenizationForm .tick input:checked + label .icon .line {
fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
color: #FF4200; }
.is-invalid .tick label,
.tick.is-invalid label {
color: #FF4200; }
.is-invalid .tick .icon,
.tick.is-invalid .icon {
border-color: #FF4200 !important;
background-color: rgba(217, 78, 78, 0.3) !important; }
.is-invalid .tick .icon .line,
.tick.is-invalid .icon .line {
fill: rgba(255, 66, 0, 0) !important; }

.TokenizationForm .actions {
padding-top: 6.25%; }
@media (min-width: 1024px) {
.TokenizationForm .actions {
padding-top: 30px; } }
.TokenizationForm .actions .Btn {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.TokenizationForm .actions .Btn {
margin-left: auto;
margin-right: auto;
width: auto; } }
.TokenizationForm .actions .Btn.is-submitting {
background-color: #595959;
color: white;
pointer-events: none; }
.TokenizationForm .actions .Btn.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }
.TokenizationForm .actions .Btn-big {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.TokenizationForm .actions .Btn-big {
margin-left: 0px;
margin-right: auto;
margin-bottom: 24px;
width: auto; } }
.TokenizationForm .actions .Btn-big.is-submitting {
background-color: #8259ef;
color: white;
pointer-events: none; }
.TokenizationForm .actions .Btn-big.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }

.TokenizationForm .error {
width: 100%;
padding-bottom: 60px;
text-align: center; }
.TokenizationForm .error > span {
background-color: #FF4200;
display: inline-block;
border-radius: 15px;
line-height: 30px;
padding: 0 15px;
color: #222222; }
@media (min-width: 1024px) {
.TokenizationForm .error > span {
margin-left: auto;
margin-right: auto; } }

.TokenizationForm .RadioInput {
margin-bottom: 20px; }
.TokenizationForm .RadioInput .header {
line-height: 1.5;
display: block;
margin-bottom: 10px; }
@media (min-width: 1024px) {
.TokenizationForm .RadioInput {
margin-bottom: 0; }
.TokenizationForm .RadioInput.is-1, .TokenizationForm .RadioInput.is-2 {
width: calc(50% - 20px);
float: left; }
.TokenizationForm .RadioInput.is-1 {
margin-right: 20px; }
.TokenizationForm .RadioInput.is-3 {
clear: left;
margin-top: 20px; } }
.TokenizationForm .RadioInput a {
color: white; }

.TokenizationForm .fine {
margin-bottom: 6px;
line-height: 1.5;
color: #b8b8b8;
clear: left; }
.TokenizationForm .fine a {
color: #ebebeb; }
.TokenizationForm .fine a:hover {
text-decoration: none; }

.Select .Select-placeholder {
color: #b8b8b8; }

.Select .Select-input input {
color: white; }

.Select .Select-menu-outer {
background-color: #595959;
z-index: 5; }

.TokenizationForm .error-msg {
display: block;
text-align: center;
color: #FF4200; }

.TokenizationForm .left > .developers {
position: relative; }
.TokenizationForm .left > .developers .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.TokenizationForm .left > .developers .recaptcha {
margin-top: 12px;
position: absolute;
top: 12px;
right: 0; } }

.TokenizationForm .right .verification {
position: relative; }
.TokenizationForm .right .verification .recaptcha {
margin-top: 12px; }
@media (min-width: 1024px) {
.TokenizationForm .right .verification .recaptcha {
position: absolute;
top: 12px;
right: 0; } }

.TeamModal {
display: none;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 50;
overflow: auto;
-webkit-overflow-scrolling: touch; }
.TeamModal > .bg {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0.01;
-moz-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out;
background-color: rgba(34, 34, 34, 0.8); }
.TeamModal > .internal {
margin: 6.25%;
position: absolute;
background-color: #f9f9f9;
overflow: auto;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); }
.TeamModal > .internal > a {
text-decoration: none;
color: #222222; }
.TeamModal > .internal .image {
height: auto;
background-color: #b8b8b8;
-webkit-filter: grayscale(1);
filter: grayscale(1); }
.TeamModal > .internal .image img {
display: block;
width: 100%; }
.TeamModal > .internal .content > .padding {
padding: 6.25%; }
.TeamModal > .internal .content .name {
font-weight: 500; }
.TeamModal > .internal .content .role {
margin-bottom: 20px; }
.TeamModal > .internal .content .role a {
text-decoration: none;
color: inherit; }
@media (min-width: 1024px) {
.TeamModal > .internal .content .role {
margin-bottom: 40px; } }
.TeamModal > .internal .close {
width: 32px;
height: 32px;
position: absolute;
color: #222222;
right: 16px;
top: 16px;
cursor: pointer;
text-align: center;
display: block;
font-size: 32px;
line-height: 32px; }
@media (min-width: 1024px) {
.TeamModal > .internal .close {
color: #b8b8b8;
right: 32px;
top: 32px; } }
.TeamModal > .internal .close:hover {
color: #464646; }
@media (min-width: 1024px) {
.TeamModal > .internal {
display: flex;
margin: 0;
margin-left: 12.5%;
margin-right: 12.5%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.TeamModal > .internal > a {
display: flex; }
.TeamModal > .internal .image {
width: 33.33333%;
height: auto; }
.TeamModal > .internal .image.partners {
width: calc(33.3% - 12.5%);
padding: 6.25%;
height: auto; }
.TeamModal > .internal .content {
width: 66.66667%;
box-sizing: border-box; }
.TeamModal > .internal .content > .padding {
padding: 8.33333%; } }
.TeamModal.is-open {
display: block; }
.TeamModal.is-open > .bg {
opacity: 1; }

.Terms {
margin-top: 80px;
position: relative;
background-color: #f9f9f9;
min-height: 100vh;
padding: 6.25%; }
.Terms .title {
font-weight: 300;
color: #464646;
margin-bottom: 6.25%; }
.Terms .content {
position: relative;
max-width: 720px;
line-height: 25px;
color: #464646; }
.Terms .content a {
text-decoration: none;
color: #464646; }
.Terms .content p {
margin-bottom: 2em; }
.Terms .content u {
text-decoration: underline; }
.Terms .content i,
.Terms .content em {
font-style: italic; }
.Terms .content strong {
font-weight: 500; }
.Terms .content h2 {
font-size: 24px;
line-height: 38px; }

.Privacy {
margin-top: 80px;
position: relative;
background-color: #f9f9f9;
min-height: 100vh;
padding: 6.25%; }
.Privacy .title {
font-weight: 300;
color: #464646;
margin-bottom: 6.25%; }
.Privacy .content {
position: relative;
max-width: 720px;
line-height: 25px;
color: #464646; }
.Privacy .content a {
text-decoration: none;
color: #464646; }
.Privacy .content p {
margin-bottom: 2em; }
.Privacy .content strong {
font-weight: 500; }
.Privacy .content u {
text-decoration: underline; }
.Privacy .content i,
.Privacy .content em {
font-style: italic; }
.Privacy .content h2 {
font-size: 14px;
line-height: 1.8;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 500;
margin-bottom: 2em; }
@media (min-width: 1024px) {
.Privacy .content h2 {
font-size: 15px;
line-height: 2; } }

.LiveStream {
background-color: #222222;
padding: 6.25%;
height: 100vh;
max-height: 800px;
background-image: url("/assets/images/live-stream-bg.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: relative; }
@media (min-width: 1400px) {
.LiveStream.is-open {
max-height: 10000px;
height: auto; } }
.LiveStream > .internal {
position: absolute;
left: 6.25%;
right: 6.25%;
color: white;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: -20px;
text-align: center; }
.LiveStream > .internal h2 {
margin-bottom: 30px;
font-weight: 200; }
@media (min-width: 1024px) {
.LiveStream > .internal h2 {
margin-bottom: 40px; } }
.LiveStream > .internal .intro {
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
letter-spacing: 2px;
margin-top: 40px;
margin-bottom: 40px;
line-height: 2; }
.LiveStream .embed {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
left: 6.25%;
right: 6.25%; }
@media (min-width: 1400px) {
.LiveStream .embed {
position: relative;
left: 0;
right: 0;
top: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } }
.LiveStream .embed > .internal {
height: 0;
padding-bottom: 56.25%;
position: relative; }
.LiveStream .embed > .internal > iframe {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0; }
.LiveStream > .close {
display: block;
position: absolute;
width: 30px;
height: 30px;
background-color: white;
text-align: center;
line-height: 30px;
color: #222222;
border-radius: 50%;
font-size: 15px;
font-weight: 500;
top: 80px;
right: 6.25%;
cursor: pointer; }
@media (min-width: 1024px) {
.LiveStream > .close {
right: calc(3.125% - 15px); } }

.Events {
margin-top: 80px;
position: relative;
background-color: #f9f9f9;
min-height: 100vh; }
.Events > h2 {
padding: 6.25%; }
.Events h3 a {
color: #b8b8b8;
text-decoration: none; }
.Events .location-header {
display: block; }
@media (min-width: 1024px) {
.Events .location-header {
display: inline;
margin-left: 50px;
position: relative; } }
.Events .date-header {
display: block;
color: #b8b8b8; }
@media (min-width: 1024px) {
.Events .date-header {
display: inline;
position: absolute;
top: 42.5%;
right: 160px; } }
.Events .event-block {
box-sizing: border-box;
border-top: 1px solid rgba(184, 184, 184, 0.18);
overflow: hidden;
position: relative;
margin-top: 0;
margin-bottom: 0; }
.Events input {
position: absolute;
left: -5000px; }
.Events label,
.Events .event-title {
position: relative;
display: block;
cursor: pointer;
padding: 6.25%; }
.Events .contents {
max-height: 0;
overflow: hidden;
padding: 0 6.25%;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out; }
.Events .contents > * {
max-width: 800px; }
.Events input:checked ~ label {
background-color: white;
padding-bottom: 10px; }
.Events input:checked ~ .contents {
max-height: 100em;
padding: 50px 6.25%;
background-color: white; }
.Events input[type="checkbox"] + label::after {
content: "+";
float: right;
position: absolute;
right: 6.25%;
top: 35%; }
@media (min-width: 1024px) {
.Events input[type="checkbox"] + label::after {
position: static; } }
.Events input[type="checkbox"]:checked + label::after {
content: "-";
float: right; }

.Event {
padding: 6.25%;
border-top: 1px solid rgba(184, 184, 184, 0.18); }
.Event .header {
color: #595959;
position: relative; }
.Event .header .title {
cursor: pointer;
margin-right: 20px;
display: inline-block;
color: #595959;
text-decoration: none; }
.Event .header .title:hover {
color: #464646; }
.Event .header .right a {
margin: 0;
padding: 0; }
.Event .header .right a img {
width: 320px;
max-width: 320px;
height: auto; }
.Event .header .right .date {
display: block; }
.Event .header .left .date {
display: block;
margin-top: 10px; }
@media (min-width: 1024px) {
.Event .header {
display: flex; }
.Event .header .left,
.Event .header .right {
width: 50%; }
.Event .header .right {
text-align: right; }
.Event .header .right .date {
display: inline-block; } }
.Event h2 .location {
display: block;
margin-top: 10px; }
@media (min-width: 1024px) {
.Event h2 .location {
margin-top: 0;
display: inline-block; } }
.Event .toggle {
font-size: 30px;
margin-left: 60px;
display: inline-block;
cursor: pointer;
font-weight: 300;
position: absolute;
right: 0;
top: -3px;
width: 30px;
text-align: center;
color: #b8b8b8;
text-decoration: none; }
.Event .toggle:hover {
color: #595959; }
.Event .toggle::before {
content: "+"; }
@media (min-width: 1024px) {
.Event .toggle {
position: relative;
top: 5px; } }
.Event .toggle .minus {
display: none; }
.Event .content {
width: 100%;
overflow: hidden;
height: 0; }
.Event .content .description {
padding-top: 3%;
line-height: 1.5;
max-width: 700px; }
.Event .content .description a {
color: #222222;
text-decoration: underline; }
.Event .content .description a:hover {
text-decoration: none; }
.Event .content .more {
margin-top: 20px; }

.Event.is-open {
background-color: white;
-moz-transition: height 200ms ease-in-out;
-o-transition: height 200ms ease-in-out;
-webkit-transition: height 200ms ease-in-out;
transition: height 200ms ease-in-out; }
.Event.is-open .toggle::before {
content: "-"; }
.Event.is-open .content {
height: 100%; }

@media screen and (max-width: 900px) {
.Event .header {
display: flex;
flex-direction: column-reverse;
/* puts images before the content */ }
.Event .header .right {
padding-top: 24px; }
.Event .header .right a img {
width: 80%;
max-width: 80vw;
height: auto; } }

.launch {
position: relative;
color: white;
display: block;
padding: 6.25%; }
@media (min-width: 1024px) {
.launch {
display: flex;
flex-wrap: wrap; } }
.launch > .header {
position: relative; }
@media (min-width: 1024px) {
.launch > .header {
justify-content: space-between;
align-items: baseline;
width: 50%;
min-width: 50%;
margin-right: 13.5%;
order: 1; } }
.launch > .header .title {
display: inline-block;
margin-right: 20px; }
.launch > .header .date {
display: inline-block; }
.launch > .video {
margin-top: 40px; }
@media (min-width: 1024px) {
.launch > .video {
margin-top: 0; } }
.launch > .video > div {
width: 100%;
height: 100%;
position: absolute;
display: block;
top: 0;
left: 0; }
.launch > .video span {
display: block;
height: 0;
overflow: visible;
padding-bottom: 56.25%;
position: relative; }
.launch > .video iframe {
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0; }
@media (min-width: 1024px) {
.launch > .video {
width: 57.14286%;
min-width: 57.14286%;
height: 0;
margin-right: 6.25%;
padding-top: 32.14286%;
position: relative;
display: block;
order: 3; } }
@media screen and (max-width: 1023px) {
.launch > .video {
width: 100%;
min-width: 100%;
height: 0;
padding-top: 56.25%;
position: relative;
display: block;
order: 3; } }
.launch > .toc-header {
position: relative;
vertical-align: baseline;
order: 2;
padding-top: 40px;
padding-bottom: 40px; }
@media (min-width: 1024px) {
.launch > .toc-header {
width: 35.71429%;
min-width: 35.71429%;
padding-top: 0; } }
.launch .toc {
border-top: 1px solid #595959;
padding-top: 40px;
position: relative; }
@media (min-width: 1024px) {
.launch .toc {
width: 35.71429%;
min-width: 35.71429%;
order: 4; } }
.launch .toc .chapter {
margin-bottom: 20px;
line-height: 1.6;
cursor: pointer; }
.launch .toc .chapter .person {
display: block;
color: #595959; }
.launch .toc .chapter .role {
display: block;
margin-top: 2px; }
@media (min-width: 1024px) {
.launch .toc .chapter .person,
.launch .toc .chapter .role {
float: left;
display: block; }
.launch .toc .chapter .role {
margin-top: 0;
margin-right: 10px;
position: relative; } }
.launch .toc .chapter:hover .person {
text-decoration: underline; }

.LiveIndicator > .Btn > .circle {
width: 16px;
height: 16px;
background-color: #FF4200;
display: inline-block;
border-radius: 50%;
position: relative;
vertical-align: middle;
top: -1px;
left: 12px;
-webkit-animation: flickerAnimation 2s ease-in-out infinite;
-moz-animation: flickerAnimation 2s ease-in-out infinite;
-o-animation: flickerAnimation 2s ease-in-out infinite;
animation: flickerAnimation 2s ease-in-out infinite; }

@keyframes flickerAnimation {
0% {
opacity: 1; }
50% {
opacity: 0; }
100% {
opacity: 1; } }

@-o-keyframes flickerAnimation {
0% {
opacity: 1; }
50% {
opacity: 0; }
100% {
opacity: 1; } }

@-moz-keyframes flickerAnimation {
0% {
opacity: 1; }
50% {
opacity: 0; }
100% {
opacity: 1; } }

@-webkit-keyframes flickerAnimation {
0% {
opacity: 1; }
50% {
opacity: 0; }
100% {
opacity: 1; } }

.PressGallery {
border-top: 1px solid rgba(184, 184, 184, 0.18);
padding: 6.25% 0;
position: relative;
background-color: #222222; }
@media (min-width: 1024px) {
.PressGallery {
padding: 6.25% calc(6.25% - 20px); } }
.PressGallery > .title {
color: white; }
.PressGallery .title {
margin-left: 20px; }

.PressThumbnails {
display: flex;
flex-direction: row;
position: relative;
padding-bottom: 40px;
overflow: auto; }
@media (min-width: 1024px) {
.PressThumbnails {
flex-wrap: wrap; } }
.PressThumbnails > .image {
position: relative;
width: 100%;
flex: 1 0 75%; }
@media (min-width: 1024px) {
.PressThumbnails > .image {
flex: 1 0 16.666666%;
max-width: 16.666666%; } }
.PressThumbnails > .image .open {
opacity: 0; }
.PressThumbnails > .image > .thumb {
margin: 20px;
box-sizing: border-box;
height: 0;
padding-bottom: 60%;
background-position: center center;
background-size: contain;
background-repeat: no-repeat; }
@media (min-width: 1024px) {
.PressThumbnails > .image > .thumb {
width: calc(100% - 40px); } }
.PressThumbnails > .image > .open {
opacity: 0; }
.PressThumbnails > .image:hover {
cursor: pointer; }
.PressThumbnails > .image:hover .open {
opacity: 1;
z-index: 0;
color: white;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
text-align: center;
font-size: 48px;
margin: 0; }
.PressThumbnails .Btn {
display: none; }
@media (min-width: 1024px) {
.PressThumbnails .Btn {
display: block;
position: absolute;
bottom: 0;
left: 0;
margin-left: calc(6.25% - 40px);
margin-right: 0; } }

.PressGalleryModal svg path {
fill: white; }

.PressGalleryModal > .image {
z-index: 900;
height: auto;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-color: #464646; }

.PressGalleryModal > .image-left {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 25%;
z-index: 949;
cursor: pointer; }
@media (min-width: 1024px) {
.PressGalleryModal > .image-left {
width: 15%; } }
.PressGalleryModal > .image-left svg {
position: fixed;
left: 35px;
bottom: 35px; }
@media (min-width: 1024px) {
.PressGalleryModal > .image-left svg {
top: 50%; } }

.PressGalleryModal > .image-right {
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 25%;
z-index: 949;
cursor: pointer; }
@media (min-width: 1024px) {
.PressGalleryModal > .image-right {
width: 15%; } }
.PressGalleryModal > .image-right svg {
position: fixed;
bottom: 35px;
right: 35px; }
@media (min-width: 1024px) {
.PressGalleryModal > .image-right svg {
top: 50%; } }

.PressGalleryModal > .close {
cursor: pointer;
position: fixed;
right: 35px;
top: 35px;
width: 34px;
height: 34px;
display: block;
z-index: 950; }
.PressGalleryModal > .close svg path {
fill: white; }

.PressGalleryModal > .index-pos {
position: fixed;
color: white;
left: 35px;
top: 35px;
width: 62px;
height: 62px;
display: block;
z-index: 950; }

.PressGalleryModal > .download {
position: fixed;
bottom: 35px;
display: inline-block;
text-align: center;
left: 0;
right: 0;
z-index: 948; }

.BlogIndex {
position: relative;
background-color: #f9f9f9; }
.BlogIndex .hero-image {
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 380px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
overflow: hidden; }
.BlogIndex .hero-image .bgImage {
width: 100%;
height: auto;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.BlogIndex .hero-image > h4 {
color: white;
position: absolute;
top: calc(50% - 40px);
right: 0;
bottom: 0;
left: 0;
text-align: center; }
.BlogIndex > .latest {
padding-left: 6.25%;
padding-top: 6.25%; }
.BlogIndex > .posts {
padding: 6.25%; }
@media (min-width: 1024px) {
.BlogIndex > .posts {
padding: 3.125%;
display: flex;
flex-wrap: wrap; } }
.BlogIndex > .posts .date,
.BlogIndex > .posts .author {
color: #595959;
display: inline; }
.BlogIndex > .posts .title {
font-size: 20px; }
.BlogIndex > .posts .author {
margin-left: 20px; }
.BlogIndex > .posts .meta {
opacity: 0.5; }
.BlogIndex > .posts .excerpt {
color: #464646;
line-height: 22px; }
.BlogIndex > .posts .excerpt p {
font-size: 12px;
line-height: 15px;
line-height: 22px; }
.BlogIndex > .pagination {
background-color: white;
color: #464646;
height: 104px;
text-align: center;
position: relative; }
.BlogIndex > .pagination a {
text-decoration: none;
color: #464646; }
.BlogIndex > .pagination > .pages {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-weight: 400;
display: flex;
justify-content: center;
align-items: center; }
.BlogIndex > .pagination > .pages > a,
.BlogIndex > .pagination > .pages > .current {
display: inline-block;
margin: 4px;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid white;
line-height: 40px; }
.BlogIndex > .pagination > .pages > a:hover {
border-color: #b8b8b8;
color: #b8b8b8; }
.BlogIndex > .pagination > .pages > .current {
border-color: #464646;
color: #464646; }

.BlogTile {
position: relative;
margin-left: 0;
margin-right: 0;
display: block;
text-decoration: none;
color: #222222;
box-sizing: border-box;
margin-bottom: 12%; }
@media (min-width: 1024px) {
.BlogTile {
flex: 1 0 33.3333%;
min-width: 33.3333%;
max-width: 33.3333%;
margin-bottom: 0; }
.BlogTile:last-of-type {
margin-right: 0; }
.BlogTile:hover {
background-color: white;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } }
@media (min-width: 1024px) {
.BlogTile > .internal {
padding: 9.375%; } }
.BlogTile > .internal > .image img {
display: block;
width: 100%; }
.BlogTile > .internal > .placeholder {
width: 100%;
display: block;
height: 0;
padding-bottom: 49.7%; }
.BlogTile > .internal > .date {
display: block; }
.BlogTile > .internal > .excerpt p {
line-height: 18px; }

.pagination-prev-arrow {
display: inline-block;
position: relative;
background-image: url(/assets/images/black-arrow-prev.png);
background-position: 12px 8px;
background-size: auto 58%;
background-repeat: no-repeat;
cursor: pointer;
margin: 0 !important;
border: none !important; }

.pagination-next-arrow {
display: inline-block;
position: relative;
background-image: url(/assets/images/black-arrow.png);
background-position: 15px 8px;
background-size: auto 58%;
background-repeat: no-repeat;
cursor: pointer;
margin: 0 !important;
border: none !important; }

@media (max-width: 768px) {
.BlogIndex > .pagination > .pages > a,
.BlogIndex > .pagination > .pages > .current {
margin: 2px;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 14px; } }

.Blog {
position: relative;
margin-top: 80px; }
.Blog > .hero-image {
position: relative;
max-height: 60vh;
overflow: hidden; }
.Blog > .hero-image > img {
width: 100%;
display: block; }

.BlogContent {
background-color: white;
display: flex;
flex-wrap: wrap;
padding: 6.25%; }
@media (min-width: 1024px) {
.BlogContent {
padding: 0; } }
.BlogContent p:last-child,
.BlogContent p:last-of-type {
margin-bottom: 0; }
.BlogContent > .left {
order: 1;
width: 100%; }
.BlogContent > .left > .internal {
padding-bottom: 50px;
margin: 0 auto;
max-width: 48em; }
@media (min-width: 1024px) {
.BlogContent > .left {
box-sizing: border-box;
background-color: #f9f9f9; }
.BlogContent > .left > .internal {
padding: 10%;
margin: 0 auto;
width: 48em;
padding-top: 5%; } }
.BlogContent > .left .title {
line-height: 55px; }
.BlogContent > .left .tag-btn {
background-color: transparent; }
.BlogContent > .left .tag-btn:hover {
color: #222222;
border-color: #222222; }
.BlogContent > .left .blog-info {
display: flex;
flex-wrap: wrap;
position: relative;
margin-bottom: 20px; }
.BlogContent > .left .blog-info .author-item {
flex: 0 1 auto;
display: flex;
margin-right: 60px;
margin-bottom: 60px; }
@media (max-width: 768px) {
.BlogContent > .left .blog-info .author-item {
flex: 1 1 100%;
margin-right: 0; } }
.BlogContent > .left .blog-info .author-item .avatar {
display: block;
position: relative;
width: 75px; }
.BlogContent > .left .blog-info .author-item .avatar .avatar-circle-mask {
display: block;
position: relative;
width: 75px;
height: 75px;
border-radius: 50%;
overflow: hidden; }
.BlogContent > .left .blog-info .author-item .avatar img {
display: block;
position: absolute;
width: auto;
min-width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.BlogContent > .left .blog-info .author-item .meta {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
margin-left: 30px; }
.BlogContent > .left .blog-info .author-item .meta .author strong {
font-weight: bold; }
.BlogContent > .left .blog-info .author-item .meta .role {
text-align: left; }
.BlogContent > .left .code-window {
padding: 0; }
.BlogContent > .left .body-text {
-webkit-font-smoothing: antialiased; }
.BlogContent > .left .body-text sup,
.BlogContent > .left .body-text sub {
font-size: 10px;
font-weight: 400;
position: relative; }
.BlogContent > .left .body-text sup {
top: -10px; }
.BlogContent > .left .body-text sub {
bottom: -3px; }
.BlogContent > .left .body-text table {
margin: 0 0 30px;
width: 100%;
border-collapse: collapse;
border: none; }
.BlogContent > .left .body-text table tr:first-child {
font-weight: bold; }
.BlogContent > .left .body-text table tr th, .BlogContent > .left .body-text table tr td {
padding: 10px; }
.BlogContent > .left .body-text.style-1 table {
border: 1px solid #464646; }
.BlogContent > .left .body-text.style-1 table tbody tr:nth-child(even) {
color: #464646;
background-color: white; }
.BlogContent > .left .body-text.style-1 table tbody tr:nth-child(odd) {
color: #222222;
background-color: #f9f9f9; }
.BlogContent > .left .body-text.style-1 table tbody tr:first-child {
color: white;
background-color: #464646; }
.BlogContent > .left .body-text.style-1 table tbody tr th, .BlogContent > .left .body-text.style-1 table tbody tr td {
border: 1px solid #464646; }
.BlogContent > .left .body-text.style-1 table tbody tr td, .BlogContent > .left .body-text.style-1 table tbody tr td p {
font-size: 13px; }
.BlogContent > .left .body-text.style-2 table {
border: 1px solid #8259ef; }
.BlogContent > .left .body-text.style-2 table tbody tr:nth-child(even) {
color: #464646;
background-color: white; }
.BlogContent > .left .body-text.style-2 table tbody tr:nth-child(odd) {
color: #222222;
background-color: #f9f9f9; }
.BlogContent > .left .body-text.style-2 table tbody tr:first-child {
color: white;
background-color: #8259ef; }
.BlogContent > .left .body-text.style-2 table tbody tr th, .BlogContent > .left .body-text.style-2 table tbody tr td {
border: 1px solid #8259ef; }
.BlogContent > .left .body-text.style-2 table tbody tr td, .BlogContent > .left .body-text.style-2 table tbody tr td p {
font-size: 13px; }
.BlogContent > .left .body-text.style-3 table {
border: 1px solid var(--c-primary); }
.BlogContent > .left .body-text.style-3 table tbody tr:nth-child(even) {
color: #464646;
background-color: white; }
.BlogContent > .left .body-text.style-3 table tbody tr:nth-child(odd) {
color: #222222;
background-color: #f9f9f9; }
.BlogContent > .left .body-text.style-3 table tbody tr:first-child {
color: white;
background-color: var(--c-primary); }
.BlogContent > .left .body-text.style-3 table tbody tr th, .BlogContent > .left .body-text.style-3 table tbody tr td {
border: 1px solid var(--c-primary); }
.BlogContent > .left .body-text.style-3 table tbody tr td, .BlogContent > .left .body-text.style-3 table tbody tr td p {
font-size: 13px; }
.BlogContent > .left .body-text.style-4 table {
border: 1px solid var(--c-secondary); }
.BlogContent > .left .body-text.style-4 table tbody tr:nth-child(even) {
color: #464646;
background-color: white; }
.BlogContent > .left .body-text.style-4 table tbody tr:nth-child(odd) {
color: #222222;
background-color: #f9f9f9; }
.BlogContent > .left .body-text.style-4 table tbody tr:first-child {
color: white;
background-color: var(--c-secondary); }
.BlogContent > .left .body-text.style-4 table tbody tr th, .BlogContent > .left .body-text.style-4 table tbody tr td {
border: 1px solid var(--c-secondary); }
.BlogContent > .left .body-text.style-4 table tbody tr td, .BlogContent > .left .body-text.style-4 table tbody tr td p {
font-size: 13px; }
@media (max-width: 1100px) {
.BlogContent > .left .body-text .table-section {
position: relative; }
.BlogContent > .left .body-text .table-section::after {
content: "";
width: 13vw;
background: #f9f9f9;
background: linear-gradient(90deg, rgba(249, 249, 249, 0), #f9f9f9);
position: absolute;
right: -6.25vw;
top: 0;
height: 100%;
pointer-events: none; }
.BlogContent > .left .body-text .table-section .table-wrapper {
overflow-x: auto;
margin: 0 -6.25vw;
padding: 0 6.25vw;
scrollbar-width: none; }
.BlogContent > .left .body-text .table-section .table-wrapper::-webkit-scrollbar {
display: none; }
.BlogContent > .left .body-text .table-section table {
width: max-content; } }
.BlogContent > .left .body-text img {
max-width: 100%;
width: auto;
height: auto;
display: block;
position: relative; }
.BlogContent > .left .body-text h1 {
font-size: 32px;
line-height: 48px; }
.BlogContent > .left .body-text h2 {
font-size: 24px;
line-height: 38px; }
.BlogContent > .left .body-text h3 {
font-size: 22px;
line-height: 33px; }
.BlogContent > .left .body-text h4 {
font-size: 20px;
line-height: 30px; }
.BlogContent > .left .body-text h5 {
font-size: 18px;
line-height: 27px; }
.BlogContent > .left .body-text h6 {
font-size: 16px;
line-height: 24px; }
.BlogContent > .left .body-text p {
font-size: 18px;
line-height: 2;
margin-bottom: 30px;
overflow-wrap: break-word; }
.BlogContent > .left .body-text p em {
font-style: italic; }
.BlogContent > .left .body-text p strong {
font-weight: bold;
font-size: 18px;
line-height: 2; }
.BlogContent > .left .body-text p:last-child, .BlogContent > .left .body-text p:last-of-type {
margin-bottom: 0; }
.BlogContent > .left .body-text p + .table-section {
margin-top: 30px; }
.BlogContent > .left .body-text table p {
font-size: 13px; }
.BlogContent > .left .body-text a {
text-decoration-line: none;
color: #8259ef;
word-break: break-word; }
.BlogContent > .left .body-text em {
font-style: italic; }
.BlogContent > .left .body-text strong {
font-weight: bold; }
.BlogContent > .left .body-text ol {
list-style: decimal;
margin-left: 20px;
/* offset to left-align with content */ }
.BlogContent > .left .body-text ol ol {
list-style: lower-alpha;
margin-left: 20px;
/* offset to left-align with content */ }
.BlogContent > .left .body-text li {
font-size: 18px;
margin-bottom: 0px;
line-height: 2; }
.BlogContent > .left .body-text li ul {
margin-top: 0px; }
.BlogContent > .left .image img {
width: 100%;
display: block;
max-width: fit-content;
margin-left: auto;
margin-right: auto; }
.BlogContent > .left .image > .image-caption {
line-height: 30px;
text-align: center; }
.BlogContent > .left .blog-video {
display: block;
height: 0;
margin-bottom: 30px;
overflow: visible;
padding-bottom: 60%;
position: relative;
width: 100%; }
.BlogContent > .left .blog-video iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
@media (min-width: 1024px) {
.BlogContent > .left .share {
padding-bottom: 0; } }
.BlogContent > .left .share .buttons {
display: block; }
@media (min-width: 1024px) {
.BlogContent > .left .share .buttons {
display: flex;
justify-content: space-between;
align-items: baseline; } }
.BlogContent > .left .share > a {
display: inline-block;
position: relative;
margin-right: 16px;
margin-bottom: 16px;
width: 24px;
min-width: 24px;
height: 24px;
float: left; }
@media (min-width: 1024px) {
.BlogContent > .left .share > a {
margin-bottom: 0;
float: none; } }
.BlogContent > .left .share > a svg {
display: block; }
.BlogContent > .left .share > a svg path {
fill: #8c8c8c; }
.BlogContent > .left .share > a.tag-btn {
background-color: transparent;
margin: 0 auto 50px;
max-width: 300px; }
.BlogContent > .left .share > a.tag-btn:hover {
color: #222222;
border-color: #222222; }
.BlogContent > .left .share .back-to-blog {
margin-top: 20px;
margin-bottom: 0; }
.BlogContent > .right {
order: 2;
width: 100%; }
@media (min-width: 1024px) {
.BlogContent > .right {
width: 100%;
padding-left: 6.25%;
padding-right: 6.25%;
box-sizing: border-box; } }
.BlogContent > .right .recent-posts {
padding-top: 50px; }
@media (min-width: 1024px) {
.BlogContent > .right .recent-posts {
padding-top: 80px; } }
.BlogContent > .right .recent-posts ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: -1.5%;
margin-right: -1.5%; }
@media (min-width: 1024px) {
.BlogContent > .right .recent-posts ul {
margin-right: 0;
margin-left: 0; } }
.BlogContent > .right .recent-posts ul li {
list-style: none; }
.BlogContent > .right .recent-posts ul > li {
flex: 0 0 30.3333%;
padding: 0 1.5% 30px; }
@media (max-width: 768px) {
.BlogContent > .right .recent-posts ul > li {
flex: 0 0 47%; } }
@media (max-width: 550px) {
.BlogContent > .right .recent-posts ul > li {
flex: 0 0 97%; } }
.BlogContent > .right .recent-posts a {
text-decoration: none;
color: #464646;
display: block;
width: 100%;
height: 100%; }
.BlogContent > .right .recent-posts .image {
margin-bottom: 10px; }
.BlogContent > .right .recent-posts .image img {
width: 100%;
display: block;
max-width: fit-content;
margin-left: auto;
margin-right: auto; }
.BlogContent > .right .recent-posts .title {
display: block;
line-height: 24px;
margin-bottom: 10px; }
.BlogContent > .right .recent-posts .author {
margin-bottom: 10px; }
.BlogContent > .right .recent-posts .tag-btn {
display: none;
background-color: transparent;
margin: 0 auto 50px;
max-width: 300px; }
@media (max-width: 768px) {
.BlogContent > .right .recent-posts .tag-btn {
display: block; } }
.BlogContent > .right .recent-posts .tag-btn:hover {
color: #222222;
border-color: #222222; }
.BlogContent > .right .recent-posts > ul {
margin-bottom: 20px; }
.BlogContent > .right .buttons > .Btn {
margin-right: 10px;
padding: 0 17px; }
.BlogContent > .right .buttons > .Btn.tag-btn {
color: #b8b8b8;
margin: 0 auto 50px;
max-width: 300px; }
.BlogContent > .right .buttons > .Btn.tag-btn:hover {
color: #222222;
border-color: #222222; }
.BlogContent > .right .buttons svg {
width: 16px;
vertical-align: middle;
margin-left: -5px;
margin-right: 10px; }

.BlogContent > .left .body-text {
max-width: 100%; }

@media (min-width: 1024px) {
.BlogContent > .left .image img {
width: auto; } }

.blog-page-title {
font-size: 36px;
color: #f9f9f9; }

.blog-signup .contents {
display: flex;
justify-content: center; }

.blog-signup input {
border: 1px solid #595959;
background: transparent;
padding: 2px 2px 2px 8px;
font-size: 14px;
min-width: 220px;
color: #b8b8b8;
font-family: Styrene A Web,Helvetica Neue,Sans-Serif; }

.blog-signup input:focus {
outline: none; }

.blog-signup .make-signup {
margin-bottom: 48px; }

.blog-signup .make-signup .Btn {
margin-left: 20px; }

.blog-signup .make-signup .Btn.is-full {
width: auto;
background: linear-gradient(160deg, var(--c-primary), #8259ef);
border: none; }

.blog-signup .make-signup .Btn.is-full:hover {
background: linear-gradient(160deg, var(--c-primary), var(--c-primary));
color: #ffffff; }

.small-caps-whitepaper {
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
letter-spacing: 2px; }

.whitepaper {
padding: 6.25%;
margin-top: 80px; }
.whitepaper > .internal > * {
margin-bottom: 20px; }
.whitepaper > .internal strong, .whitepaper > .internal b {
font-weight: 500;
font-size: 14px; }
.whitepaper > .internal em {
font-style: italic; }
.whitepaper > .internal a {
color: #222222; }
.whitepaper p {
font-size: 12px;
line-height: 15px; }
.whitepaper ul li {
font-size: 12px;
line-height: 15px; }
.whitepaper p.intro {
font-size: 14px;
line-height: 1.8;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
@media (min-width: 1024px) {
.whitepaper p.intro {
font-size: 15px;
line-height: 2; } }

.CookieConsent {
position: fixed;
overflow: visible;
z-index: 900;
left: 0;
right: 0;
bottom: 0;
padding: 16px 20px;
background-color: #8c8c8c;
line-height: 1.7;
font-weight: 400;
color: white; }
@media (min-width: 1400px) {
.CookieConsent .break {
display: block; } }
.CookieConsent > p {
width: calc(100% - 60px); }
@media (min-width: 1024px) {
.CookieConsent > p {
width: calc(100% - 6.25vw);
max-width: 1000px; } }
.CookieConsent > p > a {
text-decoration: underline;
color: #f9f9f9; }
.CookieConsent > .close {
position: absolute;
right: 0;
top: 16px;
width: 80px;
height: 30px; }
@media (min-width: 1024px) {
.CookieConsent > .close {
width: 6.25vw;
top: 25px; } }
.CookieConsent > .close > a {
display: block;
margin: 0 auto;
width: 30px;
height: 30px;
background-color: white;
border-radius: 50%;
text-align: center;
line-height: 28px;
color: #8c8c8c;
font-size: 17px;
cursor: pointer; }
.CookieConsent > .close > a:hover {
color: white;
background-color: #464646; }

.Page-Video {
position: relative;
height: 0;
width: 100%;
padding-bottom: 56.25%;
overflow: hidden; }
.Page-Video iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.Page-Video .video-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center; }
.Page-Video .video-overlay .Btn {
width: 100%;
height: 100%;
background-position: center; }
.Page-Video .video-overlay.hide {
display: none; }

.About.Spread {
position: relative;
min-height: 60vh; }
.About.Spread > .image {
padding: 12.5%;
height: auto; }
@media (min-width: 1024px) {
.About.Spread > .image {
padding: 6.25%;
width: calc(50% - 12.5%); } }
.About.Spread .title {
color: white;
margin-bottom: 40px; }
.About.Spread .icon {
display: inline-block;
margin-right: 20px;
position: relative;
top: 6px; }
.About.Spread h2 {
display: inline-block; }
.About.Spread .BodyCopy.Values {
color: white; }
.About.Spread .BodyCopy.Values > .sub-title {
font-weight: 500;
margin-bottom: 0; }

.Home-intro .About.image {
background-attachment: scroll;
display: block;
overflow: hidden; }
.Home-intro .About.image img {
min-width: 100%;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
@media (max-width: 1300px) {
.Home-intro .About.image img {
width: auto;
height: 100%;
min-width: 100%; } }

.Home-intro .About .ButtonLauncher {
margin: 0 auto 32px; }
@media (min-width: 1024px) {
.Home-intro .About .ButtonLauncher {
margin-bottom: 48px; } }

.Home-intro .Careers.image {
background-attachment: scroll; }

.about-short-intro .Home-intro .About img.bgImage {
width: auto;
height: 100%; }

.Section .About .integrators {
position: relative; }
.Section .About .integrators .integrators-list li {
font-size: 13px;
line-height: 25px;
width: 50%;
float: left; }
.Section .About .integrators .Btn.listed {
position: absolute;
bottom: 12.5%; }

.About {
position: relative; }
.About > .integrator-info > .padding {
padding: 12.5%; }
@media (min-width: 1024px) {
.About > .integrator-info > .padding {
padding-bottom: 0; } }
.About > .integrator-info .name {
font-size: 26px;
line-height: 28px;
padding-bottom: 12.5%; }
.About > .integrator-info .media {
background-image: url("/assets/images/image2.png");
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
height: 0;
overflow: visible;
padding-bottom: 60%;
position: relative; }
.About > .integrator-info .content {
font-size: 13px;
font-weight: 400;
letter-spacing: 0.32px;
line-height: 25px;
padding-top: 6.25%; }
.About > .integrator-info .visit.Btn {
position: absolute;
bottom: 12.5%; }
.About > .integrator-info.is-dark {
background-color: #464646;
color: white; }
.About > .integrator-info.is-dark > .image {
background-color: #464646; }
.About > .integrators > .padding {
padding: 12.5%; }
@media (min-width: 1024px) {
.About > .integrators > .padding {
padding: none; } }
.About > .integrators .title {
font-size: 26px;
line-height: 28px; }
.About > .integrators ul li {
font-size: 26px;
line-height: 42px;
font-weight: 300; }
@media (min-width: 1024px) {
.About {
display: flex; }
.About > .integrators {
width: 50%;
overflow: hidden;
height: 100vh;
padding-bottom: 0;
max-height: 920px; }
.About > .integrators ul li.active::after {
content: " \2022"; }
.About.not-full > .integrators {
position: absolute;
right: 0;
top: 0;
height: 100%;
max-height: auto; }
.About > .integrator-info {
display: none;
width: 50%;
min-height: auto; }
.About > .integrator-info.is-active {
display: block; }
.About:nth-child(2n-1) > .integrator-info {
order: 1; }
.About:nth-child(2n-1) > .integrators {
order: 2; }
.About.is-dark > .integrator-info, .About.is-intro > .integrator-info {
order: 1; }
.About.is-dark > .integrators, .About.is-intro > .integrators {
order: 2; } }

.learn-more {
display: flex;
position: relative; }
.learn-more .left {
margin: 6.25%;
width: 50%; }
.learn-more .left .header {
display: flex;
margin-bottom: 50px; }
.learn-more .left .header .illustration {
width: 6.25vw; }
.learn-more .left .header .title {
font-size: 24px;
line-height: 34px;
width: 25vw; }
.learn-more .right {
margin: 6.25%;
position: relative;
width: 50%; }
.learn-more .right .image {
margin-bottom: 60px;
width: 25vw; }
.learn-more .right .image img {
width: 100%;
display: block; }
.learn-more .right .Btn.learn {
position: absolute;
bottom: 0; }

.learn-more .content {
font-size: 13px;
line-height: 25px;
letter-spacing: 0.32px;
padding-bottom: 33px; }

.About {
position: relative; }
.About > .partner-info > .padding {
padding: 12.5%; }
@media (min-width: 1024px) {
.About > .partner-info > .padding {
padding-bottom: 0; } }
.About > .partner-info .name {
font-size: 26px;
line-height: 28px;
padding-bottom: 12.5%; }
.About > .partner-info .media {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
height: 0;
overflow: visible;
padding-bottom: 60%;
position: relative; }
.About > .partner-info .media iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.About > .partner-info .content {
font-size: 13px;
font-weight: 400;
letter-spacing: 0.32px;
line-height: 25px;
padding-top: 6.25%; }
.About > .partner-info .visit.Btn {
position: absolute;
bottom: 12.5%; }
.About > .partner-info.is-dark {
background-color: #464646;
color: white; }
.About > .partner-info.is-dark > .image {
background-color: #464646; }
.About > .partners > .padding {
padding: 12.5%; }
@media (min-width: 1024px) {
.About > .partners > .padding {
padding: none; } }
.About > .partners .title {
font-size: 26px;
line-height: 28px; }
.About > .partners ul li {
font-size: 26px;
line-height: 42px;
font-weight: 300; }
@media (min-width: 1024px) {
.About {
display: flex; }
.About > .partners {
width: 50%;
overflow: hidden;
height: 100vh;
padding-bottom: 0;
max-height: 920px; }
.About > .partners ul li.active::after {
content: " \2022"; }
.About.not-full > .partners {
position: absolute;
right: 0;
top: 0;
height: 100%;
max-height: auto; }
.About > .partner-info {
display: none;
width: 50%;
min-height: auto; }
.About > .partner-info.is-active {
display: block; }
.About:nth-child(2n-1) > .partner-info {
order: 2; }
.About:nth-child(2n-1) > .partners {
order: 1; } }

.PodcastGrid {
background-color: white;
padding: 6.25% 6.25% 0 6.25%; }
.PodcastGrid > h4 {
padding-bottom: 6.25%; }
.PodcastGrid > .podcasts {
padding-bottom: 6.25%; }
.PodcastGrid > .podcasts > .podcast,
.PodcastGrid .view-all-podcasts > .podcast {
display: block;
text-decoration: none;
color: #464646;
margin-bottom: 12.5%; }
.PodcastGrid > .podcasts > .podcast .image,
.PodcastGrid .view-all-podcasts > .podcast .image {
height: 0;
padding-bottom: 54%;
margin-bottom: 20px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
-webkit-filter: grayscale(1);
filter: grayscale(1); }
.PodcastGrid > .podcasts > .podcast > h5,
.PodcastGrid .view-all-podcasts > .podcast > h5 {
margin-bottom: 6px; }
.PodcastGrid > .podcasts > .podcast > .duration,
.PodcastGrid .view-all-podcasts > .podcast > .duration {
color: #b8b8b8; }
.PodcastGrid > .podcasts > .podcast:hover .image,
.PodcastGrid .view-all-podcasts > .podcast:hover .image {
-webkit-filter: grayscale(0);
filter: grayscale(0); }
@media (min-width: 1024px) {
.PodcastGrid > .podcasts,
.PodcastGrid .view-all-podcasts {
display: flex;
flex-wrap: wrap; }
.PodcastGrid > .podcasts > .podcast,
.PodcastGrid .view-all-podcasts > .podcast {
min-width: 25vw;
max-width: 25vw;
flex: 1 0 25vw;
padding: 0;
margin-right: 6.25%;
margin-bottom: 40px; }
.PodcastGrid > .podcasts > .podcast:last-of-type,
.PodcastGrid .view-all-podcasts > .podcast:last-of-type {
margin-right: 0; }
.PodcastGrid > .podcasts > .podcast:nth-child(3n),
.PodcastGrid .view-all-podcasts > .podcast:nth-child(3n) {
margin-right: 0; }
.PodcastGrid > .podcasts.hidden,
.PodcastGrid .view-all-podcasts.hidden {
display: none; } }
.PodcastGrid a.view-all-button {
margin-bottom: 6.25%; }

.RoadMap {
height: auto;
position: relative;
display: flex;
flex-wrap: wrap;
background-color: #f9f9f9; }
.RoadMap > .left {
width: 100%;
background-color: #8259ef; }
@media (min-width: 1024px) {
.RoadMap > .left {
width: 0%;
background-position: top;
background-color: #f9f9f9;
background-repeat: no-repeat;
color: #222222; } }
.RoadMap > .left .padding {
padding: 12.5%; }
.RoadMap > .left .padding > .title {
font-size: 26px;
font-weight: 300;
line-height: 36px;
margin-bottom: 32px;
color: white; }
@media (min-width: 1024px) {
.RoadMap > .left .padding > .title {
color: #222222;
margin-bottom: 48px; } }
.RoadMap > .left .padding > .content {
font-size: 16px;
font-weight: 300;
line-height: 30px;
color: white; }
@media (min-width: 1024px) {
.RoadMap > .left .padding > .content {
color: #222222;
margin-bottom: 48px; } }
.RoadMap > .left .padding > .Btn.roadmap {
color: #222222; }
.RoadMap .right {
width: 100%;
background-color: #8259ef;
color: white; }
@media (min-width: 1024px) {
.RoadMap .right {
width: 100%; } }
.RoadMap .right > .content {
width: auto;
margin-left: 12.5%;
border-left: 1px solid white; }
@media (min-width: 1024px) {
.RoadMap .right > .content {
width: 90%;
margin-left: auto; } }
.RoadMap .right > .content > .Btn.phase {
background-color: #8259ef;
left: -15px;
margin-top: 50px;
position: relative;
padding: 0 45px;
pointer-events: none; }
.RoadMap .right > .content .timeline-event {
padding: 36px 12.5% 14px 36px;
display: flex;
flex-wrap: wrap;
border-top: 1px solid rgba(140, 140, 140, 0.1255);
position: relative; }
@media (min-width: 1024px) {
.RoadMap .right > .content .timeline-event {
padding: 36px 6.25% 12px 48px; } }
.RoadMap .right > .content .timeline-event:last-child {
padding-bottom: 12.5%; }
@media (min-width: 1024px) {
.RoadMap .right > .content .timeline-event:last-child {
padding-bottom: 6.25%; } }
.RoadMap .right > .content .timeline-event.completed > .dot {
border: 1px solid white;
background-color: white; }
.RoadMap .right > .content .timeline-event > .dot {
background-color: #8259ef;
border: 1px solid white;
height: 13px;
width: 13px;
position: absolute;
left: -7px;
top: 44px;
border-radius: 50%;
display: inline-block;
box-sizing: border-box; }
.RoadMap .right > .content .timeline-event > .line {
height: 1px;
background-color: white;
width: 20px;
position: absolute;
left: 6px;
top: 50px;
margin-right: 0; }
.RoadMap .right > .content .timeline-event > .title {
font-weight: 300;
line-height: 30px;
pointer-events: none;
width: auto; }
@media (min-width: 1024px) {
.RoadMap .right > .content .timeline-event > .title {
width: 85%; } }
.RoadMap .right > .content .timeline-event > .completed-tick {
display: none; }
@media (min-width: 1024px) {
.RoadMap .right > .content .timeline-event > .completed-tick {
display: block; } }
.RoadMap .right > .content .timeline-event > .completed-tick > svg {
display: block;
width: 100%; }
.RoadMap .right > .content .timeline-event > .completed-tick > svg path {
fill: white; }
.RoadMap .right > .content .timeline-event > .event {
width: auto;
font-size: 12px;
line-height: 30px;
font-weight: 400; }
@media (min-width: 1024px) {
.RoadMap .right > .content .timeline-event > .event {
width: 75%; } }
.RoadMap .right > .content .timeline-event > .event ol {
list-style: inside; }
.RoadMap .right > .content .timeline-event > .event li {
list-style-type: decimal; }
.RoadMap .right > .content:nth-child(1) {
border-top: 0; }

.h18-intro {
background: linear-gradient(90deg, #500089 0%, #a8087b 50.28%, #66088a 100%);
color: white;
font-size: 22px;
height: 100vh;
line-height: 28px;
overflow: hidden;
position: relative; }
.h18-intro > .top .image {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-image: url("/assets/images/intro.jpg");
background-repeat: no-repeat;
background-size: 400%;
background-position: 50% 50%; }
@media (min-width: 1024px) {
.h18-intro > .top .image {
background-position: center center; } }
.h18-intro .h18-logo {
position: relative;
text-align: center;
margin-top: 90px; }
.h18-intro .h18-logo svg {
width: 242px; }
.h18-intro .heading,
.h18-intro .location,
.h18-intro .status {
position: relative; }
.h18-intro .status {
position: absolute;
display: inline-flex;
bottom: 10vw;
left: calc(46vw - 200px); }
.h18-intro .status a {
margin-top: 22px; }
.h18-intro .status p {
margin-bottom: 30px; }
.h18-intro .status-item {
margin: 22px;
width: 236px; }
.h18-intro .hashtag {
position: absolute;
display: inline-flex;
left: calc(50% - 91px);
bottom: 10%;
font-size: 20px;
letter-spacing: 6px;
font-weight: 400; }
.h18-intro .heading {
top: 52%;
left: 45vw;
font-weight: 300;
padding-left: 40px;
border-left: 1px solid white; }
.h18-intro .location {
position: absolute;
font-weight: 300;
left: 12vw;
top: 52vh; }

@media (min-width: 1024px) {
.h18-intro {
max-height: 800px;
font-size: 32px;
line-height: 40px; }
.h18-intro .image {
background-size: cover; }
.h18-intro .h18-logo {
/*position: absolute;
left: 6.25%;*/
margin-top: calc(5% - 50px); }
.h18-intro .heading {
top: calc(56% - 40px);
left: 50vw; }
.h18-intro .location {
padding: 0;
position: absolute;
left: calc(50vw - 290px);
top: calc(56% - 20px); }
.h18-intro .status {
left: calc(50% - 118px);
top: calc(80% - 80px); }
.h18-intro .hashtag {
position: absolute;
bottom: 5%;
left: calc(50% - 76.5px); } }

@media screen and (max-width: 1023px) {
.h18-intro > .top .image {
background-size: cover;
background-position: 29% 0; }
.h18-intro .heading {
padding: 0;
border: none;
left: auto;
text-align: center;
top: 33%; }
.h18-intro .location {
padding: 0;
border: none;
left: auto;
text-align: center;
top: 46%;
width: 100%; }
.h18-intro .status {
display: block;
margin: auto;
width: 280px;
position: absolute;
bottom: auto;
top: 54%;
left: calc(50% - 140px); }
.h18-intro .status a,
.h18-intro .status .Btn {
margin: 11px 22px; }
.h18-intro .h18-logo {
margin-top: 38px; }
.h18-intro .h18-logo svg {
width: 140px; } }

.light {
font-weight: 300; }

.seed4equity18-banner {
color: white;
text-align: center;
padding: 40px 6.25%;
background: linear-gradient(160deg, #9c27b0, #ff5722 34%, #9c27b0);
background-repeat: no-repeat;
background-position: 50%;
background-size: cover; }
.seed4equity18-banner .yellow {
color: #ffce07; }
.seed4equity18-banner .gap-on-big {
display: block;
width: auto;
height: 5px; }
@media (min-width: 1024px) {
.seed4equity18-banner .gap-on-big {
display: inline-block;
width: 20px; } }
.seed4equity18-banner .break {
display: block; }
@media (max-width: 500px) {
.seed4equity18-banner .break {
display: none; } }
.seed4equity18-banner.to-portal {
background: linear-gradient(160deg, #5281e7, #3EC878 34%, #21A056); }
@media (min-width: 1024px) {
.seed4equity18-banner.to-portal {
text-align: left; }
.seed4equity18-banner.to-portal.banner-play-cta .seed4equity18-banner-main {
flex-grow: 1;
width: auto; }
.seed4equity18-banner.to-portal.banner-play-cta .actions {
flex-grow: 0;
width: auto;
text-align: center; }
.seed4equity18-banner.to-portal.banner-play-cta .actions p {
display: none; }
.seed4equity18-banner.to-portal.banner-play-cta .actions .secondary-cta {
margin-left: 12px; }
.seed4equity18-banner.to-portal.banner-play-cta .actions .ButtonLauncher {
margin-bottom: 24px; }
.seed4equity18-banner.to-portal .columns {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center; }
.seed4equity18-banner.to-portal .seed4equity18-banner-main,
.seed4equity18-banner.to-portal .actions {
flex-grow: 0;
flex-shrink: 0; }
.seed4equity18-banner.to-portal .seed4equity18-banner-main > h2,
.seed4equity18-banner.to-portal .actions > h2 {
margin: 0;
padding: 0; }
.seed4equity18-banner.to-portal .seed4equity18-banner-main {
width: 70%; }
.seed4equity18-banner.to-portal .seed4equity18-banner-main h2 {
margin: 20px 0 30px; }
.seed4equity18-banner.to-portal .actions {
width: 30%;
text-align: right;
position: relative; }
.seed4equity18-banner.to-portal .sub-heading {
margin-top: 20px; } }

.seed4equity18-banner h2 {
display: inline-block; }

.seed4equity18-banner h2 strong {
font-weight: 500; }

.seed4equity18-time-date {
display: inline-block;
color: #ffce07;
padding-bottom: 1px;
border-bottom: 1px solid;
text-align: left;
position: relative;
bottom: 0px;
line-height: 1.4em;
font-size: 9px;
left: 0px;
top: 4px; }
@media (min-width: 1024px) {
.seed4equity18-time-date {
border-bottom: 0;
left: 10px;
top: 0; }
.seed4equity18-time-date .underline {
border-bottom: 1px solid #ffce07;
display: inline-block; } }

.hello-future-lockup {
width: 320px;
max-width: 70vw; }

@media (max-width: 1100px) {
.seed4equity18-banner h2 {
line-height: 1.4em;
margin-top: 4px;
margin-bottom: 15px; }
.banner-play-cta .secondary-cta {
margin: 0; }
.hello-future-lockup {
margin-top: 18px; } }

.Future {
margin-top: 80px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px; }
.Future .wrapper {
max-width: 980px;
margin: 0 auto;
overflow: auto;
min-height: 100%;
padding: 0px 10px; }
.Future .wrapper .main {
max-width: 100%;
padding-top: 20px;
padding-bottom: 100px; }
.Future .wrapper .main h1 {
display: block;
font-size: 2em;
margin-block-start: 0.67em;
margin-block-end: 0.67em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
line-height: 1.25; }
.Future .wrapper .main h2 {
display: block;
font-size: 1.5em;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold; }
.Future .wrapper .main h3 {
display: block;
font-size: 1.17em;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold; }
.Future .wrapper .main p {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px; }
.Future .wrapper .main strong, .Future .wrapper .main b {
font-weight: bold; }
.Future .wrapper .main ul {
display: block;
list-style-type: disc;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 40px; }
.Future .wrapper .main li {
display: list-item;
text-align: -webkit-match-parent; }
.Future .wrapper .main a {
text-decoration: none;
color: #2975CA; }
.Future .wrapper .main .location {
color: #757575;
margin: 8px 0px; }
.Future .wrapper .main .wrapper {
padding: 20px; }
.Future .wrapper .main .wrapper .level-0 .opening {
line-height: 20px;
margin-bottom: 25px; }
.Future .wrapper .main .wrapper .level-0 .opening a {
font-size: 16px;
font-weight: bold; }
.Future .wrapper .main .app_body {
max-width: 600px;
position: relative;
padding-left: 20px; }
.Future .wrapper .main .app_body .header {
padding: 0 10px; }
.Future .wrapper .main .app_body .header h1 {
margin-bottom: 0px; }
.Future .wrapper .main .app_body .header h1.app-title {
margin-bottom: 0; }
.Future .wrapper .main .app_body .header .company-name {
font-size: 16px; }
.Future .wrapper .main .app_body .content {
line-height: 20px;
padding: 0 10px; }
@media (max-width: 640px) {
.Future .wrapper {
padding: 0; }
.Future .wrapper .main .app_body {
padding-left: 0; } }

.Academy .heading {
background-color: black;
padding-left: 6.25%;
height: 160px;
color: white; }
.Academy .heading .content {
display: flex;
align-items: center;
padding: 45px 0; }
.Academy .heading .content .icon {
margin-right: 20px; }
.Academy .heading .content .icon img {
display: block; }

.Academy .AcademyForm {
position: relative;
text-align: center;
padding: 12.5% 6.25%;
font-size: 14px;
line-height: 2;
color: white; }
.Academy .AcademyForm > .gradient {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
pointer-events: none; }
.Academy .AcademyForm input {
border-radius: 0; }
@media (min-width: 1024px) {
.Academy .AcademyForm {
padding: 6.25%; } }
.Academy .AcademyForm > .contents-closed {
text-align: center; }
.Academy .AcademyForm .header {
display: block;
margin-bottom: 12px; }
.Academy .AcademyForm .statement {
text-align: left;
margin: 0 auto;
margin-bottom: 50px; }
@media (min-width: 1024px) {
.Academy .AcademyForm .statement {
width: 80%;
text-align: center; } }
.Academy .AcademyForm .statement a {
color: white; }
.Academy .AcademyForm .left {
margin-bottom: 6.25%; }
@media (min-width: 1024px) {
.Academy .AcademyForm .left {
margin-bottom: 60px; } }
@media (min-width: 1024px) {
.Academy .AcademyForm .contents {
width: 90%;
margin: 0 auto; }
.Academy .AcademyForm .row {
width: 100%;
display: flex;
flex-wrap: wrap; }
.Academy .AcademyForm .row fieldset {
width: 50%; }
.Academy .AcademyForm .row fieldset.first {
width: calc(50% - 50px);
padding-right: 50px; }
.Academy .AcademyForm .row .dropdown {
width: calc(50% - 50px);
padding-right: 50px; }
.Academy .AcademyForm .bottom {
width: 100%; } }

.AcademyForm form .contents {
opacity: 1;
-moz-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out; }

.AcademyForm form.is-submitting .contents,
.AcademyForm form.is-sent .contents,
.AcademyForm form.is-error-submitting .contents {
opacity: 0.2;
pointer-events: none; }

.AcademyForm fieldset {
padding: 0;
display: block; }
.AcademyForm fieldset.is-two > * {
float: left;
width: calc(50% - 10px); }
.AcademyForm fieldset.is-two > *:first-child {
margin-right: 10px; }
.AcademyForm fieldset.is-auto > div {
width: 100%; }
.AcademyForm fieldset textarea {
display: block;
width: 100%;
height: 150px;
border: 1px solid #595959;
background-color: transparent;
padding: 10px;
font-size: 14px;
line-height: 20px;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
box-sizing: border-box;
outline: none;
color: #595959;
margin-top: 16px; }
.AcademyForm fieldset textarea:focus {
border-color: #f9f9f9;
color: white; }
.AcademyForm fieldset input[type="text"],
.AcademyForm fieldset input[role="combobox"],
.AcademyForm fieldset input[type="email"] {
font-size: 14px;
line-height: 40px;
display: block;
box-sizing: border-box;
background-color: transparent;
height: 40px;
width: 100%;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
color: white;
margin: 0;
margin-bottom: 12px;
border: 0;
border-bottom: 1px solid #595959;
outline: none; }
.AcademyForm fieldset input[type="text"].is-invalid,
.AcademyForm fieldset input[role="combobox"].is-invalid,
.AcademyForm fieldset input[type="email"].is-invalid {
border-bottom-color: #FF4200;
color: #FF4200; }
.AcademyForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
.AcademyForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
.AcademyForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
color: #FF4200; }
.AcademyForm fieldset input[type="text"].is-invalid:-moz-placeholder,
.AcademyForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
.AcademyForm fieldset input[type="email"].is-invalid:-moz-placeholder {
/* Firefox 18- */
color: #FF4200; }
.AcademyForm fieldset input[type="text"].is-invalid::-moz-placeholder,
.AcademyForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
.AcademyForm fieldset input[type="email"].is-invalid::-moz-placeholder {
/* Firefox 19+ */
color: #FF4200; }
.AcademyForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
.AcademyForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
.AcademyForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
color: #FF4200; }
.AcademyForm fieldset input[type="text"].is-half,
.AcademyForm fieldset input[role="combobox"].is-half,
.AcademyForm fieldset input[type="email"].is-half {
width: calc(50% - 5px);
flex: 1; }
.AcademyForm fieldset input[type="text"].is-half:first-of-type,
.AcademyForm fieldset input[role="combobox"].is-half:first-of-type,
.AcademyForm fieldset input[type="email"].is-half:first-of-type {
margin-right: 10px; }
.AcademyForm fieldset input[type="text"]:hover,
.AcademyForm fieldset input[role="combobox"]:hover,
.AcademyForm fieldset input[type="email"]:hover {
border-bottom-color: #f9f9f9; }
.AcademyForm fieldset input[type="text"]:focus,
.AcademyForm fieldset input[role="combobox"]:focus,
.AcademyForm fieldset input[type="email"]:focus {
border-bottom-color: white; }
.AcademyForm fieldset input[type="text"]::-webkit-input-placeholder,
.AcademyForm fieldset input[role="combobox"]::-webkit-input-placeholder,
.AcademyForm fieldset input[type="email"]::-webkit-input-placeholder {
color: #f9f9f9; }
.AcademyForm fieldset input[type="text"]:-moz-placeholder,
.AcademyForm fieldset input[role="combobox"]:-moz-placeholder,
.AcademyForm fieldset input[type="email"]:-moz-placeholder {
/* Firefox 18- */
color: #f9f9f9; }
.AcademyForm fieldset input[type="text"]::-moz-placeholder,
.AcademyForm fieldset input[role="combobox"]::-moz-placeholder,
.AcademyForm fieldset input[type="email"]::-moz-placeholder {
/* Firefox 19+ */
color: #f9f9f9; }
.AcademyForm fieldset input[type="text"]:-ms-input-placeholder,
.AcademyForm fieldset input[role="combobox"]:-ms-input-placeholder,
.AcademyForm fieldset input[type="email"]:-ms-input-placeholder {
color: #f9f9f9; }
.AcademyForm fieldset.is-invalid {
color: #FF4200; }
.is-invalid .AcademyForm fieldset {
color: #FF4200; }

.AcademyForm .dropdown {
margin-bottom: 16px; }
.AcademyForm .dropdown.is-invalid .Select-control {
border-color: #FF4200 !important; }
.AcademyForm .dropdown .Select .Select-placeholder {
color: white;
padding-left: 0; }
.AcademyForm .dropdown .Select .Select-control {
text-align: left;
border: 0;
border-bottom: 1px solid #595959; }

.AcademyForm .tick {
position: relative;
margin-bottom: 6px; }
.AcademyForm .tick.second {
margin-left: 6px; }
.AcademyForm .tick.interests {
margin-bottom: 20px; }
.AcademyForm .tick .bold {
text-decoration: underline; }
.AcademyForm .tick input {
position: absolute;
left: -5000px;
opacity: 0; }
.AcademyForm .tick a {
color: #b8b8b8;
position: relative;
top: 1px; }
.AcademyForm .tick label {
display: flex;
cursor: pointer;
align-items: baseline;
color: #b8b8b8; }
.AcademyForm .tick label > span {
display: block;
width: calc(100% - 40px);
line-height: 1.5em; }
.AcademyForm .tick label .icon {
position: relative;
top: 5px;
display: block;
box-sizing: border-box;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
background-color: rgba(255, 255, 255, 0);
content: "";
width: 19px;
height: 19px;
border-radius: 50%;
border: 1px solid #b8b8b8;
margin-right: 12px;
background-position: center center;
background-repeat: no-repeat; }
.AcademyForm .tick label .icon svg {
display: block;
width: 19px;
height: 19px;
position: relative;
top: -1px;
left: -1px; }
.AcademyForm .tick label .icon .line {
fill: rgba(255, 255, 255, 0); }
.AcademyForm .tick label:focus, .AcademyForm .tick label:hover {
text-decoration: underline; }
.AcademyForm .tick label:focus .icon .line, .AcademyForm .tick label:hover .icon .line {
fill: #888; }
.AcademyForm .tick label.terms {
display: inline-flex; }
.AcademyForm .tick label.privacy {
display: inline-flex; }
.AcademyForm .tick input:focus + label {
color: white; }
.AcademyForm .tick input:checked + label {
color: white; }
.AcademyForm .tick input:checked + label:hover {
text-decoration: none; }
.AcademyForm .tick input:checked + label .icon {
background-color: white;
border-color: white; }
.AcademyForm .tick input:checked + label .icon .line {
fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
color: #FF4200; }
.is-invalid .tick label,
.tick.is-invalid label {
color: #FF4200; }
.is-invalid .tick .icon,
.tick.is-invalid .icon {
border-color: #FF4200 !important;
background-color: rgba(217, 78, 78, 0.3) !important; }
.is-invalid .tick .icon .line,
.tick.is-invalid .icon .line {
fill: rgba(255, 66, 0, 0) !important; }

@media (min-width: 1024px) {
.AcademyForm .actions {
padding-top: 20px; } }

.AcademyForm .actions .Btn {
display: block;
width: 100%;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
@media (min-width: 1024px) {
.AcademyForm .actions .Btn {
margin-left: auto;
margin-right: auto;
width: auto; } }
.AcademyForm .actions .Btn.is-submitting {
background-color: #595959;
color: white;
pointer-events: none; }
.AcademyForm .actions .Btn.is-sent {
background-color: white;
color: #222222;
pointer-events: none; }

.AcademyForm .error {
width: 100%;
padding-bottom: 60px;
text-align: center; }
.AcademyForm .error > span {
background-color: #FF4200;
display: inline-block;
border-radius: 15px;
line-height: 30px;
padding: 0 15px;
color: #222222; }
@media (min-width: 1024px) {
.AcademyForm .error > span {
margin-left: auto;
margin-right: auto; } }

.AcademyForm .RadioInput {
margin-bottom: 20px; }
.AcademyForm .RadioInput .header {
line-height: 1.5;
display: block;
margin-bottom: 10px; }
@media (min-width: 1024px) {
.AcademyForm .RadioInput {
margin-bottom: 0; }
.AcademyForm .RadioInput.is-1, .AcademyForm .RadioInput.is-2 {
width: calc(50% - 20px);
float: left; }
.AcademyForm .RadioInput.is-1 {
margin-right: 20px; }
.AcademyForm .RadioInput.is-3 {
clear: left;
margin-top: 20px; } }
.AcademyForm .RadioInput a {
color: white; }

.AcademyForm .fine {
margin-bottom: 6px;
line-height: 1.5;
color: #b8b8b8;
clear: left; }
.AcademyForm .fine a {
color: #ebebeb; }
.AcademyForm .fine a:hover {
text-decoration: none; }

.Select .Select-placeholder {
color: #b8b8b8 !important; }

.Select .Select-input {
color: #b8b8b8 !important; }
.Select .Select-input input {
color: #b8b8b8; }

.Select.Select--single > .Select-control .Select-value {
padding-left: 0 !important; }

.Select .Select-menu-outer {
background-color: #595959;
z-index: 5; }

.AcademyForm .error-msg {
display: block;
text-align: center;
color: #FF4200; }

.AcademyForm .verification {
margin-top: 50px;
position: relative;
display: flex;
flex-wrap: wrap; }
.AcademyForm .verification .ticks {
margin-right: 40px;
margin-bottom: 20px; }
.AcademyForm .verification .actions {
margin-top: 20px; }
@media (min-width: 1024px) {
.AcademyForm .verification .actions {
margin-left: auto;
margin-top: 0; } }

.Home.free-fair-voting {
margin-top: 80px; }

.open-repos {
background: #222;
color: white;
padding: 6.25% 0; }
.open-repos * {
position: relative; }
.open-repos .section-title {
padding: 0 6.25%;
text-align: center !important; }
.open-repos .section-subtitle {
padding: 0 6.25%;
text-align: center !important;
max-width: 1200px; }
.open-repos .open-repos-container {
width: 100%;
display: flex;
flex-direction: row; }
.open-repos .open-repos-wrapper {
flex: 0 0 calc(66.5% - 59px);
display: flex;
flex-direction: column; }
.open-repos .open-repos-row {
display: flex;
flex-direction: row;
margin-bottom: 8px; }
.open-repos .open-repos-row:last-child {
margin-bottom: 0; }
.open-repos .repo-gallery-container {
flex: 0 0 calc(100% - 116px); }
.open-repos .repo-gallery-prev {
width: 32px;
height: 42px;
display: block;
position: absolute;
left: -32px;
top: 0;
cursor: pointer;
z-index: 5; }
.open-repos .repo-gallery-prev::after {
content: "";
width: 15px;
height: 15px;
border-left: 2px solid #676cea;
border-bottom: 2px solid #676cea;
transform: rotate(45deg) translateY(-50%);
display: block;
position: absolute;
top: 19px;
right: 4px; }
.open-repos .repo-gallery-next {
width: 32px;
height: 42px;
display: block;
position: absolute;
right: -25px;
top: 0;
cursor: pointer;
z-index: 5; }
.open-repos .repo-gallery-next::after {
content: "";
width: 15px;
height: 15px;
border-right: 2px solid #676cea;
border-bottom: 2px solid #676cea;
transform: rotate(-45deg) translateY(-50%);
display: block;
position: absolute;
top: 19px;
left: 5px; }
.open-repos .repo-gallery-next.repo-gallery-next-wiggle {
animation: wiggle 1s infinite; }
.open-repos .repo-gallery-prev.disabled,
.open-repos .repo-gallery-next.disabled {
cursor: inherit; }
.open-repos .repo-gallery-prev.disabled::after,
.open-repos .repo-gallery-next.disabled::after {
border-color: #444; }
.open-repos .repo-gallery {
display: block;
width: 100%;
height: 42px; }
.open-repos .repo-gallery-margin {
flex: 0 0 6.25%; }
.open-repos .repo-gallery-title {
display: flex;
flex-direction: column;
justify-content: center;
flex: 0 0 88px;
height: 42px;
text-align: right;
text-transform: uppercase;
font-size: 12px; }
.open-repos .repo-gallery-title-margin {
flex: 0 0 35px; }
.open-repos .repo-gallery-slideshow {
display: block;
width: 100%;
height: 42px;
overflow: hidden; }
.open-repos .repo-gallery-slide-container {
display: flex;
position: absolute;
width: auto;
height: 42px;
left: 0;
transition: left 0.35s ease-in-out 0s; }
.open-repos .repo-gallery-item {
width: auto;
height: 42px;
margin-right: 9px;
padding: 0 5px;
display: flex;
flex-direction: column;
justify-content: center;
cursor: pointer; }
.open-repos .repo-gallery-item-inner {
text-align: center;
line-height: 1.3;
font-size: 0.78vw; }
@media (min-width: 1450px) {
.open-repos .repo-gallery-item-inner {
font-size: 12px; } }
@media (max-width: 1299px) {
.open-repos .repo-gallery-item-inner {
font-size: 0.82vw; } }
@media (max-width: 1149px) {
.open-repos .repo-gallery-item-inner {
font-size: 0.92vw; } }
@media (max-width: 1023px) {
.open-repos .repo-gallery-item-inner {
font-size: 1.3vw; } }
@media (max-width: 767px) {
.open-repos .repo-gallery-item-inner {
font-size: 2.1vw; } }
@media (max-width: 465px) {
.open-repos .repo-gallery-item-inner {
font-size: 11px; } }
@media (max-width: 425px) {
.open-repos .repo-gallery-item-inner {
font-size: 10px; } }
@media (max-width: 400px) {
.open-repos .repo-gallery-item-inner {
font-size: 9px; } }
@media (max-width: 370px) {
.open-repos .repo-gallery-item-inner {
font-size: 8px; } }
.open-repos .repo-gallery-item:last-child {
margin-right: 0; }
.open-repos .repo-gallery-item::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: calc(100% - 2px);
height: 40px;
border: 1px solid #555; }
.open-repos .repo-gallery-item.selected {
background: #676cea; }
.open-repos .repo-sidebar {
flex: 0 0 21%;
font-size: 15px; }
.open-repos .repo-sidebar-mobile {
display: none; }
.open-repos .repo-sidebar::before {
content: "";
width: calc(100% - 2px);
height: calc(100% - 2px);
display: block;
position: absolute;
border: 1px solid #555;
top: 0;
left: 0; }
.open-repos .repo-sidebar-margin {
flex: 0 0 59px; }
.open-repos .repo-sidebar-margin::before {
content: "";
width: 1px;
height: 100%;
display: block;
position: absolute;
background: #555;
top: 0;
left: 28px; }
.open-repos .repo-sidebar-heading {
display: flex;
flex-direction: column;
justify-content: center;
padding: 12px 15px 15px;
min-height: 44px; }
.open-repos .repo-sidebar-heading h2 {
font-weight: 600;
font-size: 17px;
line-height: 22px; }
.open-repos .repo-sidebar-content {
padding: 15px; }
.open-repos .repo-sidebar-description::after {
content: "";
width: 100%;
height: 1px;
display: block;
position: absolute;
background: #555;
bottom: 0;
left: 0; }
.open-repos .repo-sidebar-description {
font-size: 12px;
padding-bottom: 15px;
line-height: 22px; }
.open-repos .repo-sidebar-description p {
font-size: 12px;
line-height: 22px; }
.open-repos .repo-sidebar-links {
padding: 15px 0; }
.open-repos .repo-sidebar-link {
display: block;
text-transform: uppercase;
padding-left: 25px;
margin-bottom: 10px;
height: 25px;
line-height: 25px;
color: white;
text-decoration: none;
font-size: 12px;
letter-spacing: 0.05em; }
.open-repos .repo-sidebar-link:active, .open-repos .repo-sidebar-link:hover, .open-repos .repo-sidebar-link:visited {
color: white; }
.open-repos .repo-sidebar-link:last-child {
margin-bottom: 0; }
.open-repos .repo-sidebar-link-icon {
display: block;
position: absolute;
top: 0;
left: 0;
width: 17px;
height: 100%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url("/assets/images/open-repos-icon.svg"); }
.open-repos .repo-sidebar-contributors {
padding: 15px 0 0; }
.open-repos .repo-sidebar-contributors-title {
display: block;
text-transform: uppercase;
margin-bottom: 15px;
font-size: 12px;
letter-spacing: 0.05em; }
.open-repos .repo-sidebar-contributor {
display: block;
text-transform: uppercase;
padding-left: 25px;
margin-bottom: 10px;
height: 25px;
line-height: 25px;
color: white;
text-decoration: none;
font-size: 12px;
letter-spacing: 0.05em; }
.open-repos .repo-sidebar-contributor:last-child {
margin-bottom: 0; }
.open-repos .repo-sidebar-contributor:active, .open-repos .repo-sidebar-contributor:hover, .open-repos .repo-sidebar-contributor:visited {
color: white; }
.open-repos .repo-sidebar-contributor-icon {
display: block;
position: absolute;
top: 0;
left: 0;
width: 17px;
height: 100%;
background-repeat: no-repeat;
background-size: contain;
background-position: center; }
.open-repos .repo-gallery,
.open-repos .repo-gallery-title,
.open-repos .repo-gallery-container,
.open-repos .repo-gallery-prev,
.open-repos .repo-gallery-next,
.open-repos .repo-gallery-slideshow,
.open-repos .repo-gallery-slide-container,
.open-repos .repo-gallery-item {
height: 52px; }
.open-repos .repo-gallery-item::after {
height: 50px; }
.open-repos .repo-gallery-prev::after,
.open-repos .repo-gallery-next::after {
top: 24px; }

@keyframes wiggle {
0% {
transform: translateX(0); }
50% {
transform: translateX(7px); }
100% {
transform: translateX(0); } }

@media (max-width: 1024px) {
.open-repos {
padding: 6.25%; }
.open-repos .section-title {
padding: 0; }
.open-repos .section-subtitle {
padding: 0; }
.open-repos .open-repos-container {
flex-wrap: wrap; }
.open-repos .open-repos-wrapper {
flex: 0 0 100%; }
.open-repos .repo-gallery-container {
flex: 0 0 calc(100% - 129px); }
.open-repos .repo-gallery-margin {
display: none; }
.open-repos .repo-sidebar-margin {
display: none; }
.open-repos .repo-sidebar {
margin-top: 0;
margin-bottom: 8px;
flex: 0 0 auto;
display: none; }
.open-repos .repo-sidebar-mobile {
display: block; }
.open-repos .repo-sidebar::after {
content: "";
width: 100%;
height: 1px;
display: none;
position: absolute;
background: linear-gradient(160deg, var(--c-primary), #8259ef);
top: -31px;
left: 0; } }

@media (max-width: 768px) {
.open-repos .repo-gallery-title {
flex: 0 0 73px;
font-size: 10px; }
.open-repos .repo-gallery-container {
flex: 0 0 calc(100% - 129px); }
.open-repos .repo-gallery,
.open-repos .repo-gallery-title,
.open-repos .repo-gallery-container,
.open-repos .repo-gallery-prev,
.open-repos .repo-gallery-next,
.open-repos .repo-gallery-slideshow,
.open-repos .repo-gallery-slide-container,
.open-repos .repo-gallery-item {
height: 52px; }
.open-repos .repo-gallery-item::after {
height: 50px; }
.open-repos .repo-gallery-prev::after,
.open-repos .repo-gallery-next::after {
top: 24px; } }

.card {
background-color: #222222; }

.card h2 {
font-size: 33px;
color: #ffffff; }

.card p {
color: #ffffff;
font-size: 12px;
letter-spacing: 0.46px;
line-height: 25px; }

.card.Spread:nth-child(2n-1) > .image {
order: 1 !important; }

.card .image {
background: url(/assets/images/card/card-hero.jpg);
background-repeat: no-repeat;
background-position: center left;
height: 958px;
background-size: cover; }

.card .Btn {
height: 25px;
width: 244px;
border-radius: 13px;
background-color: #8259ef;
text-transform: uppercase;
color: #ffffff;
border: none;
font-size: 10px;
letter-spacing: 2px;
line-height: 24px;
text-align: center;
font-weight: 300; }

.card .Btn:hover {
background-color: transparent;
border: 1px solid #ffffff; }

.card .row {
clear: both;
margin-bottom: 61px; }

.card .row h4 {
color: #ffffff;
font-size: 10px;
font-weight: bold;
letter-spacing: 2px;
line-height: 12px;
text-transform: uppercase;
padding-bottom: 4px;
display: table;
font-weight: 500; }

.card .icon {
width: 115px;
float: left;
text-align: left;
height: 100%;
display: table-cell; }

.card .icon img {
width: 81px; }

.card .text {
display: table-cell;
vertical-align: top; }

.card .text p {
font-weight: 300; }

.card .button {
margin-bottom: 50px; }

.card .intro a,
.card .text a {
color: white;
text-decoration: underline; }

@media (min-width: 1024px) {
.hide-desk {
display: none !important; } }

@media (max-width: 1222px) {
.card .image {
height: auto;
max-height: 1508px; } }

@media (max-width: 1100px) {
.card .image {
background: url(/assets/images/card/card-hero-mobile.jpg);
background-repeat: no-repeat;
background-position: top center;
height: 263px;
background-size: 100%;
padding: 0; }
.card h2 {
font-size: 20px;
color: #ffffff;
margin-bottom: 21px; }
.card .intro {
margin-bottom: 65px; }
.card .row {
margin-bottom: 72px; }
.card .icon {
width: 100%;
float: left;
text-align: center;
height: auto;
display: block;
padding-bottom: 24px; }
.card .icon img {
width: auto;
height: auto;
max-width: 90px !important;
margin-bottom: 12px; }
.card .text {
display: block;
text-align: center;
width: 80%;
margin-left: auto;
margin-right: auto; }
.card .text h4 {
display: none; }
.card .icon h4 {
display: block;
padding-bottom: 30px; }
.card .button {
text-align: center;
margin-bottom: 120px; } }

.solidity {
background-color: #222222;
display: inline-block; }
.solidity .wrapper {
display: flex; }
.solidity .wrapper .solidity-graphic {
flex: 50%;
padding: 8px 60px 0 0; }
.solidity .wrapper .solidity-graphic img {
width: 100%;
height: auto;
max-width: 700px;
padding-bottom: 65px; }
.solidity .wrapper .solidity-graphic a {
margin: 0 auto; }
.solidity .wrapper .solidity-features {
flex: 50%; }
.solidity .wrapper .solidity-features .solidity-feature-item {
display: flex;
margin-bottom: 96px; }
.solidity .wrapper .solidity-features .solidity-feature-item:last-child {
margin-bottom: 0; }
.solidity .wrapper .solidity-features .solidity-feature-item .solidity-feature-icon {
padding: 8px 32px 0 0; }
.solidity .wrapper .solidity-features .solidity-feature-item .solidity-feature-icon img {
width: 82px; }
.solidity .wrapper .solidity-features .solidity-feature-item .solidity-feature-text .solidity-feature-title {
color: #FFFFFF;
width: auto;
font-size: 14px;
letter-spacing: 2.8px;
line-height: 26px;
margin-bottom: 24px;
text-transform: uppercase; }
.solidity .wrapper .solidity-features .solidity-feature-item .solidity-feature-text .solidity-feature-description {
color: #FFFFFF;
font-size: 14px;
font-weight: 300;
line-height: 30px;
letter-spacing: 0.5px; }
@media screen and (max-width: 1100px) {
.solidity .wrapper {
flex-direction: column-reverse; }
.solidity .wrapper .solidity-graphic {
padding: 0; }
.solidity .wrapper .solidity-graphic img {
display: none; }
.solidity .wrapper .solidity-features .solidity-feature-item {
flex-direction: column;
margin-bottom: 72px; }
.solidity .wrapper .solidity-features .solidity-feature-item:last-child {
margin-bottom: 32px; }
.solidity .wrapper .solidity-features .solidity-feature-item .solidity-feature-icon {
padding: 0 0 16px 0; }
.solidity .wrapper .solidity-features .solidity-feature-item .solidity-feature-text .solidity-feature-title {
margin-bottom: 16px; } }

.token-service-cta {
display: flex;
height: 400px;
padding: 0 6.25%; }

.build-on-trust-cta {
display: flex;
height: 400px;
padding: 0 6.25%; }

.build-on-trust {
display: flex;
height: 400px;
padding: 6.25% 6.25% 0; }

.rebuild-on-trust {
display: flex;
height: 400px;
margin: 0;
padding: 6.25% 6.25% 0 6.25%; }

.consensus-for-any-application {
display: flex;
min-height: 600px;
margin: 0;
padding: 6.25% 6.25% 20px 6.25%; }

.real-time-auditable-log {
display: flex;
min-height: 600px;
margin: 0;
padding: 6.25% 6.25% 20px 6.25%; }

.permissioned-networks {
display: flex;
min-height: 760px;
margin: 0;
padding: 6.25% 6.25% 20px 6.25%; }

.download-paper {
display: flex;
height: 440px;
margin: 0;
padding: 6.25% 6.25% 0 6.25%; }

.data-compliance {
display: flex;
height: 600px;
margin: 0;
padding: 6.25% 6.25% 0 6.25%; }

.fraud-mitigation {
display: flex;
height: 520px;
margin: 0;
padding: 6.25% 6.25% 0 6.25%; }

.stablecoin-settlement {
display: flex;
margin: 0;
padding: 6.25% 6.25% 0 6.25%; }

.trust-content {
flex: 1;
margin-top: 40px;
/* arbitrary attempt to center */ }

.consensus-content {
flex: 1;
margin-top: 0px;
/* arbitrary attempt to center */ }

.dual-content {
flex: 1;
margin-top: 0px;
/* arbitrary attempt to center */
min-width: 50%; }

.trust-content-title {
font-size: 32px !important;
margin-bottom: 48px; }

.trust-content-body {
height: 180px;
color: #464646;
font-size: 15px;
line-height: 30px;
font-weight: 300;
max-width: 640px; }
.trust-content-body > a {
color: #464646; }

.trust-icon {
flex: 1;
height: 400px;
text-align: center;
z-index: -1; }

.sod-icon {
flex: 1;
height: 400px;
text-align: center;
z-index: 2; }

.dual-icon {
flex: 1;
height: 400px;
text-align: center; }

.trust-globe {
margin: auto auto 0 auto;
width: auto;
height: 100%;
z-index: -2; }

.consensus-globe {
margin: 240px auto 0 auto;
width: auto;
height: 100%;
z-index: -2; }

.auditable-log {
margin: 40px auto 0 auto;
width: auto;
height: 100%;
z-index: -2; }

.fraud-mitigation-icon {
margin: 120px auto 0 auto;
width: auto;
height: 100%;
z-index: -2; }

.stablecoin-settlement-icon {
margin: 160px auto 0 auto;
width: auto;
height: 100%;
z-index: -2; }

.trust-cta {
margin-top: 36px; }

@media screen and (max-width: 1300px) {
.trust-content-title {
margin-bottom: 16px;
line-height: 32px; }
.trust-cta {
margin-top: 12px; } }

@media screen and (max-width: 1100px) {
.token-service-cta {
flex-direction: column;
height: auto;
margin: 0;
padding: 0 12.5%; }
.build-on-trust-cta {
flex-direction: column;
height: auto;
margin: 0;
padding: 0 12.5%; }
.build-on-trust {
flex-direction: column;
height: auto;
margin: 0;
padding: 65px 12.5% 0; }
.rebuild-on-trust {
flex-direction: column;
height: auto;
margin: 0;
padding: 0 12.5% 0 12.5%; }
.consensus-for-any-application {
flex-direction: column;
height: auto;
margin: 0;
padding: 65px 12.5% 0 12.5%; }
.real-time-auditable-log {
flex-direction: column;
height: auto;
margin: 0;
padding: 65px 12.5% 0 12.5%; }
.permissioned-networks {
flex-direction: column;
height: auto;
margin: 0;
padding: 65px 12.5% 0 12.5%; }
.download-paper {
flex-direction: column;
height: auto;
margin: 0;
padding: 65px 12.5% 0 12.5%; }
.fraud-mitigation {
flex-direction: column;
height: auto;
margin: 0;
padding: 12.5% 12.5% 0; }
.stablecoin-settlement {
flex-direction: column;
height: auto;
margin: 0;
padding: 12.5% 12.5% 0; }
.trust-content {
margin: 0 auto; }
.consensus-content {
margin: 0 auto; }
.dual-content {
margin: 0 auto; }
.trust-content-title {
font-size: 22px !important;
margin-bottom: 32px; }
.trust-content-body {
height: auto;
width: 100%; }
.trust-icon {
display: block;
position: relative;
height: auto;
max-height: 100%;
margin-top: 65px; }
.dual-icon {
display: block;
position: relative;
height: auto;
max-height: 100%;
margin-top: 65px; }
.trust-cta {
margin-top: 24px; }
.trust-globe {
width: 100%;
margin: auto auto 0 auto;
height: auto;
display: block; }
.consensus-globe {
width: 100%;
margin: auto auto 0 auto;
height: auto;
display: block; }
.fraud-mitigation-icon {
display: block;
position: relative;
height: auto;
max-height: 100%;
margin-top: 65px; }
.stablecoin-settlement-icon {
display: block;
position: relative;
height: auto;
max-height: 100%;
margin-top: 65px; }
.auditable-log {
width: 100%;
margin: auto auto 0 auto;
height: auto;
display: block; } }

.benefit-platform-services {
margin: 0 auto 0 auto;
display: flex;
min-height: 300px; }

.benefit-platform-service {
margin: 0 2.75vw 0 2.75vw;
display: flex;
flex-direction: column;
min-height: 300px;
flex: 1; }

.benefit-platform-service:nth-child(1) {
margin: 0 2.75vw auto 0; }

.benefit-platform-service:nth-child(3) {
margin: 0 0 auto 2.75vw; }

.benefits-image {
background-size: contain;
background-repeat: no-repeat;
height: 110px; }

.benefits-image img {
height: 110px;
width: auto;
max-width: 100%; }

.benefits-graph {
background-size: contain;
background-repeat: no-repeat; }

.benefits-graph img {
height: auto;
width: 330px;
max-width: 100%; }

.benefits-title {
height: auto;
color: #ffffff;
font-size: 26px;
font-weight: 300;
line-height: 38px;
min-height: 76px; }

.benefits-subtitle {
height: 10px;
color: #ffffff;
font-size: 15px;
letter-spacing: 2px;
line-height: 12px; }

.benefits-description {
color: #ffffff;
font-size: 15px;
font-weight: 300;
line-height: 30px;
min-height: 100px;
margin: 0;
margin-bottom: 48px; }
.benefits-description a {
color: white; }

.benefits-title-night {
height: auto;
color: #000000;
font-size: 26px;
font-weight: 300;
line-height: 38px;
min-height: 76px; }

.benefits-subtitle-night {
height: 10px;
color: #000000;
font-size: 15px;
letter-spacing: 2px;
line-height: 12px; }

.benefits-description-night {
color: #000000;
font-size: 15px;
font-weight: 300;
line-height: 30px;
min-height: 100px;
margin: 0;
margin-bottom: 48px; }
.benefits-description-night a {
color: #222222; }

.benefits-link {
height: 40px;
margin: 12px 0 12px 0; }

@media screen and (max-width: 1100px) {
.benefit-platform-services {
flex-direction: column;
margin: 0 auto 0 auto;
height: auto;
min-width: 0; }
.benefit-platform-service {
min-width: 0;
min-height: 0;
margin: 0;
margin-bottom: 65px; }
.benefits-title {
line-height: normal; }
.benefits-subtitle {
height: auto;
line-height: normal; }
.benefit-platform-service:nth-child(1) {
margin: 0;
margin-bottom: 64px; }
.benefit-platform-service:nth-child(3) {
margin: 0; }
.benefit-platform-service:last-child > .benefits-description {
margin-bottom: 112px; }
.benefits-description {
min-height: auto;
height: auto; }
.benefits-link {
margin-bottom: 0; }
.sdks {
display: none; } }

.seo h1,
.seo h2,
.seo h3,
.seo h4,
.seo h5,
.seo h6,
.seo img,
.seo ul,
.seo ol {
margin-bottom: 18px; }

.seo p {
margin-bottom: 12px; }

.seo img {
max-width: 720px; }

.seo * {
max-width: 720px;
margin: auto; }

@media screen and (max-width: 1100px) {
.seo img {
max-width: 100%; } }

.subnav {
background-color: #222222;
width: 100vw;
max-width: 100%;
position: relative; }
.subnav .list {
text-align: center;
display: flex;
flex-direction: row;
justify-content: left;
margin: auto;
padding: 0 6.25%;
min-height: 70px; }
.subnav .list .subnav-label {
color: white;
text-decoration: none;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.22px;
padding: 12px 42px 12px 0;
margin-right: 45px;
position: relative;
max-width: 87px;
text-align: left;
align-items: center;
display: none; }
.subnav .list .subnav-label::after {
content: "";
display: block;
position: absolute;
bottom: 30px;
right: 0;
width: 16px;
height: 11px;
background-image: url("/assets/images/ecosystem/HH-Eco-Icon-Right-Arrow-R1.svg");
background-repeat: no-repeat; }
.subnav .list .items {
display: flex; }
.subnav .list .item,
.subnav .list .external-item,
.subnav .list .item-list-heading, .subnav .list .item-list-heading-mobile {
color: white;
text-decoration: none;
font-weight: 300;
font-size: 16px;
letter-spacing: 0.22px;
padding: 12px 0;
position: relative;
display: flex;
align-items: center;
text-align: center;
margin: 0 20px;
line-height: 20px; }
.subnav .list .item.active::after, .subnav .list .active.external-item::after, .subnav .list .active.item-list-heading::after, .subnav .list .active.item-list-heading-mobile::after, .subnav .list .item:hover::after, .subnav .list .external-item:hover::after, .subnav .list .item-list-heading:hover::after, .subnav .list .item-list-heading-mobile:hover::after {
content: "";
display: block;
position: absolute;
bottom: 10px;
left: 0;
background: #D173DE;
width: 100%;
height: 2px; }
.subnav .list .item.has-icon, .subnav .list .has-icon.external-item, .subnav .list .has-icon.item-list-heading, .subnav .list .has-icon.item-list-heading-mobile {
padding-left: 50px; }
.subnav .list .item .label-icon, .subnav .list .external-item .label-icon, .subnav .list .item-list-heading .label-icon, .subnav .list .item-list-heading-mobile .label-icon {
display: inline;
position: absolute;
top: 50%;
left: 10px;
width: 30px;
height: 30px;
transform: translateY(-50%); }
.subnav .list .item .label-icon .icon, .subnav .list .external-item .label-icon .icon, .subnav .list .item-list-heading .label-icon .icon, .subnav .list .item-list-heading-mobile .label-icon .icon {
width: 100%;
height: 100%;
object-fit: contain; }
@media screen and (max-width: 768px) {
.subnav .list .item,
.subnav .list .external-item,
.subnav .list .item-list-heading, .subnav .list .item-list-heading-mobile {
margin-left: 0px; } }
.subnav .list .item-list-heading .list-title, .subnav .list .item-list-heading-mobile .list-title {
color: white;
text-decoration: none;
width: 100%;
text-align: center;
font-weight: 400; }
.subnav .list .item-list-heading .sublist, .subnav .list .item-list-heading-mobile .sublist {
display: none; }
.subnav .list .item-list-heading .sublist a, .subnav .list .item-list-heading-mobile .sublist a {
padding: 18px;
font-weight: 300;
text-decoration: none; }
.subnav .list .item-list-heading:hover .sublist, .subnav .list .item-list-heading-mobile:hover .sublist {
display: flex; }
.subnav .list .item-list-heading:hover .sublist .sublist-item, .subnav .list .item-list-heading-mobile:hover .sublist .sublist-item {
text-decoration: none;
opacity: 0.8;
font-weight: 300;
font-size: 13px; }
.subnav .list .item-list-heading:hover .sublist .sublist-item:hover, .subnav .list .item-list-heading-mobile:hover .sublist .sublist-item:hover {
opacity: 1; }
.subnav .list .item-list-heading-mobile {
display: none !important; }
.subnav.subnav-dropdown .subnav-cta-desktop {
background-color: white;
border-color: white;
color: #662d8f;
display: block;
position: absolute;
top: 15px;
right: 20px; }
.subnav.subnav-dropdown .subnav-cta-desktop:hover {
background-color: #662d8f;
color: white; }
.subnav.subnav-dropdown .subnav-cta-mobile {
display: none; }
.subnav.subnav-dropdown .subnav-hamburger {
display: none; }
@media (max-width: 1150px) {
.subnav.subnav-dropdown .list .item,
.subnav.subnav-dropdown .list .external-item,
.subnav.subnav-dropdown .list .item-list-heading, .subnav.subnav-dropdown .list .item-list-heading-mobile {
padding-right: 15px;
text-align: left; } }

@media screen and (max-width: 1100px) {
.subnav .list {
padding: 40px 12.5%;
flex-direction: column;
align-items: start;
min-height: 60px; }
.subnav .list .subnav-label {
max-width: 142px;
display: flex;
padding: 10px 42px 10px 0; }
.subnav .list .subnav-label::after {
bottom: auto; }
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
.subnav .list .subnav-label::after {
bottom: calc(50% - 6px); } }
.subnav .list .item-list-heading, .subnav .list .item-list-heading-mobile {
display: none; }
.subnav .list .item-list-heading-mobile {
display: flex !important; }
.subnav .list .items {
display: flex;
flex-direction: column;
align-items: start; }
.subnav .list .item,
.subnav .list .external-item,
.subnav .list .item-list-heading, .subnav .list .item-list-heading-mobile {
padding: 10px 0;
color: white;
margin-right: 0; }
.subnav .list .item br, .subnav .list .external-item br, .subnav .list .item-list-heading br, .subnav .list .item-list-heading-mobile br {
display: none; }
.subnav .list .item:hover, .subnav .list .external-item:hover, .subnav .list .item-list-heading:hover, .subnav .list .item-list-heading-mobile:hover {
color: white; }
.subnav .list .item:after, .subnav .list .external-item:after, .subnav .list .item-list-heading:after, .subnav .list .item-list-heading-mobile:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
background: transparent;
width: 100%;
height: 1px; }
.subnav .list .item:hover::after, .subnav .list .external-item:hover::after, .subnav .list .item-list-heading:hover::after, .subnav .list .item-list-heading-mobile:hover::after {
height: 1px;
background: transparent; }
.subnav .list .item.has-icon, .subnav .list .has-icon.external-item, .subnav .list .has-icon.item-list-heading, .subnav .list .has-icon.item-list-heading-mobile {
padding-left: 0; }
.subnav .list .item .label-icon, .subnav .list .external-item .label-icon, .subnav .list .item-list-heading .label-icon, .subnav .list .item-list-heading-mobile .label-icon {
display: inline-block;
position: relative;
top: inherit;
left: inherit;
width: 30px;
height: 14px;
transform: none;
margin-right: 10px; }
.subnav .list .item .label-icon .icon, .subnav .list .external-item .label-icon .icon, .subnav .list .item-list-heading .label-icon .icon, .subnav .list .item-list-heading-mobile .label-icon .icon {
display: inline;
position: absolute;
margin-top: 0;
margin-bottom: 0;
width: 30px;
height: 30px;
top: 50%;
left: 0;
transform: translateY(-50%); }
.subnav.subnav-dropdown .subnav-cta-desktop {
display: none; }
.subnav.subnav-dropdown .subnav-cta-mobile {
display: block;
background-color: white;
border-color: white;
color: #662d8f;
display: block;
position: absolute;
top: 15px;
left: 50%;
transform: translate(-50%, 0); }
.subnav.subnav-dropdown .subnav-cta-mobile:hover {
background-color: #662d8f;
color: white; }
.subnav.subnav-dropdown .subnav-hamburger {
width: 30px;
height: 30px;
display: none;
position: absolute;
top: 15px;
right: 20px;
cursor: pointer; }
.subnav.subnav-dropdown .subnav-hamburger svg {
display: block;
width: 30px;
height: 30px;
margin-left: auto;
margin-right: auto;
position: relative; }
.subnav.subnav-dropdown .subnav-hamburger #subnavMeatstack {
display: none;
position: relative; }
.subnav.subnav-dropdown .subnav-hamburger #subnavClose {
display: none;
position: relative; }
.subnav.subnav-dropdown.subnav-dropdown-open {
height: var(--open-height, auto);
transition: height 750ms ease; }
.subnav.subnav-dropdown.subnav-dropdown-open #subnavMeatstack {
display: none; }
.subnav.subnav-dropdown.subnav-dropdown-open #subnavClose {
display: block; }
.subnav.subnav-dropdown.subnav-dropdown-open .list {
display: flex;
padding-top: 30px;
padding-bottom: 30px; }
.subnav.subnav-dropdown.subnav-dropdown-open .list .item.has-icon, .subnav.subnav-dropdown.subnav-dropdown-open .list .has-icon.external-item, .subnav.subnav-dropdown.subnav-dropdown-open .list .has-icon.item-list-heading, .subnav.subnav-dropdown.subnav-dropdown-open .list .has-icon.item-list-heading-mobile {
padding-right: 0; }
.subnav.subnav-dropdown.stick {
height: 60px;
transition: height 350ms; }
.subnav.subnav-dropdown.stick .subnav-hamburger {
display: block;
right: 12.5%; }
.subnav.subnav-dropdown.stick .subnav-hamburger #subnavMeatstack {
display: block; }
.subnav.subnav-dropdown.stick .subnav-hamburger #subnavClose {
display: none; }
.subnav.subnav-dropdown.stick .list {
padding: 0 12.5%;
max-width: none;
min-height: 60px;
justify-content: center; }
.subnav.subnav-dropdown.stick .list .subnav-label {
padding: 0 42px 0 0; }
.subnav.subnav-dropdown.stick .list .items {
opacity: 0; }
.subnav.subnav-dropdown.stick .list .items .item,
.subnav.subnav-dropdown.stick .list .items .external-item,
.subnav.subnav-dropdown.stick .list .items .item-list-heading, .subnav.subnav-dropdown.stick .list .items .item-list-heading-mobile {
display: none; }
.subnav.subnav-dropdown.stick.subnav-dropdown-open {
height: var(--open-sticky-height, auto); }
.subnav.subnav-dropdown.stick.subnav-dropdown-open .subnav-hamburger #subnavMeatstack {
display: none; }
.subnav.subnav-dropdown.stick.subnav-dropdown-open .subnav-hamburger #subnavClose {
display: block; }
.subnav.subnav-dropdown.stick.subnav-dropdown-open .list {
padding-top: 14px; }
.subnav.subnav-dropdown.stick.subnav-dropdown-open .list .subnav-label {
padding-bottom: 10px; }
.subnav.subnav-dropdown.stick.subnav-dropdown-open .list .items {
transition: opacity 500ms ease 150ms;
opacity: 1; }
.subnav.subnav-dropdown.stick.subnav-dropdown-open .list .items .item,
.subnav.subnav-dropdown.stick.subnav-dropdown-open .list .items .external-item,
.subnav.subnav-dropdown.stick.subnav-dropdown-open .list .items .item-list-heading, .subnav.subnav-dropdown.stick.subnav-dropdown-open .list .items .item-list-heading-mobile {
display: block; } }

/* NFT Page Override */
.page-nft .stick.scrolling-up {
top: 0; }

.page-nft .stick.scroll-up {
top: 0; }

.page-nft .stick.scroll-down {
top: 0; }

.page-nft .stick.scrolling-up::after {
height: 0; }

@media screen and (max-width: 1100px) {
.page-nft .subnav.subnav-dropdown-open .list {
padding-top: 40px;
padding-bottom: 40px; } }

.short-hero-image {
background-attachment: scroll;
background-size: cover;
background-position: center;
background-repeat: none;
height: 100%; }

.short-intro {
height: 50vh !important; }

.v2-intro-title {
font-weight: 300 !important;
max-width: 800px;
margin: 40px auto 60px auto; }

.v3-intro-title {
font-weight: 300 !important;
max-width: 800px;
margin: 40px auto 60px auto;
text-align: center; }

.v2-intro-subtitle {
line-height: 2;
font-size: 14px;
font-weight: 300;
margin: auto;
max-width: 620px; }

.video-btn {
text-align: center;
text-decoration: none;
margin: 0 auto 40px auto;
height: 60px;
min-width: 120px;
max-width: 270px;
display: flex; }

.video-btn-img {
background-image: url("/assets/images/Icon-Play-White.png");
background-size: contain;
background-repeat: no-repeat;
width: 66px; }

.video-btn-img:hover {
background-image: url("/assets/images/Play-Icon-Hover.png"); }

.video-btn-img-inverted {
background-image: url("/assets/images/Play-Icon-Hover.png");
background-size: contain;
background-repeat: no-repeat;
width: 66px; }

.video-btn-img-inverted:hover {
background-image: url("/assets/images/Icon-Play-White.png"); }

.video-btn-img-blue {
background-image: url("/assets/images/Icon-Play-Color.png");
background-size: contain;
background-repeat: no-repeat;
width: 66px; }

.video-btn-img-blue:hover {
background-image: url("/assets/images/Play-Icon-Gradient-Filled.png"); }

.video-btn-txt {
color: white;
text-decoration: none;
text-align: left;
margin: auto 0 auto 18px;
letter-spacing: 1.63px;
line-height: 18px;
height: auto;
flex: 1; }

.video-btn-txt-blue {
color: #464646;
text-decoration: none;
text-align: left;
margin: auto 0 auto 18px;
letter-spacing: 1.63px;
line-height: 18px;
height: auto;
flex: 1; }

.secondary-cta {
margin-left: 12px; }

@media screen and (max-width: 1100px) {
.short-intro {
min-height: 100vh !important; }
.v2-intro-title {
max-width: 300px; }
.short-title {
margin: 40px auto 60px auto; } }

@media screen and (max-width: 600px) {
.short-intro.full-height-on-mobile {
height: 100vh !important; } }

.dappdays-container {
display: block;
position: relative;
background-color: #222; }
.dappdays-container .dappdays {
padding: 0; }
.dappdays-container h2.section-title {
font-weight: 300;
margin: 0 0 45px;
color: white; }
.dappdays-container .section-subtitle {
max-width: 530px;
margin: 0 auto 45px;
position: relative; }
.dappdays-container .section-subtitle p {
margin: 0;
font-size: 15px;
color: white;
font-weight: normal;
letter-spacing: 0;
line-height: 2; }
.dappdays-container h2.section-title a,
.dappdays-container .section-subtitle a,
.dappdays-container .section-subtitle p a {
color: white; }
.dappdays-container h2.section-title a:active, .dappdays-container h2.section-title a:visited,
.dappdays-container .section-subtitle a:active,
.dappdays-container .section-subtitle a:visited,
.dappdays-container .section-subtitle p a:active,
.dappdays-container .section-subtitle p a:visited {
color: white; }
.dappdays-container h2.section-title a:hover,
.dappdays-container .section-subtitle a:hover,
.dappdays-container .section-subtitle p a:hover {
text-decoration: underline; }
.dappdays-container .dappdays-iframe {
display: block;
position: relative;
width: 100%;
min-height: 1070px;
background: #222; }

.fee-overview {
display: flex;
line-height: 1.5;
font-weight: 300;
width: 100vw;
max-width: 100%; }
.fee-overview .content {
margin-right: 5%; }
.fee-overview .content h2 {
text-align: left; }
.fee-overview .content p {
font-size: 15px;
font-weight: 300;
line-height: 30px;
letter-spacing: 0; }
.fee-overview .items {
list-style: none;
margin-bottom: 0;
margin-left: 0;
margin: 0; }
.fee-overview .tabs {
width: 900px;
display: flex;
flex-direction: column; }
.fee-overview .tabs .options {
height: 68px;
display: flex;
flex-direction: row;
justify-content: start;
align-content: center; }
.fee-overview .tabs .options .option {
background-color: #F2F2F2;
border: 0.5px solid #aaaaaa;
border-bottom: 0;
width: auto;
flex: 1;
text-align: center; }
.fee-overview .tabs .options .option .title {
position: relative;
top: 50%;
transform: translateY(-50%);
padding: 0 22px 0 22px; }
.fee-overview .tabs .options .option:last-child {
border-left: 0; }
.fee-overview .tabs .options .option:nth-child(2) {
border-left: 0;
border-right: 0; }
.fee-overview .tabs .options .option:nth-child(4) {
border-left: 0; }
.fee-overview .tabs .description {
border: 0.5px solid #aaaaaa;
border-bottom: 0;
padding: 6%;
padding-bottom: 0;
min-height: 0;
font-size: 15px;
font-weight: 300;
line-height: 30px;
letter-spacing: 0; }
.fee-overview .tabs .prices {
border: 0.5px solid #aaaaaa;
border-top: 0;
padding: 6%;
height: auto;
min-height: 0;
display: flex;
flex-direction: column; }
.fee-overview .tabs .prices .titles {
background-color: #F2F2F2;
height: 60px;
display: flex;
flex-direction: row;
position: relative; }
.fee-overview .tabs .prices .titles .left {
padding-left: 48px;
flex: 1; }
.fee-overview .tabs .prices .titles .left p {
font-weight: 500;
line-height: 60px;
text-align: left; }
.fee-overview .tabs .prices .titles .right {
flex: 1; }
.fee-overview .tabs .prices .titles .right p {
font-weight: bold;
line-height: 60px;
text-align: center; }
.fee-overview .tabs .prices .list {
display: flex;
flex-direction: column; }
.fee-overview .tabs .prices .list .item,
.fee-overview .tabs .prices .subnav .list .external-item,
.subnav .fee-overview .tabs .prices .list .external-item,
.fee-overview .tabs .prices .subnav .list .item-list-heading, .subnav .fee-overview .tabs .prices .list .item-list-heading, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile {
border-top: 1px solid solid #eaeaea;
height: 60px;
min-height: 60px;
max-height: 60px;
padding: 0;
flex: 1;
display: flex;
flex-direction: row; }
.fee-overview .tabs .prices .list .item .left, .fee-overview .tabs .prices .subnav .list .external-item .left, .subnav .fee-overview .tabs .prices .list .external-item .left, .fee-overview .tabs .prices .subnav .list .item-list-heading .left, .subnav .fee-overview .tabs .prices .list .item-list-heading .left, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .left, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .left {
padding-left: 48px;
line-height: 60px;
text-align: left;
flex: 1;
position: relative; }
.fee-overview .tabs .prices .list .item .right, .fee-overview .tabs .prices .subnav .list .external-item .right, .subnav .fee-overview .tabs .prices .list .external-item .right, .fee-overview .tabs .prices .subnav .list .item-list-heading .right, .subnav .fee-overview .tabs .prices .list .item-list-heading .right, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .right, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .right {
line-height: 60px;
text-align: center;
flex: 1;
display: flex;
position: relative; }
.fee-overview .tabs .prices .list .item .right .usd, .fee-overview .tabs .prices .subnav .list .external-item .right .usd, .subnav .fee-overview .tabs .prices .list .external-item .right .usd, .fee-overview .tabs .prices .subnav .list .item-list-heading .right .usd, .subnav .fee-overview .tabs .prices .list .item-list-heading .right .usd, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .right .usd, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .right .usd {
text-align: right;
flex: 1; }
.fee-overview .tabs .prices .list .item .right .usd .usd-text, .fee-overview .tabs .prices .subnav .list .external-item .right .usd .usd-text, .subnav .fee-overview .tabs .prices .list .external-item .right .usd .usd-text, .fee-overview .tabs .prices .subnav .list .item-list-heading .right .usd .usd-text, .subnav .fee-overview .tabs .prices .list .item-list-heading .right .usd .usd-text, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .right .usd .usd-text, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .right .usd .usd-text {
margin-right: 18px; }
.fee-overview .tabs .prices .list .item .right .usd:after, .fee-overview .tabs .prices .subnav .list .external-item .right .usd:after, .subnav .fee-overview .tabs .prices .list .external-item .right .usd:after, .fee-overview .tabs .prices .subnav .list .item-list-heading .right .usd:after, .subnav .fee-overview .tabs .prices .list .item-list-heading .right .usd:after, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .right .usd:after, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .right .usd:after {
height: 16px;
display: flex;
position: relative;
width: 1.6px;
background: #b8b8b8;
content: '';
top: -38px;
left: 100%; }
.fee-overview .tabs .prices .list .item .right .hbar, .fee-overview .tabs .prices .subnav .list .external-item .right .hbar, .subnav .fee-overview .tabs .prices .list .external-item .right .hbar, .fee-overview .tabs .prices .subnav .list .item-list-heading .right .hbar, .subnav .fee-overview .tabs .prices .list .item-list-heading .right .hbar, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .right .hbar, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .right .hbar {
text-align: left;
flex: 1; }
.fee-overview .tabs .prices .list .item .right .hbar .hbar-text, .fee-overview .tabs .prices .subnav .list .external-item .right .hbar .hbar-text, .subnav .fee-overview .tabs .prices .list .external-item .right .hbar .hbar-text, .fee-overview .tabs .prices .subnav .list .item-list-heading .right .hbar .hbar-text, .subnav .fee-overview .tabs .prices .list .item-list-heading .right .hbar .hbar-text, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .right .hbar .hbar-text, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .right .hbar .hbar-text {
margin-left: 18px; }
.fee-overview .tabs .prices .list .item .right .free, .fee-overview .tabs .prices .subnav .list .external-item .right .free, .subnav .fee-overview .tabs .prices .list .external-item .right .free, .fee-overview .tabs .prices .subnav .list .item-list-heading .right .free, .subnav .fee-overview .tabs .prices .list .item-list-heading .right .free, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .right .free, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .right .free {
text-align: center;
width: 100%; }
.fee-overview .tabs .prices .list .item:last-child, .fee-overview .tabs .prices .subnav .list .external-item:last-child, .subnav .fee-overview .tabs .prices .list .external-item:last-child, .fee-overview .tabs .prices .subnav .list .item-list-heading:last-child, .subnav .fee-overview .tabs .prices .list .item-list-heading:last-child, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile:last-child, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile:last-child {
border-bottom: 1px solid solid #eaeaea; }

.react-tabs__tab--selected {
background-color: #f9f9f9 !important;
border-bottom: 3px solid #f9f9f9 !important;
border-top: 0.5px solid #aaaaaa;
border-right: 0.5px solid #aaaaaa;
color: var(--c-primary);
margin-bottom: -2px;
/* offset to cover border */
outline: none; }
.react-tabs__tab--selected h2 {
font-weight: bold !important; }

.fee-disclaimer {
margin: 32px auto -32px auto;
text-align: center;
color: #8c8c8c;
font-size: 11px; }

@media screen and (max-width: 1400px) {
.fee-overview {
flex-direction: column;
margin: auto; }
.fee-overview .content {
max-width: 700px;
margin: auto auto 48px auto; }
.fee-overview .content h2 {
text-align: center; }
.fee-overview .content p {
text-align: center; }
.fee-overview .content > * {
text-align: center; }
.fee-overview .tabs {
margin: auto; } }

@media screen and (max-width: 1100px) {
.mobile-full-width {
width: 100vw !important;
max-width: 100vw;
margin: 0 !important;
margin-left: -16.929% !important; }
.fee-overview .content > * {
text-align: left !important; }
.fee-overview .content h2 {
text-align: left; }
.fee-overview .content p {
text-align: left; }
.fee-overview .tabs {
width: 100%;
border-left: 0;
border-right: 0; }
.fee-overview .tabs .description {
border: 0;
padding: 12.5%;
padding-bottom: 6.25%; }
.fee-overview .tabs .options {
margin-left: 0;
border: 0;
flex-direction: column;
height: auto;
text-align: center; }
.fee-overview .tabs .options .option {
background-color: #f9f9f9;
border: 0;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px solid solid #eaeaea; }
.fee-overview .tabs .options .option .title {
text-align: center;
padding: 8px;
margin: 8px;
top: 0;
transform: none; }
.fee-overview .tabs .prices {
border: 0;
padding: 12.5%; }
.fee-overview .tabs .prices .titles .right {
display: none; }
.fee-overview .tabs .prices .titles .left {
padding-left: 0;
padding: 0; }
.fee-overview .tabs .prices .titles .left p {
text-align: center; }
.fee-overview .tabs .prices .list .item,
.fee-overview .tabs .prices .subnav .list .external-item,
.subnav .fee-overview .tabs .prices .list .external-item,
.fee-overview .tabs .prices .subnav .list .item-list-heading, .subnav .fee-overview .tabs .prices .list .item-list-heading, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile {
height: auto;
min-height: 120px;
flex-direction: column;
padding: 0; }
.fee-overview .tabs .prices .list .item .left, .fee-overview .tabs .prices .subnav .list .external-item .left, .subnav .fee-overview .tabs .prices .list .external-item .left, .fee-overview .tabs .prices .subnav .list .item-list-heading .left, .subnav .fee-overview .tabs .prices .list .item-list-heading .left, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .left, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .left {
line-height: 16px;
padding-left: 0;
padding: 0;
text-align: center;
margin-top: 28px;
margin-bottom: 8px; }
.fee-overview .tabs .prices .list .item .right, .fee-overview .tabs .prices .subnav .list .external-item .right, .subnav .fee-overview .tabs .prices .list .external-item .right, .fee-overview .tabs .prices .subnav .list .item-list-heading .right, .subnav .fee-overview .tabs .prices .list .item-list-heading .right, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .right, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .right {
padding-top: 16px;
padding-bottom: 12px;
margin-bottom: 36px;
line-height: 16px; }
.fee-overview .tabs .prices .list .item .right .usd, .fee-overview .tabs .prices .subnav .list .external-item .right .usd, .subnav .fee-overview .tabs .prices .list .external-item .right .usd, .fee-overview .tabs .prices .subnav .list .item-list-heading .right .usd, .subnav .fee-overview .tabs .prices .list .item-list-heading .right .usd, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .right .usd, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .right .usd {
border-right: 1px solid #b8b8b8;
font-size: 14px;
height: 100%;
/* attempt to ensure it fills the entire container */ }
.fee-overview .tabs .prices .list .item .right .usd:after, .fee-overview .tabs .prices .subnav .list .external-item .right .usd:after, .subnav .fee-overview .tabs .prices .list .external-item .right .usd:after, .fee-overview .tabs .prices .subnav .list .item-list-heading .right .usd:after, .subnav .fee-overview .tabs .prices .list .item-list-heading .right .usd:after, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .right .usd:after, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .right .usd:after {
content: none;
height: 0;
width: 0; }
.fee-overview .tabs .prices .list .item .right .hbar, .fee-overview .tabs .prices .subnav .list .external-item .right .hbar, .subnav .fee-overview .tabs .prices .list .external-item .right .hbar, .fee-overview .tabs .prices .subnav .list .item-list-heading .right .hbar, .subnav .fee-overview .tabs .prices .list .item-list-heading .right .hbar, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .right .hbar, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .right .hbar {
font-size: 14px; }
.react-tabs__tab--selected {
background-color: #f9f9f9 !important;
border-bottom: 3px solid var(--c-primary) !important;
color: var(--c-primary);
margin-top: 0;
margin-bottom: 0;
padding: 0;
outline: none; }
.react-tabs__tab--selected h2 {
font-weight: bold !important; }
.fee-disclaimer {
padding: 0 12.5%;
margin: 0 auto 32px auto;
text-align: left; } }

@media screen and (max-width: 400px) {
.fee-overview .tabs .prices .list .item .left, .fee-overview .tabs .prices .subnav .list .external-item .left, .subnav .fee-overview .tabs .prices .list .external-item .left, .fee-overview .tabs .prices .subnav .list .item-list-heading .left, .subnav .fee-overview .tabs .prices .list .item-list-heading .left, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .left, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .left {
font-size: 14px; } }

.calculator-container {
display: block;
position: relative;
background-color: #222;
padding: 6.25% 0; }
.calculator-container .calculator {
padding: 0; }
.calculator-container h2.section-title {
font-weight: 300;
margin: 0 0 45px;
color: white; }
.calculator-container .section-subtitle {
max-width: 530px;
margin: 0 auto 45px;
position: relative; }
.calculator-container .section-subtitle p {
margin: 0;
font-size: 15px;
color: white;
font-weight: normal;
letter-spacing: 0;
line-height: 2; }
.calculator-container h2.section-title a,
.calculator-container .section-subtitle a,
.calculator-container .section-subtitle p a {
color: white; }
.calculator-container h2.section-title a:active, .calculator-container h2.section-title a:visited,
.calculator-container .section-subtitle a:active,
.calculator-container .section-subtitle a:visited,
.calculator-container .section-subtitle p a:active,
.calculator-container .section-subtitle p a:visited {
color: white; }
.calculator-container h2.section-title a:hover,
.calculator-container .section-subtitle a:hover,
.calculator-container .section-subtitle p a:hover {
text-decoration: underline; }
.calculator-container .calc-iframe {
display: block;
position: relative;
width: 100%;
min-height: 1070px;
background: #222; }

.calculator-overhang {
display: none; }

@media screen and (max-width: 1100px) {
.calculator-overhang {
display: block;
position: relative; }
.calculator-container {
display: none; } }

.diagram {
text-align: center;
display: flex;
flex-direction: column; }
.diagram p {
text-align: center; }
.diagram .blue-text {
color: var(--c-primary);
font-size: 12px;
letter-spacing: 4px;
line-height: 1.5;
font-weight: 400; }
.diagram .icon-first {
margin: 24px auto 0 auto;
height: 100px;
width: 100px; }
.diagram .icon-second {
margin: -2px auto 0 auto;
height: 100px;
width: auto;
max-width: 40px; }
.diagram .icon {
position: relative;
z-index: 2;
margin: 0 auto 0 auto;
height: 100px;
width: 100px; }
.diagram .add-trust {
position: relative;
z-index: 2;
margin: 0 auto 0 auto;
width: 50%; }
.diagram .offset-left {
padding-right: 7.75%; }
.diagram .offset-right {
padding-left: 7.75%; }
.diagram .fee-bar {
background: linear-gradient(160deg, var(--c-primary), #8259ef);
height: 80px;
width: 100%; }
.diagram .fee-bar h2 {
color: white;
text-align: center;
margin: 0 auto 0 auto;
line-height: 80px; }
.diagram .two-col {
display: flex;
flex-direction: row;
height: 80px;
width: 100%; }
.diagram .two-col .first-col {
flex: 1;
margin-left: 7.75%; }
.diagram .two-col .second-col {
margin: 0 auto 0 auto; }
.diagram .three-col {
display: flex;
flex-direction: row;
height: 80px;
width: 100%; }
.diagram .three-col .item,
.diagram .three-col .subnav .list .external-item,
.subnav .list .diagram .three-col .external-item,
.diagram .three-col .subnav .list .item-list-heading, .subnav .list .diagram .three-col .item-list-heading, .diagram .three-col .subnav .list .item-list-heading-mobile, .subnav .list .diagram .three-col .item-list-heading-mobile {
flex: 1; }
.diagram .three-col .item .arrow, .diagram .three-col .subnav .list .external-item .arrow, .subnav .list .diagram .three-col .external-item .arrow, .diagram .three-col .subnav .list .item-list-heading .arrow, .subnav .list .diagram .three-col .item-list-heading .arrow, .diagram .three-col .subnav .list .item-list-heading-mobile .arrow, .subnav .list .diagram .three-col .item-list-heading-mobile .arrow {
height: 80px;
margin: 0 auto 0 auto; }
.diagram .three-col .item .hbar-icon, .diagram .three-col .subnav .list .external-item .hbar-icon, .subnav .list .diagram .three-col .external-item .hbar-icon, .diagram .three-col .subnav .list .item-list-heading .hbar-icon, .subnav .list .diagram .three-col .item-list-heading .hbar-icon, .diagram .three-col .subnav .list .item-list-heading-mobile .hbar-icon, .subnav .list .diagram .three-col .item-list-heading-mobile .hbar-icon {
height: 40px;
width: 40px;
margin: -20px auto 0 auto; }
.diagram .three-col .item .offset-left, .diagram .three-col .subnav .list .external-item .offset-left, .subnav .list .diagram .three-col .external-item .offset-left, .diagram .three-col .subnav .list .item-list-heading .offset-left, .subnav .list .diagram .three-col .item-list-heading .offset-left, .diagram .three-col .subnav .list .item-list-heading-mobile .offset-left, .subnav .list .diagram .three-col .item-list-heading-mobile .offset-left {
padding-right: 7.75%; }
.diagram .three-col .item .offset-right, .diagram .three-col .subnav .list .external-item .offset-right, .subnav .list .diagram .three-col .external-item .offset-right, .diagram .three-col .subnav .list .item-list-heading .offset-right, .subnav .list .diagram .three-col .item-list-heading .offset-right, .diagram .three-col .subnav .list .item-list-heading-mobile .offset-right, .subnav .list .diagram .three-col .item-list-heading-mobile .offset-right {
padding-left: 7.75%; }
.diagram .three-col .funky-lines {
border-top: 1.5px solid #464646;
margin-left: 15.4%;
margin-right: 15.4%;
margin-top: -2.2px;
opacity: 0.5; }
.diagram .three-col .box {
border: 0.8px solid #222222;
flex: 1;
min-height: 200px;
margin: -52px 5.5% 0 5.5%;
padding: calc(4% + 20px) 4% 4% 4%; }
.diagram .three-col .box > * {
text-align: left !important; }
.diagram .three-col .box > p {
font-size: 15px;
font-weight: 300;
line-height: 30px;
letter-spacing: 0; }
.diagram .three-col .box:first-child {
margin: -52px 0 0 0; }
.diagram .three-col .box:last-child {
margin: -52px 0 0 0; }
.diagram .three-col.last {
height: auto; }

.diagram-image {
display: none; }

.mobile-boxes {
display: none; }

@media screen and (max-width: 1100px) {
.diagram {
display: none; }
.diagram-image {
display: flex;
width: 400px;
max-width: 100%;
margin: auto; }
.mobile-boxes {
display: flex;
flex-direction: column; }
.mobile-boxes .icon {
height: 120px;
width: 100%;
margin-top: 12px;
margin-bottom: 12px;
text-align: center;
z-index: 2; }
.mobile-boxes .icon:first-child {
height: 120px; }
.mobile-boxes .icon img {
height: 120px;
width: 120px; }
.mobile-boxes .box {
border: 0.8px solid #222222;
border-radius: 12px;
padding: 80px 6.25% 12.5% 6.25%;
margin: -60px auto 0 auto;
flex: 1;
flex-direction: column; }
.mobile-boxes .box > * {
text-align: center;
font-weight: 300; }
.mobile-boxes:first-child {
margin: 72px auto; } }

.tooltip {
height: 20px;
width: 20px;
margin: auto 0 auto 16px;
position: absolute;
top: 0;
bottom: 0;
display: inline-block;
z-index: 97; }
.tooltip .text {
font-size: 12px;
font-weight: 300 !important;
visibility: hidden;
width: 120px;
background-color: #222222;
color: #b8b8b8;
text-align: left;
padding: 16px;
position: absolute;
bottom: 180%;
left: 300%;
margin-left: -62px;
opacity: 1;
transition: opacity 0.2s;
line-height: 1.2;
z-index: 99; }
.tooltip .text:after {
content: "";
background: linear-gradient(160deg, var(--c-primary), #8259ef);
display: block;
height: 3px;
width: 100%;
position: absolute;
bottom: 0;
margin-left: -16px;
/* offset for text padding */ }
.tooltip--light .text {
background-color: white;
color: #464646;
letter-spacing: normal; }

.tooltip:before {
content: "";
background: url("/assets/images/Pricing-Info-Icon-Hover.png");
background-size: contain;
opacity: 0.5;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 98; }

.tooltip:hover .text, tooltip:active .text {
visibility: visible;
opacity: 1; }

.tooltip:hover:before, tooltip:active:before {
opacity: 1; }

.tooltip--white:before {
background: url("/assets/images/Pricing-Info-Icon-White.png");
background-size: contain;
opacity: 0.5; }

.tooltip--white .text {
background-color: white;
color: #464646;
letter-spacing: normal; }

@media screen and (max-width: 1100px) {
.tooltip .text {
left: auto;
right: 0;
margin-left: -72px;
width: 120px; } }

@media screen and (max-width: 400px) {
.tooltip .text {
margin-left: -62px;
width: 98px; } }

.three-column-details {
padding-left: 3.05%;
padding-right: 3.05%; }

.detail-details {
margin: auto;
min-height: 200px;
display: flex;
margin-bottom: 98px; }
.detail-details:last-child {
margin-bottom: 0; }

.detail-detail {
flex: 0 0 26.9333%;
display: flex;
flex-direction: column;
padding: 0 3.2% 0 3.2%; }

.detail-image {
background-size: contain;
background-repeat: no-repeat;
height: 90px;
margin: 0 0 60px 0;
width: 112px; }

.detail-image img {
height: 110px;
width: 110px; }

.details-title {
height: 30px;
width: auto;
color: var(--c-primary);
font-size: 14px;
letter-spacing: 2.8px;
line-height: 26px;
text-transform: uppercase; }

.detail-description {
color: #464646;
font-size: 15px;
font-weight: 300;
line-height: 30px;
min-height: 120px; }

.detail-link {
flex: 1;
height: 40px; }

.detail-btn-container {
display: flex;
align-items: center;
justify-content: center;
margin-top: 48px; }

.detail-btn {
margin: auto; }

@media screen and (max-width: 1200px) {
.details-title {
height: 52px; } }

@media screen and (max-width: 1100px) {
.three-column-details,
.detail-homepage-section {
height: auto;
padding: calc(12.5% - 20px) 12.5% 12.5%; }
.detail-details {
flex-direction: column;
width: auto;
height: auto;
margin: 0 auto; }
.detail-details:last-child .detail-detail:last-child {
margin-bottom: 0; }
.detail-detail {
height: auto;
padding: 0;
margin: 0 0 72px 0;
min-height: 0; }
.detail-description {
flex: none;
height: auto;
min-height: 0; }
.details-title {
flex: none;
height: auto;
width: auto; }
.details-title h2 {
height: auto;
width: auto;
display: inline-block; } }

@media screen and (max-width: 768px) {
.three-column-details,
.detail-homepage-section {
height: auto;
padding: 12.5%; } }

.users-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: auto; }
.users-list .user {
height: auto;
margin: 0 3.33%;
width: calc(100% / 3.8);
display: flex;
flex-direction: column; }
.users-list .user .hashgraph {
min-height: 80px;
max-height: 300px;
margin: 0 auto;
width: 80%; }
.users-list .user .mobile-hashgraph {
display: none; }
.users-list .user .industry {
color: var(--c-primary);
height: auto;
text-align: center;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
letter-spacing: 2.4px;
position: relative;
margin: -30px auto 12px auto; }
.users-list .user .industry p {
min-height: 12px; }
.users-list .user .box {
background-color: #222222;
padding: 8.5% 40px 60px 40px;
min-height: 400px;
max-height: 440px;
/* hopefully ensure user box without graph stays the same height */
text-decoration: none;
height: 100%; }
.users-list .user .box .logo {
text-align: center;
min-height: 80px;
margin: auto auto 6.25% auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.users-list .user .box .logo img {
margin: auto;
height: 100%;
width: 50%; }
.users-list .user .box .gradient {
background: linear-gradient(160deg, var(--c-primary), #8259ef);
height: 2px;
width: 100%;
margin-bottom: 24px; }
.users-list .user .box .subtitle {
padding: 12px 0 24px 0;
font-weight: 300;
font-size: 16px;
color: var(--c-primary);
text-transform: uppercase;
text-decoration: none;
line-height: 22px;
letter-spacing: 2.4px;
min-height: 44px;
/* three lines of subtitle, adjust as needed */ }
.users-list .user .box .description {
padding: 0;
color: white;
font-weight: 300;
font-size: 14px;
line-height: 30px;
letter-spacing: 0;
text-decoration: none;
min-height: 120px; }
.users-list .user .box .cta {
margin-top: 36px;
display: flex;
flex-wrap: wrap;
gap: 12px; }
.users-list .user .box .cta a:last-child .Btn {
margin-top: 10px; }
.users-list .user .box .cta a:first-child .Btn {
margin-top: 0;
margin-right: 10px; }
.users-list a.box:hover .cta .Btn {
background-color: white;
color: #222222; }
.users-list a.box:hover .cta .Btn.has-bg {
border: 1px solid white;
background-color: #222222;
color: white; }
.users-list .bottom-graph {
align-items: start;
justify-content: start; }
.users-list .disclaimer {
font-size: 14px;
line-height: 1.5;
width: 80%;
max-width: 500px;
margin: auto;
text-align: center;
color: #8c8c8c;
padding: 6.25% 0; }

.js-pages-wrapper .pagination {
color: #464646;
height: 104px;
text-align: center;
position: relative; }
.js-pages-wrapper .pagination a {
text-decoration: none;
color: #464646; }
.js-pages-wrapper .pagination > .pages {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-weight: 400;
display: flex;
justify-content: center;
align-items: center; }
.js-pages-wrapper .pagination > .pages > a,
.js-pages-wrapper .pagination > .pages > .current {
display: inline-block;
margin: 4px;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid white;
line-height: 40px; }
.js-pages-wrapper .pagination > .pages > a:hover {
border-color: #b8b8b8;
color: #b8b8b8; }
.js-pages-wrapper .pagination > .pages > .current {
border-color: #464646;
color: #464646; }

.user-detail .no-results {
padding: 6.25%;
text-align: center; }

.user-detail .disclaimer-container {
padding: 6.25%; }
.user-detail .disclaimer-container .disclaimer {
font-size: 14px;
line-height: 1.5;
width: 80%;
max-width: 500px;
margin: auto;
text-align: center;
color: #8c8c8c; }

@media (max-width: 768px) {
.user-detail .no-results {
width: 230px;
margin: 0 auto; } }

.short-intro-user-filter .Home-intro > .text h2 {
margin-top: 0; }

.short-intro-user-filter .Home-intro > .text a {
margin-bottom: 48px; }

.short-intro-user-filter .user-filters {
display: flex;
justify-content: center;
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 768px;
z-index: 2; }

.short-intro-user-filter .filter {
flex: 0 0 calc(33.3333% - 20px);
display: block;
position: relative;
padding: 0 10px; }
.short-intro-user-filter .filter *,
.short-intro-user-filter .filter *::before,
.short-intro-user-filter .filter *::after {
box-sizing: border-box; }
.short-intro-user-filter .filter label {
width: 100%;
height: auto;
padding: 5px;
border: 1px solid #b8b8b8;
color: #b8b8b8;
font-size: 17px;
line-height: 1.2;
font-weight: 300;
display: block;
position: relative;
text-align: center;
margin: 0 0 25px; }
.short-intro-user-filter .filter .filter-button {
display: block;
border: none;
background-color: transparent;
padding: 2px 0;
margin: 0;
width: 100%;
font-family: inherit;
font-size: inherit;
cursor: inherit;
line-height: inherit;
outline: none;
color: white;
letter-spacing: -0.01em;
font-weight: 400;
font-size: 12px;
line-height: 1.6;
text-transform: uppercase;
text-align: center; }
.short-intro-user-filter .filter .dropdown {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 2;
padding: 6px 0; }
.short-intro-user-filter .filter .dropdown::before {
content: "";
background: rgba(0, 0, 0, 0.8);
display: block;
position: absolute;
z-index: -1;
top: 11px;
left: 0;
width: 100%;
height: calc(100% - 11px); }
.short-intro-user-filter .filter.show-dropdown .filter-button {
opacity: 0;
pointer-events: none; }
.short-intro-user-filter .filter.show-dropdown .dropdown {
display: block; }
.short-intro-user-filter .filter .dropdown-item {
text-transform: uppercase;
color: white;
font-size: 12px;
font-weight: 300;
text-align: center;
line-height: 1.1;
padding: 5px 2px;
display: flex;
position: relative;
justify-content: center;
align-items: center; }
.short-intro-user-filter .filter .dropdown-item:hover,
.short-intro-user-filter .filter .dropdown-item.selected {
font-weight: 500; }
.short-intro-user-filter .filter .filter-select {
width: 100%;
padding: 6px 5px 5px;
cursor: pointer;
display: block;
position: relative;
background: rgba(0, 0, 0, 0.8); }
.short-intro-user-filter .filter .filter-select::before {
content: "";
width: 100%;
height: 2px;
display: block;
position: absolute;
top: 0;
left: 0;
transform: translateY(-100%);
background: #6561d5; }
.short-intro-user-filter .filter .filter-select::after {
content: "";
width: 20px;
height: 20px;
display: block;
position: absolute;
top: -2px;
left: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
border-top: 2px solid #6561d5;
border-right: 2px solid #6561d5;
background: rgba(0, 0, 0, 0.8);
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-moz-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
-o-transform: translate(-50%, -50%) rotate(-45deg);
}

@media (max-width: 768px) {
.short-intro-user-filter .user-filters {
flex-direction: column;
width: 100%;
max-width: 260px; }
.short-intro-user-filter .user-filters .filter:nth-child(1),
.short-intro-user-filter .user-filters .filter:nth-child(2) {
padding-bottom: 20px; }
.short-intro-user-filter .short-intro {
height: calc(80vh + 373px) !important; }
.short-intro-user-filter .Home-intro > .text {
top: 37%; }
.short-intro-user-filter .short-hero-image {
height: calc(80vh + 373px); } }

@media screen and (max-width: 1480px) {
.users-list .user .box .logo {
margin-top: -12px; }
.users-list .user .box .subtitle {
min-height: 66px;
/* bump to three lines, adjust as needed */ }
.users-list .user .box .description {
min-height: 180px;
/* bump to five lines, adjust as needed */ } }

@media screen and (max-width: 1300px) {
.users-list .user .box {
max-height: 520px; }
.users-list .user .box .description {
min-height: 240px;
/* bump to seven lines, adjust as needed */ } }

@media screen and (max-width: 1100px) {
.users-list {
flex-direction: column;
flex-wrap: nowrap; }
.users-list .user {
width: 50%;
margin: 0 auto; }
.users-list .user .mobile-hashgraph {
display: flex;
min-height: 80px;
max-height: 300px;
margin: 0 auto;
width: 80%; }
.users-list .user .box {
min-height: 0; }
.users-list .user .box .subtitle {
min-height: 0; }
.users-list .user .box .description {
min-height: 0;
margin-bottom: 12px; }
.users-list .bottom-graph:not(:first-child) {
display: none; }
.users-list .disclaimer {
width: auto;
padding: 12.5%; } }

@media screen and (max-width: 600px) {
.mobile-no-padding {
padding: 0 !important; }
.mobile-no-padding .section-title {
padding: 12.5%;
padding-bottom: 0;
text-align: center; }
.mobile-no-padding .users-list {
margin-bottom: 12.5%; }
.users-list {
flex-direction: column;
flex-wrap: nowrap; }
.users-list .user {
width: 100%; }
.users-list .user .box {
padding: 12.5%;
min-height: 0; }
.users-list .user .box .logo img {
width: 60%; }
.users-list .user .box .gradient {
width: 100%; }
.users-list .user .box .subtitle {
min-height: 0; }
.users-list .user .box .description {
min-height: 0; } }

.libra-banner {
background-color: #222222;
color: white;
max-height: 400px;
display: flex;
flex-direction: row;
padding: 24px 6.25% 24px 6.25%; }
.libra-banner .main-content {
flex: 1;
display: flex;
flex-direction: row;
align-items: center; }
.libra-banner .main-content .banner-icon {
width: 100px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 24px; }
.libra-banner .main-content .banner-icon img {
height: 80%;
width: auto;
margin-bottom: 0; }
.libra-banner .main-content .banner-content {
display: flex;
flex-direction: column;
align-items: center; }
.libra-banner .main-content .banner-content .title {
margin-top: 18px;
width: 100%;
/* arbitrary, adjust with screen size QA */ }
.libra-banner .cta {
width: 265px;
/* arbitrary, adjust when rest is complete */
display: flex;
align-items: center;
justify-content: center; }

@media screen and (max-width: 1100px) {
.libra-banner {
border-top: 0;
padding: 24px 12.5% 24px 12.5%;
flex-direction: column; }
.libra-banner .main-content {
justify-content: center; }
.libra-banner .main-content .banner-icon {
min-height: 80px;
max-width: 80px; }
.libra-banner .main-content .banner-content .title {
margin-top: 12px;
margin-bottom: 12px;
width: 100%; }
.libra-banner .cta {
margin-top: 24px;
width: auto;
margin-bottom: 12px; } }

.user-hero, .seo-hero {
background: linear-gradient(160deg, var(--c-primary), #8259ef);
background-attachment: scroll;
background-size: cover;
background-position: center;
background-repeat: none;
width: 100%;
max-width: 100vw;
min-height: 480px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.user-hero .hero-content, .seo-hero .hero-content {
margin: auto;
max-width: 1100px;
width: 1100px; }
.user-hero .hero-content .top-row, .seo-hero .hero-content .top-row {
display: flex;
flex-direction: row;
justify-content: space-between; }
.user-hero .hero-content .top-row h1, .seo-hero .hero-content .top-row h1 {
color: white;
font-size: 48px;
max-width: 50%; }
.user-hero .hero-content .top-row .user-logo, .seo-hero .hero-content .top-row .user-logo {
height: 60px;
width: auto; }
.user-hero .hero-content .top-row .user-logo img, .seo-hero .hero-content .top-row .user-logo img {
min-height: 52px;
height: auto;
max-height: 60px;
width: auto;
max-width: 80vw;
object-fit: contain; }
.user-hero .hero-content .top-row .back-btn, .seo-hero .hero-content .top-row .back-btn {
color: white;
height: 18px;
width: auto;
border-bottom: 0.6px solid white; }
.user-hero .hero-content .top-row .back-btn a, .seo-hero .hero-content .top-row .back-btn a {
color: white;
text-decoration: none;
font-size: 12px; }
.user-hero .hero-content .top-row .back-btn a :active, .seo-hero .hero-content .top-row .back-btn a :active {
color: white; }
.user-hero .hero-content .middle-row, .seo-hero .hero-content .middle-row {
margin-top: 36px; }
.user-hero .hero-content .middle-row p, .seo-hero .hero-content .middle-row p {
color: white;
font-size: 14px;
line-height: 30px;
font-weight: 300;
max-width: 50%; }
.user-hero .hero-content .bottom-row, .seo-hero .hero-content .bottom-row {
margin-top: 36px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center; }
.user-hero .hero-content .bottom-row .ctas, .seo-hero .hero-content .bottom-row .ctas {
min-width: 100px;
width: auto; }
.user-hero .hero-content .bottom-row .ctas a:first-child, .seo-hero .hero-content .bottom-row .ctas a:first-child {
margin-right: 12px; }
.user-hero .hero-content .bottom-row .socials, .seo-hero .hero-content .bottom-row .socials {
min-width: 100px;
width: auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center; }
.user-hero .hero-content .bottom-row .socials .icon, .seo-hero .hero-content .bottom-row .socials .icon {
height: 30px;
width: 30px;
padding: 0 8px; }
.user-hero .hero-content .bottom-row .socials .icon a, .seo-hero .hero-content .bottom-row .socials .icon a {
fill: white;
height: 100%;
width: 100%; }
.user-hero .hero-content .bottom-row .socials .icon:first-child, .seo-hero .hero-content .bottom-row .socials .icon:first-child {
padding-left: 0; }
.user-hero .hero-content .bottom-row .socials .icon:last-child, .seo-hero .hero-content .bottom-row .socials .icon:last-child {
padding-right: 0; }

.seo-hero {
align-items: flex-start;
min-height: 412px; }
.seo-hero .hero-content {
width: 100%;
max-width: 100%;
margin: 120px 6.25%; }

/* Large screens (4k monitors) */
@media screen and (min-width: 1800px) {
.user-hero .hero-content, .seo-hero .hero-content {
max-width: 70%;
width: 70%; }
.user-hero .hero-content .middle-row p, .seo-hero .hero-content .middle-row p {
max-width: 40%;
/* keeps content more compact, adjust as needed */ } }

/* Tablets */
@media screen and (max-width: 1240px) {
.user-hero .hero-content, .seo-hero .hero-content {
max-width: 900px;
width: 900px; }
.user-hero .hero-content .middle-row p, .seo-hero .hero-content .middle-row p {
max-width: 60%; }
.user-hero .hero-content .bottom-row, .seo-hero .hero-content .bottom-row {
align-items: start; } }

/* Tablets, phones, etc */
@media screen and (max-width: 1100px) {
.user-hero, .seo-hero {
padding: 0;
min-height: 100vh;
width: auto;
max-width: 100%;
display: flex; }
.user-hero .hero-content, .seo-hero .hero-content {
max-width: 100%;
width: auto;
padding-top: 0;
padding: 12.5%; }
.user-hero .hero-content .top-row, .seo-hero .hero-content .top-row {
flex-direction: column-reverse;
height: 20vh;
padding-top: 0; }
.user-hero .hero-content .top-row .user-logo img, .seo-hero .hero-content .top-row .user-logo img {
max-width: 65vw; }
.user-hero .hero-content .top-row .back-btn, .seo-hero .hero-content .top-row .back-btn {
border: 0;
margin-top: 20px; }
.user-hero .hero-content .top-row .back-btn a, .seo-hero .hero-content .top-row .back-btn a {
border-bottom: 0.6px solid white; }
.user-hero .hero-content .middle-row, .seo-hero .hero-content .middle-row {
max-width: 500px; }
.user-hero .hero-content .middle-row p, .seo-hero .hero-content .middle-row p {
max-width: 500px;
width: 100%; }
.user-hero .hero-content .bottom-row, .seo-hero .hero-content .bottom-row {
flex-direction: column;
margin-bottom: 36px; }
.user-hero .hero-content .bottom-row .ctas, .seo-hero .hero-content .bottom-row .ctas {
display: flex;
flex-direction: column; }
.user-hero .hero-content .bottom-row .ctas a:first-child, .seo-hero .hero-content .bottom-row .ctas a:first-child {
margin: 18px 0; }
.user-hero .hero-content .bottom-row .socials, .seo-hero .hero-content .bottom-row .socials {
justify-content: start;
width: 100%; }
.user-hero .hero-content .bottom-row .socials .icon, .seo-hero .hero-content .bottom-row .socials .icon {
margin-top: 18vh; }
.seo-hero {
min-height: 550px;
max-height: 100%; }
.seo-hero .hero-content {
padding: 6.25%;
margin: 0; }
.seo-hero .hero-content .top-row h1 {
font-size: 36px; } }

@media (max-width: 745px) {
.seo-hero .hero-content .top-row h1 {
max-width: 100%; } }

@media (max-width: 380px) {
.seo-hero .hero-content .top-row {
height: 22vh;
margin-top: 90px; } }

.user-stats {
margin: auto;
padding: 0;
margin-bottom: 6.25%;
max-width: 1100px;
height: 140px;
align-items: center;
justify-content: center;
display: flex;
flex-direction: row; }
.user-stats .stat {
border-left: 1px solid #eaeaea;
/* presumes 3 'stats' */
border-right: 1px solid #eaeaea;
border-top: 0;
border-bottom: 0;
height: 140px;
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center; }
.user-stats .stat .stat-title {
height: 60px; }
.user-stats .stat .stat-title h2 {
color: #222222;
font-size: 36px;
font-weight: 500; }
.user-stats .stat .stat-detail {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1.5;
font-weight: 300;
color: #464646;
max-width: 80%; }
.user-stats .stat .stat-detail p {
color: #aaa;
font-size: 12px;
text-align: center;
line-height: 18px;
letter-spacing: 1.2px;
max-width: 80%;
margin: auto; }
.user-stats .stat:first-child {
border: 0;
border-left: 1px solid #eaeaea; }
.user-stats .stat:last-child {
border: 0;
border-right: 1px solid #eaeaea; }

/* Large devices (4k monitors) */
@media screen and (min-width: 1800px) {
.user-stats {
max-width: 70%; } }

/* Tablets */
@media screen and (max-width: 1240px) {
.user-stats {
max-width: 900px; } }

/* Tablets, phones */
@media screen and (max-width: 700px) {
.user-stats {
flex-direction: column;
height: auto;
padding: 54px 0; }
.user-stats .stat {
height: auto;
border: 0;
margin-top: 54px; }
.user-stats .stat .stat-title h2 {
margin-bottom: 4px; }
.user-stats .stat .stat-detail {
max-width: 100%; }
.user-stats .stat:first-child {
margin-top: 0;
border: 0; }
.user-stats .stat:last-child {
border: 0; } }

.user-body {
margin: auto;
padding: 3.125% 0 6.25% 0;
min-height: 200px;
max-width: 1100px;
display: flex;
flex-direction: row; }
.user-body .user-body-content {
flex: 1;
padding-right: 80px;
font-weight: 300;
line-height: 1.5; }
.user-body .user-body-content .body-content h1 {
padding-top: 36px;
font-size: 50px;
line-height: 60px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
letter-spacing: -0.015em; }
@media (min-width: 1024px) {
.user-body .user-body-content .body-content h1 {
font-size: 96px;
line-height: 96px; } }
.user-body .user-body-content .body-content h2 {
padding-top: 36px;
font-size: 26px;
line-height: 30px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
letter-spacing: -0.015em; }
@media (min-width: 1024px) {
.user-body .user-body-content .body-content h2 {
font-size: 40px;
line-height: 50px; } }
.user-body .user-body-content .body-content h3 {
padding-top: 36px;
font-size: 13px;
line-height: 26px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
@media (min-width: 1024px) {
.user-body .user-body-content .body-content h3 {
font-size: 18px;
line-height: 36px; } }
.user-body .user-body-content .body-content h4 {
padding-top: 36px;
font-size: 13px;
line-height: 26px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* only goes down to m; s == <p> */ }
@media (min-width: 1024px) {
.user-body .user-body-content .body-content h4 {
font-size: 18px;
line-height: 36px; } }
.user-body .user-body-content .body-content p {
font-size: 14px;
line-height: 1.8;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
@media (min-width: 1024px) {
.user-body .user-body-content .body-content p {
font-size: 15px;
line-height: 2; } }
.user-body .user-body-content .body-content strong {
font-weight: bold; }
.user-body .user-body-content .body-content em {
font-style: italic; }
.user-body .user-body-content .body-content a {
color: #222222; }
.user-body .user-body-content .body-content ol {
list-style: decimal;
margin-left: 20px;
/* offset to left-align with content */ }
.user-body .user-body-content .body-content img {
max-width: 100%;
padding: 20px 0; }
.user-body .user-body-content p {
font-size: 15px;
font-weight: 300;
line-height: 30px;
letter-spacing: 0; }
.user-body .user-body-content .disclaimer {
margin: 36px auto 0 0;
width: 80%;
font-size: 14px;
text-align: left; }
.user-body .user-body-content .user-video {
height: 380px;
width: auto;
margin: 0 0 36px 0;
display: flex;
align-items: center;
justify-content: center;
background-size: cover; }
.user-body .user-body-content .user-video.is-quote {
display: flex;
flex-direction: column;
flex-direction: column;
justify-content: start; }
.user-body .user-body-content .user-video.is-quote h3 {
color: white;
font-style: italic;
font-size: 24px;
font-weight: 200;
letter-spacing: 0;
line-height: 1.2;
max-width: 85%;
margin: 48px auto auto 48px; }
.user-body .user-body-content .user-video.is-quote div {
color: white;
width: 300px;
margin: auto auto auto 0;
display: flex;
flex-direction: column;
justify-content: end; }
.user-body .user-body-content .user-video.is-quote div .quote-author {
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
margin: 48px auto auto 48px;
text-transform: uppercase; }
.user-body .user-body-content .user-video.is-quote div .quote-author-details {
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
margin: 0 auto auto 48px;
text-transform: uppercase; }
.user-body .user-side-panel {
color: white;
width: 320px; }
.user-body .user-side-panel.mobile-panel {
display: none; }
.user-body .user-side-panel .side-panel-container {
background-color: #222222;
height: auto;
display: flex;
flex-direction: column;
padding: 36px; }
.user-body .user-side-panel .side-panel-container .panel-item-title {
color: white;
text-transform: uppercase;
height: auto; }
.user-body .user-side-panel .side-panel-container .panel-item-title p {
letter-spacing: 1px;
line-height: 20px;
font-size: 14px;
padding-bottom: 12px; }
.user-body .user-side-panel .side-panel-container .panel-item-gradient {
height: 2px;
background: linear-gradient(160deg, var(--c-primary), #8259ef); }
.user-body .user-side-panel .side-panel-container .panel-item-content {
height: auto; }
.user-body .user-side-panel .side-panel-container .panel-item-content p {
color: #b8b8b8;
font-size: 14px;
font-weight: 300;
padding-top: 12px;
padding-bottom: 36px;
line-height: 28px; }
.user-body .user-side-panel .side-panel-container .panel-item-content ul li {
line-height: 18px;
font-size: 14px;
padding-bottom: 20px; }
.user-body .user-side-panel .side-panel-container .panel-item-content ul li:first-child {
padding-top: 20px; }
.user-body .user-side-panel .side-panel-container .panel-item-content a {
color: white;
opacity: 0.8; }
.user-body .user-side-panel .side-panel-container .panel-item-content a:hover {
opacity: 1.0; }
.user-body .user-side-panel .side-panel-container .panel-item-content:last-child p {
padding-bottom: 0; }

/* Larger devices (4k monitors) */
@media screen and (min-width: 1800px) {
.user-body {
max-width: 70%; }
.user-body .user-side-panel {
width: 380px; } }

/* Tablets */
@media screen and (max-width: 1240px) {
.user-body {
max-width: 900px; }
.user-body .user-body-content {
padding-right: 40px; }
.user-body .user-side-panel {
width: 300px; } }

/* Tablets, phones, etc. */
@media screen and (max-width: 1100px) {
.user-body {
flex-direction: column-reverse;
padding: 0; }
.user-body .user-body-content {
padding-right: 0; }
.user-body .user-body-content .body-content {
padding: 12.5%; }
.user-body .user-body-content .disclaimer {
margin: auto auto 12.5% auto;
text-align: center;
max-width: 300px; }
.user-body .user-body-content .user-video {
max-width: 475px;
/* arbitrarily match sidepanel box? */
min-height: 260px;
height: auto;
margin: 0 auto; }
.user-body .user-body-content .user-video.is-quote h3 {
font-size: 22px;
max-width: 100%;
margin: 48px 48px 0 48px; }
.user-body .user-body-content .user-video.is-quote div .quote-author {
font-size: 14px; }
.user-body .user-body-content .user-video.is-quote div .quote-author-details {
font-size: 14px;
margin: 0 auto 48px 48px;
/* forces a min bottom margin of 48px on the image */ }
.user-body .user-body-content .btn-mobile-shift {
margin-left: 12.5%;
margin-bottom: 12.5%;
margin-top: 0 !important; }
.user-body .user-side-panel {
width: auto;
margin: auto auto 36px auto; }
.user-body .user-side-panel .side-panel-container {
padding: 12.5%; }
.user-body .user-side-panel.mobile-panel {
display: flex; }
.user-body .user-side-panel.desktop-panel {
display: none; } }

::marker {
font-weight: 400; }

.use-case-items {
padding: 6.25% 0 6.25% 6.25%;
display: flex;
flex-direction: row;
justify-content: space-between; }
.use-case-items .first-item {
border-right: 0.8px solid #8c8c8c;
width: calc(33% - 6.25%); }
.use-case-items .first-item h2, .use-case-items .first-item p {
padding-right: 32px;
text-align: left !important; }
.use-case-items .first-item img {
max-width: 100%;
margin-top: 36px; }
.use-case-items .main-item {
width: 33%; }
.use-case-items .main-item .main-content {
width: 96%;
margin: auto; }
.use-case-items .main-item .main-content .item,
.use-case-items .main-item .main-content .subnav .list .external-item,
.subnav .list .use-case-items .main-item .main-content .external-item,
.use-case-items .main-item .main-content .subnav .list .item-list-heading, .subnav .list .use-case-items .main-item .main-content .item-list-heading, .use-case-items .main-item .main-content .subnav .list .item-list-heading-mobile, .subnav .list .use-case-items .main-item .main-content .item-list-heading-mobile {
padding-top: 72px;
display: flex;
flex-direction: column; }
.use-case-items .main-item .main-content .item .title, .use-case-items .main-item .main-content .subnav .list .external-item .title, .subnav .list .use-case-items .main-item .main-content .external-item .title, .use-case-items .main-item .main-content .subnav .list .item-list-heading .title, .subnav .list .use-case-items .main-item .main-content .item-list-heading .title, .use-case-items .main-item .main-content .subnav .list .item-list-heading-mobile .title, .subnav .list .use-case-items .main-item .main-content .item-list-heading-mobile .title {
font-weight: 400;
font-size: 16px;
text-transform: uppercase;
text-align: left !important;
letter-spacing: 3px;
margin: -8px 0 18px 0; }
.use-case-items .main-item .main-content .item .description, .use-case-items .main-item .main-content .subnav .list .external-item .description, .subnav .list .use-case-items .main-item .main-content .external-item .description, .use-case-items .main-item .main-content .subnav .list .item-list-heading .description, .subnav .list .use-case-items .main-item .main-content .item-list-heading .description, .use-case-items .main-item .main-content .subnav .list .item-list-heading-mobile .description, .subnav .list .use-case-items .main-item .main-content .item-list-heading-mobile .description {
font-weight: 300;
font-size: 15px;
line-height: 30px;
text-align: left !important; }
.use-case-items .main-item .main-content .item img, .use-case-items .main-item .main-content .subnav .list .external-item img, .subnav .list .use-case-items .main-item .main-content .external-item img, .use-case-items .main-item .main-content .subnav .list .item-list-heading img, .subnav .list .use-case-items .main-item .main-content .item-list-heading img, .use-case-items .main-item .main-content .subnav .list .item-list-heading-mobile img, .subnav .list .use-case-items .main-item .main-content .item-list-heading-mobile img {
max-height: 100px;
max-width: 100px; }
.use-case-items .main-item .main-content .graph {
padding-top: 72px;
display: flex;
flex-direction: column; }
.use-case-items .main-item .main-content .graph .title {
font-weight: 400;
font-size: 16px;
text-transform: uppercase;
text-align: left !important;
letter-spacing: 3px;
margin: -8px 0 18px 0; }
.use-case-items .main-item .main-content .graph .description {
font-weight: 300;
font-size: 15px;
line-height: 30px;
text-align: left !important; }
.use-case-items .main-item .main-content .graph img {
max-height: 50px;
max-width: 50px; }
.use-case-items .main-item .main-content .item:first-child, .use-case-items .main-item .main-content .subnav .list .external-item:first-child, .subnav .list .use-case-items .main-item .main-content .external-item:first-child, .use-case-items .main-item .main-content .subnav .list .item-list-heading:first-child, .subnav .list .use-case-items .main-item .main-content .item-list-heading:first-child, .use-case-items .main-item .main-content .subnav .list .item-list-heading-mobile:first-child, .subnav .list .use-case-items .main-item .main-content .item-list-heading-mobile:first-child {
padding-top: 0; }
.use-case-items .third-item {
width: 33%; }
.use-case-items .third-item img {
max-width: 100%; }

@media screen and (max-width: 1100px) {
.use-case-items {
flex-direction: column;
padding: 12.5%; }
.use-case-items .first-item {
border: 0;
width: 100%; }
.use-case-items .first-item img {
display: none; }
.use-case-items .main-item {
width: 100%; }
.use-case-items .main-item .main-content {
width: 100%; }
.use-case-items .main-item .main-content .item .title, .use-case-items .main-item .main-content .subnav .list .external-item .title, .subnav .list .use-case-items .main-item .main-content .external-item .title, .use-case-items .main-item .main-content .subnav .list .item-list-heading .title, .subnav .list .use-case-items .main-item .main-content .item-list-heading .title, .use-case-items .main-item .main-content .subnav .list .item-list-heading-mobile .title, .subnav .list .use-case-items .main-item .main-content .item-list-heading-mobile .title {
line-height: 1.5; }
.use-case-items .third-item {
display: none; } }

.why-seed4equity {
background-color: #222222; }
.why-seed4equity .why-seed4equity-items {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%; }
.why-seed4equity .why-seed4equity-items .item,
.why-seed4equity .why-seed4equity-items .subnav .list .external-item,
.subnav .list .why-seed4equity .why-seed4equity-items .external-item,
.why-seed4equity .why-seed4equity-items .subnav .list .item-list-heading, .subnav .list .why-seed4equity .why-seed4equity-items .item-list-heading, .why-seed4equity .why-seed4equity-items .subnav .list .item-list-heading-mobile, .subnav .list .why-seed4equity .why-seed4equity-items .item-list-heading-mobile {
flex: 1;
margin: 2.75vw; }
.why-seed4equity .why-seed4equity-items .item .top-row, .why-seed4equity .why-seed4equity-items .subnav .list .external-item .top-row, .subnav .list .why-seed4equity .why-seed4equity-items .external-item .top-row, .why-seed4equity .why-seed4equity-items .subnav .list .item-list-heading .top-row, .subnav .list .why-seed4equity .why-seed4equity-items .item-list-heading .top-row, .why-seed4equity .why-seed4equity-items .subnav .list .item-list-heading-mobile .top-row, .subnav .list .why-seed4equity .why-seed4equity-items .item-list-heading-mobile .top-row {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 80px; }
.why-seed4equity .why-seed4equity-items .item .top-row .why-item-title, .why-seed4equity .why-seed4equity-items .subnav .list .external-item .top-row .why-item-title, .subnav .list .why-seed4equity .why-seed4equity-items .external-item .top-row .why-item-title, .why-seed4equity .why-seed4equity-items .subnav .list .item-list-heading .top-row .why-item-title, .subnav .list .why-seed4equity .why-seed4equity-items .item-list-heading .top-row .why-item-title, .why-seed4equity .why-seed4equity-items .subnav .list .item-list-heading-mobile .top-row .why-item-title, .subnav .list .why-seed4equity .why-seed4equity-items .item-list-heading-mobile .top-row .why-item-title {
color: white;
width: calc(100% - 80px);
font-size: 24px;
font-weight: 300;
letter-spacing: 1.2px;
margin: 0; }
.why-seed4equity .why-seed4equity-items .item .top-row .item-image, .why-seed4equity .why-seed4equity-items .subnav .list .external-item .top-row .item-image, .subnav .list .why-seed4equity .why-seed4equity-items .external-item .top-row .item-image, .why-seed4equity .why-seed4equity-items .subnav .list .item-list-heading .top-row .item-image, .subnav .list .why-seed4equity .why-seed4equity-items .item-list-heading .top-row .item-image, .why-seed4equity .why-seed4equity-items .subnav .list .item-list-heading-mobile .top-row .item-image, .subnav .list .why-seed4equity .why-seed4equity-items .item-list-heading-mobile .top-row .item-image {
height: 80px;
margin: 0; }
.why-seed4equity .why-seed4equity-items .item .gradient, .why-seed4equity .why-seed4equity-items .subnav .list .external-item .gradient, .subnav .list .why-seed4equity .why-seed4equity-items .external-item .gradient, .why-seed4equity .why-seed4equity-items .subnav .list .item-list-heading .gradient, .subnav .list .why-seed4equity .why-seed4equity-items .item-list-heading .gradient, .why-seed4equity .why-seed4equity-items .subnav .list .item-list-heading-mobile .gradient, .subnav .list .why-seed4equity .why-seed4equity-items .item-list-heading-mobile .gradient {
background: linear-gradient(160deg, var(--c-primary), #8259ef);
height: 2px;
width: 100%;
margin-bottom: 24px; }
.why-seed4equity .why-seed4equity-items .item .description, .why-seed4equity .why-seed4equity-items .subnav .list .external-item .description, .subnav .list .why-seed4equity .why-seed4equity-items .external-item .description, .why-seed4equity .why-seed4equity-items .subnav .list .item-list-heading .description, .subnav .list .why-seed4equity .why-seed4equity-items .item-list-heading .description, .why-seed4equity .why-seed4equity-items .subnav .list .item-list-heading-mobile .description, .subnav .list .why-seed4equity .why-seed4equity-items .item-list-heading-mobile .description {
color: white;
font-size: 15px;
font-weight: 300;
line-height: 30px; }
.why-seed4equity .why-seed4equity-items .item:first-child, .why-seed4equity .why-seed4equity-items .subnav .list .external-item:first-child, .subnav .list .why-seed4equity .why-seed4equity-items .external-item:first-child, .why-seed4equity .why-seed4equity-items .subnav .list .item-list-heading:first-child, .subnav .list .why-seed4equity .why-seed4equity-items .item-list-heading:first-child, .why-seed4equity .why-seed4equity-items .subnav .list .item-list-heading-mobile:first-child, .subnav .list .why-seed4equity .why-seed4equity-items .item-list-heading-mobile:first-child {
margin-left: 0; }
.why-seed4equity .why-seed4equity-items .item:last-child, .why-seed4equity .why-seed4equity-items .subnav .list .external-item:last-child, .subnav .list .why-seed4equity .why-seed4equity-items .external-item:last-child, .why-seed4equity .why-seed4equity-items .subnav .list .item-list-heading:last-child, .subnav .list .why-seed4equity .why-seed4equity-items .item-list-heading:last-child, .why-seed4equity .why-seed4equity-items .subnav .list .item-list-heading-mobile:last-child, .subnav .list .why-seed4equity .why-seed4equity-items .item-list-heading-mobile:last-child {
margin-right: 0; }

@media screen and (max-width: 1100px) {
.why-seed4equity .why-seed4equity-items {
flex-direction: column; }
.why-seed4equity .why-seed4equity-items .item,
.why-seed4equity .why-seed4equity-items .subnav .list .external-item,
.subnav .list .why-seed4equity .why-seed4equity-items .external-item,
.why-seed4equity .why-seed4equity-items .subnav .list .item-list-heading, .subnav .list .why-seed4equity .why-seed4equity-items .item-list-heading, .why-seed4equity .why-seed4equity-items .subnav .list .item-list-heading-mobile, .subnav .list .why-seed4equity .why-seed4equity-items .item-list-heading-mobile {
margin: 62px 0 0 0; }
.why-seed4equity .why-seed4equity-items .item:first-child, .why-seed4equity .why-seed4equity-items .subnav .list .external-item:first-child, .subnav .list .why-seed4equity .why-seed4equity-items .external-item:first-child, .why-seed4equity .why-seed4equity-items .subnav .list .item-list-heading:first-child, .subnav .list .why-seed4equity .why-seed4equity-items .item-list-heading:first-child, .why-seed4equity .why-seed4equity-items .subnav .list .item-list-heading-mobile:first-child, .subnav .list .why-seed4equity .why-seed4equity-items .item-list-heading-mobile:first-child {
margin: 0; } }

.resources {
background-color: white;
display: flex;
flex-direction: row;
justify-content: space-between;
background-size: cover;
background-position: end;
position: relative;
overflow: hidden; }
.resources .resource-background {
display: block;
position: absolute;
width: 100%;
height: auto;
top: 50%;
right: 0;
transform: translateY(-50%); }
.resources .first-column {
min-width: 30%;
margin-right: 40px;
z-index: 1; }
.resources .first-column h2, .resources .first-column p {
font-weight: 300;
text-align: left !important;
letter-spacing: 1.2; }
.resources .second-column {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
z-index: 1; }
.resources .second-column .resource {
color: #222222;
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 38%;
padding: 6% 6% 0 6%; }
.resources .second-column .resource > * {
text-decoration: none; }
.resources .second-column .resource .resource-title {
font-weight: 300;
margin-bottom: 24px;
min-height: 52px;
/* approx two lines */ }
.resources .second-column .resource .resource-icon {
max-width: 200px;
width: 90%;
height: 90px; }
.resources .second-column .resource .resource-icon img {
display: block;
position: relative;
width: 100%;
max-width: 100%; }
.resources .second-column .resource .resource-description {
font-weight: 300;
margin-bottom: 0;
margin: 12px 0;
line-height: 1.3;
min-height: 124px; }
.resources .second-column .resource .resource-btn {
margin: 24px 0 calc(6% + 24px) 0;
width: 120px; }
.resources .second-column .resource .gradient {
background: linear-gradient(160deg, var(--c-primary), #8259ef);
height: 2px;
width: 100%; }
.resources .second-column .resource:hover {
padding: 6% 6% 0 6%;
background-color: white;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
transition: all 0.4s ease;
/* offset gradient for resource padding on hover */ }
.resources .second-column .resource:hover .gradient {
transition: all 0.4s ease;
/* seems excessive.. but cool! */
margin-left: -15.625%;
width: 131.5%; }
.resources .second-column .resource:hover .resource-btn {
transition: all 0.4s ease;
background-color: #222222 !important;
/* override btn styles */
color: white !important;
/* override btn styles */ }

/* adjust resources on small-desktops */
@media screen and (max-width: 1400px) {
.resources .second-column .resource .resource-title {
min-height: 60px;
/* bump to 3 lines */ }
.resources .second-column .resource .resource-description {
min-height: 166px;
/* bump to 5 lines */ } }

@media screen and (max-width: 1100px) {
.resources {
background-repeat: no-repeat;
background-size: auto auto;
background-position: center;
flex-direction: column; }
.resources .section-subtitle {
margin-bottom: 0px; }
.resources .second-column {
flex-direction: column; }
.resources .second-column .resource {
padding: 60px 0 0 0;
/* adjust as needed to size cards */
width: 100%; }
.resources .second-column .resource .resource-title {
min-height: auto; }
.resources .second-column .resource .resource-icon {
height: auto; }
.resources .second-column .resource .resource-description {
min-height: auto; }
.resources .second-column .resource .resource-btn {
margin: 24px 0 60px 0;
/* adjust as needed to size cards */ }
.resources .second-column .resource:hover {
padding: 60px 0 0 0;
/* adjust to match above */
background-color: white;
box-shadow: none;
transition: none; }
.resources .second-column .resource:hover .gradient {
transition: none;
margin-left: 0;
width: 100%; }
.resources .second-column .resource:hover .resource-btn {
transition: none;
background-color: #222222 !important;
/* override btn styles */
color: white !important;
/* override btn styles */ } }

.logos-wrapper {
background-color: #222222; }

.logos-wrapper h2 {
margin: 0 auto 20px 0;
text-align: center;
color: #FFFFFF;
font-size: 14px;
letter-spacing: 2.8px;
line-height: 30px; }

.logos {
padding: 0 6.25% 6.25% 6.25%; }

.logos .container {
margin: 0 auto 0 auto;
width: 100%;
max-width: 100%; }

.logos .container .row {
display: flex;
width: 100%; }

.logos .container .row .logo {
display: flex;
justify-content: center;
height: 200px;
text-align: center;
min-height: 250px; }

.logos .container .row .logo img {
height: auto;
width: auto;
max-width: 78%;
margin: auto;
object-fit: contain; }

.logos .container .row .logo a {
display: inherit;
justify-content: inherit;
height: inherit;
text-align: inherit; }

.logos .cta {
margin: 0 auto;
text-align: center; }

.logos .cta .Btn {
margin-top: 32px; }

@media screen and (max-width: 1100px) {
.logos-wrapper h2 {
margin: 0 auto 40px auto; }
.logos .container .row {
flex-direction: column; }
.logos .container .row .logo {
height: 140px; }
.logos .container .row .logo img {
max-width: 191px; }
.logos {
padding: 0 12.5% 12.5% 12.5%; } }

@media screen and (max-width: 500px) {
.logos .cta .secondary-cta {
margin-left: 0;
display: block; } }

.two-column-details .section-subtitle a, .two-column-details .section-subtitle a:visited, .two-column-details .section-subtitle a:hover, .two-column-details .section-subtitle a:active {
color: #464646; }

.two-column-details .detail-details {
min-height: 200px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 3.2%; }

.two-column-details .detail-detail {
flex: 1 0 100%;
display: flex;
flex-direction: column;
margin: 0 0 100px;
padding: 0; }

.two-column-details .detail-detail:last-child, .two-column-details .detail-detail:nth-last-child(2) {
margin: 0; }

.two-column-details .detail-image {
background-size: contain;
background-repeat: no-repeat;
height: 90px;
margin: 0 0 60px 0;
width: 112px; }

.two-column-details .detail-image img {
height: 110px;
width: 110px; }

.two-column-details .details-title {
height: auto;
width: auto;
color: var(--c-primary);
font-size: 18px !important;
letter-spacing: 0;
line-height: 26px;
text-transform: none;
font-weight: 500 !important; }

.two-column-details .detail-description {
color: #464646;
font-size: 15px;
font-weight: 300;
line-height: 30px; }

.two-column-details .detail-description p {
margin-bottom: 30px; }

.two-column-details .detail-description a {
color: #222222; }

.two-column-details .detail-description p:last-child {
margin-bottom: 0; }

.two-column-details .detail-link {
flex: 1;
height: 40px; }

.two-column-details .detail-btn-container {
display: flex;
align-items: center;
justify-content: center;
margin-top: 48px; }

.two-column-details .detail-btn {
margin: auto; }

@media screen and (max-width: 1100px) {
.two-column-details .section-subtitle {
margin: 0; }
.two-column-details .detail-homepage-section {
height: auto;
padding: 12.5%; }
.two-column-details .detail-details {
grid-template-columns: repeat(1, minmax(0, 1fr)); }
.two-column-details .detail-details:last-child {
margin-bottom: 0 !important; }
.two-column-details .detail-details .detail-detail {
height: auto;
margin: 72px 0 0 0;
min-height: 0;
max-width: 100%; }
.two-column-details .detail-details:first-of-type .detail-detail:first-child {
margin: 0; }
.two-column-details .detail-description {
flex: none;
height: auto; }
.two-column-details .details-title {
flex: none;
height: auto;
width: auto; }
.two-column-details .details-title h2 {
height: auto;
width: auto;
display: inline-block; } }

.dual-role {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 6.25%; }
.dual-role .col {
flex: 1; }
.dual-role .col:first-child {
margin-right: 60px;
display: flex;
flex-direction: column;
justify-content: center; }
.dual-role .col:last-child {
margin-left: 60px; }
.dual-role .roles-content-container .content-title {
margin-right: 45px; }
.dual-role .roles-content-container .content-body {
margin-right: 45px;
display: inline-block;
height: auto; }
.dual-role .role-image img {
height: 77px;
margin: 0; }
.dual-role .role-title {
font-weight: 300;
margin: 0 0 24px 0; }
.dual-role .role-description {
font-size: 15px;
line-height: 30px;
font-weight: 300; }
.dual-role .role-description p {
margin-bottom: 20px; }
.dual-role .roles-content-container .content-title {
margin-bottom: 48px; }
.dual-role .content-body {
height: 180px;
font-size: 15px;
line-height: 30px;
font-weight: 300;
max-width: 640px; }
.dual-role .cta {
margin-top: 60px; }
@media screen and (min-width: 1100px) {
.dual-role .content-title {
font-size: 32px; }
.dual-role .role-title {
font-size: 26px; }
.dual-role .roles-content-container .content-title {
font-size: 32px; } }
@media screen and (max-width: 1100px) {
.dual-role {
padding: 12.5%;
flex-direction: column; }
.dual-role .content-container {
width: 100%;
margin-right: 0; }
.dual-role .col {
margin-bottom: 64px; }
.dual-role .col:first-child {
margin-right: 0; }
.dual-role .col:last-child {
margin-left: 0;
margin-bottom: 0; }
.dual-role .roles-content-container .content-title {
margin-right: 0; }
.dual-role .roles-content-container .content-body {
margin-right: 0; }
.dual-role .role-title {
font-size: 20px; }
.dual-role .content-title {
font-size: 22px; } }

.native-services {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0%; }
.native-services .col {
flex: 1; }
.native-services .col:first-child {
margin-right: 60px;
display: flex;
flex-direction: column;
justify-content: center; }
.native-services .col:last-child {
margin-left: 0px; }
.native-services .roles-content-container .content-title {
margin-right: 45px; }
.native-services .roles-content-container .content-body {
margin-right: 45px;
display: inline-block;
height: auto; }
.native-services .role-image img {
height: 77px;
margin: 0; }
.native-services .role-title {
font-weight: 300;
margin: 0 0 24px 0; }
.native-services .role-description {
font-size: 15px;
line-height: 30px;
font-weight: 300; }
.native-services .role-description p {
margin-bottom: 20px; }
.native-services .roles-content-container .content-title {
margin-bottom: 48px; }
.native-services .content-body {
height: 180px;
font-size: 15px;
line-height: 30px;
font-weight: 300;
max-width: 640px; }
.native-services .cta {
margin-top: 60px; }
@media screen and (min-width: 1100px) {
.native-services .content-title {
font-size: 32px; }
.native-services .role-title {
font-size: 26px; }
.native-services .roles-content-container .content-title {
font-size: 32px; } }
@media screen and (max-width: 1100px) {
.native-services {
padding: 0%;
flex-direction: column; }
.native-services .content-container {
width: 100%;
margin-right: 0; }
.native-services .col {
margin-bottom: 64px; }
.native-services .col:first-child {
margin-right: 0; }
.native-services .col:last-child {
margin-left: 0;
margin-bottom: 0; }
.native-services .roles-content-container .content-title {
margin-right: 0; }
.native-services .roles-content-container .content-body {
margin-right: 0; }
.native-services .role-title {
font-size: 20px; }
.native-services .content-title {
font-size: 22px; } }

.dlt {
display: flex;
margin: 0;
padding: 6.25%;
overflow: hidden;
background: #222;
position: relative; }

.dlt * {
box-sizing: border-box; }

.dlt-wrapper {
display: flex;
position: relative;
flex: 0 0 100%; }

.dlt-wrapper p {
position: relative; }

.dlt-left {
width: 35%;
padding-right: 90px; }

.dlt-right {
width: 65%; }

.dlt-content {
flex: 1;
margin-top: 60px; }

.dlt-content-title {
color: white;
margin-bottom: 40px;
text-align: left; }

.dlt-content-body {
color: #ffffff;
font-size: 15px;
font-weight: 300;
line-height: 30px;
font-weight: 300; }

.dlt-content-body a, .dlt-content-body a:active, .dlt-content-body a:visited {
color: #ffffff; }

.dlt-chart {
display: block;
position: relative;
width: 100%; }

.dlt-chart-wrapper {
color: white;
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%; }

.dlt-chart-wrapper p {
text-align: center;
margin: 0 auto;
text-transform: uppercase; }

.dlt-gen-0,
.dlt-gen-1,
.dlt-gen-2,
.dlt-gen-3 {
flex: 1 1 24%; }

.dlt-gen-1,
.dlt-gen-2 {
border-left: 1px solid #3A3A3A; }

.dlt-gen-1.dlt-row-1,
.dlt-gen-2.dlt-row-1 {
border-left: none; }

.dlt-row-1 {
padding: 30px 0;
text-align: center;
position: relative; }

.dlt-row-2,
.dlt-row-3,
.dlt-row-4,
.dlt-row-5 {
padding: 0;
height: 150px;
position: relative;
display: flex;
justify-content: center;
flex-direction: column;
border-top: 1px solid #3A3A3A; }

.dlt-gen-0.dlt-row-2,
.dlt-gen-0.dlt-row-3,
.dlt-gen-0.dlt-row-4,
.dlt-gen-0.dlt-row-5 {
align-items: flex-end;
padding-right: 30px; }

.dlt-row-1 img {
max-width: 66px;
max-height: 66px;
margin: 20px auto;
z-index: 1;
display: block;
position: relative; }

.dlt-column-title,
.dlt-column-title p,
.dlt-subtitle,
.dlt-subtitle p,
.dlt-nickname,
.dlt-nickname p {
font-size: 14px;
color: #8c8c8c;
text-transform: uppercase;
text-align: center; }

.dlt-row-1 p {
font-size: 14px;
letter-spacing: 2.8px;
line-height: 19px;
font-weight: normal;
bottom: 50px;
left: 0;
width: 100%;
position: static; }

.dlt-row-1 strong {
font-weight: 500; }

.dlt-row-2 p,
.dlt-row-3 p,
.dlt-row-4 p,
.dlt-row-5 p {
font-size: 32px;
font-weight: normal;
margin-bottom: 4px; }

.dlt-row-2 span,
.dlt-row-2 span p,
.dlt-row-3 span,
.dlt-row-3 span p,
.dlt-row-4 span,
.dlt-row-4 span p,
.dlt-row-5 span,
.dlt-row-5 span p {
font-size: 14px;
font-weight: normal;
display: block;
position: relative;
letter-spacing: 2px; }

.dlt-gen-3.dlt-row-4 span p:last-child {
font-size: 12px;
text-transform: lowercase;
letter-spacing: 1px;
line-height: 1.25; }

.dlt-gen-1 p,
.dlt-gen-2 p {
color: #8c8c8c; }

.dlt-gen-3 p {
color: white; }

.dlt-chart-wrapper::before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
width: 25%;
height: 100%;
background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-primary) 0%, #8259ef 100%);
z-index: 0; }

.dlt-gen-3.dlt-row-1::before {
content: '';
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 665px;
background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-primary) 0%, #8259ef 100%);
z-index: 0; }

.dlt-subtitle,
.dlt-subtitle p {
font-weight: 500; }

.dlt-gen-0.dlt-row-1 {
order: 1; }

.dlt-gen-0.dlt-row-2 {
order: 5; }

.dlt-gen-0.dlt-row-3 {
order: 9; }

.dlt-gen-0.dlt-row-4 {
order: 13; }

.dlt-gen-0.dlt-row-5 {
order: 17; }

.dlt-gen-1.dlt-row-1 {
order: 2; }

.dlt-gen-1.dlt-row-2 {
order: 6; }

.dlt-gen-1.dlt-row-3 {
order: 10; }

.dlt-gen-1.dlt-row-4 {
order: 14; }

.dlt-gen-1.dlt-row-5 {
order: 18; }

.dlt-gen-2.dlt-row-1 {
order: 3; }

.dlt-gen-2.dlt-row-2 {
order: 7; }

.dlt-gen-2.dlt-row-3 {
order: 11; }

.dlt-gen-2.dlt-row-4 {
order: 15; }

.dlt-gen-2.dlt-row-5 {
order: 19; }

.dlt-gen-3.dlt-row-1 {
order: 4; }

.dlt-gen-3.dlt-row-2 {
order: 8; }

.dlt-gen-3.dlt-row-3 {
order: 12; }

.dlt-gen-3.dlt-row-4 {
order: 16; }

.dlt-gen-3.dlt-row-5 {
order: 20; }

.dlt-divider span,
.dlt-divider span p {
font-size: 14px;
color: white;
font-weight: normal;
text-transform: uppercase;
line-height: 1.3;
letter-spacing: 1.5px;
text-align: right;
display: block;
position: relative;
z-index: 1; }

.dlt-footnote {
font-size: 11px;
color: #8C8C8C;
text-align: right;
margin: 32px 0;
line-height: 1.5; }

.dlt-footnote p {
padding-bottom: 10px; }

.dlt-footnote p:last-child {
padding-bottom: 0; }

.dlt-footnote a, .dlt-footnote a:active, .dlt-footnote a:visited {
color: #8C8C8C;
word-break: break-all; }

.dlt sup {
font-size: 11px;
color: #8C8C8C;
vertical-align: super;
position: absolute; }

.dlt-gen-3 sup {
color: #ffffff; }

@media screen and (max-width: 1375px) {
.dlt-gen-0.dlt-row-2,
.dlt-gen-0.dlt-row-3,
.dlt-gen-0.dlt-row-4,
.dlt-gen-0.dlt-row-5 {
padding-right: 0.5vW; } }

@media screen and (max-width: 1250px) {
.dlt-row-1 p {
font-size: 10px; }
.dlt-row-2 p,
.dlt-row-3 p,
.dlt-row-4 p,
.dlt-row-5 p {
font-size: 20px; } }

@media screen and (max-width: 1215px) {
.dlt-wrapper {
flex-direction: column; }
.dlt-left {
display: block;
width: 100%;
padding-right: 0;
margin: 0 auto 60px; }
.dlt-right {
display: block;
width: 100%; }
.dlt-content {
margin: 0 auto;
text-align: left; } }

@media screen and (max-width: 1100px) {
.dlt {
padding: 12.5%; } }

@media screen and (max-width: 1000px) {
.dlt-left {
max-width: 100%; }
.dlt-chart-wrapper {
height: auto; }
.dlt-content-title {
text-align: left; }
.dlt-subtitle,
.dlt-chart-wrapper::before {
display: none; }
.dlt-gen-3.dlt-row-1::before {
width: 100%;
height: 743px;
display: block; }
.dlt-gen-3.dlt-row-4 span p:last-child {
font-size: 6px; }
.dlt-gen-3 .dlt-column-title {
z-index: 1; }
.dlt-gen-3 .dlt-nickname {
z-index: 2; }
.dlt-column-title,
.dlt-column-title p {
font-size: 6px;
line-height: 1.2;
letter-spacing: .75px; }
.dlt-nickname,
.dlt-nickname p {
font-size: 10px;
line-height: 1.2; }
.dlt-row-2 p,
.dlt-row-3 p,
.dlt-row-4 p,
.dlt-row-5 p {
font-size: 14px;
line-height: 1.2; }
.dlt-row-2 span,
.dlt-row-2 span p,
.dlt-row-3 span,
.dlt-row-3 span p,
.dlt-row-4 span,
.dlt-row-4 span p,
.dlt-row-5 span,
.dlt-row-5 span p {
font-size: 6px; }
.dlt-divider span,
.dlt-divider span p {
font-size: 7.5px;
color: #fff; }
.dlt-row-1 img {
max-width: 37px;
max-height: 37px;
margin: 10px auto; }
.dlt-gen-3 {
border-left: 1px solid;
border-top: none;
border-color: rgba(225, 225, 225, 0.1); }
.dlt-content {
text-align: left; }
.dlt-divider span,
.dlt-divider span p {
font-size: 12px; } }

@media screen and (max-width: 768px) {
.dlt {
padding: 12.5% 0; }
.dlt-chart {
margin: 40px 0; }
.dlt-content-title {
text-align: left; }
.dlt-left {
max-width: 100%;
margin-bottom: 0;
padding: 0 12.5%; }
.dlt-right {
padding: 0 5%; }
.dlt-divider span,
.dlt-divider span p {
font-size: 7px;
letter-spacing: 0;
word-break: break-all; }
.dlt-gen-3.dlt-row-4 span p:last-child {
font-size: 6px; }
.dlt-row-1 img {
max-width: 37px;
max-height: 37px;
margin: 5px auto; }
.dlt-footnote {
text-align: left; }
.dlt sup {
font-size: 8px; } }

@media screen and (max-width: 320px) {
.dlt-divider span,
.dlt-divider span p {
font-size: 6.5px; } }

.lifecycle {
display: flex;
margin: 0;
padding: 6.25%;
overflow: hidden;
position: relative; }

.lifecycle * {
box-sizing: border-box; }

.lifecycle--white {
background-color: #fff; }

.lifecycle--gray {
background-color: #f9f9f9; }

.lifecycle-wrapper {
display: flex;
position: relative;
flex: 0 0 100%;
flex-direction: row; }

.lifecycle-left {
display: block;
position: relative;
flex: 0 0 850px; }

.lifecycle-right {
display: flex;
flex-direction: column;
position: relative;
flex: 1 1 auto;
padding-left: 7vW; }

.lifecycle-content {
flex: 1;
margin-top: 20px; }

.lifecycle-content-buttons {
padding-bottom: 20px; }

.lifecycle-content-buttons .Btn:last-child {
margin-left: 12px; }

.lifecycle-content-title {
color: #464646;
margin-bottom: 40px;
font-size: 32px; }

.lifecycle-content-body {
color: #464646;
font-size: 15px;
line-height: 30px; }

.lifecycle-content-body-title {
color: var(--c-primary);
font-size: 14px;
letter-spacing: 2.8px;
line-height: 30px;
text-transform: uppercase; }
.text-ov{
    color: var(--c-primary) !important;
}

.lifecycle-content-body-description {
font-weight: 300; }

.lifecycle-hover {
display: block;
position: absolute;
z-index: 1;
opacity: 0;
transform: scale(0.5); }

.lifecycle-hover.active {
opacity: 1; }

.lifecycle-hover-1 {
top: -112px;
left: 263px; }

.lifecycle-hover-2 {
top: 78px;
left: 25px; }

.lifecycle-hover-3 {
top: 79px;
left: 498px; }

.lifecycle-hover-4 {
top: 310px;
left: 25px; }

.lifecycle-hover-5 {
top: 310px;
left: 498px; }

.lifecycle-chart-image {
width: 100%;
height: auto;
display: block;
position: relative;
z-index: 0; }

.lifecycle-chart-image-mobile {
display: none;
margin: 0 auto 20px;
width: 100%; }

.lifecycle-mobile {
display: none; }

#content-0,
#content-1,
#content-2,
#content-3,
#content-4,
#content-5 {
display: none; }

#content-0.show,
#content-1.show,
#content-2.show,
#content-3.show,
#content-4.show,
#content-5.show {
display: block; }

/* Hover Animation */
.spin-cycle-hover {
width: 125px;
height: 125px; }

.spin-cycle-hover::before,
.spin-cycle-hover::after {
box-sizing: inherit;
content: '';
position: absolute;
width: 100%;
height: 100%; }

.spin {
padding: 0;
display: block;
position: absolute;
transform: translate(-50%, -50%) scale(1) rotate(43deg); }

.ani-in .spin {
transform: translate(-50%, -50%) scale(1.2) rotate(43deg);
opacity: 0;
transition: transform 0.75s ease 0.75s, opacity 0.4s linear 0.76s; }

.spin::before, .spin::after {
top: 0;
left: 0; }

.spin::before {
border: 1px solid transparent; }

.ani-in .spin::before {
border-top-color: #3e80e8;
border-right-color: #3e80e8;
border-bottom-color: #3e80e8;
transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s; }

.spin::after {
border: 0 solid transparent; }

.ani-in .spin::after {
border-top: 1px solid #3e80e8;
border-left-width: 1px;
border-right-width: 1px;
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s; }

.ani-in .spin.active {
transform: translate(-50%, -50%);
opacity: 1;
transition: none; }

.ani-in .spin.active::before {
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
transition: none; }

.ani-in .spin.active::after {
border-top: 0px solid transparent;
border-left-width: 0;
border-right-width: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
transition: none; }

/* #3e80e8 -> #7465ea */
.spin-4 {
top: 485px;
left: 200px; }

.spin-2 {
top: 254px;
left: 200px; }

.spin-1 {
top: 62px;
left: 438px; }

.spin-3 {
top: 254px;
left: 672px; }

.spin-5 {
top: 485px;
left: 672px; }

.circle {
border-radius: 100%;
box-shadow: none; }

.circle::before, .circle::after {
border-radius: 100%; }

/* Break Points */
@media screen and (max-width: 1370px) {
.lifecycle-left {
flex: 0 0 50%; }
.lifecycle-chart {
width: 336px;
margin: 0 auto;
position: relative; }
.lifecycle-chart-image {
display: none; }
.spin {
width: 86px;
height: 86px; }
.spin-4 {
top: 450px;
left: 55px; }
.spin-2 {
top: 239px;
left: 55px; }
.spin-1 {
top: 81px;
left: 173px; }
.spin-3 {
top: 239px;
left: 291px; }
.spin-5 {
top: 450px;
left: 291px; }
.lifecycle-chart-image-mobile {
display: block;
width: 336px; }
.lifecycle-hover {
transform: scale(0.34); }
.lifecycle-hover-1 {
top: -94px;
left: -2px; }
.lifecycle-hover-2 {
top: 64px;
left: -120px; }
.lifecycle-hover-3 {
top: 64px;
left: 117px; }
.lifecycle-hover-4 {
top: 276px;
left: -120px; }
.lifecycle-hover-5 {
top: 276px;
left: 117px; } }

@media screen and (max-width: 768px) {
.ani-in .spin {
transform: translate(-50%, -50%);
opacity: 1;
transition: none; }
.ani-in .spin::before {
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
transition: none; }
.ani-in .spin::after {
border-top: 0px solid transparent;
border-left-width: 0;
border-right-width: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
transition: none; }
.lifecycle-wrapper {
flex-direction: column; }
.lifecycle-chart {
width: 100%;
margin: 0 auto;
position: static; }
.lifecycle-left {
display: block;
width: 100%;
margin: 0 auto;
flex: 1; }
.lifecycle-right {
display: block;
width: 100%;
padding-left: 0; }
.lifecycle-content {
margin: 0 auto; }
.lifecycle-hover,
.lifecycle-chart-image {
display: none; }
.lifecycle-chart-image-mobile {
display: block;
max-width: 350px;
width: 100%; }
.lifecycle-mobile {
display: block;
margin-bottom: 65px; }
#content-0, #content-0.show, .lifecycle-right .lifecycle-content-title {
display: none; }
#content-1,
#content-2,
#content-3,
#content-4,
#content-5 {
display: block; }
.lifecycle-right .lifecycle-content-body {
margin-top: 80px; }
.lifecycle-content-title {
font-size: 22px; }
.lifecycle-content-buttons {
display: none; } }

@media screen and (max-width: 768px) {
.lifecycle {
padding: 12.5%; } }

.price-volume {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 6.25%;
overflow: hidden;
background: #222; }
.price-volume h3 {
letter-spacing: 2.8px;
font-weight: 400;
margin-top: 20px;
margin-bottom: 5px;
position: relative; }
.price-volume .row {
width: 100%; }
.price-volume-wrapper {
display: flex;
flex: 0 0 100%;
flex-wrap: wrap;
justify-content: center;
text-align: center;
margin: 0 -25px -95px; }
.price-volume-block {
width: 50%;
padding: 0 25px;
margin-bottom: 95px;
box-sizing: border-box; }
.price-volume-block-content {
border: 1px solid #fff;
border-radius: 10px; }
.price-volume-graphic {
height: 113px;
width: 113px;
margin: -57px auto 0; }
.price-volume-content-title {
margin: 0 auto 124px;
color: #fff;
text-align: center; }
.price-volume-content-title.with-subtitle {
margin: 0 auto 32px; }
.price-volume .section-subtitle {
text-align: center;
margin: 0 auto 124px auto; }
.price-volume .content-title {
color: #fff; }
.price-volume .content-body {
color: #fff;
font-size: 54px;
font-weight: 500;
line-height: 65px;
height: auto;
margin: 0;
max-width: 100%; }
.price-volume .content-unit {
font-size: 14px;
color: #fff;
letter-spacing: 2.8px;
line-height: 30px;
margin-top: 5px;
margin-bottom: 55px; }
.price-volume .last-update-time {
text-align: right;
font-size: 14px;
font-weight: 300;
padding-top: 95px;
color: white; }

.price-volume-cta {
text-align: center;
margin-bottom: 89px; }

@media screen and (max-width: 768px) {
.price-volume {
flex-direction: column;
height: auto;
padding: 12.5% 12.5%; }
.price-volume-wrapper {
flex-direction: column; }
.price-volume-content-title {
text-align: left; }
.price-volume .section-subtitle {
text-align: left; }
.price-volume-right {
width: 100%; }
.price-volume-block {
width: 100%; }
.price-volume h3 {
padding: 0 30px;
margin-bottom: 0; }
.price-volume .content-body {
font-size: 38px;
line-height: 45px; }
.price-volume .content-unit {
margin-top: 0; }
.price-volume .last-update-time {
max-width: 212px;
/* 2 lines */
margin: 0 0 0 auto;
/* force to right */ } }

.coin-economics {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 6.25%; }
.coin-economics .content-container {
width: calc(100% / 3 * 1 - 61px);
margin-right: 60px; }
.coin-economics .chart-container {
width: calc(100% / 3 * 2);
margin-top: 14px; }
.coin-economics .chart-desktop {
height: 421px;
background-size: contain;
background-repeat: no-repeat;
background-position: right; }
.coin-economics .chart-mobile {
display: none; }
.coin-economics .content-title {
margin-bottom: 48px; }
.coin-economics .content-body {
height: 180px;
font-size: 15px;
line-height: 30px;
font-weight: 300;
max-width: 640px; }
.coin-economics .cta {
margin-top: 60px; }
@media screen and (min-width: 1100px) {
.coin-economics .content-title {
font-size: 32px; } }
@media screen and (max-width: 1100px) {
.coin-economics {
padding: 12.5%; }
.coin-economics .content-container {
width: 100%;
margin-right: 0; }
.coin-economics .chart-container {
width: 100%;
margin-top: 50px; }
.coin-economics .chart-desktop {
display: none; }
.coin-economics .chart-mobile {
display: block; } }
@media screen and (max-width: 768px) {
.coin-economics {
padding: 0; }
.coin-economics .content-container {
padding: 12.5% 12.5% 0; }
.coin-economics .chart-container {
padding: 0 5% 12.5% 5%; }
.coin-economics .chart-mobile img {
height: auto;
width: 100%; } }

.proxy {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 6.25% 0 6.25% 6.25%;
overflow: hidden;
background: #222; }
.proxy .proxy-wrapper {
display: flex;
flex: 0 0 100%; }
.proxy .proxy-left {
width: 50%; }
.proxy .proxy-right {
width: 50%;
margin: -158px 0 0 0; }
.proxy .proxy-left-graphic {
background-size: cover;
background-position: left top;
height: 144px;
background-repeat: no-repeat;
width: 100%;
position: relative;
overflow: hidden; }
.proxy .proxy-left-graphic img.mobile {
display: none; }
.proxy .proxy-right-graphic {
background-size: cover;
background-position: left top;
height: 744px;
background-repeat: no-repeat;
width: 100%;
position: relative; }
.proxy .proxy-content {
flex: 1;
margin-top: 60px; }
.proxy .proxy-content-title {
font-size: 32px;
margin-bottom: 48px;
color: #fff; }
.proxy .proxy-content-body {
height: 180px;
color: #fff;
font-size: 15px;
line-height: 30px;
font-weight: 300;
max-width: 640px; }
.proxy .cta {
margin-top: 60px; }
@media screen and (max-width: 1100px) {
.proxy {
flex-direction: column;
height: auto;
margin: 0;
padding: 65px 0 12.5% 12.5%; }
.proxy .proxy-content-title {
font-size: 22px !important;
margin-bottom: 32px; }
.proxy .proxy-content-body {
height: auto;
width: 100%; } }
@media screen and (max-width: 768px) {
.proxy {
padding: 0 0 12.5% 0; }
.proxy .proxy-content {
margin: 0 auto; }
.proxy .proxy-left {
width: 100%; }
.proxy .proxy-right {
display: none; }
.proxy .proxy-left-graphic {
height: 435px;
background-repeat: no-repeat;
width: 100%;
overflow: hidden;
display: block; }
.proxy .proxy-left-graphic img.desktop {
display: none !important; }
.proxy .proxy-left-graphic img.mobile {
display: block;
position: absolute;
width: 750px;
top: -315px;
left: 0; }
.proxy .proxy-content {
padding: 40px 12.5% 0 12.5%; } }

.oa-announcement-hero {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 100vh;
height: 100%;
/* changed from 100vh for longer hero content */ }
.oa-announcement-hero .oa-content {
display: flex;
flex-direction: row;
justify-content: space-between;
min-height: 100vh;
width: 100%; }
.oa-announcement-hero .oa-content .oa-body-content {
color: white;
margin-top: calc(6.25vh + 90px);
/* offset for nav */
margin-left: 6.25%;
margin-bottom: 6.25%;
max-width: 480px;
min-height: 76vh; }
.oa-announcement-hero .oa-content .oa-body-content h1 {
font-size: 72px;
font-weight: 200;
letter-spacing: -4px; }
.oa-announcement-hero .oa-content .oa-body-content h1 :first-child {
padding-top: 240px; }
.oa-announcement-hero .oa-content .oa-body-content .oa-body-copy {
margin-top: 48px;
display: flex;
flex-direction: column;
/* "OPEN ACCESS" */
/* "VIRTUAL EVENT" */ }
.oa-announcement-hero .oa-content .oa-body-content .oa-body-copy strong {
font-weight: 500;
font-size: 39px;
letter-spacing: -2px; }
.oa-announcement-hero .oa-content .oa-body-content .oa-body-copy p {
margin-top: 8px;
font-size: 29px;
font-weight: 280;
letter-spacing: -2px; }
.oa-announcement-hero .oa-content .oa-body-content .oa-date {
font-size: 42px;
font-weight: 400;
margin-top: 36px;
margin-bottom: 18px;
letter-spacing: -2px; }
.oa-announcement-hero .oa-content .oa-body-content .oa-date p {
font-size: 42px;
font-weight: 400;
margin-top: 36px;
margin-bottom: 36px;
letter-spacing: -2px; }
.oa-announcement-hero .oa-content .oa-body-content .oa-signup {
max-width: 240px;
margin-bottom: 36px;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif !important;
font-weight: 300; }
.oa-announcement-hero .oa-content .oa-body-content .oa-signup * {
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif !important; }
.oa-announcement-hero .oa-content .oa-body-content .oa-signup form .contents input {
background-color: #222222;
border: 1px solid #8c8c8c;
color: white;
height: 18px;
width: 220px;
padding: 8px;
margin: 18px 0;
font-size: 18px;
font-weight: 500; }
.oa-announcement-hero .oa-content .oa-body-content .oa-signup form .contents .input::placeholder {
color: white;
opacity: 1;
/* Firefox */ }
.oa-announcement-hero .oa-content .oa-body-content .oa-signup form .contents .is-error {
font-size: 14px; }
.oa-announcement-hero .oa-content .oa-body-content .oa-details {
font-size: 16px;
font-weight: 300;
letter-spacing: -1px;
color: white;
text-decoration: none; }
.oa-announcement-hero .oa-content .oa-body-content .oa-details:hover {
color: #f9f9f9;
text-decoration: underline; }
.oa-announcement-hero .oa-content .oa-body-content .play-btn-container {
margin-top: 36px; }
.oa-announcement-hero .oa-content .hellofuture-container {
max-height: 100vh;
display: flex;
flex-direction: column-reverse;
justify-content: end;
margin-right: 80px; }
.oa-announcement-hero .oa-content .hellofuture-container img {
height: auto;
max-height: 36px;
width: 260px;
margin-left: auto;
margin-bottom: 6vh; }

/*
short desktops: ensure entire hero doesn't get cutoff
note: may be easier/preferred to resize the h1, h2, etc.
content to force everything above the fold
*/
@media screen and (max-height: 800px) {
.oa-announcement-hero {
min-height: 100%;
height: auto; }
.oa-announcement-hero .oa-content .hellofuture-container {
margin-right: 60px;
margin-bottom: 18px; } }

/* tablets - arbitrarily (1100px - 600px) */
@media screen and (max-width: 1100px) {
.oa-announcement-hero {
min-height: 100vh;
height: 100%; }
.oa-announcement-hero .oa-content {
flex-direction: column; }
.oa-announcement-hero .oa-content .oa-body-content {
margin-top: 16vh; }
.oa-announcement-hero .oa-content .hellofuture-container {
position: initial;
bottom: 0;
display: flex;
justify-content: center;
margin: 0;
left: 0; }
.oa-announcement-hero .oa-content .hellofuture-container div {
display: flex;
width: 100vw;
max-width: 100%; }
.oa-announcement-hero .oa-content .hellofuture-container div img {
height: 42px;
max-height: 42px;
width: auto;
margin: 24px auto; } }

/* tablet sizes (with short heights) */
@media screen and (max-width: 1100px) and (max-height: 900px) {
.oa-announcement-hero .oa-content {
min-height: 100vh;
height: 100%; }
.oa-announcement-hero .oa-content .oa-body-content {
margin-top: 112px; } }

@media screen and (max-width: 600px) {
.oa-announcement-hero {
background-position: 75% center;
min-height: 100vh;
height: auto; }
.oa-announcement-hero .oa-content {
height: auto;
min-height: 100%; }
.oa-announcement-hero .oa-content .oa-body-content {
margin: 0;
padding: 14vh 36px 62px 10%;
/* may only change to 6.25% on mobile */ }
.oa-announcement-hero .oa-content .oa-body-content h1 {
font-size: 44px;
font-weight: 200; }
.oa-announcement-hero .oa-content .oa-body-content .oa-body-copy {
margin-top: 36px; }
.oa-announcement-hero .oa-content .oa-body-content .oa-body-copy strong {
font-size: 25px; }
.oa-announcement-hero .oa-content .oa-body-content .oa-body-copy p {
padding-top: 2px;
font-size: 19px;
font-weight: 300; }
.oa-announcement-hero .oa-content .oa-body-content .oa-date {
margin-top: 30px;
margin-bottom: 30px;
font-size: 37px; }
.oa-announcement-hero .oa-content .oa-body-content .oa-details {
font-size: 15px;
color: white; }
.oa-announcement-hero .oa-content .oa-body-content .play-btn-container {
margin-top: 48px; }
.oa-announcement-hero .oa-content .oa-body-content .oa-signup {
margin-bottom: 48px; }
.oa-announcement-hero .oa-content .oa-body-content .oa-signup form .contents input {
width: 40vw;
max-width: 220px;
font-size: 14px; }
.oa-announcement-hero .oa-content .hellofuture-container {
position: absolute;
bottom: 0;
display: flex;
justify-content: center;
margin: 0;
left: 0; }
.oa-announcement-hero .oa-content .hellofuture-container img {
height: 43px;
width: auto;
margin: auto auto 24px auto; } }

/* "unlock" hello future lockup on mobile */
@media screen and (max-width: 600px) {
.oa-announcement-hero .oa-content {
flex-direction: column; }
.oa-announcement-hero .oa-content .oa-body-content {
min-height: 64vh;
/* attempt to force hellofuture lockup to bottom of any height */ }
.oa-announcement-hero .oa-content .hellofuture-container {
position: initial;
display: flex;
justify-content: center;
margin: 0;
left: calc(50vw - 120px);
/* could target larger/smaller sizes down */ }
.oa-announcement-hero .oa-content .hellofuture-container div img {
height: auto;
max-height: auto;
width: auto;
max-width: 72vw;
margin: auto auto 24px auto; } }

/* target "large height" phones - iPhone XR/XR/XS/etc. */
@media screen and (max-width: 600px) and (min-height: 720px) {
.oa-announcement-hero .oa-content {
/* bump body content height to force "hellofuture" to the bottom */ }
.oa-announcement-hero .oa-content .oa-body-content {
min-height: 67vh; } }

/* target iPhone 6/7/8 */
/* shrink spacing between subtitle -> date -> register -> learn more */
@media screen and (max-width: 420px) and (max-height: 732px) {
.oa-announcement-hero .oa-content .oa-body-content .oa-body-copy {
margin-top: 28px; }
.oa-announcement-hero .oa-content .oa-body-content .oa-date {
margin-top: 28px;
margin-bottom: 28px; } }

/* target iPhone 5s */
@media screen and (max-width: 360px) {
.oa-announcement-hero .oa-content .oa-body-content {
margin: 0;
padding: 16vh 36px 36px 36px !important;
min-height: 68vh; }
.oa-announcement-hero .oa-content .oa-body-content h1 {
font-size: 40px;
font-weight: 300; }
.oa-announcement-hero .oa-content .oa-body-content .oa-body-copy {
margin-top: 28px; }
.oa-announcement-hero .oa-content .oa-body-content .oa-body-copy strong {
font-size: 22px; }
.oa-announcement-hero .oa-content .oa-body-content .oa-body-copy p {
font-size: 18px;
font-weight: 300; }
.oa-announcement-hero .oa-content .oa-body-content .oa-date {
margin-top: 22px;
margin-bottom: 22px;
font-size: 32px; }
.oa-announcement-hero .oa-content .oa-body-content .oa-signup {
margin-bottom: 32px; }
.oa-announcement-hero .oa-content .oa-body-content .oa-signup form .contents input {
width: 50vw; }
.oa-announcement-hero .oa-content .oa-body-content .play-btn-container {
margin-top: 32px; } }

.use-cases2 .small-caps-header {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 12px;
margin-bottom: 10px; }

.use-cases2 .row {
display: flex;
padding-bottom: 80px; }

.use-cases2 .row:last-child {
padding-bottom: 0; }

.use-cases2 .col {
text-align: left;
position: relative; }

.use-cases2 .col-1 .section-title,
.use-cases2 .col-1 .section-subtitle {
text-align: left; }

.use-cases2 .col-1 {
flex: 1 1 22%;
min-width: 22%;
padding-right: 40px; }

.use-cases2 .col-2,
.use-cases2 .col-3,
.use-cases2 .col-4,
.use-cases2 .col-5 {
flex: 1 1 19.5%;
padding: 0 20px;
position: relative; }

.use-cases2 .item-icon {
flex: 1;
max-width: 200px;
width: 90%;
height: 90px;
margin: 0;
position: relative; }
.use-cases2 .item-icon img {
display: block;
position: relative;
width: 100%; }

.use-cases2 .use-case-icon {
width: auto;
max-width: 100%; }

.use-cases2 .item-small-cap-title {
min-height: 20px;
margin-bottom: 24px; }

.use-cases2 .item-description {
font-weight: 300;
margin: 12px 0 80px;
line-height: 1.3; }

.use-cases2 .item-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
position: absolute;
bottom: 0; }

.use-cases2 .Btn {
left: 20px; }

@media (max-width: 1024px) {
.use-cases2 .col-1,
.use-cases2 .col-2,
.use-cases2 .col-3,
.use-cases2 .col-4,
.use-cases2 .col-5 {
flex: 1 1 100%;
padding: 0; }
.use-cases2 .col-2,
.use-cases2 .col-3,
.use-cases2 .col-4,
.use-cases2 .col-5 {
flex: 1 1 100%;
padding-bottom: 40px; }
.use-cases2 .row {
flex-direction: column;
padding-bottom: 40px; }
.use-cases2 .row:last-child,
.use-cases2 .row:last-child .col-5 {
padding-bottom: 0; }
.use-cases2 .section-subtitle {
margin-bottom: 40px; }
.use-cases2 > .section-subtitle {
margin-bottom: 80px; }
.use-cases2 .item-icon {
min-height: 0;
height: auto; }
.use-cases2 .item-description {
margin: 20px 0; }
.use-cases2 .item-actions {
position: relative; }
.use-cases2 .Btn {
position: relative;
left: inherit;
bottom: inherit; } }

.buying-guide {
background-color: #222;
padding: 6.25%; }
.buying-guide .buying-guide-content-title {
color: #fff;
padding-top: 20px; }
.buying-guide h3.grid-heading {
color: #FFFFFF;
font-size: 26px;
font-weight: 300;
line-height: 38px;
margin-bottom: 32px;
-webkit-font-smoothing: antialiased; }
.buying-guide h3.grid-heading:after {
content: "";
background: linear-gradient(160deg, var(--c-primary), #8259ef);
display: block;
height: 3px;
width: 100%;
bottom: 0;
margin-top: 28px; }
.buying-guide .grid {
display: block;
padding: 0;
margin: 0 -10px 30px;
text-align: left;
font-size: 0; }
.buying-guide .grid .grid-cell {
display: inline-block;
margin: 0 0 45px 0;
padding: 0 10px;
text-align: left;
vertical-align: top;
width: 16.66666667%;
font-size: 16px;
box-sizing: border-box; }
.buying-guide .grid .grid-cell a {
text-decoration: none; }
.buying-guide .grid .grid-cell a .square {
height: 0;
width: 100%;
padding-bottom: 100%;
position: relative;
display: inline-block;
vertical-align: top;
background-color: #464646;
transition: background-color 0.1s ease-out; }
.buying-guide .grid .grid-cell a .item-label {
color: #FFFFFF;
font-size: 13px;
line-height: 15px;
text-align: center; }
.buying-guide .grid .grid-cell a .item-cta {
text-align: center;
color: var(--c-primary);
font-size: 15px;
letter-spacing: 1.4px;
line-height: 30px;
text-decoration: none;
margin-top: 10px;
margin-bottom: 5px; }
.buying-guide .grid .grid-cell a:hover .square {
background-color: #8c8c8c; }
.buying-guide .grid .grid-cell a:hover .item-cta {
text-decoration: underline; }
.buying-guide .grid .grid-cell a:visited {
text-decoration: none; }
.buying-guide .cta {
text-align: center; }
.buying-guide .cta-primary {
margin-bottom: 58px; }
.buying-guide .cta-secondary {
margin-top: 58px; }
.buying-guide .section-disclaimer {
max-width: 530px;
margin: 0 auto;
color: #FFFFFF;
font-size: 13px;
font-weight: 300;
line-height: 20px;
text-align: center; }

@media (max-width: 1100px) {
.buying-guide {
padding: 12.5%; }
.buying-guide .grid .grid-cell {
width: 25%; } }

@media (max-width: 768px) {
.buying-guide h3.grid-heading {
font-size: 20px;
line-height: 24px; }
.buying-guide .grid .grid-cell {
width: 50%; } }

.applications {
display: flex;
flex-wrap: wrap;
padding: 0 0 6.25%;
overflow: visible;
background: #fff;
position: relative; }
.applications .applications-icon {
height: 113px;
width: 113px;
position: absolute;
top: -56px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto; }
.applications .row {
width: 100%;
display: flex; }
.applications .row > div {
flex: 1;
display: block;
position: relative; }
.applications .row > div.col-1, .applications .row > div.col-3 {
overflow: hidden; }
.applications .applications-title {
text-align: left; }
.applications .applications-title:after {
content: "";
background: linear-gradient(160deg, var(--c-primary), #8259ef);
display: block;
height: 3px;
width: 100%;
bottom: 0;
margin-top: 40px; }
.applications .applications-content {
font-size: 15px;
line-height: 30px;
font-weight: 300; }
.applications .col-2 {
margin: 0 3% 0;
background-color: #F2F2F2;
min-width: 350px; }
.applications .col-2.applications-disclaimer {
background-color: transparent;
font-size: 11px;
line-height: 1.5;
color: #464646; }
.applications .col-2.applications-disclaimer p:first-child {
margin-top: 32px; }
.applications .col-2.applications-disclaimer p a, .applications .col-2.applications-disclaimer p a:active, .applications .col-2.applications-disclaimer p a:hover, .applications .col-2.applications-disclaimer p a:visited {
color: #464646; }
.applications .applications-content-wrapper {
padding: 40px; }
.applications .vertical-solid-line--preapplication {
padding: 99px 0 0 0; }
@media screen and (max-width: 1100px) {
.applications {
flex-direction: column;
height: auto;
padding: 0 0 12.5%; }
.applications .applications-content-wrapper {
max-width: 50%;
margin: auto;
background-color: #F2F2F2; }
.applications .row > div.col-1 {
display: none; }
.applications .col-2 {
margin: 0 auto;
background-color: transparent; }
.applications .col-2.applications-disclaimer p {
max-width: 58%;
margin: auto; }
.applications .row > div.col-3 {
display: none; } }
@media screen and (max-width: 768px) {
.applications .applications-content-wrapper {
padding: 12.5%; }
.applications .col-2 {
min-width: 100%; }
.applications .col-2.applications-disclaimer p {
max-width: 100%;
margin: auto 12.5%; } }
@media screen and (max-width: 600px) {
.applications .col-2 {
margin: 0; }
.applications .applications-content-wrapper {
max-width: 100%; } }

.consensus {
display: flex;
flex-wrap: wrap;
padding: 113px 6.25% 0 6.25%;
overflow: visible;
background: white;
position: relative; }
.consensus .consensus-wrapper {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
overflow: visible;
background: #222;
position: relative; }
.consensus .consensus-wrapper:after {
content: '';
width: 24px;
height: 24px;
position: absolute;
left: 0;
right: 0;
bottom: -12px;
margin-left: auto;
margin-right: auto;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background: linear-gradient(160deg, var(--c-primary), #8259ef);
border-radius: 50%; }
.consensus .consensus-wrapper .consensus-icon {
height: 113px;
width: 113px;
position: absolute;
top: -56px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto; }
.consensus .consensus-wrapper .row {
width: 100%;
display: flex; }
.consensus .consensus-wrapper .row > div {
flex: 1; }
.consensus .consensus-wrapper .col-1 {
margin: 6.25% 0 6.25% 40px; }
.consensus .consensus-wrapper .consensus-title {
color: #fff;
text-align: left; }
.consensus .consensus-wrapper .consensus-title:after {
content: "";
background: linear-gradient(160deg, var(--c-primary), #8259ef);
display: block;
height: 3px;
width: 100%;
bottom: 0;
margin-top: 40px; }
.consensus .consensus-wrapper .consensus-content {
color: #fff;
font-size: 15px;
line-height: 30px;
font-weight: 300; }
.consensus .consensus-wrapper .col-2 {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: relative;
display: block; }
@media screen and (max-width: 768px) {
.consensus {
padding: 113px 0 0 0; }
.consensus .consensus-wrapper {
flex-direction: column;
height: auto;
padding: 80px 40px;
max-width: 50%; }
.consensus .consensus-wrapper .col-1 {
width: 100%;
margin: 48px 0 0 0; }
.consensus .consensus-wrapper .col-2 {
display: none; } }
@media screen and (max-width: 600px) {
.consensus .consensus-wrapper {
padding: 12.5%;
max-width: 100%; }
.consensus .consensus-wrapper .consensus-cta {
margin-bottom: 0; } }

.horizontal-solid-line {
background: #fff;
padding-bottom: 36px;
width: 100%;
margin: auto; }
.horizontal-solid-line:after {
content: '';
border-bottom: 1px solid #aaaaaa;
margin: auto;
width: 46.5%;
display: block; }
.horizontal-solid-line--bottom {
padding-bottom: 0; }

.vertical-solid-line {
padding: 12.5% 0 0 0; }

.node {
display: flex;
flex-wrap: wrap;
padding: 61px 3.5% 0;
overflow: visible;
background: white;
position: relative; }
.node .row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%; }
.node .col {
background: #222;
flex: 35%;
margin: 0 2.75% 99px 2.75%;
padding: 40px;
position: relative; }
.node .col:before {
content: '';
padding: 42px 0 0 0;
border-right: 1px solid #aaaaaa;
margin: auto;
width: 1px;
position: absolute;
top: -98px;
left: calc(50% - 1px); }
.node .col:after {
content: '';
padding: 90px 0 0 0;
border-right: 1px solid #aaaaaa;
margin: auto;
width: 1px;
position: absolute;
bottom: -100px;
left: calc(50% - 1px); }
.node .col:nth-of-type(1) .node-connector, .node .col:nth-of-type(1):after {
display: none; }
.node .col:nth-of-type(2) .node-connector, .node .col:nth-of-type(2):after {
display: none; }
.node .col:nth-of-type(3):before, .node .col:nth-of-type(4):before {
display: none; }
.node .col:first-child {
margin-left: 2.75%; }
.node .col:last-child {
margin-right: 2.75%; }
.node .col:last-child .node-connector:after {
display: none; }
.node .col .node-connector {
position: absolute;
width: 24px;
height: 24px;
left: 0;
right: 0;
bottom: -12px;
margin-left: auto;
margin-right: auto;
border-radius: 50%;
background: linear-gradient(160deg, var(--c-primary), #8259ef);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
z-index: 1; }
.node .col .node-icon {
width: 113px;
height: 113px;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%); }
.node .col .node-content-wrapper {
margin-top: 48px; }
.node .col .node-content {
color: #ffffff;
font-size: 15px;
line-height: 30px;
font-weight: 300; }
.node .col .node-title {
color: #ffffff;
margin: 0 0 48px 0;
font-size: 26px;
font-weight: 300;
line-height: 33px;
text-align: left; }
.node .col .node-title:after {
content: "";
background: linear-gradient(160deg, var(--c-primary), #8259ef);
display: block;
height: 2px;
width: 100%;
bottom: 0;
margin-top: 40px; }

@media screen and (max-width: 1100px) {
.node {
padding: 61px 0 0; }
.node .row {
flex-direction: column; }
.node .col {
margin: 0 auto 99px auto;
flex: 1;
max-width: 50%; }
.node .col:first-child {
margin-left: auto; }
.node .col:last-child {
margin-right: auto;
margin-bottom: 0; }
.node .col:nth-of-type(1) .node-connector, .node .col:nth-of-type(1):after {
display: block; }
.node .col:nth-of-type(2) .node-connector, .node .col:nth-of-type(2):after {
display: block; }
.node .col:nth-of-type(3):before, .node .col:nth-of-type(4):before {
display: block; }
.node .col:after {
padding: 45px 0 0 0;
bottom: -40px; }
#nodes .horizontal-solid-line {
display: none; } }

@media screen and (max-width: 768px) {
.node {
padding: 0; }
.node .col {
margin: 0 auto 150px auto; }
.node .col:after {
padding: 90px 0 0 0;
bottom: -90px; }
.vertical-solid-line {
padding: 12.5% 0 0 0; } }

@media screen and (max-width: 600px) {
.node .col {
max-width: 100%;
padding: 12.5%; } }

#ledger .vertical-solid-line {
padding: 12.5% 0 0 0; }

.public-ledger {
display: flex;
flex-wrap: wrap;
padding: 0 6.25%;
overflow: visible;
position: relative;
width: 100%;
background: white;
margin: 0 auto;
box-sizing: border-box;
justify-content: center; }
.public-ledger .vertical-solid-line {
padding: 6.25% 0 0 0;
border-right: 1px solid #595959;
margin: auto;
width: 1px; }
.public-ledger .public-ledger-mobile-icon {
display: none;
width: 113px;
height: 113px;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%); }
.public-ledger .public-ledger-content-wrapper hr {
display: none;
width: 100%; }
.public-ledger .row {
width: 100%;
display: flex;
flex-direction: row;
max-width: 1350px; }
.public-ledger .row > div {
flex: 1 1 33.3333%;
position: relative; }
.public-ledger .public-ledger-title {
text-align: left;
font-size: 32px; }
.public-ledger .public-ledger-content {
font-size: 15px;
line-height: 30px;
font-weight: 300;
margin: 0 10% 48px 0; }
.public-ledger .public-ledger-content p {
margin-bottom: 30px; }
.public-ledger .public-ledger-content p:last-child {
margin-bottom: 0; }
.public-ledger .col-1 {
margin-top: 133px;
z-index: 1; }
.public-ledger .col-1 .public-ledger-title:after {
content: "";
background: linear-gradient(160deg, var(--c-primary), #8259ef);
display: block;
height: 2px;
width: calc(100% + 4px);
bottom: 0;
margin-top: 40px; }
.public-ledger .col-2 {
position: relative; }
.public-ledger .col-2 .vertical-solid-line {
padding: 0;
display: block;
height: 100%; }
.public-ledger .col-2 .public-ledger-graphic {
background-size: contain;
background-repeat: no-repeat;
background-position: top center;
height: 444px;
width: 452px;
transform: translateX(4px); }
.public-ledger .col-2 .public-ledger-graphic:before {
content: "";
background: #8259ef;
display: block;
height: 2px;
width: 138px;
top: 223px;
position: absolute; }
.public-ledger .col-2 .public-ledger-graphic:after {
content: "";
background: var(--c-primary);
display: block;
height: 2px;
width: 9px;
top: 223px;
right: -9px;
position: absolute; }
.public-ledger .col-3 {
margin-top: 133px;
z-index: 1; }
.public-ledger .col-3 .public-ledger-title {
margin: 0 10% 48px 10%; }
.public-ledger .col-3 .public-ledger-title:after {
content: "";
background: linear-gradient(160deg, var(--c-primary), #8259ef);
display: block;
height: 2px;
width: 110%;
margin-left: -10%;
bottom: 0;
margin-top: 40px; }
.public-ledger .col-3 .public-ledger-content {
margin: 0 10%; }
.public-ledger .vertical-solid-line {
display: none; }

@media screen and (max-width: 1460px) {
.public-ledger .col-2 .public-ledger-graphic:before {
width: 138px;
top: 222px; }
.public-ledger .col-2 .public-ledger-graphic:after {
top: 222px; }
.public-ledger .public-ledger-title {
font-size: 22px;
margin: 0 auto 38px auto; }
.public-ledger .col-1 {
margin-top: 140px; }
.public-ledger .public-ledger-content {
margin: 0 10% 0 0; }
.public-ledger .col-1 .public-ledger-title:after {
margin-top: 32px; }
.public-ledger .col-3 {
margin-top: 140px; }
.public-ledger .col-3 .public-ledger-title {
margin: 0 10% 38px 10%; }
.public-ledger .col-3 .public-ledger-title:after {
margin-top: 32px; }
.public-ledger .col-3 .public-ledger-content {
margin: 0 10% 38px 10%; } }

@media screen and (max-width: 1400px) {
.public-ledger .col-2 .public-ledger-graphic {
width: 399px;
height: 392px; }
.public-ledger .col-2 .public-ledger-graphic:before {
width: 121px;
top: 197px; }
.public-ledger .col-2 .public-ledger-graphic:after {
top: 197px; }
.public-ledger .col-1 {
margin-top: 115px; }
.public-ledger .col-3 {
margin-top: 115px; } }

@media screen and (max-width: 1275px) {
.public-ledger .col-2 .public-ledger-graphic {
width: 366px;
height: 361px; }
.public-ledger .col-2 .public-ledger-graphic:before {
width: 111px;
top: 180px; }
.public-ledger .col-2 .public-ledger-graphic:after {
top: 180px; }
.public-ledger .col-1 {
margin-top: 98px; }
.public-ledger .col-3 {
margin-top: 98px; } }

@media screen and (max-width: 1100px) {
.public-ledger {
padding: 0;
margin: 0;
background: #fff; }
.public-ledger .row {
flex-direction: column; }
.public-ledger .col-1 .public-ledger-title:after {
width: 100%; }
.public-ledger .public-ledger-content {
margin: 0 0 48px 0; }
.public-ledger .col-2 {
display: none; }
.public-ledger .col-3 .public-ledger-title {
margin: 0 0 48px 0; }
.public-ledger .col-3 .public-ledger-title:after {
width: 100%;
margin-left: 0; }
.public-ledger .col-3 .public-ledger-content {
margin: 0 0 48px 0; }
.public-ledger .col-1, .public-ledger .col-3 {
background: #F2F2F2;
margin: 56px auto 0 auto;
padding: 80px 40px 40px 40px;
max-width: 50%; }
.public-ledger .col-1:after, .public-ledger .col-3:after {
content: '';
width: 24px;
height: 24px;
position: absolute;
left: 0;
right: 0;
bottom: -12px;
margin-left: auto;
margin-right: auto;
background: url(/assets/images/HIW-Connector-Node.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center; }
.public-ledger .public-ledger-mobile-icon {
display: block; }
.public-ledger .vertical-solid-line {
display: block; } }

@media screen and (max-width: 768px) {
.public-ledger .row {
flex-direction: column; }
.public-ledger > div {
flex: 1 1 100%; }
.public-ledger .col-2.spacer {
display: none; }
.public-ledger .public-ledger-mobile-icon {
display: block; }
.public-ledger .col-1, .public-ledger .col-3 {
margin: 56px auto 0 auto;
padding: 80px 40px 40px 40px; } }

@media screen and (max-width: 600px) {
.public-ledger .col-1, .public-ledger .col-3 {
padding: 12.5%;
max-width: 100%; }
.public-ledger .public-ledger-content-wrapper {
margin-top: 48px; } }

.services {
display: flex;
flex-wrap: wrap;
padding: 0;
overflow: visible;
position: relative;
width: 100%;
background: white;
margin: 0 auto;
box-sizing: border-box; }
.services .col-1 {
flex: auto;
background-size: auto 100%;
background-repeat: no-repeat;
background-position: right center;
position: relative; }
.services .col-1 img {
display: block;
position: absolute;
height: 100%;
width: auto;
right: 0;
margin: 0; }
.services .col-3 {
flex: auto;
background-size: auto 100%;
background-repeat: no-repeat;
background-position: left center;
position: relative; }
.services .col-3 img {
display: block;
position: absolute;
height: 100%;
width: auto;
left: 0;
margin: 0; }
.services .services-content-wrapper {
display: block;
position: relative;
margin: 0 auto;
padding: 65px 40px;
max-width: 450px;
background: linear-gradient(90deg, var(--c-primary), #8259ef);
box-sizing: border-box;
color: white;
text-align: left; }
.services .services-content-wrapper p {
display: block;
position: relative;
margin: 0;
font-size: 15px;
line-height: 30px;
font-weight: 300; }
.services .services-content-wrapper p a, .services .services-content-wrapper p a:active, .services .services-content-wrapper p a:visited {
color: #ffffff; }
.services .services-content-wrapper .Btn {
margin-top: 48px; }
.services .services-content-wrapper .services-title {
font-size: 26px;
text-align: left;
margin: 0 auto 40px auto;
line-height: 1; }
.services .services-content-wrapper .services-title:after {
content: "";
background-color: #fff;
display: block;
height: 2px;
width: 100%;
bottom: 0;
margin-top: 40px; }

@media screen and (max-width: 1100px) {
.services .services-content-wrapper:after {
content: '';
padding: 90px 0 0 0;
border-right: 1px solid #aaaaaa;
margin: auto;
width: 1px;
position: absolute;
bottom: -90px;
left: calc(50% - 1px); } }

@media screen and (max-width: 768px) {
.services {
padding: 0; }
.services .col-1 {
display: none; }
.services .col-3 {
display: none; }
.services .services-content-wrapper {
margin: 0 auto 150px;
padding: 12.5%; } }

.vertical-solid-line {
padding: 6.25% 0 0 0;
border-right: 1px solid #aaaaaa;
margin: auto;
width: 1px; }

@media screen and (max-width: 768px) {
.vertical-solid-line {
padding: 12.5% 0 0 0; }
.vertical-solid-line--last {
display: none; } }

.about-vision {
background-color: #222222;
background-size: contain;
background-position: 70%;
background-repeat: no-repeat;
color: white;
padding: 6.25%;
display: flex; }
.about-vision .content {
width: 750px;
/* set to = h1 width? */ }
.about-vision .content small {
margin: 0;
padding: 0; }
.about-vision .content h1 {
font-size: 56px;
font-weight: 400;
line-height: 1.2;
margin: 58px auto; }

@media screen and (max-width: 1100px) {
.about-vision {
background-size: cover;
background-position: center;
padding: 12.5%; }
.about-vision .content {
width: 100%; }
.about-vision .content h1 {
font-size: 42px;
margin: 42px auto; } }

.about-stats {
padding: 6.25%; }
.about-stats .content {
display: flex;
flex-direction: row;
justify-content: space-between; }
.about-stats .content .stat {
text-align: center;
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.about-stats .content .stat img {
max-height: 100px;
max-width: 100px;
margin-bottom: 28px; }
.about-stats .content .stat h2 {
height: auto;
font-size: 34px;
font-weight: 400;
margin-bottom: 12px; }
.about-stats .content .stat p {
height: auto;
font-weight: 200;
font-size: 14px;
margin: 0;
line-height: 1.2;
max-width: 120px; }

@media screen and (max-width: 1100px) {
.about-stats {
padding: 12.5%; }
.about-stats .content {
flex-direction: column; }
.about-stats .content .stat {
margin: 28px auto; }
.about-stats .content .stat img {
max-height: 80px;
max-width: 80px;
margin-bottom: 12px; } }

.about-team-distribution {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: #222222;
color: white;
min-height: 800px;
width: 100vw;
max-width: 100%; }
.about-team-distribution .content {
padding: 6.25%;
display: flex;
flex-direction: row;
justify-content: space-between; }
.about-team-distribution .content h1 {
color: white;
margin: 0; }
.about-team-distribution .content p {
color: white;
max-width: 400px;
line-height: 2;
font-weight: 300; }

@media screen and (max-width: 1100px) {
.about-team-distribution {
min-height: 600px; }
.about-team-distribution .content {
padding: 12.5%;
flex-direction: column; }
.about-team-distribution .content h1 {
margin-bottom: 72px; } }

.about-governance {
background-color: #222222;
color: white;
display: flex;
flex-direction: row;
justify-content: center;
padding: 6.25% 6.25% 0 6.25%;
/* set to 6.25% all around w/out logos */
margin: 0; }
.about-governance .col-1 {
width: 33%;
max-width: 33vw;
display: flex;
flex-direction: column;
justify-content: center; }
.about-governance .col-1 h1 {
text-align: left !important;
/* override section title */
line-height: 1.2;
max-width: 340px;
margin-left: 0; }
.about-governance .col-1 small {
margin-bottom: 62px; }
.about-governance .col-2 {
background-position: center;
background-size: contain;
background-repeat: no-repeat;
margin: 0 6.25% 0 0;
padding: 0;
width: 33%;
max-width: 33vw; }
.about-governance .col-2 img {
max-height: 100%;
max-width: 100%;
margin: 6.25%; }
.about-governance .col-3 {
width: 33%;
max-width: 33vw;
font-weight: 300;
display: flex;
flex-direction: column;
justify-content: center; }
.about-governance .col-3 a {
margin-top: 62px;
max-width: 200px; }

@media screen and (max-width: 1100px) {
.about-governance {
flex-direction: column;
padding: 12.5% 12.5% 0 12.5%;
/* set to 12.5% all around w/out logos */ }
.about-governance .col-1 {
width: auto;
max-width: 100%; }
.about-governance .col-1 h1 {
font-size: 28px !important;
/* overwrite section title */
margin-bottom: 52px !important;
/* overwrite section title */
max-width: 100%; }
.about-governance .col-1 small {
margin-bottom: 26px; }
.about-governance .col-2 {
width: 100%;
max-width: 100vw;
margin: 6.25% 0; }
.about-governance .col-2 img {
margin: 0; }
.about-governance .col-3 {
width: auto;
max-width: 100%; } }

.about-careers-v2 {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
flex-direction: row;
justify-content: space-between;
justify-content: center;
color: white;
min-height: 600px;
padding: 6.25%; }
.about-careers-v2 .content {
display: flex;
flex-direction: row;
justify-content: space-between;
justify-content: center;
min-height: 320px;
max-height: 420px;
margin: auto; }
.about-careers-v2 .content .col-1 {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
line-height: 1.2; }
.about-careers-v2 .content .col-1 h1 {
text-align: left !important;
/* overwrite section title */
max-width: 300px;
margin: 0; }
.about-careers-v2 .content .col-1 a {
max-width: 240px; }
.about-careers-v2 .content .col-2 {
flex: 1; }
.about-careers-v2 .content .col-2 .mobile-cta {
max-width: 240px;
display: none; }

@media screen and (max-width: 1100px) {
.about-careers-v2 {
padding: 12.5%;
min-height: 480px;
/* adjust to ensure "rocketship" stays on screen for Claudio */
background-position: right; }
.about-careers-v2 .content {
flex-direction: column;
min-height: auto;
max-height: auto; }
.about-careers-v2 .content .col-1 h1 {
margin-bottom: 42px; }
.about-careers-v2 .content .col-1 .desktop-cta {
display: none; }
.about-careers-v2 .content .col-2 div {
margin-bottom: 72px; }
.about-careers-v2 .content .col-2 .mobile-cta {
display: inline-flex; } }

.about-investors .header {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 300px;
max-height: 420px; }
.about-investors .header .content {
color: white;
display: flex;
flex-direction: column;
justify-content: space-between;
max-width: 600px;
margin: 0;
padding: 6.25%; }
.about-investors .header .content h1 {
text-align: left !important;
/* overwrite section title */
margin: 0 0 48px 0; }
.about-investors .header .content p {
line-height: 1.5;
font-weight: 300; }

@media screen and (max-width: 1100px) {
.about-investors .header {
background: linear-gradient(160deg, var(--c-primary), #8259ef); }
.about-investors .header .content {
text-align: center;
padding: 12.5%;
max-width: 100%; }
.about-investors .header .content h1 {
text-align: center !important;
/* overwrite section title */ } }

.about-resources {
background-color: #222222;
color: white;
padding: 6.25%; }
.about-resources .whitepaper-content {
min-height: 200px;
display: flex;
flex-direction: row;
justify-content: center; }
.about-resources .whitepaper-content .col-1 {
width: 400px; }
.about-resources .whitepaper-content .col-2 {
flex: 1;
padding: 0 3.125%; }
.about-resources .whitepaper-content .col-2 .whitepaper-quote {
margin-bottom: 72px; }
.about-resources .whitepaper-content .col-2 .whitepaper-quote * {
font-weight: 300; }
.about-resources .whitepaper-content .col-2 .whitepaper-quote p {
font-size: 24px;
font-weight: 300;
line-height: 2; }

@media screen and (max-width: 1100px) {
.about-resources {
padding: 12.5%; }
.about-resources .whitepaper-content {
flex-direction: column; }
.about-resources .whitepaper-content .col-1 {
margin-bottom: 52px;
width: auto; }
.about-resources .whitepaper-content .col-1 small {
font-weight: 200; }
.about-resources .whitepaper-content .col-2 {
padding: 0; }
.about-resources .whitepaper-content .col-2 .whitepaper-quote {
margin-bottom: 52px; }
.about-resources .whitepaper-content .col-2 .whitepaper-quote p {
line-height: 1.5; } }

.oa-video {
height: 100%;
width: 100%; }

.mobile-bg {
display: none; }

.video-content {
color: white;
min-width: 400px;
position: absolute;
top: calc(50% - 100px);
/* problematic for screenheights sub eh.. 600px? */
left: 6.25%; }
.video-content h1 {
font-size: 72px;
letter-spacing: -4px;
font-weight: 100;
margin-bottom: 18px;
margin-left: -4px; }
.video-content small {
text-transform: uppercase;
font-size: 16px;
letter-spacing: 4px; }
.video-content .body {
line-height: 1.4;
letter-spacing: -1px;
font-size: 24px;
font-weight: 300;
margin-top: 124px;
/* problematic for screenheights sub eh.. 600px? */
max-width: 360px; }
.video-content .play-btn-container {
margin-top: 48px; }

@media screen and (max-width: 1300px) {
.video-content {
top: 200px;
/* problematic for screenheights sub eh.. 600px? */ } }

/* short desktops */
@media screen and (max-height: 700px) {
.video-content {
top: 200px; } }

/* tablets and down */
@media screen and (max-width: 1100px) {
.oa-video {
display: none; }
.mobile-bg {
display: inline-flex;
height: 100vh;
min-height: 100%;
width: 100vw;
max-width: 100%;
background-image: url("/assets/images/seed4equity-oa-mobile-v2.jpg");
background-size: cover;
background-position: right;
background-repeat: no-repeat; }
.video-content {
min-width: 0;
top: 160px;
left: 0;
padding: 10%; }
.video-content h1 {
font-size: 48px;
letter-spacing: -2px; }
.video-content small {
max-width: 220px;
line-height: 1.5; }
.video-content .body {
font-size: 20px; } }

.seo-body {
background-color: #f9f9f9;
margin: auto;
padding: 6.25%;
min-height: 200px;
width: auto;
max-width: none;
display: flex;
flex-direction: row;
justify-content: flex-start; }
.seo-body p:last-child,
.seo-body p:last-of-type {
margin-bottom: 0; }
.seo-body sup,
.seo-body sub {
font-size: 10px;
font-weight: 400;
position: relative; }
.seo-body sup {
top: -10px; }
.seo-body sub {
bottom: -3px; }
.seo-body .user-body-content {
flex: 1;
font-weight: 300;
line-height: 1.5;
max-width: 100%;
width: 100%; }
.seo-body .user-body-content .body-content {
margin-top: 0;
/* assumes content leads with h# tag and offsets accordingly */
width: 100%;
/* match images, youtube videos, and code windows */
max-width: 100%; }
.seo-body .user-body-content .body-content .body-text {
overflow-x: auto;
/* START: FREEZE FIRST TWO COLUMNS */
/* END: FREEZE FIRST TWO COLUMNS */ }
.seo-body .user-body-content .body-content .body-text table {
margin: 0 0 30px;
width: 100%;
border-collapse: collapse;
border: none; }
.seo-body .user-body-content .body-content .body-text table tr:first-child {
font-weight: bold; }
.seo-body .user-body-content .body-content .body-text table tr th, .seo-body .user-body-content .body-content .body-text table tr td {
padding: 10px; }
.seo-body .user-body-content .body-content .body-text.style-1 table {
border: 1px solid #464646; }
.seo-body .user-body-content .body-content .body-text.style-1 table tbody tr:nth-child(even) {
color: #464646;
background-color: white; }
.seo-body .user-body-content .body-content .body-text.style-1 table tbody tr:nth-child(odd) {
color: #222222;
background-color: #f9f9f9; }
.seo-body .user-body-content .body-content .body-text.style-1 table tbody tr:first-child {
color: white;
background-color: #464646; }
.seo-body .user-body-content .body-content .body-text.style-1 table tbody tr th, .seo-body .user-body-content .body-content .body-text.style-1 table tbody tr td {
border: 1px solid #464646; }
.seo-body .user-body-content .body-content .body-text.style-1 table tbody tr td, .seo-body .user-body-content .body-content .body-text.style-1 table tbody tr td p {
font-size: 13px; }
.seo-body .user-body-content .body-content .body-text.style-2 table {
border: 1px solid #8259ef; }
.seo-body .user-body-content .body-content .body-text.style-2 table tbody tr:nth-child(even) {
color: #464646;
background-color: white; }
.seo-body .user-body-content .body-content .body-text.style-2 table tbody tr:nth-child(odd) {
color: #222222;
background-color: #f9f9f9; }
.seo-body .user-body-content .body-content .body-text.style-2 table tbody tr:first-child {
color: white;
background-color: #8259ef; }
.seo-body .user-body-content .body-content .body-text.style-2 table tbody tr th, .seo-body .user-body-content .body-content .body-text.style-2 table tbody tr td {
border: 1px solid #8259ef; }
.seo-body .user-body-content .body-content .body-text.style-2 table tbody tr td, .seo-body .user-body-content .body-content .body-text.style-2 table tbody tr td p {
font-size: 13px; }
.seo-body .user-body-content .body-content .body-text.style-3 table {
border: 1px solid var(--c-primary); }
.seo-body .user-body-content .body-content .body-text.style-3 table tbody tr:nth-child(even) {
color: #464646;
background-color: white; }
.seo-body .user-body-content .body-content .body-text.style-3 table tbody tr:nth-child(odd) {
color: #222222;
background-color: #f9f9f9; }
.seo-body .user-body-content .body-content .body-text.style-3 table tbody tr:first-child {
color: white;
background-color: var(--c-primary); }
.seo-body .user-body-content .body-content .body-text.style-3 table tbody tr th, .seo-body .user-body-content .body-content .body-text.style-3 table tbody tr td {
border: 1px solid var(--c-primary); }
.seo-body .user-body-content .body-content .body-text.style-3 table tbody tr td, .seo-body .user-body-content .body-content .body-text.style-3 table tbody tr td p {
font-size: 13px; }
.seo-body .user-body-content .body-content .body-text.style-4 table {
border: 1px solid var(--c-secondary); }
.seo-body .user-body-content .body-content .body-text.style-4 table tbody tr:nth-child(even) {
color: #464646;
background-color: white; }
.seo-body .user-body-content .body-content .body-text.style-4 table tbody tr:nth-child(odd) {
color: #222222;
background-color: #f9f9f9; }
.seo-body .user-body-content .body-content .body-text.style-4 table tbody tr:first-child {
color: white;
background-color: var(--c-secondary); }
.seo-body .user-body-content .body-content .body-text.style-4 table tbody tr th, .seo-body .user-body-content .body-content .body-text.style-4 table tbody tr td {
border: 1px solid var(--c-secondary); }
.seo-body .user-body-content .body-content .body-text.style-4 table tbody tr td, .seo-body .user-body-content .body-content .body-text.style-4 table tbody tr td p {
font-size: 13px; }
@media (max-width: 1100px) {
.seo-body .user-body-content .body-content .body-text .table-section {
position: relative; }
.seo-body .user-body-content .body-content .body-text .table-section::after {
content: "";
width: 13vw;
background: #f9f9f9;
background: linear-gradient(90deg, rgba(249, 249, 249, 0), #f9f9f9);
position: absolute;
right: -6.25vw;
top: 0;
height: 100%;
pointer-events: none; }
.seo-body .user-body-content .body-content .body-text .table-section .table-wrapper {
overflow-x: auto;
margin: 0 -6.25vw;
padding: 0 6.25vw;
scrollbar-width: none; }
.seo-body .user-body-content .body-content .body-text .table-section .table-wrapper::-webkit-scrollbar {
display: none; }
.seo-body .user-body-content .body-content .body-text .table-section table {
width: max-content; } }
@media (min-width: 1101px) {
.seo-body .user-body-content .body-content .body-text .freeze-two-columns .table-wrapper {
overflow-x: scroll; }
.seo-body .user-body-content .body-content .body-text .freeze-two-columns .table-wrapper table {
border-collapse: separate;
border-spacing: 0;
box-sizing: border-box; }
.seo-body .user-body-content .body-content .body-text .freeze-two-columns .table-wrapper th:nth-child(1),
.seo-body .user-body-content .body-content .body-text .freeze-two-columns .table-wrapper td:nth-child(1) {
position: sticky;
left: 0;
width: 100px;
min-width: 100px;
z-index: 2; }
.seo-body .user-body-content .body-content .body-text .freeze-two-columns .table-wrapper th:nth-child(2),
.seo-body .user-body-content .body-content .body-text .freeze-two-columns .table-wrapper td:nth-child(2) {
position: sticky;
left: 122px;
width: 50px;
min-width: 50px; }
.seo-body .user-body-content .body-content .body-text .freeze-two-columns .table-wrapper td[colspan="2"] + td {
position: static;
left: auto; }
.seo-body .user-body-content .body-content .body-text .freeze-two-columns .table-wrapper td.sticky {
position: sticky;
left: 122px;
width: 50px;
min-width: 50px; }
.seo-body .user-body-content .body-content .body-text .freeze-two-columns .table-wrapper td.sticky + td {
position: static;
left: auto; }
.seo-body .user-body-content .body-content .body-text .freeze-two-columns .table-wrapper tbody tr:first-child td {
color: white;
background-color: #8259ef; }
.seo-body .user-body-content .body-content .body-text .freeze-two-columns .table-wrapper tbody tr:nth-child(even):not(:first-child) td {
background-color: #ffffff; }
.seo-body .user-body-content .body-content .body-text .freeze-two-columns .table-wrapper tbody tr:nth-child(odd):not(:first-child) td {
background-color: #f9f9f9; } }
@media (max-width: 1100px) {
.seo-body .user-body-content .body-content .body-text .table-section::after {
padding-right: 6.25vw; } }
.seo-body .user-body-content .body-content .table-scroll {
overflow-x: auto; }
.seo-body .user-body-content .body-content .table-scroll table {
white-space: nowrap; }
.seo-body .user-body-content .body-content .body-text table.cipher th, .seo-body .user-body-content .body-content .body-text table.cipher td {
padding: 0 0.35vw; }
.seo-body .user-body-content .body-content .body-text table.cipher th p, .seo-body .user-body-content .body-content .body-text table.cipher td p {
margin: 15px 0; }
.seo-body .user-body-content .body-content .body-text table.cipher tr td:first-child {
padding-right: 10px; }
@media (max-width: 768px) {
.seo-body .user-body-content .body-content .body-text table.cipher td p {
font-size: 2vw;
margin: 15px 0; } }
.seo-body .user-body-content .body-content h1 {
font-size: 32px;
line-height: 48px; }
.seo-body .user-body-content .body-content h2 {
font-size: 24px;
line-height: 36px; }
.seo-body .user-body-content .body-content h3 {
font-size: 22px;
line-height: 33px; }
.seo-body .user-body-content .body-content h4 {
font-size: 20px;
line-height: 30px; }
.seo-body .user-body-content .body-content h5 {
font-size: 18px;
line-height: 27px; }
.seo-body .user-body-content .body-content h6 {
font-size: 16px;
line-height: 24px; }
.seo-body .user-body-content .body-content p {
font-size: 15px;
line-height: 30px;
margin-bottom: 30px; }
.seo-body .user-body-content .body-content p:last-child, .seo-body .user-body-content .body-content p:last-of-type {
margin-bottom: 0; }
.seo-body .user-body-content .body-content strong {
font-weight: bold; }
.seo-body .user-body-content .body-content em {
font-style: italic; }
.seo-body .user-body-content .body-content a {
text-decoration-line: none;
color: #8259ef; }
.seo-body .user-body-content .body-content ol {
padding-top: 0;
list-style: decimal;
/* offset to left-align with content */
margin: 0 0 0 20px; }
.seo-body .user-body-content .body-content ol li {
font-size: 15px;
margin-bottom: 0px;
line-height: 30px; }
.seo-body .user-body-content .body-content ul {
padding-top: 0;
/* offset to left-align with content */
margin: 0 0 0 20px; }
.seo-body .user-body-content .body-content ul li {
font-size: 15px;
margin-bottom: 0px;
line-height: 30px; }
.seo-body .user-body-content .body-content ul li li {
list-style-type: circle; }
.seo-body .user-body-content .body-content li {
font-size: 15px;
margin-bottom: 0px;
line-height: 30px; }
.seo-body .user-body-content p {
padding: 0px 0;
font-size: 15px;
font-weight: 300;
line-height: 30px;
letter-spacing: 0; }
.seo-body .user-body-content .code-window {
margin: 32px 0; }
.seo-body .user-body-content .code-window .code-page p {
padding: 0 !important;
font-size: 14px; }
.seo-body .user-body-content .disclaimer {
margin: 32px auto 0 0;
width: 80%;
font-size: 14px;
text-align: left; }
.seo-body .user-body-content .blog-video {
margin: 32px 0; }
.seo-body .user-body-content .image {
margin: 32px 0 0 0;
padding: 0;
width: 100%;
height: auto; }
.seo-body .user-body-content .image img {
margin-bottom: 10px;
width: 100%; }
.seo-body .user-body-content .body-text {
margin: 0 0 32px; }
.seo-body .user-body-content .user-video {
height: 380px;
width: auto;
margin: 0 0 32px 0;
display: flex;
align-items: center;
justify-content: center;
background-size: cover; }
.seo-body .user-body-content .user-video.is-quote {
display: flex;
flex-direction: column;
flex-direction: column;
justify-content: start; }
.seo-body .user-body-content .user-video.is-quote h3 {
color: white;
font-style: italic;
font-size: 24px;
font-weight: 200;
letter-spacing: 0;
line-height: 1.2;
max-width: 85%;
margin: 48px auto auto 48px; }
.seo-body .user-body-content .user-video.is-quote div {
color: white;
width: 300px;
margin: auto auto auto 0;
display: flex;
flex-direction: column;
justify-content: end; }
.seo-body .user-body-content .user-video.is-quote div .quote-author {
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
margin: 48px auto auto 48px;
text-transform: uppercase; }
.seo-body .user-body-content .user-video.is-quote div .quote-author-details {
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
margin: 0 auto auto 48px;
text-transform: uppercase; }
.seo-body .user-side-panel {
color: white;
width: 320px; }
.seo-body .user-side-panel.mobile-panel {
display: none; }
.seo-body .user-side-panel .side-panel-container {
background-color: #222222;
height: auto;
display: flex;
flex-direction: column;
padding: 36px;
position: sticky;
top: 180px;
/* may be too large for small desktops */ }
.seo-body .user-side-panel .side-panel-container .panel-item-title {
color: white;
text-transform: uppercase;
height: auto; }
.seo-body .user-side-panel .side-panel-container .panel-item-title p {
letter-spacing: 1px;
line-height: 20px;
font-size: 14px;
padding-bottom: 12px; }
.seo-body .user-side-panel .side-panel-container .panel-item-gradient {
height: 2px;
background: linear-gradient(160deg, var(--c-primary), #8259ef); }
.seo-body .user-side-panel .side-panel-container .panel-item-content {
height: auto; }
.seo-body .user-side-panel .side-panel-container .panel-item-content p {
color: #b8b8b8;
font-size: 14px;
font-weight: 300;
padding-top: 12px;
padding-bottom: 36px;
line-height: 28px; }
.seo-body .user-side-panel .side-panel-container .panel-item-content ul li {
line-height: 18px;
font-size: 14px;
padding-bottom: 20px; }
.seo-body .user-side-panel .side-panel-container .panel-item-content ul li:first-child {
padding-top: 20px; }
.seo-body .user-side-panel .side-panel-container .panel-item-content a {
color: white;
opacity: 0.8; }
.seo-body .user-side-panel .side-panel-container .panel-item-content a:hover {
opacity: 1; }
.seo-body .user-side-panel .side-panel-container .panel-item-content:last-child p {
padding-bottom: 0; }

/* Tablets */
@media screen and (max-width: 1340px) {
.seo-body {
padding: 6.25% 5.38%; }
.seo-body .user-body-content {
padding: 0; }
.seo-body .user-body-content .body-content {
width: 100%; }
.seo-body .user-body-content .body-content iframe {
max-width: 100%; }
.seo-body .user-side-panel {
width: 300px; } }

/* Tablets, phones, etc. */
@media screen and (max-width: 1100px) {
.seo-body {
flex-direction: column-reverse;
padding: 12.5%; }
.seo-body .user-body-content {
padding: 0; }
.seo-body .user-body-content .body-content {
padding: 0; }
.seo-body .user-body-content .body-content p {
font-size: 14px;
line-height: 1.8;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; } }
@media screen and (max-width: 1100px) and (min-width: 1024px) {
.seo-body .user-body-content .body-content p {
font-size: 15px;
line-height: 2; } }

@media screen and (max-width: 1100px) {
.seo-body .user-body-content .body-content ul li {
font-size: 14px; }
.seo-body .user-body-content .disclaimer {
margin: auto auto 12.5% auto;
font-size: 12px;
text-align: center;
max-width: 300px; }
.seo-body .user-body-content .code-window {
margin: 16px 0; }
.seo-body .user-body-content .code-window .code-page p {
padding: 0 !important;
font-size: 12px; }
.seo-body .user-body-content .image {
margin: 36px 0; }
.seo-body .user-body-content .user-video {
max-width: 475px;
/* arbitrarily match sidepanel box? */
min-height: 260px;
height: auto;
margin: auto; }
.seo-body .user-body-content .user-video.is-quote h3 {
font-size: 22px;
max-width: 100%;
margin: 48px 48px 0 48px; }
.seo-body .user-body-content .user-video.is-quote div .quote-author {
font-size: 14px; }
.seo-body .user-body-content .user-video.is-quote div .quote-author-details {
font-size: 14px;
margin: 0 auto 48px 48px;
/* forces a min bottom margin of 48px on the image */ }
.seo-body .user-body-content .btn-mobile-shift {
margin-left: 12.5%;
margin-bottom: 12.5%;
margin-top: 0 !important; }
.seo-body .user-side-panel {
width: auto;
margin: auto auto 36px auto; }
.seo-body .user-side-panel .side-panel-container {
padding: 12.5%;
position: revert; }
.seo-body .user-side-panel.mobile-panel {
display: block;
width: 100%; }
.seo-body .user-side-panel.desktop-panel {
display: none; } }

.milestones {
width: 100%;
position: relative; }

.milestones .fxbox {
display: flex;
flex-direction: row;
background-color: #fff;
position: relative;
height: 279px; }

.milestones .fxbox .fxcol-1 {
flex: 1 1 32%;
position: relative; }

.milestones .fxbox .fxcol-2 {
flex: 1 1 36%;
position: relative; }

.milestones .fxbox .fxcol-3 {
flex: 1 1 32%;
position: relative; }

.milestones .fxbox .fxcol-1 {
background-size: 452px auto;
background-repeat: no-repeat;
background-position: right top;
overflow: hidden; }
.milestones .fxbox .fxcol-1 .bgCol {
display: block;
position: absolute;
width: 452px;
height: auto;
top: 0;
right: 0; }

.milestones:nth-child(even) .row .col-1 {
background-position: right bottom; }
.milestones:nth-child(even) .row .col-1 .bgCol {
top: inherit;
bottom: 0; }

.milestones.last-blank-row .row::after {
display: none; }

.milestones-last--even.milestones:nth-child(even) .row .col-1 {
background-position: right -279px;
background-repeat: repeat; }
.milestones-last--even.milestones:nth-child(even) .row .col-1 .bgCol {
top: -279px;
bottom: inherit; }

.milestones .fxbox .fxcol-2 {
padding: 30px;
margin: 60px 5% 0;
align-self: flex-start; }

.milestones .fxbox .fxcol-2.main-phase {
background-color: #F9F9F9; }

.milestones .fxbox .milestone-title {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 18px;
position: relative; }

.milestones .fxbox .fxcol-2 .milestone-title:after {
content: "";
background: linear-gradient(160deg, var(--c-primary), #8259ef);
display: block;
position: absolute;
height: 2px;
width: 100%;
bottom: 0;
margin: 0;
z-index: 2;
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.5s ease 0s; }

.milestones.ani-in .row .col-2 .milestone-title:after {
transform: scaleX(1); }

.milestones .fxbox .fxcol-2 .milestone-title:before {
content: "";
background: #EAEAEA;
display: block;
position: absolute;
height: 2px;
width: 100%;
bottom: 0;
margin: 0;
z-index: 1; }

.milestones .fxbox .milestone-title h3,
.milestones .fxbox .milestone-title .h2 {
color: #464646;
font-size: 24px;
letter-spacing: -0.6px;
line-height: 29px; }

.milestones .fxbox .milestone-title h3 {
color: #464646;
font-size: 18px;
letter-spacing: -0.45px;
line-height: 25px;
text-transform: uppercase; }

.milestones .fxbox .milestone-title h4 {
color: blue;
font-size: 16px;
font-style: italic;
font-weight: 500;
letter-spacing: -0.5px; }

.milestones .fxbox .milestone-description {
color: #464646;
font-size: 15px;
line-height: 30px;
font-weight: 400; }

.milestones .fxbox .fxcol-3 {
margin-top: 60px; }

.milestones .fxbox .fxcol-3 .media-container {
display: block;
position: relative;
background-size: 0;
background-repeat: no-repeat;
max-width: 555px;
width: 100%;
height: auto;
overflow: hidden; }

.milestones .fxbox .fxcol-3 img {
display: block;
position: relative;
width: 100%;
height: auto;
max-height: 100%;
margin: 0; }

.milestones .fxbox .fxcol-3.overlap-image .media-container {
height: 100%;
width: auto;
overflow: visible; }

.milestones .fxbox .fxcol-3.overlap-image img {
width: 100%;
max-height: 558px;
position: absolute;
top: 0;
left: 0; }

.milestones .fxbox .fxcol-3.overlap-image.video-nav .media-container {
width: 100%;
height: auto;
overflow: hidden; }

.milestones .fxbox .fxcol-3.overlap-image.video-nav img {
width: 100%;
max-height: 100%;
position: relative; }

.milestones .fxbox .fxcol-3.video-nav .media-container {
background-size: contain;
background-position: center; }

.milestones .button-launcher {
display: block;
position: absolute;
top: 50%;
left: 50%;
max-height: 100%;
transform: translate(-50%, -50%);
max-width: 235px;
width: 90%; }

.milestones .Btn.is-play-white {
max-width: 235px;
width: 90%; }

.milestones .Btn.is-play-white.no-label {
background-position: center; }

.milestones .fxbox .circle-icon {
display: block;
position: absolute;
top: 73px;
right: 10px;
width: 64px;
height: 64px;
background-size: 100% auto;
background-position: center;
background-repeat: no-repeat;
transform: translateX(-0.04em); }

.milestones:nth-child(odd) .row .circle-icon {
top: 74px;
transform: translateX(-0.04em) translateY(0.04em); }

.milestones .fxbox .circle-icon.phasei {
background-image: url("/assets/images/milestones_phase_1-3.png"); }

.milestones .fxbox .circle-icon.phaseii {
background-image: url("/assets/images/milestones_phase_2-3.png"); }

.milestones .fxbox .circle-icon.phaseiii {
background-image: url("/assets/images/milestones_phase_3-3.png"); }

.milestones .fxbox .circle-icon-mobile {
display: none; }

@media screen and (max-width: 1100px) {
.subnav .list .item.item-phasei, .subnav .list .item-phasei.external-item, .subnav .list .item-phasei.item-list-heading, .subnav .list .item-phasei.item-list-heading-mobile {
padding-top: 0; }
.milestones .fxbox {
height: auto;
flex-wrap: wrap;
flex-direction: column; }
.milestones.blank-row .row .col-2 {
margin: 0; }
.milestones .fxbox::after {
z-index: 0;
width: 1px;
height: 100%;
content: "";
display: block;
position: absolute;
top: 0;
left: 12.5%;
background-color: #eaeaea; }
.milestones-last {
padding-bottom: 12.5%;
background: white; }
.milestones .fxbox .fxcol-1,
.milestones .fxbox .fxcol-2,
.milestones .fxbox .fxcol-3 {
z-index: 1; }
.milestones .fxbox .fxcol-1 {
display: none; }
.milestones .fxbox .fxcol-2 {
align-self: auto;
margin: 12.5% 12.5% 0; }
.milestones .fxbox .fxcol-3 {
flex: auto;
background: initial !important;
margin-top: 0; }
.milestones .fxbox .fxcol-3.has-media--image {
height: auto;
margin-top: 12.5%; }
.milestones .fxbox .fxcol-3 .media-container {
background: none !important;
width: 100%;
max-width: none; }
.milestones .fxbox .fxcol-3 img,
.milestones .fxbox .fxcol-3.overlap-image img,
.milestones .fxbox .fxcol-3.video-nav img {
display: block;
position: relative;
width: 100%;
height: auto;
margin: 0 auto;
max-width: none;
max-height: none; }
.milestones .fxbox .circle-icon-mobile {
position: absolute;
top: 25px;
left: -16px;
width: 33px;
height: 33px;
background-size: 100% auto;
background-position: center;
background-repeat: no-repeat;
display: block; }
.milestones .fxbox .circle-icon-mobile .circleIcon {
width: 33px; }
.milestones .fxbox .circle-icon-mobile.phasei {
top: -15px;
background-image: url("/assets/images/milestone-phase-1-mobile.png"); }
.milestones .fxbox .circle-icon-mobile.phaseii {
top: -15px;
background-image: url("/assets/images/milestone-phase-2-mobile.png"); }
.milestones .fxbox .circle-icon-mobile.phaseiii {
top: -15px;
background-image: url("/assets/images/milestone-phase-3-mobile.png"); } }

@media screen and (max-width: 650px) {
.milestones .fxbox .milestone-title h3,
.milestones .fxbox .milestone-title .h2 {
font-size: 18px; }
.milestones .fxbox .fxcol-2.main-phase .milestone-title:after {
font-size: 18px; } }

.get-started-resources .section-title {
text-align: left; }

.get-started-resources .section-subtitle {
text-align: left;
max-width: none;
margin-left: 4px;
margin-bottom: 64px; }

.get-started-resources .second-column {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.get-started-resources .second-column .resource {
border: 1px solid var(--c-primary);
background-color: #222222;
color: white;
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 20%;
padding: 6% 6% 0 6%;
margin-bottom: 24px; }
.get-started-resources .second-column .resource > * {
text-decoration: none; }
.get-started-resources .second-column .resource .resource-title {
font-weight: 300;
min-height: 52px;
/* approx two lines */ }
.get-started-resources .second-column .resource .resource-description {
font-weight: 300;
margin-bottom: 0;
margin: 32px 0;
line-height: 1.3;
min-height: 62px; }
.get-started-resources .second-column .resource .resource-btn {
margin: 24px 0 calc(6% + 24px) 0;
max-width: 100%; }
.get-started-resources .second-column .resource .gradient {
background: linear-gradient(160deg, var(--c-primary), #8259ef);
height: 2px;
width: 100%; }
.get-started-resources .second-column .resource:hover {
padding: 6% 6% 0 6%;
background-color: #222222;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
transition: all 0.4s ease;
/* offset gradient for resource padding on hover */ }
.get-started-resources .second-column .resource:hover .gradient {
transition: all 0.4s ease;
/* seems excessive.. but cool! */
margin-left: -15.625%;
width: 131.5%; }
.get-started-resources .second-column .resource:hover .resource-btn {
transition: all 0.6s ease;
background-color: white !important;
/* override btn styles */
color: #222222 !important;
/* override btn styles */ }

/* adjust resources on small-desktops */
@media screen and (max-width: 1400px) {
.get-started-resources .second-column .resource .resource-title {
min-height: 78px;
/* bump to 3 lines */ }
.get-started-resources .second-column .resource .resource-description {
min-height: 102px;
/* bump to 5 lines */ } }

@media screen and (max-width: 1100px) {
.get-started-resources {
background-repeat: no-repeat;
background-size: auto auto;
background-position: center;
flex-direction: column; }
.get-started-resources .second-column {
flex-direction: column; }
.get-started-resources .second-column .resource {
padding: 60px 20px;
/* adjust as needed to size cards */
width: calc(100% - 40px); }
.get-started-resources .second-column .resource .resource-title {
min-height: 32px; }
.get-started-resources .second-column .resource .resource-btn {
margin: 24px 0 0 0;
/* adjust as needed to size cards */ }
.get-started-resources .second-column .resource .resource-description {
min-height: 0; }
.get-started-resources .second-column .resource:hover {
padding: 60px 0 0 0;
/* adjust to match above */
background-color: white;
box-shadow: none;
transition: none; }
.get-started-resources .second-column .resource:hover .gradient {
transition: none;
margin-left: 0;
width: 100%; }
.get-started-resources .second-column .resource:hover .resource-btn {
transition: none;
background-color: #222222 !important;
/* override btn styles */
color: white !important;
/* override btn styles */ } }

/* header */
.subnav .list .item-selected:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
background: #fff;
width: 100%;
height: 4px; }

.section-v2-top {
padding-bottom: 5px; }

.sb-custom-tabset {
display: none; }

.tabset-selected {
display: block; }

.top-iframes {
overflow: hidden;
background: #ffffff;
border: .5px solid #aaa;
border-radius: 5px; }

.content-spacing {
margin: 0 0 20px 0; }

.with-subtitle {
margin-bottom: 10px; }

iframe {
overflow: hidden; }

.sb-custom-tabs {
padding-top: 20px; }

.sb-custom-tabs .tabs .options .option {
background-color: #f2f2f2;
border: .5px solid #aaa;
border-bottom: 0;
width: auto;
flex: 1;
text-align: center; }

.sb-custom-tabs .tabs .options {
height: 68px;
display: flex;
flex-direction: row;
justify-content: start;
align-content: center; }

.sb-custom-tab--selected {
border-top: .5px solid #aaa;
border-right: .5px solid #aaa;
color: var(--c-primary);
margin-bottom: -2px;
outline: none; }

.sb-grafana .tabs .sb-custom-tab--selected {
background-color: #ffffff !important;
border-bottom: 3px solid #ffffff !important; }

.sb-kibana .tabs .sb-custom-tab--selected {
background-color: #fafbfd !important;
border-bottom: 3px solid #fafbfd !important; }

.sb-custom-tabs ul.items {
list-style: none;
margin-bottom: 0;
margin-left: 0;
margin: 0; }

.sb-custom-tabs .tabs .options .option .title {
position: relative;
top: 50%;
transform: translateY(-50%);
padding: 0 22px; }

.sb-custom-tab--selected h2 {
font-weight: 700 !important; }

.sb-custom-tabs .tabs .tab-content {
border: .5px solid #aaa;
padding: 25px;
min-height: 0;
font-size: 15px;
font-weight: 300;
letter-spacing: 0;
display: none; }

.sb-grafana .tabs .tab-content {
background: #ffffff; }

.sb-kibana .tabs .tab-content {
background: #fafbfd; }

.sb-custom-tabs .tabs .sb-tab-content-selected {
display: block; }

.sb-custom-tabs .tabs .options .option:nth-child(2) {
border-left: 0;
border-right: 0; }

.sb-custom-tabs .tabs .options .option:nth-child(4) {
border-left: 0;
border-right: 0; }

.sb-custom-tabs .tabs .options .option-last {
border-right: .5px solid #aaa !important; }

.globe-section {
width: 100%;
height: 998px;
overflow: hidden;
display: block;
position: relative;
background: black; }

.globe-subtitle-light {
font-weight: 100; }

.globe-subtitle {
font-weight: 200; }

.globe-bg {
display: block;
position: absolute;
width: auto;
height: 100%;
object-fit: cover;
min-width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }

#globe {
display: block;
position: absolute;
top: -86px;
right: -230px;
height: 1400px;
width: 1400px;
opacity: 0; }

#globe canvas {
height: 1400px;
width: 1400px;
display: block;
position: relative;
margin: 0 auto; }

#globe.show {
opacity: 1;
transition: opacity 1s ease-out 0s; }

.globe-video-content {
color: white;
min-width: 0;
width: 0;
display: block;
position: absolute;
top: 622px;
left: 6.25%; }
.globe-video-content h1 {
font-size: 72px;
letter-spacing: -0.063em;
font-weight: 100;
margin-bottom: 14px;
margin-left: -4px;
pointer-events: none;
display: block;
position: relative;
width: 610px; }
.globe-video-content #ani-heading {
display: block;
position: absolute;
width: 450px;
height: 92px;
overflow: hidden;
top: 0;
left: 180px; }
.globe-video-content #ani-heading .ani-heading-container {
display: block;
position: absolute;
top: 0;
left: 0;
transition: top 0s linear 0.75s; }
.globe-video-content #ani-heading .ani-heading-container span {
display: block;
position: relative;
width: 450px;
height: 92px;
opacity: 0;
transition: opacity 0.75s linear 0s;
font-weight: 300; }
.globe-video-content #ani-heading.ani-slide-1 .ani-heading-container {
top: 0; }
.globe-video-content #ani-heading.ani-slide-1 .ani-heading-container span:nth-child(1) {
opacity: 1; }
.globe-video-content #ani-heading.ani-slide-2 .ani-heading-container {
top: -92px; }
.globe-video-content #ani-heading.ani-slide-2 .ani-heading-container span:nth-child(2) {
opacity: 1;
transition: opacity 0.75s linear 0.75s; }
.globe-video-content #ani-heading.ani-slide-3 .ani-heading-container {
top: -184px; }
.globe-video-content #ani-heading.ani-slide-3 .ani-heading-container span:nth-child(3) {
opacity: 1;
transition: opacity 0.75s linear 0.75s; }
.globe-video-content #ani-heading.ani-slide-4 .ani-heading-container {
top: -276px; }
.globe-video-content #ani-heading.ani-slide-4 .ani-heading-container span:nth-child(4) {
opacity: 1;
transition: opacity 0.75s linear 0.75s; }
.globe-video-content #ani-heading.ani-slide-5 .ani-heading-container {
top: -368px; }
.globe-video-content #ani-heading.ani-slide-5 .ani-heading-container span:nth-child(5) {
opacity: 1;
transition: opacity 0.75s linear 0.75s; }
.globe-video-content small {
text-transform: uppercase;
font-size: 20px;
letter-spacing: 0.214em;
line-height: 28px;
pointer-events: none;
display: block;
position: relative;
width: 610px; }
.globe-video-content .play-btn-container {
margin-top: 46px;
width: 210px; }
.globe-video-content h1,
.globe-video-content small,
.globe-video-content .body,
.globe-video-content .play-btn-container {
opacity: 0;
transform: translateY(20px);
transition: opacity 1.5s linear 0, transform 1.5s ease-in-out 0; }
.globe-video-content.show h1,
.globe-video-content.show small,
.globe-video-content.show .body,
.globe-video-content.show .play-btn-container {
opacity: 1;
transform: translateY(0); }
.globe-video-content.show h1 {
transition: opacity 1.5s ease 0.5s, transform 1.5s ease 0.5s; }
.globe-video-content.show small {
transition: opacity 1.5s ease 0.6s, transform 1.5s ease 0.6s; }
.globe-video-content.show .body {
transition: opacity 1.5s ease 0.7s, transform 1.5s ease 0.7s; }
.globe-video-content.show .play-btn-container {
transition: opacity 1.5s ease 0.8s, transform 1.5s ease 0.8s; }

#tooltip {
display: none;
position: fixed;
left: 0;
top: 0;
width: auto;
height: auto;
padding: 25px;
width: 118px;
min-height: 25px;
text-align: center;
font-family: monospace;
background: #222222;
color: white;
opacity: 0;
transition: opacity 0.25s linear;
pointer-events: none;
margin-top: 3px;
transform: translate(-50%, -100%); }
#tooltip::after {
content: "";
width: 100%;
height: 3px;
background: #3487e8;
background: -moz-linear-gradient(90deg, #3487e8 2%, #815fec 98%);
background: -webkit-linear-gradient(90deg, #3487e8 2%, #815fec 98%);
background: linear-gradient(90deg, #3487e8 2%, #815fec 98%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3487e8", endColorstr="#815fec", GradientType=1);
display: block;
position: absolute;
bottom: -3px;
left: 0; }

.tooltip-bg-overlay {
display: flex;
flex-direction: column;
position: relative;
width: 100%; }

#tooltipimage {
display: block;
position: relative;
width: 100%;
height: auto;
padding: 0; }
#tooltipimage img {
display: block;
position: relative;
width: 100%;
height: auto; }

#tooltipaddress {
display: block;
position: relative;
padding: 15px 0 0;
width: 100%;
height: auto;
text-transform: uppercase;
font-size: 10px;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
text-align: left;
line-height: 1.1;
text-align: center; }

#tooltipid {
display: block;
position: relative;
padding: 10px 0 0;
width: 100%;
height: auto;
text-transform: uppercase;
font-size: 10px;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
text-align: left;
line-height: 1.1;
word-wrap: break-word;
text-align: center; }

#tooltipdate {
display: block;
position: relative;
padding: 10px 0 0;
width: 100%;
height: auto;
text-transform: uppercase;
font-size: 10px;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
text-align: left;
line-height: 1.1;
text-align: center; }

@media screen and (max-width: 1300px) {
.globe-video-content {
top: 200px; } }

@media screen and (max-width: 1100px) {
.globe-section {
height: 800px; }
#globe.show {
top: 140px;
left: 0;
width: 100%; }
#globe.show canvas {
left: 50%;
transform: translateX(-50%); }
.globe-video-content {
min-width: 0;
top: 126px;
left: 0;
padding: 0 100px;
width: 80%; }
.globe-video-content h1 {
font-size: 48px;
letter-spacing: -2px;
width: 100%; }
.globe-video-content #ani-heading {
left: 130px;
height: 60px; }
.globe-video-content small {
max-width: 100%;
line-height: 1.5;
width: 100%; } }

@media screen and (min-width: 1100px) and (max-height: 875px) {
.globe-video-content {
top: 68vh; } }

@media screen and (min-width: 1100px) and (max-height: 810px) {
.globe-video-content {
top: 66vh; } }

@media screen and (min-width: 1100px) and (max-height: 750px) {
.globe-video-content {
top: 57vh; } }

@media screen and (max-width: 768px) {
.globe-section {
height: 700px; }
#globe.show {
top: 70px; }
.globe-video-content {
padding: 0 70px; } }

@media screen and (max-width: 568px) {
.globe-section {
height: 660px; }
#globe.show {
top: 40px; }
.globe-video-content {
padding: 0 56px; } }

@media screen and (max-width: 400px) {
.globe-section {
height: 660px; }
#globe.show {
top: -30px; }
.globe-video-content {
padding: 0 37px; }
.globe-video-content h1 {
font-size: 37px; }
.globe-video-content #ani-heading {
left: 95px; }
.globe-video-content small {
font-size: 18px; } }

@media screen and (max-width: 320px) {
.globe-video-content {
padding: 0 32px; }
.globe-video-content h1 {
font-size: 33px; }
.globe-video-content #ani-heading {
left: 85px; }
.globe-video-content small {
font-size: 16px; } }

/* Globe Small */
.globe-small-section {
width: 100%;
height: auto;
display: block;
position: absolute;
padding-top: 100%;
top: 50%;
left: 0;
transform: translateY(-50%); }

#globe-small {
display: flex;
position: absolute;
top: 0;
left: 50%;
width: 118.5%;
height: 100%;
opacity: 0;
transform: translate(-50%, 0);
flex-direction: column;
justify-content: center; }

#globe-small canvas {
height: 1400px;
width: 1400px;
display: block;
position: relative;
margin: 0 auto; }

#globe-small.show {
opacity: 1;
transition: opacity 1s ease-out 0s; }

@media screen and (min-width: 1321px) {
.globe-small-section {
max-width: 673px;
padding-top: 673px; }
#globe-small {
width: 797px;
height: 673px; }
.networks .col-2 .network-button-group {
max-width: 673px; } }

@media screen and (max-width: 1110px) {
.globe-small-section {
width: 673px;
padding-top: 673px;
top: 0;
transform: none;
margin: 0 auto 15px; }
#globe-small {
width: 797px;
height: 673px;
justify-content: flex-start; }
.networks .col-2 {
margin-top: 20px; } }

@media screen and (max-width: 800px) {
.globe-small-section {
width: 100%;
padding-top: 83%;
top: 0;
transform: none;
margin: 0 auto 91px; }
#globe-small {
width: 118.5%;
height: 100%; } }

@media screen and (max-width: 420px) {
.globe-small-section {
margin: 0 auto 110px; } }

/* NETWORKS */
.network-nodes-intro .v2-intro-subtitle {
max-width: 420px; }

.networks {
padding: 5px 0 140px 6.25%;
display: flex;
background: white;
position: relative;
overflow: hidden; }
.networks .size--l {
font-size: 32px; }
.networks * {
position: relative; }
.networks .col-1 {
flex: 1 1 45%; }
.networks .col-2 {
flex: 1 1 55%; }
.networks .col-3 {
flex: 1 1 100%;
display: none; }
.networks .col-1 .content-title {
margin-top: 70px;
margin-bottom: 20px;
font-weight: 300; }
.networks .col-1 .content-body {
margin-bottom: -9px;
font-size: 15px;
line-height: 30px;
font-weight: 300; }
.networks .col-1 .divider {
width: 100%;
height: 100px; }
.networks .col-1 .divider::after {
content: "";
width: 100%;
height: 1px;
background: #ebebeb;
display: block;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%); }
.networks .accounts {
display: flex; }
.networks .accounts .account-item {
flex: 1 1 50%;
padding: 35px 35px 80px;
background: #f9f9f9; }
.networks .accounts .account-item:first-child {
margin-right: 20px; }
.networks .accounts .account-item:last-child {
margin-left: 20px; }
.networks .accounts .account-item img {
max-width: 100px;
margin-bottom: 20px; }
.networks .accounts .account-item .account-title {
margin-bottom: 15px;
font-size: 20px;
font-weight: 300; }
.networks .accounts .account-item .account-description {
font-size: 14px;
line-height: 30px;
margin-bottom: 20px;
font-weight: 300; }
.networks .accounts .account-item .cta {
position: absolute;
bottom: 50px; }
.networks .col-2 .network-button-group {
text-align: center;
display: block;
position: absolute;
width: 100%;
left: 0;
bottom: -15px; }
.networks .network-status {
min-height: 20px;
border: 3px solid grey;
color: grey;
padding: 10px 16px 10px 36px;
margin: 0 auto 15px;
display: inline-block;
position: relative;
font-size: 13px;
line-height: 17px;
font-weight: 300; }
.networks .network-status::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: grey;
display: block;
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%); }
.networks .network-status.green {
color: #07E78E;
border-color: #07E78E; }
.networks .network-status.green::before {
background: #07E78E; }
.networks .network-status.yellow {
color: #EADA0B;
border-color: #EADA0B; }
.networks .network-status.yellow::before {
background: #EADA0B; }
.networks .network-status.red {
color: #FF4200;
border-color: #FF4200; }
.networks .network-status.red::before {
background: #FF4200; }
.networks .cta {
margin: 0 auto; }

@media screen and (min-width: 1321px) {
.networks {
justify-content: center; }
.networks .globe-small-section {
left: 50%;
transform: translate(-50%, -50%); }
.networks .col-1 {
flex: 0 0 44%; }
.networks .col-2 {
flex: 0 0 56%; }
.networks .col-2 .network-button-group {
max-width: 100%;
bottom: inherit;
top: 88%; } }

@media screen and (max-width: 1110px) {
.networks {
padding: 0;
flex-direction: column; }
.networks .col-1,
.networks .col-2 {
flex: 1 1 100%;
padding-left: 6.25%;
padding-right: 6.25%; }
.networks .col-1 .divider {
display: none; }
.networks .accounts-desktop {
display: none; }
.networks .col-3 {
display: block;
padding-top: 40px; }
.networks .col-3 .accounts .account-item {
padding-left: 6.25%;
padding-right: 6.25%; } }

@media screen and (max-width: 768px) {
.networks .accounts {
flex-direction: column; }
.networks .accounts .account-item:first-child {
margin-right: 0;
margin-bottom: 40px; }
.networks .accounts .account-item:last-child {
margin-left: 0; } }

/* CONSENSUS NODES */
.consensus-nodes {
padding: 0 6.25% 80px;
position: relative;
color: white;
background: #222222;
overflow: hidden; }
.consensus-nodes * {
position: relative; }
.consensus-nodes .size--l {
font-size: 32px; }
.consensus-nodes .bgImage {
z-index: 0;
height: 70%;
top: 0;
transform: translate(-50%, 0); }
.consensus-nodes .row {
display: flex; }
.consensus-nodes .row-1 {
display: block; }
.consensus-nodes .row-1 .image-row {
display: block;
position: relative;
width: 100%;
padding-bottom: 50px; }
.consensus-nodes .row-1 .image-row::after {
content: "";
display: block;
position: relative;
width: 1px;
height: 1px;
clear: both; }
.consensus-nodes .row-1 .image-row img {
display: block; }
.consensus-nodes .row-1 .image-row .mirror-nodes-left {
width: 50%;
float: left; }
.consensus-nodes .row-1 .image-row .mirror-nodes-right {
width: 50%;
position: absolute;
top: calc(50% - 44px);
left: 50%;
transform: translateY(-50%); }
.consensus-nodes .row-1 .image-row .mirror-nodes-mobile {
width: 100%;
display: none; }
.consensus-nodes .row-1 .cta {
text-transform: uppercase;
display: inline-block;
position: relative;
font-size: 10px;
line-height: 1;
font-weight: 400;
letter-spacing: 2px; }
.consensus-nodes .row-1 .cta a {
color: white;
text-decoration: none;
display: inline-block;
padding-right: 35px; }
.consensus-nodes .row-1 .cta a::after {
content: "";
line-height: 1;
color: white;
display: block;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background-image: url("/assets/images/HH-MirrorNodes-Icon-Arrow.svg");
background-repeat: no-repeat;
background-position: center right;
background-size: 20px auto;
width: 20px;
height: 13px; }
.consensus-nodes .row-1 .mirror-nodes {
width: 50%;
display: block;
position: absolute;
right: 0;
top: 60%;
min-width: 512px; }
.consensus-nodes .row-1 .mirror-nodes .content-title {
margin-bottom: 40px;
font-weight: 300; }
.consensus-nodes .row-1 .mirror-nodes .content-title span {
text-transform: uppercase;
font-size: 10px;
letter-spacing: 2px;
line-height: 1;
font-weight: 400;
margin-top: 9px;
display: inline-block;
position: absolute; }
.consensus-nodes .row-1 .mirror-nodes .content-body {
font-size: 15px;
line-height: 30px;
margin-bottom: 40px;
font-weight: 300; }
.consensus-nodes .row-2 {
margin-top: 60px; }
.consensus-nodes .row-2 .col {
flex: 1 1 50%; }
.consensus-nodes .row-2 .col-1 {
padding-right: 10px;
display: flex;
flex-direction: column;
justify-content: center; }
.consensus-nodes .row-2 .col-1 .content-title {
margin-bottom: 20px; }
.consensus-nodes .row-2 .col-1 .content-body {
font-size: 15px;
line-height: 30px;
margin-bottom: 40px;
font-weight: 300; }
.consensus-nodes .row-2 .col-2 {
padding-left: 10px; }
.consensus-nodes .row-2 .col-2 img {
width: 80%;
float: right; }
.consensus-nodes .row-2 .mirror-nodes-button-group {
display: flex;
flex-direction: row; }
.consensus-nodes .row-2 .mirror-nodes-button-group .is-white {
padding-left: 20px;
padding-right: 20px; }
.consensus-nodes .row-2 .mirror-nodes-button-group .cta {
margin-right: 20px; }
.consensus-nodes .row-2 .mirror-nodes-button-group .cta:last-child {
margin-right: 0; }
.consensus-nodes .row-3 {
margin-top: 60px;
padding: 0 40px;
background: linear-gradient(160deg, var(--c-primary), #8259ef);
min-height: 350px;
position: relative; }
.consensus-nodes .row-3 .col {
flex: 0 0 50%;
position: relative; }
.consensus-nodes .row-3 .col-1 .content-title {
margin-top: 40px;
margin-bottom: 20px;
font-weight: 300; }
.consensus-nodes .row-3 .col-1 .content-body {
font-size: 15px;
line-height: 30px;
margin-bottom: 40px;
font-weight: 300; }
.consensus-nodes .row-3 .col-1 .mirror-nodes-button-group {
margin-bottom: 40px; }
.consensus-nodes .row-3 .mirror-nodes-button-group {
display: flex;
flex-direction: row; }
.consensus-nodes .row-3 .mirror-nodes-button-group .is-white {
padding-left: 20px;
padding-right: 20px; }
.consensus-nodes .row-3 .mirror-nodes-button-group .cta {
margin-right: 20px; }
.consensus-nodes .row-3 .mirror-nodes-button-group .cta:last-child {
margin-right: 0; }
.consensus-nodes .row-3 .mobile-icon {
display: none; }
.consensus-nodes .row-3 .desktop-icon {
height: 100%;
display: block;
position: absolute;
right: 0;
top: 0; }

@media (max-width: 1100px) {
.consensus-nodes .row-1 .image-row .mirror-nodes-right {
top: calc(50% - 42px); }
.consensus-nodes .row-3 {
min-height: 0;
padding-bottom: 40px; }
.consensus-nodes .row-3 .col-1 {
flex: 0 0 100%; }
.consensus-nodes .row-3 .col-2 {
width: 50%;
height: 100%;
position: absolute;
right: 0;
top: 0;
opacity: 0.2; } }

@media (max-width: 895px) {
.consensus-nodes .row-2 {
flex-direction: column; }
.consensus-nodes .row-2 .col-1 {
flex: 0 0 100%;
padding: 0; }
.consensus-nodes .row-2 .col-2 {
margin-top: 40px;
flex: 0 0 100%;
padding: 0; }
.consensus-nodes .row-2 .col-2 img {
width: 100%;
float: none; }
.consensus-nodes .row-3 {
margin-top: 120px; } }

@media (max-width: 768px) {
.consensus-nodes {
padding: 60px 0 0; }
.consensus-nodes .row-2 {
padding-left: 6.25%;
padding-right: 6.25%;
padding-bottom: 40px; }
.consensus-nodes .row-1 {
display: flex;
flex-direction: column;
margin-top: 40px; }
.consensus-nodes .row-1 .image-row {
order: 2;
margin-top: 60px;
padding-left: 6.25%; }
.consensus-nodes .row-1 .image-row .mirror-nodes-left,
.consensus-nodes .row-1 .image-row .mirror-nodes-right {
display: none; }
.consensus-nodes .row-1 .image-row .mirror-nodes-mobile {
display: block; }
.consensus-nodes .row-1 .mirror-nodes {
order: 1;
position: relative;
top: 0;
min-width: 0;
width: calc(100% - 12.5%);
padding-left: 6.25%;
padding-right: 6.25%; }
.consensus-nodes .row-3 {
margin-top: 40px;
padding-left: 6.25%;
padding-right: 6.25%;
width: calc(100% - 12.5%); }
.consensus-nodes .row-3 .mobile-icon {
display: block;
position: relative;
width: 120px;
margin-top: 40px;
margin-bottom: 0; }
.consensus-nodes .row-3 .col-2 {
display: none; }
.network-nodes-gradient-banner h2 {
margin-bottom: 20px; } }

@media (max-width: 580px) {
.consensus-nodes .row-1 .mirror-nodes-button-group {
display: block; }
.consensus-nodes .row-1 .mirror-nodes-button-group .cta {
float: left; }
.consensus-nodes .row-1 .mirror-nodes-button-group .btn-docs {
margin-bottom: 30px;
float: none; }
.consensus-nodes .row-1 .mirror-nodes-button-group .button-group-label {
margin-left: 0;
float: left; } }

.BlogContent .body-text img,
.BlogContent .image img {
cursor: pointer; }

.image-modal-overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: #1d1f20;
opacity: .9;
z-index: 2000;
cursor: pointer;
display: none; }

.image-modal-wrapper {
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: transparent;
z-index: 8;
cursor: pointer;
overflow-y: auto;
overflow-x: hidden;
z-index: 2001; }

.image-modal-table {
display: table;
position: relative;
width: 100%;
height: auto;
min-height: 100vh;
max-width: 100%; }

.image-modal-table-cell {
display: table-cell;
position: relative;
vertical-align: middle;
max-width: 100%; }

.image-modal {
display: block;
position: relative;
padding: 40px;
margin: 0 auto;
max-width: 1200px;
width: calc(85vw - 80px);
background: white; }

.image-modal img {
width: 100%;
max-width: 100%; }

.image-modal-close {
display: inline;
position: absolute;
top: 20px;
right: 20px;
color: grey;
font-size: 20px;
text-transform: uppercase;
z-index: 2;
transform: translate(50%, -50%); }

.modal-open {
overflow: hidden; }

.benefits-graph img,
.use-case-items .third-item img {
cursor: pointer; }

@media (min-width: 1024px) {
.BlogContent .left .body-text img,
.BlogContent .left .image img {
max-width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
max-height: 700px; } }

@media (max-width: 1024px) {
.image-modal {
max-width: 100%; } }

.ellipse-hero {
display: block;
position: relative;
background-color: white;
padding: 0; }

.ellipse-hero-background {
width: 108%;
height: calc(100% + 200px);
position: absolute;
top: -200px;
left: 0;
display: block;
overflow: hidden;
z-index: 0; }

.ellipse-hero-background-image {
display: block;
position: absolute;
width: 100%;
height: 100.25%;
top: 50%;
left: 0;
transform: translateY(-50%);
object-fit: cover;
object-position: center right; }

.ellipse-hero-top {
position: absolute;
width: 100%;
display: flex;
justify-content: end; }
.ellipse-hero-top .col-2 {
flex: 0 0 calc(48% - 290px);
padding: 0 245px 0 45px; }
.ellipse-hero-top .col-2 .ellipse-hero-logo {
display: block;
width: 83px;
height: 69px;
margin: 40px auto 0;
cursor: pointer;
position: relative; }
.ellipse-hero-top .col-2 .ellipse-hero-logo .ellipse-hero-logo-image {
width: 100%;
height: 100%;
object-fit: contain;
position: absolute;
z-index: 1; }

.ellipse-hero-image-right {
display: block;
position: absolute;
max-width: 273px;
height: auto;
top: 76px;
right: 0; }

.ellipse-hero-image-right-mobile {
display: none; }

.ellipse-hero-inner {
display: flex;
position: relative;
width: 100%;
height: calc(100% - 200px);
padding: 200px 0 0;
justify-content: space-between; }
.ellipse-hero-inner .col-1 {
flex: 0 0 39.8%;
padding: 0 5.95% 0 6.25%;
display: block;
position: relative;
display: flex;
flex-direction: column; }
.ellipse-hero-inner .col-2 {
flex: 0 0 calc(48% - 290px);
padding: 0 245px 0 45px; }
.ellipse-hero-inner .ellipse-hero-title,
.ellipse-hero-inner .ellipse-hero-subtitle {
z-index: 1;
display: block;
position: relative; }
.ellipse-hero-inner .ellipse-hero-title {
padding-right: 40px;
margin: 0 0 30px; }
.ellipse-hero-inner .ellipse-hero-title,
.ellipse-hero-inner .ellipse-hero-title p {
height: 126px;
max-width: 457px;
color: #FFFFFF;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
font-size: 36px;
letter-spacing: -2.5px;
line-height: 42px; }
.ellipse-hero-inner .ellipse-hero-subtitle,
.ellipse-hero-inner .ellipse-hero-subtitle p {
height: 21px;
max-width: 598px;
color: #FFFFFF;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
font-size: 16px;
letter-spacing: -1px;
line-height: 21px; }
.ellipse-hero-inner .ellipse-hero-subtitle {
margin-bottom: 30px; }
.ellipse-hero-inner .ellipse-hero-form-title {
color: #464646;
font-size: 22px;
line-height: 1.18;
letter-spacing: -0.05em;
text-align: center;
margin: 30px 35px 10px; }
.ellipse-hero-inner .ellipse-hero-form-subtitle {
color: #464646;
font-size: 16px;
line-height: 1.18;
letter-spacing: -0.05em;
margin: 0 35px 10px;
text-align: center; }
.ellipse-hero-inner .ellipse-hero-form-body {
color: #FFFFFF;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
font-size: 16px;
letter-spacing: -0.95px;
line-height: 26px;
text-align: center;
margin-bottom: 20px; }
.ellipse-hero-inner .ellipse-hero-body {
color: #464646;
font-size: 16px;
line-height: 1.625;
letter-spacing: -1px;
margin: 0 auto 25px;
text-align: center;
max-width: 460px; }
.ellipse-hero-inner .ellipse-hero-cta {
text-align: center;
margin-bottom: 10px; }
.ellipse-hero-inner .ellipse-hero-cta .ellipse-hero-btn {
background-color: #662d8f;
border-color: #662d8f;
color: white;
margin: 0 auto; }
.ellipse-hero-inner .ellipse-hero-cta .ellipse-hero-btn:hover {
background-color: white;
color: #662d8f; }

.ellipse-hero-gallery {
display: block;
position: relative;
width: 100%;
height: 0;
padding-top: 25.5%;
margin-top: auto;
overflow: hidden;
z-index: 1; }
.ellipse-hero-gallery .ellipse-hero-gallery-inner {
display: flex;
position: absolute;
width: 100%;
top: 0; }
.ellipse-hero-gallery .ellipse-hero-gallery-inner .ellipse-hero-icon {
flex: 1 1 auto;
width: calc(33.3333% - 14px);
padding: 0 7px;
object-fit: contain;
object-position: top; }
.ellipse-hero-gallery .ellipse-hero-gallery-inner .ellipse-hero-icon:nth-child(1) {
padding-left: 0; }
.ellipse-hero-gallery .ellipse-hero-gallery-inner .ellipse-hero-icon:nth-child(3) {
padding-right: 0; }

.ellipse-hero-form {
display: flex;
position: relative;
justify-content: center;
flex-wrap: wrap;
max-width: 460px;
width: 100%;
margin: 0 auto; }
.ellipse-hero-form .contents {
width: 100%; }
.ellipse-hero-form.has-valid-email input {
display: block;
position: relative;
width: 100%;
border-radius: 22px;
border: 1px solid transparent;
color: #979797;
margin: 0 0 9px;
font-size: 14px;
font-style: italic;
padding: 14px 24px;
box-sizing: border-box; }
.ellipse-hero-form.has-error input {
display: block;
position: relative;
width: 100%;
border-radius: 22px;
border: 1px solid #ff4300;
color: #ff4300;
margin: 0 0 9px;
font-size: 14px;
font-style: italic;
padding: 14px 24px;
box-sizing: border-box; }
.ellipse-hero-form.has-error .input {
color: #ff4300; }

.ellipse-hero-inner input[type="email"] {
display: block;
position: relative;
width: 100%;
border-radius: 22px;
border: 1px solid #fff;
color: #fff;
margin: 0 0 9px;
font-size: 14px;
font-weight: 300;
padding: 14px 24px;
box-sizing: border-box;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
background: transparent; }

.ellipse-hero-form input[type="email"]::placeholder {
color: #b8b8b8;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
font-style: italic;
font-weight: 300; }

.ellipse-hero-form input[type="email"]::-moz-placeholder {
color: #b8b8b8;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
font-style: italic;
font-weight: 300; }

.ellipse-hero-form input[type="email"]::-ms-input-placeholder {
color: #b8b8b8;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
font-style: italic;
font-weight: 300; }

.ellipse-hero-form input[type="email"]::-webkit-input-placeholder {
color: #b8b8b8;
font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
font-style: italic;
font-weight: 300; }

.ellipse-hero-form input[type="submit"],
.ellipse-hero-form button[type="submit"],
.ellipse-hero-form button.Btn {
float: right; }

@media (max-width: 1200px) {
.ellipse-hero-top .col-2 {
padding: 0;
flex: 100%; }
.ellipse-hero-top .col-2 .ellipse-hero-logo {
margin-top: 11px;
width: 60px; }
.ellipse-hero-inner {
flex-wrap: wrap;
justify-content: flex-start;
padding-top: 190px; }
.ellipse-hero-inner .col-1 {
flex: 1 1 100%;
width: 100%;
padding: 0 12.5% 0;
display: block; }
.ellipse-hero-inner .col-2 {
flex: 1 1 100%;
width: 100%;
padding: 45px 12.5%;
background: white; }
.ellipse-hero-inner .ellipse-hero-title {
padding-right: 90px;
width: calc(100% - 90px); }
.ellipse-hero-inner .ellipse-hero-subtitle {
margin-bottom: 0; }
.ellipse-hero-inner .ellipse-hero-form-title {
margin: 30px 0 10px; }
.ellipse-hero-inner .ellipse-hero-form-subtitle {
margin: 0 0 10px; }
.ellipse-hero-inner .ellipse-hero-form-body {
max-width: 335px;
margin: 0 auto 10px;
padding: 0;
font-size: 14px;
color: #222; }
.ellipse-hero-background {
width: 100vw;
height: calc(100% + 100px);
top: -100px; }
.ellipse-hero-background-image {
width: 115%; }
.ellipse-hero-image-right-mobile {
display: block;
position: relative;
margin: 45px auto 0;
max-width: 256px;
width: 100%; }
.ellipse-hero-image-right {
display: none; }
.ellipse-hero-form {
max-width: 335px; }
.ellipse-hero-form input[type="submit"],
.ellipse-hero-form button[type="submit"],
.ellipse-hero-form button.Btn {
width: 100%; }
.ellipse-hero-gallery {
margin-top: 90px; } }

@media (max-width: 768px) {
.ellipse-hero-top .col-2 .ellipse-hero-logo {
width: 72px;
height: 62px;
margin-top: 80px; }
.ellipse-hero-inner .ellipse-hero-title,
.ellipse-hero-inner .ellipse-hero-title p {
font-size: 24px;
letter-spacing: -1.01px;
line-height: 32px;
max-width: 365px; }
.ellipse-hero-inner .ellipse-hero-subtitle,
.ellipse-hero-inner .ellipse-hero-subtitle p {
font-size: 16px; }
.ellipse-hero-inner .ellipse-hero-form-title {
font-size: 18px; }
.ellipse-hero-inner .ellipse-hero-form-subtitle {
font-size: 14px; }
.ellipse-hero-inner .ellipse-hero-body {
font-size: 14px; }
.ellipse-hero-inner .ellipse-hero-gallery {
padding-top: 30.5%; } }

@media (max-width: 650px) {
.ellipse-hero-inner .ellipse-hero-title {
padding-right: 0;
width: 100%; }
.ellipse-hero-inner .ellipse-hero-form {
max-width: 335px;
margin-top: 34px; }
.ellipse-hero-background-image {
width: 125%;
object-position: top; }
.ellipse-hero-gallery .ellipse-hero-gallery-inner .ellipse-hero-icon {
width: calc(33.3333% - 8px);
padding: 0 4px; }
.ellipse-hero-gallery .ellipse-hero-gallery-inner .ellipse-hero-icon:nth-child(1) {
padding-left: 0; }
.ellipse-hero-gallery .ellipse-hero-gallery-inner .ellipse-hero-icon:nth-child(3) {
padding-right: 0; } }

@media (max-width: 1200px) {
.ellipse-hero-inner input[type="email"] {
border: 1px solid #222;
color: #222; } }

.ellipse-left {
position: relative; }
.ellipse-left .ellipse-left-background {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
overflow: hidden;
z-index: -1; }
.ellipse-left .ellipse-left-background .ellipse-left-background-image {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: contain;
object-position: top left; }
.ellipse-left .ellipse-left-background .ellipse-left-background-image-mobile {
display: none;
object-position: bottom left; }
.ellipse-left.rightImage .ellipse-left-background .ellipse-left-background-image {
width: 50%;
left: auto;
right: 0;
object-fit: cover; }
.ellipse-left .ellipse-left-title {
color: #8C8C8C;
font-size: 16px;
letter-spacing: -0.95px;
line-height: 26px;
max-width: 690px;
margin: 0 0 24px 0; }
.ellipse-left .ellipse-left-body {
color: #464646;
font-size: 26px;
letter-spacing: 0;
line-height: 42px;
max-width: 690px;
padding-bottom: 6.25%; }

@media (max-width: 1330px) {
.ellipse-left .ellipse-left-title {
max-width: 55%; }
.ellipse-left .ellipse-left-body {
max-width: 55%;
padding-bottom: 6.25%; } }

@media (max-width: 1200px) {
.ellipse-left .ellipse-left-background .ellipse-left-background-image {
width: 110%; } }

@media (max-width: 1100px) {
.ellipse-left .ellipse-left-background .ellipse-left-background-image {
display: none; }
.ellipse-left .ellipse-left-background .ellipse-left-background-image-mobile {
display: block;
width: 100%; }
.ellipse-left.rightImage .ellipse-left-background .ellipse-left-background-image-mobile {
object-fit: contain;
width: 100%;
object-position: bottom 0 right -2px;
width: 102%; }
.ellipse-left.rightImage .ellipse-left-body {
padding-bottom: 30%; }
.ellipse-left .ellipse-left-title {
max-width: 100%;
font-size: 16px;
letter-spacing: -0.95px;
line-height: 26px; }
.ellipse-left .ellipse-left-body {
max-width: 100%;
padding-bottom: 0%;
font-size: 22px;
letter-spacing: 0;
line-height: 36px; }
.section-v2 {
padding: 12.5% 12.5% 0% 12.5%; } }

.ellipse-cta {
background-color: #F4F4F4;
display: block;
position: relative; }
.ellipse-cta .Btn {
color: white; }
.ellipse-cta .Btn:hover {
color: #fff; }

.ellipse-cta-inner {
padding: 120px 6.25%;
display: block;
position: relative; }

.ellipse-cta-background {
display: block;
position: absolute;
width: 100%;
height: 100%; }

.ellipse-cta-desktop-background {
display: block;
position: relative;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center; }

.ellipse-cta-mobile-background {
display: none;
position: relative;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center left; }

.ellipse-cta-title {
color: #8C8C8C;
font-size: 16px;
line-height: 1.625;
letter-spacing: -1px;
max-width: 690px;
width: 100%;
padding: 0 0 10px; }

.ellipse-cta-body {
color: #464646;
font-size: 26px;
line-height: 1.61;
padding-bottom: 60px;
max-width: 690px;
width: 100%; }

.ellipse-cta-collection-nav {
display: flex;
position: relative;
width: 100%; }
.ellipse-cta-collection-nav::after {
content: "";
width: 100%;
height: 1px;
background-color: #464646;
display: block;
position: absolute;
left: 0;
bottom: 0; }

.ellipse-cta-collection-nav-item {
color: #464646;
font-size: 18px;
line-height: 1;
padding: 25px 60px;
display: block;
position: relative;
cursor: pointer; }
.ellipse-cta-collection-nav-item.selected::after {
content: "";
width: 100%;
height: 3px;
background-color: #464646;
display: block;
position: absolute;
left: 0;
bottom: 0; }
@media (min-width: 768px) {
.ellipse-cta-collection-nav-item:hover::after {
content: "";
width: 100%;
height: 3px;
background-color: #464646;
display: block;
position: absolute;
left: 0;
bottom: 0; } }

.ellipse-cta-collections {
display: block;
width: 100%;
position: relative;
margin: 90px 0 0; }

.ellipse-cta-collections-item {
display: none;
justify-content: space-between;
position: relative;
grid-gap: 84px 40px; }
.ellipse-cta-collections-item.selected {
display: flex; }

.ellipse-cta-collection {
border-radius: 20px;
display: flex;
position: relative;
flex-wrap: wrap;
flex: 1;
border: 1px solid #464646;
justify-content: center;
align-items: center;
padding: 50px 0 60px;
background-color: #F4F4F4; }
.ellipse-cta-collection::after {
content: "";
display: block;
position: absolute;
width: 52px;
height: 3px;
bottom: -1px;
left: 50%;
transform: translateX(-50%);
background-color: F4F4F4;
z-index: 1; }

.ellipse-cta-collection-image-wrapper {
height: 47px;
padding: 5px 8px;
display: block;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
background-color: #F4F4F4;
border-radius: 8px; }
.ellipse-cta-collection-image-wrapper img {
width: auto;
height: 47px;
display: block;
position: relative;
object-fit: contain;
object-position: center center;
max-width: 156px; }

.ellipse-cta-collection-title {
text-transform: uppercase;
font-size: 16px;
line-height: 1.3;
color: #464646;
font-weight: 500;
flex: 1 1 100%;
text-align: center;
padding: 0 18% 12px;
max-width: 400px; }

.ellipse-cta-collection-body {
font-size: 16px;
line-height: 1.625;
color: #464646;
flex: 1 1 100%;
text-align: center;
padding: 0 18% 35px;
max-width: 400px; }

.ellipse-cta-collection-cta {
display: block;
position: relative;
width: 100%;
max-width: 150px;
cursor: pointer; }

.ellipse-cta-collection-number-wrapper {
width: 35px;
padding: 0 8px;
display: block;
position: absolute;
bottom: 1px;
left: 50%;
transform: translate(-50%, 50%);
z-index: 2; }
.ellipse-cta-collection-number-wrapper img {
width: 100%;
height: auto;
display: block;
position: relative; }

@media (max-width: 1250px) {
.ellipse-cta-collection-title {
padding: 0 30px 12px; }
.ellipse-cta-collection-body {
padding: 0 30px 35px; } }

@media (max-width: 1100px) {
.ellipse-cta-inner {
padding: 12.5%; }
.ellipse-cta-collection-nav-item {
flex: 1 1 auto;
text-align: center;
padding: 20px 0; }
.ellipse-cta-collections-item {
flex-wrap: wrap;
justify-content: center; }
.ellipse-cta-collection {
flex: 0 0 calc(50% - 32px); } }

@media (max-width: 900px) {
.ellipse-cta-collections-item {
grid-gap: 0; }
.ellipse-cta-collections {
min-height: 940px; }
.ellipse-cta-collection {
flex: 0 0 100%;
flex-flow: column;
margin-bottom: 104px; }
.ellipse-cta-collection:last-child {
margin-bottom: 0; }
.ellipse-cta-desktop-background {
display: none; }
.ellipse-cta-mobile-background {
display: block; }
.ellipse-cta-background {
height: 58%;
left: 0;
bottom: 170px; } }

@media (max-width: 768px) {
.ellipse-cta-body {
font-size: 22px; } }

.ellipse-footnote {
background-color: #464646; }
.ellipse-footnote .ellipse-footnote-body {
max-width: 826px;
text-align: center;
margin: 0 auto;
color: #FFFFFF;
font-size: 14px;
letter-spacing: 0;
line-height: 20px; }
.ellipse-footnote .ellipse-footnote-body a {
text-decoration: none;
color: #FFFFFF;
text-decoration: underline; }
.ellipse-footnote .ellipse-footnote-body a:hover {
color: #FFFFFF; }

.ellipse-gallery {
display: block;
position: relative; }

.ellipse-gallery-inner {
display: flex;
position: relative;
padding: 20px 6.25% 150px; }
.ellipse-gallery-inner > .col-1,
.ellipse-gallery-inner > .col-2 {
flex: 1 1 50%;
display: block;
position: relative; }
.ellipse-gallery-inner > .col-1 {
padding-right: 30px; }
.ellipse-gallery-inner > .col-2 {
padding-left: 30px; }
.ellipse-gallery-inner .container {
display: flex;
position: relative;
padding: 0 0 5vw; }
.ellipse-gallery-inner .container .container-col-1 {
padding-right: 30px;
flex: 1 1 45%; }
.ellipse-gallery-inner .container .container-col-1 .ellipse-gallery-image-1 {
width: 100%;
height: auto;
display: block;
position: relative;
margin-bottom: 30px; }
.ellipse-gallery-inner .container .container-col-2 {
padding-left: 30px;
flex: 1 1 55%; }
.ellipse-gallery-inner .container .container-col-2 .ellipse-gallery-body {
font-size: 16px;
letter-spacing: -1px;
line-height: 1.625; }
.ellipse-gallery-inner .market-container {
display: flex;
position: relative;
justify-content: space-between; }
.ellipse-gallery-inner .market-container .place {
flex: 0 0 calc(33.3333% - 30px);
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: self-end; }
.ellipse-gallery-inner .market-container .place img {
width: 100%;
height: auto;
display: block;
position: relative;
margin-bottom: 40px;
max-width: 90%;
max-height: 118px;
object-fit: contain; }
.ellipse-gallery-inner .market-container .place .Btn {
line-height: 1.3;
min-height: 30px;
padding: 3px 20px;
height: auto;
display: flex;
justify-content: center;
align-items: center;
position: relative; }

.ellipse-gallery-title {
font-size: 36px;
color: #464646;
line-height: 1.3;
padding: 20px 0;
border-bottom: 1px solid #464646;
margin-bottom: 45px; }

.ellipse-gallery-collection-body {
line-height: 1.625;
letter-spacing: -1px;
padding: 0 0 30px;
font-size: 16px; }

.ellipse-gallery-collection {
display: block;
position: relative;
padding: 0 0 45px; }

.ellipse-gallery-collection-inner {
display: flex;
justify-content: space-between; }
.ellipse-gallery-collection-inner .collection {
flex: 0 0 28%;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center; }
.ellipse-gallery-collection-inner .collection .collection-image {
max-width: 240px;
width: 100%;
height: auto;
display: block;
position: relative;
margin: 0 0 15px; }
.ellipse-gallery-collection-inner .collection .collection-caption {
margin: 0 0 5px;
font-size: 16px;
letter-spacing: -1px;
line-height: 1.2;
font-weight: 500;
width: 100%;
text-align: center; }
.ellipse-gallery-collection-inner .collection .collection-button-row {
display: flex;
align-items: center;
margin: auto 0 0;
flex-wrap: wrap;
justify-content: center; }
.ellipse-gallery-collection-inner .collection .collection-button {
flex: 1 1 auto;
position: relative;
margin: 10px 10px 0 0; }
.ellipse-gallery-collection-inner .collection .collection-social {
flex: 0 0 30px;
border: 1px solid #3FC878;
border-radius: 50%;
width: 30px;
height: 30px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin: 10px 0 0;
transition: background-color 0.1s ease-out; }
.ellipse-gallery-collection-inner .collection .collection-social:hover {
background-color: #3FC878; }
.ellipse-gallery-collection-inner .collection .collection-social:hover .collection-icon #NFT-LP---Desktop---1 {
fill: #ffffff; }
.ellipse-gallery-collection-inner .collection .collection-social .collection-icon {
width: 14px;
height: auto; }
.ellipse-gallery-collection-inner .collection .collection-social .collection-icon svg {
margin-top: 4px;
width: 100%; }

.ellipse-gallery-banner {
display: flex;
position: absolute;
justify-content: space-between;
border: 1px solid #464646;
border-radius: 17px;
height: 102px;
overflow: hidden;
align-items: center;
padding: 0 20px;
bottom: 0;
width: calc(100% - 70px); }

.ellipse-gallery-banner-background {
display: block;
position: absolute;
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
right: 0;
top: 0;
z-index: 0; }

.ellipse-gallery-banner-title {
z-index: 1;
font-size: 16px;
letter-spacing: -1px;
line-height: 1.625;
color: #fff;
width: 60%; }

.ellipse-gallery-banner-btn {
z-index: 1;
white-space: nowrap;
display: flex;
justify-content: center;
align-items: center; }
.ellipse-gallery-banner-btn:hover .ellipse-gallery-banner-icon #NFT-LP---Desktop---1 {
stroke: #3FC878; }

.ellipse-gallery-banner-icon {
width: 16px;
height: auto;
display: inline-block;
margin: 6px 10px 0 0; }

@media (max-width: 1100px) {
.ellipse-gallery-inner {
flex-wrap: wrap;
padding: 12.5%; }
.ellipse-gallery-inner > .col-1,
.ellipse-gallery-inner > .col-2 {
flex: 1 1 100%; }
.ellipse-gallery-inner > .col-1 {
padding-right: 0; }
.ellipse-gallery-inner > .col-2 {
padding-left: 0; }
.ellipse-gallery-inner .container {
padding-bottom: 60px; }
.ellipse-gallery-inner .container .container-col-1 .ellipse-gallery-image-1 {
max-width: 350px; }
.ellipse-gallery-inner .market-container {
padding-bottom: 60px; }
.ellipse-gallery-inner .market-container .place {
max-width: 200px; }
.ellipse-gallery-inner .market-container .place img {
max-width: 200px; }
.ellipse-gallery-collection-body {
padding: 0 0 60px; }
.ellipse-gallery-banner {
position: relative;
width: calc(100% - 40px);
bottom: inherit;
flex-direction: column;
align-items: start;
padding: 30px 20px; }
.ellipse-gallery-collection {
padding: 0 0 80px; }
.ellipse-gallery-banner-background {
display: none; }
.ellipse-gallery-banner-background-mobile {
display: block;
width: 100%; } }

@media (max-width: 600px) {
.ellipse-gallery-inner .container {
flex-wrap: wrap; }
.ellipse-gallery-inner .container .container-col-1 {
padding-right: 0;
flex: 1 1 100%;
order: 2; }
.ellipse-gallery-inner .container .container-col-2 {
padding-left: 0;
padding-bottom: 30px;
flex: 1 1 100%;
order: 1; }
.ellipse-gallery-banner-background-mobile {
width: 100%; } }

@media (max-width: 500px) {
.ellipse-gallery-title {
font-size: 28px; }
.ellipse-gallery-inner .container .container-col-1 {
display: flex;
justify-content: space-between;
align-items: center; }
.ellipse-gallery-inner .container .container-col-1 .ellipse-gallery-image-1 {
width: 50%;
max-width: 180px;
margin-bottom: 0; }
.ellipse-gallery-inner .market-container {
justify-content: center;
flex-wrap: wrap; }
.ellipse-gallery-inner .market-container .place {
max-width: 100%;
flex: 1 1 100%;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap; }
.ellipse-gallery-inner .market-container .place:not(:last-child) {
margin-bottom: 30px; }
.ellipse-gallery-inner .market-container .place img {
width: 50%;
margin-bottom: 0;
max-width: 180px;
height: auto;
object-fit: contain;
object-position: left center;
max-height: 112px; }
.ellipse-gallery-collection {
padding: 0;
width: 100vw;
height: 414px;
left: -12.5vw;
overflow-x: auto;
display: block;
position: absolute;
-ms-overflow-style: none;
/* Internet Explorer 10+ */
scrollbar-width: none;
/* Firefox */ }
.ellipse-gallery-collection::-webkit-scrollbar {
display: none; }
.ellipse-gallery-collection-inner {
width: 832px;
padding: 0 12.5vw; }
.ellipse-gallery-banner {
height: auto;
margin-top: 464px;
flex-direction: column;
align-items: flex-start; }
.ellipse-gallery-banner-title {
width: 100%;
max-width: 230px;
padding-bottom: 20px; } }

@media (max-width: 767px) {
.market-container .Btn, .container-col-1 .Btn {
min-width: 115px; } }

.Btn.is-white.has-bg {
z-index: 1; }

.ellipse-graph .ellipse-graph-title {
padding-bottom: 20px;
color: #464646;
font-size: 36px;
letter-spacing: 0;
line-height: 43px;
border-bottom: 1px solid #464646; }

.ellipse-graph .ellipse-graph-inner {
position: relative;
height: 50vw; }
.ellipse-graph .ellipse-graph-inner .ellipse-graph-body {
color: #464646;
font-size: 16px;
letter-spacing: -0.95px;
line-height: 26px;
max-width: 690px;
margin-bottom: 65px;
padding-top: 20px; }
.ellipse-graph .ellipse-graph-inner .ellipse-graph-body a {
color: #464646; }
.ellipse-graph .ellipse-graph-inner .ellipse-graph-study-image {
width: 283px;
height: auto;
margin-bottom: 60px; }
.ellipse-graph .ellipse-graph-inner .ellipse-graph-key {
display: flex; }
.ellipse-graph .ellipse-graph-inner .ellipse-graph-key .ellipse-graph-key-image {
width: 24px;
height: auto; }
.ellipse-graph .ellipse-graph-inner .ellipse-graph-key .ellipse-graph-key-text {
margin-left: 16px; }
.ellipse-graph .ellipse-graph-inner .ellipse-graph-key .ellipse-graph-key-text .ellipse-graph-key-title {
color: #464646;
font-size: 26px;
letter-spacing: 0;
line-height: 31px; }
.ellipse-graph .ellipse-graph-inner .ellipse-graph-key .ellipse-graph-key-text .ellipse-graph-key-subtitle {
color: #464646;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 22px; }
.ellipse-graph .ellipse-graph-inner .ellipse-graph-image {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
overflow: hidden;
z-index: -1; }
.ellipse-graph .ellipse-graph-inner .ellipse-graph-image .ellipse-graph-image-graph {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: contain;
object-position: top left; }
.ellipse-graph .ellipse-graph-inner .ellipse-graph-image .ellipse-graph-image-graph-mobile {
display: none; }

@media (max-width: 1100px) {
.ellipse-graph .ellipse-graph-title {
font-size: 28px;
letter-spacing: 0;
line-height: 32px; }
.ellipse-graph .ellipse-graph-inner {
height: auto; }
.ellipse-graph .ellipse-graph-inner .ellipse-graph-body {
font-size: 16px;
letter-spacing: -0.95px;
line-height: 26px;
margin-bottom: 40px; }
.ellipse-graph .ellipse-graph-inner .ellipse-graph-study-image {
margin-bottom: 40px; }
.ellipse-graph .ellipse-graph-inner .ellipse-graph-key {
margin-bottom: 40px; }
.ellipse-graph .ellipse-graph-inner .ellipse-graph-key .ellipse-graph-key-text .ellipse-graph-key-title {
font-size: 19px;
letter-spacing: 0;
line-height: 23px; }
.ellipse-graph .ellipse-graph-inner .ellipse-graph-key .ellipse-graph-key-text .ellipse-graph-key-subtitle {
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 22px; }
.ellipse-graph .ellipse-graph-inner .ellipse-graph-image {
position: relative; }
.ellipse-graph .ellipse-graph-inner .ellipse-graph-image .ellipse-graph-image-graph {
display: none;
position: relative; }
.ellipse-graph .ellipse-graph-inner .ellipse-graph-image .ellipse-graph-image-graph-mobile {
display: block; } }

.ellipse-image {
position: relative; }
.ellipse-image .ellipse-image-background {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
overflow: hidden;
z-index: -1; }
.ellipse-image .ellipse-image-background .ellipse-image-background-image {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
object-position: center; }
.ellipse-image .ellipse-image-background .ellipse-image-background-image-mobile {
width: 100%;
display: none; }
.ellipse-image .ellipse-image-title {
padding-bottom: 20px;
margin-bottom: 20px;
color: #464646;
font-size: 36px;
letter-spacing: 0;
line-height: 43px;
border-bottom: 1px solid #464646; }
.ellipse-image .ellipse-image-body {
color: #464646;
font-size: 16px;
letter-spacing: -0.95px;
line-height: 26px;
max-width: 690px;
margin-bottom: 40px; }
.ellipse-image .ellipse-image-body a {
color: #464646; }
.ellipse-image .row {
display: flex; }
.ellipse-image .row.justify-content--left {
justify-content: start; }
.ellipse-image .row.justify-content--right {
justify-content: end; }
.ellipse-image .row .col {
padding: 0;
width: 50%;
box-sizing: border-box; }
.ellipse-image .row .col-1 {
padding: 0 30px 0; }
.ellipse-image .row .col-2 {
padding: 0 0 0 30px; }
.ellipse-image .ellipse-image-main-image {
width: 100%;
margin-top: 42px;
margin-bottom: 42px; }

@media (max-width: 1250px) {
.ellipse-image .ellipse-image-background .ellipse-image-background-image {
width: 120%; } }

@media (max-width: 1100px) {
.ellipse-image .ellipse-image-background .ellipse-image-background-image {
display: none;
width: 100%;
object-fit: cover; }
.ellipse-image .ellipse-image-background .ellipse-image-background-image-mobile {
display: block;
object-position: top -25px left 0; }
.ellipse-image .ellipse-image-title {
font-size: 28px;
letter-spacing: 0;
line-height: 32px; }
.ellipse-image .ellipse-image-body {
font-size: 16px;
letter-spacing: -0.95px;
line-height: 26px;
max-width: 100%; }
.ellipse-image .row .col {
width: 100%; }
.ellipse-image .row .col-1 {
padding: 0; }
.ellipse-image .row .col-2 {
padding: 0; } }

.ellipse-table {
position: relative; }
.ellipse-table .ellipse-table-background {
background-color: #FFFAF4;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
overflow: hidden;
z-index: -1; }
.ellipse-table .ellipse-table-background .ellipse-table-background-image {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
object-position: center; }
.ellipse-table .ellipse-table-background .ellipse-table-background-image-mobile {
width: 100%;
display: none; }
.ellipse-table .ellipse-table-title {
color: #fff;
font-size: 16px;
letter-spacing: -0.95px;
line-height: 26px;
max-width: 550px;
margin: 0 0 24px 0; }
.ellipse-table .ellipse-table-body {
color: #fff;
font-size: 26px;
letter-spacing: 0;
line-height: 42px;
max-width: 550px;
margin-bottom: 160px; }
.ellipse-table .row {
display: flex; }
.ellipse-table .row .col {
padding: 0;
width: 50%;
box-sizing: border-box; }
.ellipse-table .row .col-1 {
padding: 0 30px 0; }
.ellipse-table .row .col-2 {
padding: 0 0 0 30px; }
.ellipse-table .ellipse-table-title-title {
margin-bottom: 20px;
color: #fff;
font-size: 36px;
letter-spacing: 0;
line-height: 43px; }
.ellipse-table .ellipse-table-table {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 10px 0; }
.ellipse-table .ellipse-table-table table {
width: 100%;
border-collapse: collapse; }
.ellipse-table .ellipse-table-table tr {
padding: 0 0 10px; }
.ellipse-table .ellipse-table-table tr th {
text-align: left;
color: #fff;
font-size: 16px;
letter-spacing: -0.95px;
line-height: 26px; }
.ellipse-table .ellipse-table-table tr th:first-child {
min-width: 9vw; }
.ellipse-table .ellipse-table-table tr th:last-child {
text-align: right; }
.ellipse-table .ellipse-table-table tr td {
padding: 10px 0;
text-align: left;
font-size: 16px;
letter-spacing: -1px;
color: #fff; }
.ellipse-table .ellipse-table-table tr td:last-child {
text-align: right; }

@media (max-width: 1500px) {
.ellipse-table .ellipse-table-body {
max-width: 400px; }
.ellipse-table .ellipse-table-background {
/*
.ellipse-table-background-image {
display: none
}

.ellipse-table-background-image-mobile {
display: block;
}
*/ } }

/*
@media (max-width: 1330px) {
.ellipse-table {

.ellipse-table-title {
max-width: 55%;
}

.ellipse-table-body {
max-width: 55%;
}
}

}
*/
@media (max-width: 1100px) {
.ellipse-table .ellipse-table-title {
max-width: 100%;
font-size: 16px;
letter-spacing: -0.95px;
line-height: 26px; }
.ellipse-table .ellipse-table-body {
max-width: 500px;
padding-bottom: 0px;
font-size: 22px;
letter-spacing: 0;
line-height: 36px; }
.ellipse-table .ellipse-table-background .ellipse-table-background-image {
display: none; }
.ellipse-table .ellipse-table-background .ellipse-table-background-image-mobile {
display: block;
width: 102%;
left: -1%; }
.ellipse-table .row .col {
width: 100%; }
.ellipse-table .row .col-1 {
padding: 0;
height: 270px; }
.ellipse-table .row .col-2 {
padding: 0; }
.ellipse-table .row.first-table {
margin-bottom: 0px; }
.ellipse-table .ellipse-table-title-title {
font-size: 28px;
letter-spacing: 0;
line-height: 34px; }
.ellipse-table .ellipse-table-table table {
table-layout: fixed; }
.ellipse-table .ellipse-table-table tr th {
font-size: 11px;
letter-spacing: -0.65px;
line-height: normal; }
.ellipse-table .ellipse-table-table tr td {
font-size: 11px;
letter-spacing: -0.65px; } }

@media (max-width: 700px) {
.ellipse-table .ellipse-table-background .ellipse-table-background-image-mobile {
width: 110%; } }

@media (max-width: 500px) {
.ellipse-table .ellipse-table-background .ellipse-table-background-image-mobile {
width: 102%; } }

.ellipse-table .row.justify-content--right {
gap: 60px;
display: flex;
flex-direction: inherit;
padding-bottom: 100px; }

@media (max-width: 1100px) {
.ellipse-table .row.justify-content--right {
gap: 60px;
display: flex;
flex-direction: column;
padding-bottom: 60px; } }

@media only screen and (min-width: 1100px) {
.ellipse-table .ellipse-table-table table {
min-height: 284px; } }

@media screen and (max-width: 1100px) {
.ellipse-table .ellipse-table-background {
padding-bottom: 20px; }
div#colTwo {
margin-bottom: 30px; } }

.ecosystem-section {
background-color: white;
padding: 90px 0 0;
position: relative;
overflow: hidden; }
.ecosystem-section.fallback-bg {
background-image: url("/assets/images/ecosystem/HH-Ecosystem-Lines-BG-Desktop-Flat.jpg");
background-size: cover;
background-repeat: no-repeat; }
.ecosystem-section .bgImage {
position: absolute;
width: 101%;
height: 101%;
object-fit: cover;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.ecosystem-section .bgImageMobile {
display: none; }
.ecosystem-section svg {
width: 100%;
height: 100%; }
.ecosystem-section svg path, .ecosystem-section svg polygon, .ecosystem-section svg polyline, .ecosystem-section svg line {
vector-effect: non-scaling-stroke; }
.ecosystem-section .ecosystem-filter {
margin: 0 6.25% 0 6.25%;
position: relative; }
.ecosystem-section .ecosystem-filter .row-top {
display: flex;
flex-direction: row;
justify-content: space-between;
padding-bottom: 10px;
padding-right: 20px; }
.ecosystem-section .ecosystem-filter .row-top .heading {
font-size: 16px;
font-weight: 500;
letter-spacing: -1px;
line-height: 19px;
color: #222222; }
.ecosystem-section .ecosystem-filter .row-top .text-link {
padding: 0;
border: none;
background-color: transparent;
text-decoration: underline;
cursor: pointer;
font-size: 14px;
letter-spacing: -0.88px;
line-height: 17px; }
.ecosystem-section .ecosystem-filter .row-top .text-link:hover {
text-decoration: none; }
.ecosystem-section .ecosystem-filter .row-top .text-link.is-red {
color: #FF4200; }
.ecosystem-section .ecosystem-filter .row-bottom {
padding: 16px 0;
border-top: 1px solid #222222;
border-bottom: 1px solid #222222;
background-color: #FFFFFFB3;
display: flex;
flex-direction: column; }
.ecosystem-section .ecosystem-filter .ecosystem-filter-section {
display: flex; }
.ecosystem-section .ecosystem-filter .ecosystem-filter-section:not(:last-child) {
padding-bottom: 20px; }
.ecosystem-section .ecosystem-filter .ecosystem-filter-section .filter-label {
color: #222222;
font-weight: 500;
font-size: 16px;
letter-spacing: -0.72px;
padding: 0 36px 0 0;
position: relative;
text-align: left;
align-items: center;
white-space: nowrap;
min-width: 120px; }
.ecosystem-section .ecosystem-filter .ecosystem-filter-section .ecosystem-tags {
align-items: center;
justify-content: start;
align-self: flex-start;
padding: 0;
min-height: auto; }

@media screen and (max-width: 1100px) {
.ecosystem-section {
padding: 60px 0 0; }
.ecosystem-section.fallback-bg {
background-image: url("/assets/images/ecosystem/HH-Ecosystem-Lines-BG-Mobile-Flat.jpg");
background-position: top; }
.ecosystem-section .bgImageMobile {
display: block; }
.ecosystem-section .bgImageHasMobile {
display: none; }
.ecosystem-section .ecosystem-filter {
padding: 16px 0;
margin: 0 12.5%; }
.ecosystem-section .ecosystem-filter .row-bottom {
flex-direction: column;
padding: 10px 0; }
.ecosystem-section .ecosystem-filter .ecosystem-filter-section {
flex-direction: column;
gap: 10px; }
.ecosystem-section .ecosystem-filter .ecosystem-filter-section .filter-label {
max-width: 100%;
padding-right: 0;
margin-right: 0; }
.ecosystem-section .ecosystem-filter .ecosystem-filter-section .filter-label br {
display: none; } }

.ecosystem-hero {
height: 430px;
overflow: hidden; }
.ecosystem-hero .hero-image {
height: 100%;
position: relative;
display: block;
overflow: hidden; }
.ecosystem-hero .hero-image.for-desktop {
display: block; }
.ecosystem-hero .hero-image.for-mobile {
display: none; }
.ecosystem-hero .hero-image .bgImage {
display: block;
position: absolute;
min-width: 101%;
height: 101%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover; }
.ecosystem-hero .text {
position: absolute;
left: 6.25%;
right: 6.25%;
top: 125px;
color: white; }
.ecosystem-hero .text .back-button {
margin-bottom: 30px;
font-weight: 500; }
.ecosystem-hero .text .heading {
font-size: 36px;
letter-spacing: -2.5px; }
.ecosystem-hero .text .content-body {
margin-top: 10px;
font-size: 15px;
font-weight: 400;
letter-spacing: -1px;
line-height: 24px;
max-width: 600px; }
.ecosystem-hero .text .actions {
display: flex;
flex-wrap: wrap;
margin-top: 23px;
column-gap: 12px; }
.ecosystem-hero .text .actions .secondary-cta {
margin-left: 0; }

@media screen and (max-width: 1100px) {
.ecosystem-hero {
min-height: 85vh; }
.ecosystem-hero .hero-image.for-mobile img {
min-height: 100%;
width: auto;
object-fit: cover;
object-position: bottom; }
.ecosystem-hero .hero-image.for-desktop {
display: none; }
.ecosystem-hero .hero-image.for-mobile {
display: block; }
.ecosystem-hero .text {
left: 12.5%;
right: 12.5%;
top: 135px; }
.ecosystem-hero .text .content-body {
margin-top: 20px; }
.ecosystem-hero .text .actions {
row-gap: 10px; } }

@media screen and (max-width: 768px) {
.ecosystem-hero .text .actions {
flex-direction: column;
align-items: start;
row-gap: 0; }
.ecosystem-hero .text .actions .Btn:not(:first-child) {
margin-top: 10px; } }

.ecosystem-carousels {
background-color: white;
background-image: url("/assets/images/ecosystem/HH-Ecosystem-Lines-BG-Desktop-Flat.jpg");
background-size: cover; }
.ecosystem-carousels .ecosystem-carousel {
padding: 90px 6.25% 30px 6.25%; }
.ecosystem-carousels .ecosystem-carousel:last-child {
padding-bottom: 120px; }
.ecosystem-carousels .ecosystem-carousel .heading-row {
border-bottom: 1px solid #222222;
padding-bottom: 20px;
margin-bottom: 35px;
display: flex;
justify-content: space-between;
align-items: end; }
.ecosystem-carousels .ecosystem-carousel .heading-row .heading {
font-size: 36px;
font-weight: 300;
color: #222222;
line-height: 43px;
letter-spacing: -2.5px; }
.ecosystem-carousels .ecosystem-carousel .heading-row .Btn {
min-width: 140px; }
.ecosystem-carousels .ecosystem-carousel .slider-controls {
position: relative; }
.ecosystem-carousels .ecosystem-carousel .slider-controls button {
position: absolute;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
top: 106px;
width: 80px;
height: 80px;
display: inline-block;
background-color: transparent;
border: none;
cursor: pointer; }
.ecosystem-carousels .ecosystem-carousel .slider-controls button.swiper-button-disabled {
display: none; }
.ecosystem-carousels .ecosystem-carousel .slider-controls button.next {
right: 0;
z-index: 10;
background-image: url("/assets/images/ecosystem/HH-Eco-Icon-Carousel-Arro-R1.svg"); }
.ecosystem-carousels .ecosystem-carousel .slider-controls button.prev {
left: 0;
z-index: 5;
background-image: url("/assets/images/ecosystem/HH-Eco-Icon-Carousel-Arro-R1.svg");
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH"; }
.ecosystem-carousels .ecosystem-carousel .fade-wrapper-next {
-webkit-mask-image: -webkit-linear-gradient(left, black 85%, rgba(0, 0, 0, 0) 99%);
/* Chrome10-25,Safari5.1-6 */
mask-image: linear-gradient(to right, black 85%, rgba(0, 0, 0, 0) 99%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.ecosystem-carousels .ecosystem-carousel .fade-wrapper-next.disabled {
-webkit-mask-image: unset;
mask-image: unset; }
.ecosystem-carousels .ecosystem-carousel .fade-wrapper-prev {
-webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 1%, black 15%);
/* Chrome10-25,Safari5.1-6 */
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 1%, black 15%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.ecosystem-carousels .ecosystem-carousel .fade-wrapper-prev.disabled {
-webkit-mask-image: unset;
mask-image: unset; }

@media screen and (max-width: 1100px) {
.ecosystem-carousels {
background-image: url("/assets/images/ecosystem/HH-Ecosystem-Lines-BG-Mobile-Flat.jpg"); }
.ecosystem-carousels .ecosystem-carousel {
padding: 80px 0 0 0;
overflow: hidden; }
.ecosystem-carousels .ecosystem-carousel .heading-row {
flex-direction: column;
align-items: start;
row-gap: 20px;
margin-left: 12.5%;
margin-right: 12.5%; }
.ecosystem-carousels .ecosystem-carousel .heading-row .heading {
font-size: 28px;
letter-spacing: -1.94px;
line-height: 34px; }
.ecosystem-carousels .ecosystem-carousel .slider-controls {
display: none; }
.ecosystem-carousels .ecosystem-carousel .fade-wrapper-next {
-webkit-mask-image: -webkit-linear-gradient(left, black 80%, rgba(0, 0, 0, 0) 99%);
/* Chrome10-25,Safari5.1-6 */
mask-image: linear-gradient(to right, black 80%, rgba(0, 0, 0, 0) 99%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.ecosystem-carousels .ecosystem-carousel .fade-wrapper-prev {
-webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 1%, black 20%);
/* Chrome10-25,Safari5.1-6 */
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 1%, black 20%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
padding: 0 12.5%;
transition: 0.25s padding ease-out; }
.ecosystem-carousels .ecosystem-carousel .swiper {
overflow: visible; } }

.ecosystem-archive {
position: relative; }
.ecosystem-archive .no-results {
padding: 6.25%; }
.ecosystem-archive .ecosystem-list {
display: flex;
flex-wrap: wrap;
gap: 40px;
padding: 60px 6.25% 6.25%; }

@media screen and (max-width: 1100px) {
.ecosystem-archive .ecosystem-list {
display: flex;
flex-wrap: wrap;
gap: 40px;
padding: 60px 12.5% 12.5%; } }

.ecosystem-card {
display: flex; }
.ecosystem-card.swiper-slide {
width: 276px;
height: auto; }
.ecosystem-card .card-container {
background-image: radial-gradient(circle at 100% 100%, transparent 8px, var(--c-primary) 8px, var(--c-primary) 10px, transparent 10px), linear-gradient(to right, var(--c-primary), #8259ef), radial-gradient(circle at 0% 100%, transparent 8px, #8259ef 8px, #8259ef 10px, transparent 10px), linear-gradient(to bottom, #8259ef, #2e86eb), radial-gradient(circle at 0% 0%, transparent 8px, #2e86eb 8px, #2e86eb 10px, transparent 10px), linear-gradient(to left, #2e86eb, #2d85eb), radial-gradient(circle at 100% 0%, transparent 8px, #2d85eb 8px, #2d85eb 10px, transparent 10px), linear-gradient(to top, #2d85eb, var(--c-primary));
background-size: 10px 10px, calc(100% - 20px) 2px, 10px 10px, 2px calc(100% - 20px);
background-position: top left,top center,top right,center right, bottom right,bottom center,bottom left,center left;
background-repeat: no-repeat;
background-color: #FFFFFFB3;
border-radius: 10px;
padding: 20px 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 276px;
box-sizing: border-box; }
.ecosystem-card .card-container .content .logo {
height: 80px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.ecosystem-card .card-container .content .logo img {
margin: auto;
height: 100%;
width: 70%;
max-height: 80px;
object-fit: contain; }
.ecosystem-card .card-container .content .divider {
width: 100%;
height: 1px;
background-color: #222222;
margin-top: 10px; }
.ecosystem-card .card-container .content .title {
min-height: 16px;
font-size: 16px;
letter-spacing: -1px;
color: #222222;
margin-top: 10px;
text-align: center;
font-weight: 500; }
.ecosystem-card .card-container .content .contentSub {
min-height: 72px;
font-size: 16px;
letter-spacing: -1px;
color: #222222;
margin-top: 10px;
text-align: center;
line-height: 24px; }
.ecosystem-card .card-container .content .subtitle {
min-height: 12px;
font-size: 12px;
letter-spacing: -1px;
text-transform: uppercase;
color: #8c8c8c;
text-align: center;
margin-top: 8px; }
.ecosystem-card .card-container .content .links {
padding-top: 17px;
display: flex;
justify-content: center;
gap: 14px;
min-height: 18px; }
.ecosystem-card .card-container .content .links .link {
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 18px;
height: 18px;
display: inline-block; }
.ecosystem-card .card-container .content .links .link-case-study {
background-image: url("/assets/images/ecosystem/HH-Eco-Icon-CaseStudy.png"); }
.ecosystem-card .card-container .content .links .link-website {
background-image: url("/assets/images/ecosystem/HH-Eco-Icon-Site.png"); }
.ecosystem-card .card-container .content .links .link-discord {
background-image: url("/assets/images/ecosystem/HH-Eco-Icon-Discord.png"); }
.ecosystem-card .card-container .content .links .link-telgram {
background-image: url("/assets/images/ecosystem/HH-Eco-Icon-Telgram.png"); }
.ecosystem-card .card-container .content .links .link-twitter {
background-image: url("/assets/images/ecosystem/HH-Eco-Icon-Tweet.png"); }

.lowerCard {
display: grid;
align-content: center;
min-height: 82px; }

@media screen and (max-width: 1100px) {
.ecosystem-card {
min-height: 262px; }
.ecosystem-card.swiper-slide {
width: 220px; }
.ecosystem-card .card-container {
padding: 20px 22px; } }

.ecosystem-tags {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
gap: 5px;
padding-bottom: 15px;
min-height: 43px; }
.ecosystem-tags .tag {
border: 1px solid #222222;
border-radius: 9px;
font-size: 10px;
color: #222222;
text-transform: uppercase;
text-align: center;
letter-spacing: -0.42px;
padding: 2px 10px;
cursor: pointer; }
.ecosystem-tags .tag:hover {
border: none;
color: white;
padding: 3px 11px;
background: linear-gradient(135.9deg, #496EAE 0%, #835397 100%); }
.ecosystem-tags .tag.selected {
border: none;
color: white;
padding: 3px 11px;
background: linear-gradient(135.9deg, #496EAE 0%, #835397 100%); }
.ecosystem-tags .tag.hover {
border: 1px solid #222222;
color: #222222;
padding: 2px 10px;
background: none; }

.ecosystem-banner {
background-color: #b8b8b8;
border-top-right-radius: 154px;
border-bottom-left-radius: 154px;
padding: 6px;
margin: -40px 6.25% 60px; }
.ecosystem-banner .ecosystem-banner-content {
background-color: #222222;
border-top-right-radius: 150px;
border-bottom-left-radius: 150px;
display: flex;
gap: 8%;
padding: 4.5% 5.5%; }
.ecosystem-banner .ecosystem-banner-content .heading {
color: white;
font-size: 36px;
letter-spacing: -2.5px;
line-height: 43px; }
.ecosystem-banner .ecosystem-banner-content .content-body {
color: white;
font-size: 16px;
font-weight: 300;
letter-spacing: -1px;
line-height: 21px;
margin-top: 10px; }
.ecosystem-banner .ecosystem-banner-content .logo img {
object-fit: contain;
height: 33px; }
.ecosystem-banner .ecosystem-banner-content .Btn {
margin-top: 20px; }
.ecosystem-banner .ecosystem-banner-content .column {
flex: 1 1 0px;
position: relative;
padding: 10px 0; }
.ecosystem-banner .ecosystem-banner-content .column-1 {
display: flex;
flex-direction: column;
justify-content: center; }
.ecosystem-banner .ecosystem-banner-content .column-2::before,
.ecosystem-banner .ecosystem-banner-content .column-3::before {
content: '';
position: absolute;
left: -12%;
top: 0;
height: 100%;
width: 1px;
background-color: white; }

@media screen and (max-width: 1100px) {
.ecosystem-banner {
margin: 0 6.25% 60px; }
.ecosystem-banner .ecosystem-banner-content {
flex-direction: column;
gap: 60px;
padding: 52px 6.25% 110px; }
.ecosystem-banner .ecosystem-banner-content .logo img {
height: 40px; }
.ecosystem-banner .ecosystem-banner-content .column {
padding: 0; }
.ecosystem-banner .ecosystem-banner-content .column-2::before,
.ecosystem-banner .ecosystem-banner-content .column-3::before {
display: none; } }

.home-hero {
background:
url(/img/24417316_2202_w022_n001_543b_p15_543.jpg) center top;
background-size: cover;
min-height: 600px;
position: relative;
overflow: hidden; }
.home-hero .parallax-bg {
position: absolute;
width: 100%;
height: 100%;
clip-path: inset(0); }
.home-hero .parallax-bg > * {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute; }
.home-hero .parallax-bg .hero-layer-1 {
mix-blend-mode: screen; }
.home-hero .parallax-bg .hero-layer-2 {
mix-blend-mode: screen; }
.home-hero .parallax-bg .hero-layer-3 {
mix-blend-mode: screen; }
.home-hero .bgImage {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover; }
.home-hero .bgImageMobile {
display: none; }
.home-hero .text {
position: relative;
padding: 200px 6.25%; }
.home-hero .text h1 {
font-size: 6vw;
line-height: 6.3vw;
letter-spacing: -3px;
color: white;
margin-bottom: 20px; }
.home-hero .text h1 .text-outline {
line-height: 7.3vw;
letter-spacing: 0px; }
@supports (-webkit-text-stroke: 1px white) {
.home-hero .text h1 .text-outline {
-webkit-text-stroke: 1px white;
color: transparent; } }
.home-hero .text h1 .cursor-fx {
display: inline-block;
width: 4px;
height: 4vw;
background-color: white;
margin-left: 8px;
animation: pulsate .5s linear infinite alternate; }
@media (min-width: 1024px) {
    .border-top-lg-0{ border-top: none}
}

@keyframes pulsate {
0% {
opacity: 1; }
40% {
opacity: 1; }
60% {
opacity: 0; }
100% {
opacity: 0; } }
.home-hero .text .description {
max-width: 582px;
color: white;
font-size: 24px;
letter-spacing: -0.85px;
line-height: 32px; }
.home-hero .text .actions {
margin-top: 40px;
display: flex;
flex-wrap: wrap;
gap: 10px; }

@media screen and (min-width: 1440px) {
.home-hero .text h1 {
font-size: 130px;
letter-spacing: -4.6px;
line-height: 120px; }
.home-hero .text h1 .text-outline {
line-height: 144px; }
.home-hero .text h1 .cursor-fx {
height: 70px; } }

@media screen and (max-width: 1100px) {
.home-hero .parallax-bg {
display: none; }
.home-hero .bgImageMobile {
display: block; }
.home-hero .text {
padding: 130px 12.5% 190px; }
.home-hero .text h1 {
font-size: 7.25vw;
line-height: 7.75vw;
letter-spacing: -1px; }
.home-hero .text h1 .text-outline {
line-height: 7.75vw;
letter-spacing: 0px; }
.home-hero .text h1 .cursor-fx {
width: 2px;
height: 4vw;
margin-left: 4px; }
.home-hero .text .description {
font-size: 18px;
letter-spacing: -0.64px;
line-height: 26px;
max-width: 542px; }
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
.home-hero .text .actions a:not(:last-child) {
margin-right: 10px;
margin-bottom: 10px; } } }

.home-stats {
padding: 0 6.25% 6.25%;
margin-top: -75px;
position: relative; }
.home-stats .stats-container {
padding: 100px 5vw;
display: flex;
flex-direction: row;
justify-content: space-between;
box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
border-top-right-radius: 160px;
border-bottom-left-radius: 160px;
background-color: white; }
.home-stats .stats-container .item .stat, .home-stats .stats-container .subnav .list .external-item .stat, .subnav .list .home-stats .stats-container .external-item .stat, .home-stats .stats-container .subnav .list .item-list-heading .stat, .subnav .list .home-stats .stats-container .item-list-heading .stat, .home-stats .stats-container .subnav .list .item-list-heading-mobile .stat, .subnav .list .home-stats .stats-container .item-list-heading-mobile .stat {
color: var(--c-secondary);
color: var(--c-secondary);
font-size: 42px;
letter-spacing: -3.28px;
line-height: 50px;
text-align: center;
font-feature-settings: "tnum";
font-variant-numeric: tabular-nums; }
.home-stats .stats-container .item .description, .home-stats .stats-container .subnav .list .external-item .description, .subnav .list .home-stats .stats-container .external-item .description, .home-stats .stats-container .subnav .list .item-list-heading .description, .subnav .list .home-stats .stats-container .item-list-heading .description, .home-stats .stats-container .subnav .list .item-list-heading-mobile .description, .subnav .list .home-stats .stats-container .item-list-heading-mobile .description {
color: #222222;
font-size: 16px;
letter-spacing: 0;
line-height: 19px;
text-align: center; }
.home-stats .stats-container .item .description strong, .home-stats .stats-container .subnav .list .external-item .description strong, .subnav .list .home-stats .stats-container .external-item .description strong, .home-stats .stats-container .subnav .list .item-list-heading .description strong, .subnav .list .home-stats .stats-container .item-list-heading .description strong, .home-stats .stats-container .subnav .list .item-list-heading-mobile .description strong, .subnav .list .home-stats .stats-container .item-list-heading-mobile .description strong {
font-weight: 600; }

@media screen and (max-width: 1440px) {
.home-stats .stats-container .item .stat, .home-stats .stats-container .subnav .list .external-item .stat, .subnav .list .home-stats .stats-container .external-item .stat, .home-stats .stats-container .subnav .list .item-list-heading .stat, .subnav .list .home-stats .stats-container .item-list-heading .stat, .home-stats .stats-container .subnav .list .item-list-heading-mobile .stat, .subnav .list .home-stats .stats-container .item-list-heading-mobile .stat {
font-size: 38px; } }

@media screen and (max-width: 1250px) {
.home-stats {
padding: 12.5% 20px;
margin-top: -185px; }
.home-stats .stats-container {
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 100px 140px; } }

@media screen and (max-width: 1100px) {
.home-stats .stats-container {
gap: 100px 100px; }
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
.home-stats .stats-container .item:not(:last-child), .home-stats .stats-container .subnav .list .external-item:not(:last-child), .subnav .list .home-stats .stats-container .external-item:not(:last-child), .home-stats .stats-container .subnav .list .item-list-heading:not(:last-child), .subnav .list .home-stats .stats-container .item-list-heading:not(:last-child), .home-stats .stats-container .subnav .list .item-list-heading-mobile:not(:last-child), .subnav .list .home-stats .stats-container .item-list-heading-mobile:not(:last-child) {
margin-bottom: 100px; } }
.home-stats .stats-container .item .stat, .home-stats .stats-container .subnav .list .external-item .stat, .subnav .list .home-stats .stats-container .external-item .stat, .home-stats .stats-container .subnav .list .item-list-heading .stat, .subnav .list .home-stats .stats-container .item-list-heading .stat, .home-stats .stats-container .subnav .list .item-list-heading-mobile .stat, .subnav .list .home-stats .stats-container .item-list-heading-mobile .stat {
font-size: 42px; } }

@media screen and (max-width: 768px) {
.home-stats {
margin-top: -145px; }
.home-stats .stats-container {
flex-direction: column; } }

.home-built-by {
padding: 0 6.25%;
display: flex;
flex-direction: row;
gap: 90px; }
.home-built-by .bgImageMobile {
display: none; }
.home-built-by .column-one {
border-right: 3px solid #222222;
position: relative;
width: 525px; }
.home-built-by .column-one .bg-wrapper {
overflow: hidden;
width: 525px;
height: 100%; }
.home-built-by .column-one .bg-wrapper .bgImage {
width: 103%;
height: 103%; }
.home-built-by .column-one .bg-wrapper #rotateItem {
transform: translate3d(155px, 0px, 0px) rotate(-15deg); }
.home-built-by .column-one .heading {
color: #222222;
font-size: 48px;
font-weight: 300;
letter-spacing: -2px;
line-height: 60px;
padding-left: 115px;
position: absolute;
top: 0; }
.home-built-by .column-one .heading p {
margin-bottom: 4rem; }
.home-built-by .column-one .heading strong {
font-weight: 600; }
.home-built-by .column-one .heading .disabled {
opacity: 0.20; }
.home-built-by .column-two {
padding-bottom: 40px; }
.home-built-by .column-two .heading {
color: #222222;
font-size: 36px;
letter-spacing: -1.5px;
line-height: 42px; }
.home-built-by .column-two .heading:nth-of-type(2) {
margin-top: 40px; }
.home-built-by .column-two .description {
margin-top: 20px;
color: #222222;
font-size: 15px;
letter-spacing: 0;
line-height: 24px; }
.home-built-by .column-two .Btn {
margin-top: 50px; }
.home-built-by .column-two .logos {
display: flex;
flex-wrap: wrap;
height: auto;
width: 100%;
padding: 0;
margin-top: 40px;
gap: 10px; }
.home-built-by .column-two .logos .logo {
display: flex;
justify-content: center;
height: auto;
width: calc((100% / 4) - 10px);
text-align: center; }
.home-built-by .column-two .logos .logo img {
height: auto;
width: auto;
max-height: 150px;
max-width: 100%;
object-position: center;
object-fit: contain; }

@media screen and (max-width: 1400px) {
.home-built-by .column-two .logos .logo {
width: calc((100% / 3) - 10px); } }

@media screen and (max-width: 1200px) {
.home-built-by .column-two .heading:nth-of-type(2) {
margin-top: 60px; }
.home-built-by .column-two .Btn {
margin-top: 30px; } }

@media screen and (max-width: 1100px) {
.home-built-by {
padding: 6.25% 12.5%;
flex-direction: column;
position: relative;
gap: 72px; }
.home-built-by .bgImageMobile {
display: block;
position: absolute;
left: 0;
top: -110px;
z-index: -1;
width: 100%; }
.home-built-by .bgImageHasMobile {
display: none; }
.home-built-by .column-one {
display: none; }
.home-built-by .column-two {
padding-bottom: 0; }
.home-built-by .column-two .heading {
font-size: 22px;
letter-spacing: -0.92px;
line-height: 30px; }
.home-built-by .column-two .heading:nth-of-type(2) {
margin-top: 40px; }
.home-built-by .column-two .description {
font-size: 15px;
letter-spacing: 0;
line-height: 24px; }
.home-built-by .column-two .Btn {
margin-top: 80px; }
.home-built-by .column-two .logos {
margin-top: 60px; } }

.home-explore-ecosystem {
padding: 0 6.25% 6.25%;
position: relative;
z-index: 1; }
.home-explore-ecosystem .explore-ecosystem-container {
position: relative;
overflow: hidden;
}
.home-explore-ecosystem .explore-ecosystem-container .parallax-bg {
position: absolute;
width: 100%;
height: 100%;
clip-path: inset(0); }
.home-explore-ecosystem .explore-ecosystem-container .parallax-bg > * {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute; }
.home-explore-ecosystem .explore-ecosystem-container .parallax-bg #exploreEcosystemLayer1 {
object-fit: cover;
object-position: 0 center; }
.home-explore-ecosystem .explore-ecosystem-container .parallax-bg #exploreEcosystemLayer2 {
mix-blend-mode: overlay; }
.home-explore-ecosystem .explore-ecosystem-container .parallax-bg #exploreEcosystemLayer3 {
mix-blend-mode: color-dodge; }
.home-explore-ecosystem .explore-ecosystem-container .parallax-bg #exploreEcosystemLayer1 {
mix-blend-mode: overlay; }
.home-explore-ecosystem .explore-ecosystem-container .bgImage {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute; }
.home-explore-ecosystem .explore-ecosystem-container .bgImageMobile {
display: none; }
.home-explore-ecosystem .explore-ecosystem-container .text {
position: relative;
max-width: 554px;
padding: 75px 0 115px 115px;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 29vw; }
.home-explore-ecosystem .explore-ecosystem-container .text .text-group .heading {
color: white;
font-size: 36px;
letter-spacing: -1.5px;
line-height: 42px; }
.home-explore-ecosystem .explore-ecosystem-container .text .text-group .heading strong {
font-weight: 600; }
.home-explore-ecosystem .explore-ecosystem-container .text .text-group .description {
margin-top: 40px;
color: white;
font-size: 15px;
letter-spacing: 0;
line-height: 24px; }
.home-explore-ecosystem .explore-ecosystem-container .text .text-group .description p {
margin-bottom: 1em; }
.home-explore-ecosystem .explore-ecosystem-container .text .actions {
margin-top: 40px;
display: flex;
flex-wrap: wrap;
gap: 10px; }

@media screen and (max-width: 1200px) {
.home-explore-ecosystem .explore-ecosystem-container .text {
padding: 75px 0 115px 75px;
max-width: 504px; } }

@media screen and (max-width: 1100px) {
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
.home-explore-ecosystem .explore-ecosystem-container .text .actions a:not(:last-child) {
margin-bottom: 10px; } } }

@media screen and (max-width: 900px) {
.home-explore-ecosystem {
padding: 6.25% 20px; }
.home-explore-ecosystem .explore-ecosystem-container .parallax-bg {
display: none; }
.home-explore-ecosystem .explore-ecosystem-container .bgImageMobile {
display: block;
object-position: center 88%; }
.home-explore-ecosystem .explore-ecosystem-container .text {
padding: 75px 25px 115px 25px;
min-height: auto;
max-width: auto; }
.home-explore-ecosystem .explore-ecosystem-container .text .text-group .heading {
font-size: 22px;
letter-spacing: -0.92px;
line-height: 30px;
padding-right: 29vw; }
.home-explore-ecosystem .explore-ecosystem-container .text .text-group .description {
font-size: 15px;
letter-spacing: 0;
line-height: 24px; } }

@media screen and (max-width: 440px) {
.home-explore-ecosystem .explore-ecosystem-container .bgImageMobile {
object-position: center; } }

.home-use-cases-ecosystems {
padding: 0 6.25% 6.25%;
position: relative; }
.home-use-cases-ecosystems .bgImage {
position: absolute;
width: 130%;
height: 130%;
margin-top: -150px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
@media (max-width: 1000px) {
    .home-use-cases-ecosystems .bgImage{
        object-fit: cover;
    }
}
.pat_img{
    width: 100%; max-width: 100%; height: auto;
    transition: transform 500ms ease-in-out, filter 500ms ease-in-out;
}
.pat_img:hover{
    transform: scale(.95);
    filter: none !important;
}
.partners_cont div:nth-child(even) .pat_img{
    filter: grayscale(90%);
}
.home-use-cases-ecosystems .heading-row {
border-bottom: 1px solid #222222;
padding-bottom: 20px;
margin-bottom: 60px;
display: flex;
justify-content: space-between;
align-items: end;
position: relative; }
.home-use-cases-ecosystems .heading-row .heading {
color: #222222;
font-size: 36px;
letter-spacing: -1.5px;
line-height: 42px; }
.home-use-cases-ecosystems .boxes {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
row-gap: 60px;
position: relative; }
.home-use-cases-ecosystems .boxes .box {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 30%;
padding: 40px;
box-sizing: border-box;
background-color: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(3px);
border-radius: 10px;
border-color: #CCCCCC;
border-width: 1px;
border-style: solid; }
.home-use-cases-ecosystems .boxes .box .box-body .box-heading {
color: #222222;
font-size: 15px;
font-weight: 500;
letter-spacing: -0.5px;
line-height: 18px;
margin-top: 24px;
min-height: 36px; }
.home-use-cases-ecosystems .boxes .box .box-body .box-description {
color: #222222;
font-size: 15px;
letter-spacing: 0;
line-height: 24px; }
.home-use-cases-ecosystems .boxes .box .Btn {
margin-top: 48px;
color: #222222;
width: auto;
padding: 0 40px; }
.home-use-cases-ecosystems .boxes .box .Btn:hover {
color: white; }

@media screen and (max-width: 1100px) {
.home-use-cases-ecosystems {
padding: 12.5% 20px;
overflow: hidden; }
.home-use-cases-ecosystems .heading-row {
flex-direction: column;
align-items: start;
margin-left: calc(12.5% - 20px);
margin-right: calc(12.5% - 20px);
padding-bottom: 0; }
.home-use-cases-ecosystems .heading-row .heading {
font-size: 22px;
letter-spacing: -0.92px;
line-height: 30px; }
.home-use-cases-ecosystems .heading-row .Btn {
margin-top: 20px;
margin-bottom: 20px; }
.home-use-cases-ecosystems .boxes {
flex-wrap: wrap;
gap: 20px; }
.home-use-cases-ecosystems .boxes .box {
width: calc(50% - 10px);
background-color: rgba(255, 255, 255, 0.8); }
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
.home-use-cases-ecosystems .boxes .box:not(:last-child) {
margin-bottom: 20px; } }
.home-use-cases-ecosystems .boxes .box .Btn {
margin-top: 34px; } }

@media screen and (max-width: 768px) {
.home-use-cases-ecosystems .boxes {
flex-direction: column;
row-gap: 20px; }
.home-use-cases-ecosystems .boxes .box {
width: 100%; } }

.home-hello-future {
padding: 0 6.25% 6.25%;
position: relative; }
.home-hello-future .clip-text {
color: #222222;
font-weight: 400; }
@supports (background-clip: text) or (-webkit-background-clip: text) {
.home-hello-future .clip-text {
color: transparent;
background-clip: text;
-webkit-background-clip: text;
/*background-size: cover;*/
background-size: 100vw;
background-position: -100vw center;
background-repeat: no-repeat;
background-color: #222222; } }

@media screen and (max-width: 1100px) {
.home-hello-future {
padding: 12.5% 6.25%; } }

.home-case-studies {
padding: 0 6.25% 6.25%;
position: relative; }
.home-case-studies .heading-row {
border-bottom: 1px solid #222222;
padding-bottom: 20px;
margin-bottom: 60px;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative; }
.home-case-studies .heading-row .heading {
color: #222222;
font-size: 36px;
letter-spacing: -1.5px;
line-height: 42px; }
.home-case-studies .heading-row .description {
margin-top: 20px;
max-width: 522px;
color: #222222;
font-size: 15px;
letter-spacing: 0;
line-height: 24px; }
.home-case-studies .sections .section {
padding-bottom: 68px;
border-bottom: 1px solid #222222; }
.home-case-studies .sections .section:last-child {
padding-top: 68px; }
.home-case-studies .sections .section .text-wrapper {
float: left;
width: 20%; }
.home-case-studies .sections .section .text-wrapper .text {
padding-right: 80px;
padding-top: 25px; }
.home-case-studies .sections .section .text-wrapper .text .heading {
color: #222222;
font-size: 15px;
font-weight: 500;
letter-spacing: -0.5px;
line-height: 20px; }
.home-case-studies .sections .section .text-wrapper .text .description {
margin-top: 20px;
color: #222222;
font-size: 15px;
letter-spacing: 0;
line-height: 24px; }
.home-case-studies .sections .section .text-wrapper .text .Btn {
margin-top: 40px; }
.home-case-studies .sections .section .ecosystem-carousel {
float: left;
width: 80%; }
.home-case-studies .sections .section .ecosystem-carousel .slider-controls {
position: relative; }
.home-case-studies .sections .section .ecosystem-carousel .slider-controls button {
position: absolute;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
top: 160px;
width: 80px;
height: 80px;
display: inline-block;
background-color: transparent;
border: none;
cursor: pointer; }
.home-case-studies .sections .section .ecosystem-carousel .slider-controls button.swiper-button-disabled {
display: none; }
.home-case-studies .sections .section .ecosystem-carousel .slider-controls button.next {
right: 0;
z-index: 10;
background-image: url("/assets/images/Arrow-BlueGreen.svg"); }
.home-case-studies .sections .section .ecosystem-carousel .slider-controls button.prev {
left: 0;
z-index: 5;
background-image: url("/assets/images/Arrow-BlueGreen.svg");
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH"; }
.home-case-studies .sections .section .ecosystem-carousel .fade-wrapper-next {
-webkit-mask-image: -webkit-linear-gradient(left, black 85%, rgba(0, 0, 0, 0) 99%);
/* Chrome10-25,Safari5.1-6 */
mask-image: linear-gradient(to right, black 85%, rgba(0, 0, 0, 0) 99%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.home-case-studies .sections .section .ecosystem-carousel .fade-wrapper-next.disabled {
-webkit-mask-image: unset;
mask-image: unset; }
.home-case-studies .sections .section .ecosystem-carousel .fade-wrapper-prev {
-webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 1%, black 15%);
/* Chrome10-25,Safari5.1-6 */
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 1%, black 15%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.home-case-studies .sections .section .ecosystem-carousel .fade-wrapper-prev.disabled {
-webkit-mask-image: unset;
mask-image: unset; }
.home-case-studies .sections .section .ecosystem-carousel .swiper-wrapper {
display: flex; }
.home-case-studies .sections .section .ecosystem-carousel .swiper-wrapper .ecosystem-card .card-container {
justify-content: start; }
.home-case-studies .sections .section .ecosystem-carousel .swiper-wrapper .ecosystem-card .card-container .ecosystem-tags a {
text-decoration: none; }
.home-case-studies .sections .section .ecosystem-carousel .swiper-wrapper .ecosystem-card .card-container .content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%; }
.home-case-studies .sections .section .ecosystem-carousel .swiper-wrapper .ecosystem-card .card-container .content .bottom {
text-align: center; }
.home-case-studies .sections .section .ecosystem-carousel .swiper-wrapper .ecosystem-card .card-container .content .bottom .Btn {
margin-top: 40px;
padding: 0 40px; }

@media screen and (max-width: 1700px) {
.home-case-studies .sections .section .text-wrapper {
width: 30%; }
.home-case-studies .sections .section .ecosystem-carousel {
width: 70%; } }

@media screen and (max-width: 1300px) {
.home-case-studies .sections .section .text-wrapper {
width: 40%; }
.home-case-studies .sections .section .ecosystem-carousel {
width: 60%; } }

@media screen and (max-width: 1100px) {
.home-case-studies {
padding: 12.5% 0 120px; }
.home-case-studies .heading-row {
padding-bottom: 80px;
margin: 0 12.5% 80px; }
.home-case-studies .heading-row .heading {
font-size: 22px;
letter-spacing: -0.92px;
line-height: 30px; }
.home-case-studies .sections .section {
border: none;
padding-bottom: 40px; }
.home-case-studies .sections .section:last-child {
padding-top: 40px;
padding-bottom: 0; }
.home-case-studies .sections .section .text-wrapper {
float: none;
width: auto;
padding: 0 12.5%; }
.home-case-studies .sections .section .text-wrapper .text {
padding: 0; }
.home-case-studies .sections .section .ecosystem-carousel {
float: none;
width: auto;
margin-top: 40px;
overflow: hidden; }
.home-case-studies .sections .section .ecosystem-carousel .slider-controls {
display: none; }
.home-case-studies .sections .section .ecosystem-carousel .fade-wrapper-next {
-webkit-mask-image: -webkit-linear-gradient(left, black 80%, rgba(0, 0, 0, 0) 99%);
/* Chrome10-25,Safari5.1-6 */
mask-image: linear-gradient(to right, black 80%, rgba(0, 0, 0, 0) 99%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.home-case-studies .sections .section .ecosystem-carousel .fade-wrapper-prev {
-webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 1%, black 20%);
/* Chrome10-25,Safari5.1-6 */
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 1%, black 20%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
padding: 0 12.5%;
transition: 0.25s padding ease-out; }
.home-case-studies .sections .section .ecosystem-carousel .swiper {
overflow: visible; } }

.home-seed4equity-features {
padding: 120px 6.25% 267px;
background: linear-gradient(to right, #00000059, #0000007e) ,url(/img/close-up-gold-coin-stacks-with-chart-coins-jpg-generative-ai_902049-786.jpg) center;
background-size: cover;
position: relative;
overflow: hidden; }
.home-seed4equity-features .bgImage {
position: absolute;
width: 101%;
height: 101%;
object-fit: cover;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.home-seed4equity-features .bgImageMobile {
display: none; }
.home-seed4equity-features .row {
display: flex;
position: relative; }
.home-seed4equity-features .row .column-one {
border-right: solid 2px white;
width: 45%; }
.home-seed4equity-features .row .column-one .text {
padding-right: 10%;
max-width: 554px; }
.home-seed4equity-features .row .column-one .text .heading {
color: white;
font-size: 36px;
font-weight: 500;
letter-spacing: -1.5px;
line-height: 42px; }
.home-seed4equity-features .row .column-one .text .description {
color: white;
font-size: 15px;
font-weight: 500;
letter-spacing: 0;
line-height: 24px;
margin-top: 38px; }
.home-seed4equity-features .row .column-one .text .description strong {
font-weight: bold; }
.home-seed4equity-features .row .column-one .text .actions {
margin-top: 40px;
display: flex;
flex-wrap: wrap;
gap: 10px; }
.home-seed4equity-features .row .column-two {
width: 55%; }
.home-seed4equity-features .row .column-two .features {
padding-left: 10%;
display: flex;
flex-wrap: wrap;
gap: 60px 40px; }
.home-seed4equity-features .row .column-two .features .feature {
flex-basis: calc(50% - 20px); }
.home-seed4equity-features .row .column-two .features .feature .feature-heading {
color: white;
font-size: 15px;
font-weight: 600;
letter-spacing: -0.5px;
line-height: 18px;
margin-top: 20px; }
.home-seed4equity-features .row .column-two .features .feature .feature-description {
color: white;
font-size: 15px;
font-weight: 500;
letter-spacing: 0;
line-height: 24px;
margin-top: 10px; }

@media screen and (max-width: 1100px) {
.home-seed4equity-features {
padding: 80px 12.5%; }
.home-seed4equity-features .row {
flex-direction: column; }
.home-seed4equity-features .row .column-one {
width: 100%;
border: none; }
.home-seed4equity-features .row .column-one .text {
padding: 0;
max-width: 100%; }
.home-seed4equity-features .row .column-one .text .heading {
font-size: 22px;
letter-spacing: -0.92px;
line-height: 30px; }
.home-seed4equity-features .row .column-one .text .description {
margin-top: 20px; }
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
.home-seed4equity-features .row .column-one .text .actions a:not(:last-child) {
margin-right: 10px;
margin-bottom: 10px; } }
.home-seed4equity-features .row .column-two {
width: 100%; }
.home-seed4equity-features .row .column-two .features {
padding-left: 0;
padding-top: 60px; } }

@media screen and (max-width: 768px) {
.home-seed4equity-features .bgImageMobile {
display: block; }
.home-seed4equity-features .bgImageHasMobile {
display: none; }
.home-seed4equity-features .row .column-two {
width: 100%; }
.home-seed4equity-features .row .column-two .features {
padding-left: 0;
padding-top: 60px;
flex-direction: column; }
.home-seed4equity-features .row .column-two .features .feature {
flex-basis: 100%; }
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
.home-seed4equity-features .row .column-two .features .feature:not(:last-child) {
margin-bottom: 60px; } } }

.overlap-previous-section .home-sustainability-graph {
padding: 0 6.25% 6.25%; }
.overlap-previous-section .home-sustainability-graph .sustainability-graph-container {
margin-top: -150px; }

.home-sustainability-graph {
padding: 6.25%;
position: relative; }
.home-sustainability-graph.padding-top-none {
padding-top: 0; }
.home-sustainability-graph.padding-top-overlap {
padding-top: calc(6.25% + 165px); }
.home-sustainability-graph.padding-bottom-none {
padding-bottom: 0; }
.home-sustainability-graph.padding-bottom-overlap {
padding-bottom: calc(6.25% + 165px); }
@media screen and (max-width: 1100px) {
.home-sustainability-graph {
padding: 12.5%; }
.home-sustainability-graph.padding-top-overlap {
padding-top: calc(12.5% + 165px); }
.home-sustainability-graph.padding-bottom-overlap {
padding-bottom: calc(12.5% + 165px); } }
.home-sustainability-graph .bgImage {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1; }
.home-sustainability-graph .sustainability-graph-container {
padding: 7vw 9vw;
box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
border-top-right-radius: 160px;
border-bottom-left-radius: 160px;
background-color: white;
background: linear-gradient(white, white) padding-box, linear-gradient(to right, #5281e7, #21A056) border-box;
border: 6px solid transparent; }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner {
position: relative; }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .heading {
color: #222222;
width: calc(50% - 12.5px);
min-height: 84px; }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-body {
position: absolute;
top: 0;
right: 0;
width: calc(50% - 12.5px);
display: flex;
flex-direction: column;
align-items: end; }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-body .sustainability-graph-description {
color: #222222;
margin-bottom: 30px; }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-body .sustainability-graph-description a {
color: #464646; }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-body .actions {
margin: 40px 0;
display: flex;
flex-wrap: wrap;
justify-content: end;
gap: 10px; }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-study-image {
width: 283px;
height: auto; }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image {
margin-top: 78px;
width: 100%;
height: 100%;
display: block;
overflow: hidden; }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image #graphSvgDesktop {
width: 100%;
height: 100%; }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image .graph-svg {
/* Chrome version 29 and above */ }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image .graph-svg text {
font-family: "Styrene A Web";
opacity: 0; }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image .graph-svg .bar-fill {
transform: scaleX(0);
transform-origin: 151px 0;
shape-rendering: crispEdges; }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image .graph-svg .bar-fill {
shape-rendering: auto; } }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image .graph-svg .cap {
opacity: 0; }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image .graph-svg.animate .bar-fill {
animation-name: animateInBarFill;
animation-duration: 350ms;
animation-delay: calc(var(--animation-order) * 250ms);
animation-fill-mode: forwards; }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image .graph-svg.animate .cap {
animation-name: animateInCap;
animation-duration: 350ms;
animation-delay: calc(var(--animation-order) * 250ms + 300ms);
animation-fill-mode: forwards; }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image .graph-svg.animate text {
animation-name: animateInText;
animation-duration: 350ms;
animation-delay: calc(var(--animation-order) * 250ms + 500ms);
animation-fill-mode: forwards; }

@keyframes animateInText {
0% {
opacity: 0; }
100% {
opacity: 1; } }

@keyframes animateInBarFill {
0% {
transform: scaleX(0); }
100% {
transform: scaleX(1); } }

@keyframes animateInCap {
0% {
opacity: 0; }
100% {
opacity: 1; } }

@media screen and (max-width: 1340px) {
.home-sustainability-graph .sustainability-graph-container {
padding: 80px; }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-body {
margin-bottom: 20px; }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-body .actions {
margin: 20px 0; }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image {
margin-top: 10vw; } }

@media screen and (max-width: 1150px) {
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-body .sustainability-graph-description {
margin: 0; } }

@media screen and (max-width: 1100px) {
.overlap-previous-section .home-sustainability-graph {
padding: 80px 12.5% 12.5%; }
.overlap-previous-section .home-sustainability-graph .sustainability-graph-container {
margin: 0; }
.home-sustainability-graph {
padding: 12.5%; }
.home-sustainability-graph .bgImage {
display: none; }
.home-sustainability-graph .sustainability-graph-container {
margin: 0;
padding: 0;
box-shadow: none;
border-radius: unset;
background: transparent;
border: none; }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner {
height: auto; }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .heading {
margin-bottom: 20px;
width: 100%;
min-height: auto; }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-body {
margin-bottom: 56px;
margin-left: 0;
position: relative;
width: 100%;
align-items: start; }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-body .actions {
margin: 40px 0 56px; }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-study-image {
margin: 0; }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image {
position: relative;
margin-top: 0; } }

@media screen and (max-width: 900px) {
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner {
display: table; }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image {
padding: 72% 0; }
.home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image #graphSvgDesktop {
display: block;
transform-origin: top left;
transform: rotate(-90deg) translate(-89%, 0%);
margin-top: -50%;
height: 100%;
width: 189%; } }

@media (max-width: 650px) {
.home-sustainability-graph .sustainability-graph-container {
margin-top: 0px;
background: none;
border: none; } }

.home-cta-banner {
padding: 0 6.25% 6.25%;
position: relative; }
.home-cta-banner .bgImage {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.home-cta-banner .heading-row {
margin-bottom: 60px;
position: relative; }
.home-cta-banner .heading-row .heading {
color: #222222;
font-size: 36px;
letter-spacing: -1.5px;
line-height: 42px; }
.home-cta-banner .heading-row .description {
color: #222222;
font-size: 15px;
letter-spacing: 0;
line-height: 24px;
margin-top: 10px;
max-width: 453px; }
.home-cta-banner .boxes {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
row-gap: 40px;
position: relative; }
.home-cta-banner .boxes .box {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 30%;
padding: 40px;
box-sizing: border-box;
border-radius: 20px;
position: relative;
overflow: hidden; }
.home-cta-banner .boxes .box .bgImage {
position: absolute;
width: 101%;
height: 101%;
object-fit: cover;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.home-cta-banner .boxes .box .bgImageMobile {
display: none; }
.home-cta-banner .boxes .box .box-body {
position: relative;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: start; }
.home-cta-banner .boxes .box .box-body .box-text .box-heading {
color: white;
font-size: 17px;
font-weight: 500;
letter-spacing: -0.5px;
line-height: 18px;
min-height: 36px; }
.home-cta-banner .boxes .box .box-body .box-text .box-description {
color: white;
font-size: 15px;
letter-spacing: 0;
line-height: 24px; }
.home-cta-banner .boxes .box .box-body .Btn {
margin-top: 48px;
padding: 0 30px;
width: auto; }

@media screen and (max-width: 1100px) {
.home-cta-banner {
padding: 12.5% 20px 100px; }
.home-cta-banner .heading-row {
margin-left: calc(12.5% - 20px);
margin-right: calc(12.5% - 20px);
margin-bottom: 40px; }
.home-cta-banner .heading-row .heading {
font-size: 22px;
letter-spacing: -0.92px;
line-height: 30px; }
.home-cta-banner .heading-row .description {
margin-top: 20px; }
.home-cta-banner .boxes {
row-gap: 20px; }
.home-cta-banner .boxes .box {
padding: 40px 20px;
width: calc(33% - 10px); } }

@media screen and (max-width: 768px) {
.home-cta-banner .bgImage {
display: none; }
.home-cta-banner .boxes {
flex-direction: column; }
.home-cta-banner .boxes .box {
width: 100%;
padding: 40px 25px; }
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
.home-cta-banner .boxes .box:not(:last-child) {
margin-bottom: 20px; } }
.home-cta-banner .boxes .box .bgImageMobile {
display: block; }
.home-cta-banner .boxes .box .bgImageHasMobile {
display: none; } }

.use-cases {
background-color: #ffffff;
position: relative;
z-index: 0; }

.anchor {
display: block;
position: relative;
top: -80px;
visibility: hidden; }

.h-text-lg {
font-size: 36px;
font-weight: 300;
letter-spacing: -1.5px;
line-height: 42px; }

.h-text-base, .h-markdown p {
font-size: 15px;
font-weight: 400;
letter-spacing: 0;
line-height: 24px; }

.h-font-medium {
font-weight: 500; }

.h-uppercase {
text-transform: uppercase; }

.h-markdown p {
margin: 1rem 0; }
.h-markdown p:first-child {
margin-top: 0; }
.h-markdown p:last-child {
margin-bottom: 0; }

@media screen and (max-width: 1100px) {
.h-text-lg {
font-size: 22px;
letter-spacing: -0.92px;
line-height: 30px; } }

.use-cases-hero {
height: 430px;
overflow: hidden; }
.use-cases-hero .hero-image {
height: 100%;
position: relative;
display: block;
overflow: hidden; }
.use-cases-hero .hero-image .bgImage {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover; }
.use-cases-hero .hero-image .bgImageMobile {
display: none; }
.use-cases-hero .text {
position: absolute;
left: 6.25%;
right: 6.25%;
top: 125px;
width: 40vw;
max-width: 600px; }
.use-cases-hero .text .heading {
color: white; }
.use-cases-hero .text .description {
margin-top: 10px;
color: white; }
.use-cases-hero .text .actions {
display: flex;
flex-wrap: wrap;
margin-top: 23px;
gap: 10px; }
.use-cases-hero .featured-image-wrapper {
width: 44vw;
max-width: 755px;
max-height: 733px;
position: absolute;
right: 6.25%;
top: 136px; }
.use-cases-hero .featured-image-wrapper.featured-image-spacing-right-none {
width: 50vw;
max-width: 938px;
max-height: 572px;
position: absolute;
right: 0;
top: 221px; }
.use-cases-hero .featured-image-wrapper .featured-image {
height: 100%;
width: 100%; }

@media screen and (max-width: 1100px) {
.use-cases-hero {
padding: 150px 12.5% 250px;
position: relative;
height: auto;
overflow: visible; }
.use-cases-hero.featured-image-spacing-right-none {
margin-bottom: calc(12.5% - 30vw); }
.use-cases-hero.featured-image-spacing-right-none .text {
margin-bottom: 75px; }
.use-cases-hero .hero-image {
position: absolute;
right: 0;
width: 100%;
height: 100%;
top: 0px;
bottom: 0px; }
.use-cases-hero .hero-image.bgImageMobile img {
min-height: 100%;
width: auto;
object-fit: cover;
object-position: bottom; }
.use-cases-hero .hero-image .bgImageHasMobile {
display: none; }
.use-cases-hero .hero-image .bgImageMobile {
display: block; }
.use-cases-hero .text {
position: relative;
left: auto;
right: auto;
top: auto;
margin-bottom: 120px;
width: auto;
max-width: 600px; }
.use-cases-hero .text .description {
line-height: 21px; }
.use-cases-hero .featured-image-wrapper {
max-width: 500px;
width: auto;
left: 6.25%;
right: 6.25%;
top: auto; }
.use-cases-hero .featured-image-wrapper.featured-image-spacing-right-none {
max-width: 640px;
width: 100%;
top: auto;
left: auto; }
.use-cases-hero .featured-image-wrapper.featured-image-spacing-right-none .featured-image {
object-fit: cover;
object-position: 28%; } }

@media screen and (max-width: 585px) {
.use-cases-hero {
padding-bottom: 42vw; }
.use-cases-hero.featured-image-spacing-right-none {
padding-bottom: 250px; }
.use-cases-hero .featured-image-wrapper {
max-width: 500px;
width: auto;
left: 20px;
right: 20px;
top: auto; }
.use-cases-hero .featured-image-wrapper.featured-image-spacing-right-none {
height: 350px;
top: auto;
left: auto; } }

@media screen and (max-width: 414px) {
.use-cases-hero .text .actions {
gap: 0; }
.use-cases-hero .text .actions .Btn:nth-child(2) {
margin-top: 10px; } }

.use-cases-intro {
padding: 6.25%;
position: relative;
min-height: 320px; }
.use-cases-intro.padding-top-none {
padding-top: 0; }
.use-cases-intro.padding-top-overlap {
padding-top: calc(6.25% + 165px); }
.use-cases-intro.padding-bottom-none {
padding-bottom: 0; }
.use-cases-intro.padding-bottom-overlap {
padding-bottom: calc(6.25% + 165px); }
@media screen and (max-width: 1100px) {
.use-cases-intro {
padding: 12.5%; }
.use-cases-intro.padding-top-overlap {
padding-top: calc(12.5% + 165px); }
.use-cases-intro.padding-bottom-overlap {
padding-bottom: calc(12.5% + 165px); } }
.use-cases-intro.min-height-none {
min-height: auto; }
.use-cases-intro .text {
width: 40vw;
max-width: 600px; }
.use-cases-intro .text .heading {
color: #222222; }
.use-cases-intro .text .heading + .description {
margin-top: 20px; }
.use-cases-intro .text .description {
color: #222222; }
.use-cases-intro .text .description a {
color: var(--c-primary); }
.use-cases-intro .text .actions {
display: flex;
flex-wrap: wrap;
margin-top: 23px;
gap: 20px; }

@media screen and (max-width: 1100px) {
.use-cases-intro {
padding: calc(12.5% + 250px) 12.5% 12.5% 12.5%;
min-height: auto; }
.use-cases-intro .text {
width: auto; } }

@media screen and (max-width: 585px) {
.use-cases-intro {
padding: calc(12.5% + 52vw) 12.5% 12.5% 12.5%; } }

.use-cases-features {
padding: 6.25%;
position: relative;
overflow: hidden; }
.use-cases-features.padding-top-none {
padding-top: 0; }
.use-cases-features.padding-top-overlap {
padding-top: calc(6.25% + 165px); }
.use-cases-features.padding-bottom-none {
padding-bottom: 0; }
.use-cases-features.padding-bottom-overlap {
padding-bottom: calc(6.25% + 165px); }
@media screen and (max-width: 1100px) {
.use-cases-features {
padding: 12.5%; }
.use-cases-features.padding-top-overlap {
padding-top: calc(12.5% + 165px); }
.use-cases-features.padding-bottom-overlap {
padding-bottom: calc(12.5% + 165px); } }
.use-cases-features.heading-description-placement-left {
display: flex;
gap: 60px; }
.use-cases-features.heading-description-placement-left .text {
flex: 0 0 calc(25% - 45px); }
.use-cases-features.heading-description-placement-left .boxes {
flex: auto;
column-gap: 40px;
row-gap: 40px; }
.use-cases-features.background-color-off-white {
background-color: #F4F4F4; }
.use-cases-features.background-color-white {
background-color: white; }
.use-cases-features .bgImage {
position: absolute;
width: 101%;
height: 101%;
object-fit: cover;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1; }
.use-cases-features .bgImageMobile {
display: none; }
.use-cases-features svg {
width: 100%;
height: 100%; }
.use-cases-features svg path, .use-cases-features svg polygon, .use-cases-features svg polyline, .use-cases-features svg line {
vector-effect: non-scaling-stroke; }
.use-cases-features > .text {
margin-bottom: 60px;
max-width: 600px; }
.use-cases-features > .text.text-color-dark {
color: #222222; }
.use-cases-features > .text.text-color-light {
color: white; }
.use-cases-features > .text > .description {
margin-top: 20px; }
.use-cases-features > .text > .description a {
color: var(--c-primary); }
.use-cases-features .boxes {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 60px;
row-gap: 60px;
position: relative; }
.use-cases-features .boxes.using-background-image {
column-gap: 40px;
row-gap: 40px; }
.use-cases-features .boxes.using-background-image .box {
border-radius: 15px; }
.use-cases-features .boxes.columns-4 {
grid-template-columns: repeat(4, 1fr);
column-gap: 40px;
row-gap: 40px; }
.use-cases-features .boxes.item-row-gap-large {
row-gap: 120px; }
.use-cases-features .boxes .box {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
box-sizing: border-box;
display: flex;
position: relative;
overflow: hidden; }
.use-cases-features .boxes .box.item-background-color-white-50 {
background-color: rgba(255, 255, 255, 0.5); }
.use-cases-features .boxes .box.item-border {
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
border-color: #CCCCCC;
border-width: 1px;
border-style: solid;
border-radius: 15px; }
.use-cases-features .boxes .box.item-padding-none {
padding: 0; }
.use-cases-features .boxes .box.item-padding-small {
padding: 25px 30px 30px 30px; }
.use-cases-features .boxes .box.item-padding-large {
padding: 40px; }
.use-cases-features .boxes .box .background-image {
position: absolute;
object-fit: cover;
width: 100%;
height: 100%;
top: 0;
left: 0; }
.use-cases-features .boxes .box .box-body {
z-index: 1; }
.use-cases-features .boxes .box .box-body.icon-placement-left {
display: flex;
gap: 20px; }
.use-cases-features .boxes .box .box-body.icon-placement-left .icon {
min-width: 54px; }
.use-cases-features .boxes .box .box-body .icon {
margin-bottom: 24px;
height: 54px; }
.use-cases-features .boxes .box .box-body .icon svg {
width: 100%;
height: 100%; }
.use-cases-features .boxes .box .box-body .icon svg path, .use-cases-features .boxes .box .box-body .icon svg polygon, .use-cases-features .boxes .box .box-body .icon svg polyline, .use-cases-features .boxes .box .box-body .icon svg line {
vector-effect: non-scaling-stroke; }
.use-cases-features .boxes .box .box-body .icon.icon-size-large {
height: 185px; }
.use-cases-features .boxes .box .box-body .text .box-heading {
font-size: 15px;
font-weight: 500;
letter-spacing: -0.5px;
line-height: 18px;
min-height: 54px;
text-transform: uppercase;
color: #222222; }
.use-cases-features .boxes .box .box-body .text .box-heading.heading-color-light {
color: white; }
.use-cases-features .boxes .box .box-body .text .box-heading.heading-color-blue {
color: var(--c-primary); }
.use-cases-features .boxes .box .box-body .text .box-description.text-color-dark {
color: #222222; }
.use-cases-features .boxes .box .box-body .text .box-description.text-color-light {
color: white; }
.use-cases-features .boxes .box .actions {
margin-top: 40px;
display: flex;
flex-wrap: wrap;
gap: 10px;
z-index: 2; }
.use-cases-features .boxes .box .actions .Btn {
width: auto;
padding: 0 40px; }
.use-cases-features .boxes .box.row-has-dual-ctas .actions {
min-height: 70px; }

@media screen and (max-width: 1200px) {
.use-cases-features.heading-description-placement-left {
flex-direction: column;
gap: 0; } }

@media screen and (max-width: 1100px) {
.use-cases-features {
padding-left: 20px;
padding-right: 20px;
overflow: hidden; }
.use-cases-features > .text {
padding: 0 calc(12.5% - 20px);
flex: 1;
margin-bottom: 40px; }
.use-cases-features.item-no-border:not(.using-background-image) {
padding-left: 12.5%;
padding-right: 12.5%; }
.use-cases-features .boxes {
grid-template-columns: repeat(2, 1fr);
row-gap: 40px;
column-gap: 40px; }
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
.use-cases-features .boxes .box:not(:last-child) {
margin-bottom: 40px; } }
.use-cases-features .boxes .box .box-body.icon-placement-left {
flex-direction: column; }
.use-cases-features .boxes .box .box-body.icon-placement-left .icon {
width: auto; }
.use-cases-features .boxes .box .box-body .icon {
object-position: left;
object-fit: contain; }
.use-cases-features .boxes .box .actions {
flex-direction: column; }
.use-cases-features .boxes .box.row-has-dual-ctas .actions {
min-height: auto; }
.use-cases-features .boxes .box.two-column-row-has-dual-ctas .actions {
min-height: 70px; }
.use-cases-features .boxes.columns-4 {
grid-template-columns: repeat(2, 1fr); } }

@media screen and (max-width: 768px) {
.use-cases-features .bgImageHasMobile {
display: none; }
.use-cases-features .bgImageMobile {
display: block; }
.use-cases-features.padding-top-none {
padding-top: 12.5%; }
.use-cases-features.padding-bottom-none {
padding-bottom: 12.5%; }
.use-cases-features.item-no-border:not(.using-background-image) > .text {
padding: 0; }
.use-cases-features .boxes {
grid-template-columns: repeat(1, 1fr); }
.use-cases-features .boxes.columns-4 {
grid-template-columns: repeat(1, 1fr); }
.use-cases-features .boxes.columns-4.icon-size-large, .use-cases-features .boxes.columns-4.item-row-gap-large {
row-gap: 80px; }
.use-cases-features .boxes.using-background-image {
row-gap: 60px;
margin-top: 60px; }
.use-cases-features .boxes .box {
width: 100%; }
.use-cases-features .boxes .box .box-body .text .box-heading {
min-height: auto;
margin-bottom: 18px; }
.use-cases-features .boxes .box.two-column-row-has-dual-ctas .actions {
min-height: auto; }
.use-cases-features.heading-description-placement-left .boxes {
row-gap: 20px; } }

@media screen and (max-width: 414px) {
.use-cases-features.heading-description-placement-left .boxes {
row-gap: 0; }
.use-cases-features.heading-description-placement-left .boxes .box:not(:last-child) {
margin-bottom: 20px; }
.use-cases-features .boxes {
row-gap: 0; }
.use-cases-features .boxes .box:not(:last-child) {
margin-bottom: 60px; }
.use-cases-features .boxes .box .box-body.icon-placement-left {
gap: 0; }
.use-cases-features .boxes .box .actions {
gap: 0; }
.use-cases-features .boxes .box .actions .Btn:nth-child(2) {
margin-top: 10px; }
.use-cases-features .boxes.columns-4 {
row-gap: 0; }
.use-cases-features .boxes.columns-4 .box:not(.item-no-border):not(:last-child) {
margin-bottom: 20px; }
.use-cases-features .boxes.columns-4.icon-size-large, .use-cases-features .boxes.columns-4.item-row-gap-large {
row-gap: 0; }
.use-cases-features .boxes.columns-4.icon-size-large .box:not(:last-child), .use-cases-features .boxes.columns-4.item-row-gap-large .box:not(:last-child) {
margin-bottom: 80px; }
.use-cases-features .boxes.using-background-image {
row-gap: 0; }
.use-cases-features .boxes.using-background-image .box:not(:last-child) {
margin-bottom: 60px; } }

.use-cases-metrics-banner {
padding: 6.25%;
position: relative;
z-index: 1; }
.use-cases-metrics-banner.padding-top-none {
padding-top: 0; }
.use-cases-metrics-banner.padding-top-overlap {
padding-top: calc(6.25% + 165px); }
.use-cases-metrics-banner.padding-bottom-none {
padding-bottom: 0; }
.use-cases-metrics-banner.padding-bottom-overlap {
padding-bottom: calc(6.25% + 165px); }
@media screen and (max-width: 1100px) {
.use-cases-metrics-banner {
padding: 12.5%; }
.use-cases-metrics-banner.padding-top-overlap {
padding-top: calc(12.5% + 165px); }
.use-cases-metrics-banner.padding-bottom-overlap {
padding-bottom: calc(12.5% + 165px); } }
.use-cases-metrics-banner .metrics-banner-wrapper {
position: relative;
overflow: hidden;
border-top-right-radius: 160px;
border-bottom-left-radius: 160px;
padding: 125px 112px 120px 150px; }
.use-cases-metrics-banner .metrics-banner-wrapper .metrics-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
clip-path: inset(0); }
.use-cases-metrics-banner .metrics-banner-wrapper .metrics-bg .bgImage {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute; }
.use-cases-metrics-banner .metrics-banner-wrapper .metrics-bg .bgImageMobile {
display: none; }
.use-cases-metrics-banner .metrics-banner-wrapper .row {
display: flex; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-one {
position: relative;
justify-content: space-between; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-one .items {
display: flex; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item,
.use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .external-item,
.subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .external-item,
.use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-list-heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-list-heading, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-list-heading-mobile {
display: flex;
flex-direction: column;
max-width: 192px; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item .icon, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .external-item .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .external-item .icon, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-list-heading .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-list-heading .icon, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-list-heading-mobile .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-list-heading-mobile .icon {
mix-blend-mode: color-dodge;
margin-bottom: 10px; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item .text .heading, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .external-item .text .heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .external-item .text .heading, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-list-heading .text .heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-list-heading .text .heading, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-list-heading-mobile .text .heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-list-heading-mobile .text .heading {
color: white;
font-size: 15px;
font-weight: 500;
letter-spacing: -0.5px;
line-height: 18px;
text-align: center; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item .text .description, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .external-item .text .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .external-item .text .description, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-list-heading .text .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-list-heading .text .description, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-list-heading-mobile .text .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-list-heading-mobile .text .description {
color: white;
font-size: 16px;
letter-spacing: -1px;
line-height: 21px; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item.item-separator-plus, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-separator-plus.external-item, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-separator-plus.external-item, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-separator-plus.item-list-heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-separator-plus.item-list-heading, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-separator-plus.item-list-heading-mobile, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-separator-plus.item-list-heading-mobile {
color: white;
font-weight: 100;
font-size: 42px;
padding: 70px 2vw 0;
opacity: 0.5; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item .metric, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .external-item .metric, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .external-item .metric, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading .metric, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading .metric, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading-mobile .metric, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading-mobile .metric {
font-size: 130px;
letter-spacing: -4.6px;
line-height: 156px;
-webkit-text-stroke: 2px white;
color: transparent; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item .description, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .external-item .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .external-item .description, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading .description, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading-mobile .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading-mobile .description {
font-size: 36px;
font-weight: 300;
letter-spacing: -1.27px;
line-height: 43px;
color: white;
text-align: center; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item .description.description-font-size-small, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .external-item .description.description-font-size-small, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .external-item .description.description-font-size-small, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading .description.description-font-size-small, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading .description.description-font-size-small, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading-mobile .description.description-font-size-small, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading-mobile .description.description-font-size-small {
font-size: 20px;
letter-spacing: -0.71px;
line-height: 24px; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-two {
position: relative;
margin-top: 86px; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-two .text {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-two .text .heading {
color: white;
font-size: 36px;
letter-spacing: -1.5px;
line-height: 42px; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-two .text .heading strong {
font-weight: 600; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-two .text .description {
color: white;
font-size: 24px;
font-weight: 300;
letter-spacing: -0.85px;
line-height: 32px; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-two .text .description p {
margin-bottom: 1em; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-two .text .description p:last-child {
margin-bottom: 0; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-two .text .actions {
margin-top: 40px;
display: flex;
flex-wrap: wrap;
gap: 10px; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-two .text.is-quote .description {
max-width: 854px; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-two .text.is-quote .row {
margin-top: 26px;
flex-direction: row;
display: flex;
justify-content: space-between;
align-items: end; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-two .text.is-quote .row .author {
color: white;
font-size: 15px;
font-weight: 500;
letter-spacing: -0.5px;
line-height: 18px; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-two .text.is-quote .row .actions {
margin-top: 0; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row {
display: flex;
flex-direction: column;
padding: 100px 100px 155px 100px; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one {
order: 2;
margin-top: 94px; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items {
flex: 1; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item,
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item,
.subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item,
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile {
padding-top: 151px;
flex: 1; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile .text {
min-height: 151px; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item .text .heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item .text .heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item .text .heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading .text .heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading .text .heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile .text .heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile .text .heading {
text-align: left;
font-weight: 400;
letter-spacing: -1px;
line-height: 19px; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item .text .description, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item .text .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item .text .description, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading .text .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading .text .description, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile .text .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile .text .description {
margin-top: 10px;
font-weight: 400;
letter-spacing: -1px;
line-height: 19px; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile .icon-wrapper {
position: relative;
/*
&::after {
content:"";
position: absolute;
display: block;
width: 1.5vw;
height: 2px;
right: -1vw;
top: 50%;
background-color: $color-white;
}

*/ }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:first-child .icon-wrapper::before, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:first-child .icon-wrapper::before, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:first-child .icon-wrapper::before, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:first-child .icon-wrapper::before, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:first-child .icon-wrapper::before, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:first-child .icon-wrapper::before, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:first-child .icon-wrapper::before {
content: "";
position: absolute;
display: block;
background-color: white;
height: 2px;
width: calc(100px - 1vw);
top: 50%;
left: -100px; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:last-child .icon-wrapper::after, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:last-child .icon-wrapper::after, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:last-child .icon-wrapper::after, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:last-child .icon-wrapper::after, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:last-child .icon-wrapper::after, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:last-child .icon-wrapper::after, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:last-child .icon-wrapper::after {
content: "";
position: absolute;
display: block;
height: 2px;
top: 50%;
background-color: white;
width: calc(100px - 1vw);
right: -100px; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.odd, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .odd.external-item, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .odd.external-item, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .odd.item-list-heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .odd.item-list-heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .odd.item-list-heading-mobile, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .odd.item-list-heading-mobile {
padding-top: 0; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.odd .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .odd.external-item .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .odd.external-item .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .odd.item-list-heading .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .odd.item-list-heading .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .odd.item-list-heading-mobile .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .odd.item-list-heading-mobile .icon-wrapper {
order: 3; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.odd .heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .odd.external-item .heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .odd.external-item .heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .odd.item-list-heading .heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .odd.item-list-heading .heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .odd.item-list-heading-mobile .heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .odd.item-list-heading-mobile .heading {
order: 1; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.odd .description, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .odd.external-item .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .odd.external-item .description, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .odd.item-list-heading .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .odd.item-list-heading .description, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .odd.item-list-heading-mobile .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .odd.item-list-heading-mobile .description {
order: 2; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.item-separator-line, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.external-item, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.external-item, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading-mobile, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading-mobile {
flex: auto;
position: relative; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.item-separator-line::after, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.external-item::after, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.external-item::after, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading::after, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading::after, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading-mobile::after, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading-mobile::after {
content: "";
position: absolute;
display: block;
width: 130%;
min-width: 20px;
height: 2px;
top: 50%;
background-color: white;
transform: translateX(-50%);
left: 50%; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-two {
order: 1;
margin-top: 0; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-two .text .description {
max-width: 432px;
margin-top: 20px;
color: white;
font-size: 15px;
letter-spacing: 0;
line-height: 24px; }

@media screen and (max-width: 1560px) {
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item .icon-wrapper .icon, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item .icon-wrapper .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item .icon-wrapper .icon, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading .icon-wrapper .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading .icon-wrapper .icon, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile .icon-wrapper .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile .icon-wrapper .icon {
width: 12vw;
min-width: 162px;
height: auto; } }

@media screen and (max-width: 1500px) {
.use-cases-metrics-banner .metrics-banner-wrapper {
padding: 100px calc(6.25% + 20px) 100px 6.25%; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item .icon, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .external-item .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .external-item .icon, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-list-heading .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-list-heading .icon, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-list-heading-mobile .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-list-heading-mobile .icon {
width: 12vw;
height: auto; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item.item-separator-plus, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-separator-plus.external-item, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-separator-plus.external-item, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-separator-plus.item-list-heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-separator-plus.item-list-heading, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-separator-plus.item-list-heading-mobile, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-separator-plus.item-list-heading-mobile {
color: white;
font-weight: 100;
font-size: 42px;
padding: 4vw 2vw 0; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item .metric, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .external-item .metric, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .external-item .metric, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading .metric, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading .metric, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading-mobile .metric, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading-mobile .metric {
font-size: 8.5vw;
line-height: 10vw; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item .description, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .external-item .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .external-item .description, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading .description, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading-mobile .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading-mobile .description {
font-size: 2.25vw;
line-height: 3vw; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item .description.description-font-size-small, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .external-item .description.description-font-size-small, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .external-item .description.description-font-size-small, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading .description.description-font-size-small, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading .description.description-font-size-small, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading-mobile .description.description-font-size-small, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading-mobile .description.description-font-size-small {
font-size: 1.3vw;
line-height: 1.55vw; } }

@media screen and (max-width: 1350px) {
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items {
flex-wrap: wrap; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:nth-of-type(2n + 1):nth-last-child(n+6), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:nth-of-type(2n + 1):nth-last-child(n+6), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:nth-of-type(2n + 1):nth-last-child(n+6), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:nth-of-type(2n + 1):nth-last-child(n+6), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:nth-of-type(2n + 1):nth-last-child(n+6), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:nth-of-type(2n + 1):nth-last-child(n+6), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:nth-of-type(2n + 1):nth-last-child(n+6) {
padding-top: 0; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:nth-of-type(2n + 1):nth-last-child(n+6) .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:nth-of-type(2n + 1):nth-last-child(n+6) .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:nth-of-type(2n + 1):nth-last-child(n+6) .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:nth-of-type(2n + 1):nth-last-child(n+6) .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:nth-of-type(2n + 1):nth-last-child(n+6) .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:nth-of-type(2n + 1):nth-last-child(n+6) .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:nth-of-type(2n + 1):nth-last-child(n+6) .icon-wrapper {
order: 2; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:nth-of-type(2n + 1):nth-last-child(n+6) .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:nth-of-type(2n + 1):nth-last-child(n+6) .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:nth-of-type(2n + 1):nth-last-child(n+6) .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:nth-of-type(2n + 1):nth-last-child(n+6) .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:nth-of-type(2n + 1):nth-last-child(n+6) .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:nth-of-type(2n + 1):nth-last-child(n+6) .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:nth-of-type(2n + 1):nth-last-child(n+6) .text {
order: 1; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:nth-of-type(2n + 5), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:nth-of-type(2n + 5), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:nth-of-type(2n + 5), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:nth-of-type(2n + 5), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:nth-of-type(2n + 5), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:nth-of-type(2n + 5), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:nth-of-type(2n + 5) {
padding-top: 80px; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:nth-of-type(2n + 5) .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:nth-of-type(2n + 5) .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:nth-of-type(2n + 5) .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:nth-of-type(2n + 5) .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:nth-of-type(2n + 5) .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:nth-of-type(2n + 5) .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:nth-of-type(2n + 5) .icon-wrapper {
order: 1; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:nth-of-type(2n + 5) .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:nth-of-type(2n + 5) .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:nth-of-type(2n + 5) .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:nth-of-type(2n + 5) .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:nth-of-type(2n + 5) .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:nth-of-type(2n + 5) .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:nth-of-type(2n + 5) .text {
order: 2; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item .icon-wrapper .icon, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item .icon-wrapper .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item .icon-wrapper .icon, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading .icon-wrapper .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading .icon-wrapper .icon, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile .icon-wrapper .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile .icon-wrapper .icon {
width: 192px; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.item-separator-line, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.external-item, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.external-item, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading-mobile, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading-mobile {
width: 8vw;
max-width: none; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.item-separator-line::after, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.external-item::after, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.external-item::after, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading::after, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading::after, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading-mobile::after, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading-mobile::after {
width: 100%; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.item-separator-line:nth-of-type(3n), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.external-item:nth-of-type(3n), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.external-item:nth-of-type(3n), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading:nth-of-type(3n), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading:nth-of-type(3n), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading-mobile:nth-of-type(3n), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading-mobile:nth-of-type(3n) {
display: none; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.item-separator-line:nth-of-type(2n), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.external-item:nth-of-type(2n), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.external-item:nth-of-type(2n), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading:nth-of-type(2n), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading:nth-of-type(2n), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading-mobile:nth-of-type(2n), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading-mobile:nth-of-type(2n) {
margin-top: 151px; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.item-separator-line:nth-of-type(2n + 6), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.external-item:nth-of-type(2n + 6), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.external-item:nth-of-type(2n + 6), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading:nth-of-type(2n + 6), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading:nth-of-type(2n + 6), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading-mobile:nth-of-type(2n + 6), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading-mobile:nth-of-type(2n + 6) {
margin-bottom: 151px;
margin-top: 80px; } }

@media screen and (max-width: 1200px) {
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.item-separator-line, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.external-item, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.external-item, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading-mobile, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading-mobile {
width: 7vw; } }

@media screen and (max-width: 1100px) {
.use-cases-metrics-banner {
padding: 12.5% 20px; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item .icon-wrapper .icon, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item .icon-wrapper .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item .icon-wrapper .icon, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading .icon-wrapper .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading .icon-wrapper .icon, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile .icon-wrapper .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile .icon-wrapper .icon {
width: 19vw;
min-width: auto; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.item-separator-line, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.external-item, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.external-item, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading-mobile, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading-mobile {
width: 4vw; } }

@media screen and (max-width: 768px) {
.use-cases-metrics-banner .metrics-banner-wrapper {
padding: 120px 30px 200px 30px; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row {
padding: 120px 30px 200px 30px; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items {
flex-direction: column;
align-items: center;
padding: 0 30px; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item,
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item,
.subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item,
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile {
margin-bottom: 75px; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile .text {
min-height: auto; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item .icon-wrapper .icon, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item .icon-wrapper .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item .icon-wrapper .icon, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading .icon-wrapper .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading .icon-wrapper .icon, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile .icon-wrapper .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile .icon-wrapper .icon {
width: auto; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:first-child .icon-wrapper::before, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:first-child .icon-wrapper::before, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:first-child .icon-wrapper::before, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:first-child .icon-wrapper::before, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:first-child .icon-wrapper::before, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:first-child .icon-wrapper::before, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:first-child .icon-wrapper::before {
display: none; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:last-child, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:last-child, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:last-child, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:last-child, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:last-child, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:last-child, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:last-child {
margin-bottom: 0; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:last-child .icon-wrapper::after, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:last-child .icon-wrapper::after, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:last-child .icon-wrapper::after, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:last-child .icon-wrapper::after, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:last-child .icon-wrapper::after, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:last-child .icon-wrapper::after, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:last-child .icon-wrapper::after {
display: none; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:nth-of-type(2n+1):nth-last-child(n+6) .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:nth-of-type(2n+1):nth-last-child(n+6) .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:nth-of-type(2n+1):nth-last-child(n+6) .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:nth-of-type(2n+1):nth-last-child(n+6) .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:nth-of-type(2n+1):nth-last-child(n+6) .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:nth-of-type(2n+1):nth-last-child(n+6) .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:nth-of-type(2n+1):nth-last-child(n+6) .icon-wrapper {
order: 1; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:nth-of-type(2n+1):nth-last-child(n+6) .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:nth-of-type(2n+1):nth-last-child(n+6) .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:nth-of-type(2n+1):nth-last-child(n+6) .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:nth-of-type(2n+1):nth-last-child(n+6) .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:nth-of-type(2n+1):nth-last-child(n+6) .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:nth-of-type(2n+1):nth-last-child(n+6) .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:nth-of-type(2n+1):nth-last-child(n+6) .text {
order: 2; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:nth-of-type(2n + 5), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:nth-of-type(2n + 5), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:nth-of-type(2n + 5), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:nth-of-type(2n + 5), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:nth-of-type(2n + 5), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:nth-of-type(2n + 5), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:nth-of-type(2n + 5) {
padding-top: 0; }
.use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.item-separator-line, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.external-item, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.external-item, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading-mobile, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading-mobile {
display: none; }
.use-cases-metrics-banner .metrics-banner-wrapper .metrics-bg .bgImageHasMobile {
display: none; }
.use-cases-metrics-banner .metrics-banner-wrapper .metrics-bg .bgImageMobile {
display: block; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-one {
flex-direction: column; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-one .items {
justify-content: space-between; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item .icon, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .external-item .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .external-item .icon, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-list-heading .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-list-heading .icon, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-list-heading-mobile .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-list-heading-mobile .icon {
width: 100%; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item.item-separator-plus, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-separator-plus.external-item, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-separator-plus.external-item, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-separator-plus.item-list-heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-separator-plus.item-list-heading, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-separator-plus.item-list-heading-mobile, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-separator-plus.item-list-heading-mobile {
padding-top: 13vw; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper {
margin-top: 60px; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item .metric, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .external-item .metric, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .external-item .metric, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading .metric, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading .metric, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading-mobile .metric, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading-mobile .metric {
text-align: center;
font-size: 18vw;
line-height: 21vw; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item .description, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .external-item .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .external-item .description, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading .description, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading-mobile .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading-mobile .description {
font-size: 6vw;
line-height: 7vw; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item .description.description-font-size-small, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .external-item .description.description-font-size-small, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .external-item .description.description-font-size-small, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading .description.description-font-size-small, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading .description.description-font-size-small, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading-mobile .description.description-font-size-small, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading-mobile .description.description-font-size-small {
font-size: 2.75vw;
line-height: 4vw; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-two {
margin-top: 80px; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-two .text .heading {
font-size: 22px;
letter-spacing: -0.92px;
line-height: 30px; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-two .text .description {
font-size: 15px;
letter-spacing: 0;
line-height: 24px; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-two .text .row {
margin-top: 20px; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-two .text.is-quote .row {
flex-direction: column;
align-items: start; }
.use-cases-metrics-banner .metrics-banner-wrapper .row-two .text.is-quote .row .actions {
margin-top: 76px; } }

.use-cases-metrics-banner-short {
padding: 6.25%;
margin: -150px 0 -130px;
position: relative;
z-index: 1; }
.use-cases-metrics-banner-short.padding-top-none {
padding-top: 0; }
.use-cases-metrics-banner-short.padding-top-overlap {
padding-top: calc(6.25% + 165px); }
.use-cases-metrics-banner-short.padding-bottom-none {
padding-bottom: 0; }
.use-cases-metrics-banner-short.padding-bottom-overlap {
padding-bottom: calc(6.25% + 165px); }
@media screen and (max-width: 1100px) {
.use-cases-metrics-banner-short {
padding: 12.5%; }
.use-cases-metrics-banner-short.padding-top-overlap {
padding-top: calc(12.5% + 165px); }
.use-cases-metrics-banner-short.padding-bottom-overlap {
padding-bottom: calc(12.5% + 165px); } }
.use-cases-metrics-banner-short .metrics-banner-short-wrapper {
position: relative;
overflow: hidden;
border-top-right-radius: 160px;
border-bottom-left-radius: 160px;
padding: 70px 135px 70px 140px; }
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .metrics-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
clip-path: inset(0); }
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .metrics-bg .bgImage {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute; }
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .metrics-bg .bgImageMobile {
display: none; }
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .items {
display: flex;
position: relative;
justify-content: space-between; }
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item,
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item,
.subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item,
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile {
display: flex;
flex-direction: column;
flex: 1;
position: relative; }
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item .icon, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item .icon, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item .icon, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading .icon, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading .icon, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile .icon, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile .icon {
mix-blend-mode: color-dodge;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%); }
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item .metric, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item .metric, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item .metric, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading .metric, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading .metric, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile .metric, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile .metric {
font-size: 72px;
letter-spacing: -4.5px;
line-height: 86px;
-webkit-text-stroke: 2px white;
color: transparent;
text-align: center; }
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item .metric + .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item .metric + .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item .metric + .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading .metric + .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading .metric + .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile .metric + .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile .metric + .description {
margin-top: 14px; }
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile .description {
font-size: 16px;
font-weight: 300;
letter-spacing: 0;
line-height: 20px;
color: white;
text-align: center; }
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item .description strong, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item .description strong, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item .description strong, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading .description strong, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading .description strong, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile .description strong, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile .description strong {
font-weight: bold; }

@media screen and (max-width: 1240px) {
.use-cases-metrics-banner-short .metrics-banner-short-wrapper {
padding: 70px; } }
@media screen and (max-width: 1100px) {
.use-cases-metrics-banner-short {
padding-left: 20px;
padding-right: 20px; }
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item .icon, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item .icon, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item .icon, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading .icon, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading .icon, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile .icon, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile .icon {
max-width: 20vw; }
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item .metric, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item .metric, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item .metric, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading .metric, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading .metric, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile .metric, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile .metric {
font-size: 6.5vw;
line-height: 7.8vw; }
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item .metric + .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item .metric + .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item .metric + .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading .metric + .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading .metric + .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile .metric + .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile .metric + .description {
margin-top: 1.3vw; }
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile .description {
font-size: 1.45vw;
line-height: 1.8vw; } }
@media screen and (max-width: 768px) {
.use-cases-metrics-banner-short .metrics-banner-short-wrapper {
padding: 135px 54px 155px 54px; }
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .metrics-bg .bgImageHasMobile {
display: none; }
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .metrics-bg .bgImageMobile {
display: block; }
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .items {
flex-direction: column;
row-gap: 0; }
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item,
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item,
.subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item,
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile {
max-width: none; }
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item:not(:last-child), .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item:not(:last-child), .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item:not(:last-child), .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading:not(:last-child), .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading:not(:last-child), .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile:not(:last-child), .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile:not(:last-child) {
margin-bottom: 100px; }
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item:has(.icon), .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item:has(.icon), .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item:has(.icon), .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading:has(.icon), .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading:has(.icon), .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile:has(.icon), .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile:has(.icon) {
min-height: 220px; }
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item .icon, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item .icon, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item .icon, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading .icon, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading .icon, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile .icon, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile .icon {
max-width: none;
object-fit: contain; }
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item .metric, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item .metric, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item .metric, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading .metric, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading .metric, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile .metric, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile .metric {
font-size: 52px;
letter-spacing: -3.25px;
line-height: 62px; }
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item .metric + .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item .metric + .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item .metric + .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading .metric + .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading .metric + .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile .metric + .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile .metric + .description {
margin-top: 9px; }
.use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile .description {
font-size: 16px;
letter-spacing: 0;
line-height: 19px; } }

.use-cases-fee-schedule {
padding: 6.25%;
position: relative;
overflow: hidden; }
.use-cases-fee-schedule.padding-top-none {
padding-top: 0; }
.use-cases-fee-schedule.padding-top-overlap {
padding-top: calc(6.25% + 165px); }
.use-cases-fee-schedule.padding-bottom-none {
padding-bottom: 0; }
.use-cases-fee-schedule.padding-bottom-overlap {
padding-bottom: calc(6.25% + 165px); }
@media screen and (max-width: 1100px) {
.use-cases-fee-schedule {
padding: 12.5%; }
.use-cases-fee-schedule.padding-top-overlap {
padding-top: calc(12.5% + 165px); }
.use-cases-fee-schedule.padding-bottom-overlap {
padding-bottom: calc(12.5% + 165px); } }
.use-cases-fee-schedule.oneTableOneCard .row .col-1 {
display: flex;
flex-direction: column; }
.use-cases-fee-schedule.oneTableOneCard .table-section {
margin-top: 60px;
flex-direction: column;
display: flex;
flex: 1; }
.use-cases-fee-schedule.oneTableOneCard .table-section .table {
flex: 1; }
.use-cases-fee-schedule.oneTableOneCard .table-section .disclaimer-mobile {
display: none; }
.use-cases-fee-schedule.twoTables .table-section {
margin-top: 60px; }
.use-cases-fee-schedule.twoTables .table-section > .text {
min-height: 72px;
display: flex;
flex-direction: column;
justify-content: end; }
.use-cases-fee-schedule .fee-schedule-bg .bgImage {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1; }
.use-cases-fee-schedule .fee-schedule-bg .bgImageMobile {
display: none; }
.use-cases-fee-schedule .fee-schedule-bg svg {
width: 100%;
height: 100%; }
.use-cases-fee-schedule .fee-schedule-bg svg path, .use-cases-fee-schedule .fee-schedule-bg svg polygon, .use-cases-fee-schedule .fee-schedule-bg svg polyline, .use-cases-fee-schedule .fee-schedule-bg svg line {
vector-effect: non-scaling-stroke; }
.use-cases-fee-schedule .row {
display: flex;
gap: 80px; }
.use-cases-fee-schedule .row .col {
flex: 1;
max-width: 50%; }
.use-cases-fee-schedule .row .col-1 > .text > .heading {
color: #222222; }
.use-cases-fee-schedule .row .col-1 > .text > .description {
margin-top: 20px;
color: #222222;
max-width: 487px; }
.use-cases-fee-schedule .row .col-1 > .text > .description a {
color: var(--c-primary); }
.use-cases-fee-schedule .row .table-section .text > .heading {
color: #222222;
font-size: 15px;
font-weight: 500;
letter-spacing: -0.5px;
line-height: 20px;
text-transform: uppercase; }
.use-cases-fee-schedule .row .table-section .text > .description {
margin-top: 10px;
color: #8c8c8c; }
.use-cases-fee-schedule .row .table-section .table {
margin-top: 20px;
border-top: 1px solid #222222;
border-bottom: 1px solid #222222;
padding: 20px;
background-color: white; }
.use-cases-fee-schedule .row .table-section .table .table-row {
display: flex;
margin: 10px 0; }
.use-cases-fee-schedule .row .table-section .table .table-row:first-child {
margin-top: 0; }
.use-cases-fee-schedule .row .table-section .table .table-row:first-child .table-col {
color: #8c8c8c; }
.use-cases-fee-schedule .row .table-section .table .table-row:last-child {
margin-bottom: 0; }
.use-cases-fee-schedule .row .table-section .table .table-row .table-col {
flex: 1;
position: relative;
color: #222222; }
.use-cases-fee-schedule .row .table-section .table .table-row .table-col-2,
.use-cases-fee-schedule .row .table-section .table .table-row .table-col-3 {
text-align: right; }
.use-cases-fee-schedule .col-2 .box {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 60px;
box-sizing: border-box;
background-color: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
border-radius: 10px;
border-color: #CCCCCC;
border-width: 1px;
border-style: solid;
height: 100%; }
.use-cases-fee-schedule .col-2 .box .box-body .box-image-mobile {
display: none; }
.use-cases-fee-schedule .col-2 .box .box-body .box-image {
margin-bottom: 60px;
width: 100%;
max-width: 570px;
height: auto; }
.use-cases-fee-schedule .col-2 .box .box-body .box-heading {
color: #222222;
font-size: 15px;
font-weight: 500;
letter-spacing: -0.5px;
line-height: 18px;
margin-top: 24px;
min-height: 36px; }
.use-cases-fee-schedule .col-2 .box .box-body .box-description {
color: #222222;
font-size: 24px;
letter-spacing: -0.85px;
line-height: 32px; }
.use-cases-fee-schedule .col-2 .box .box-body .box-author {
margin-top: 40px;
font-size: 15px;
font-weight: 500;
letter-spacing: -0.5px;
line-height: 18px; }
.use-cases-fee-schedule .col-2 .box .actions {
margin-top: 40px;
display: flex;
flex-wrap: wrap;
gap: 10px; }
.use-cases-fee-schedule .disclaimer {
margin-top: 10px;
color: #8c8c8c;
font-size: 12px;
font-style: italic;
font-weight: 300;
letter-spacing: -1px;
line-height: 18px; }
.use-cases-fee-schedule .tooltip-black {
display: inline-block;
background-image: url("/assets/images/Hedera-Info-Icon.svg");
background-repeat: no-repeat;
margin-left: 8px;
margin-top: 6px;
width: 16px;
height: 16px;
position: absolute;
z-index: 1; }
.use-cases-fee-schedule .tooltip-black .tooltiptext {
visibility: hidden;
position: absolute;
z-index: 1;
color: white;
font-size: 12px;
font-weight: 300;
line-height: 1.75;
letter-spacing: normal;
background-color: #222222;
padding: 16px;
width: 230px;
min-height: 60px;
bottom: 20px;
left: -115px; }
.use-cases-fee-schedule .tooltip-black .tooltiptext::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 4px;
background: linear-gradient(160deg, var(--c-primary), #8259ef);
bottom: 0;
left: 0; }
.use-cases-fee-schedule .tooltip-black .tooltiptext .tooltiptext-heading {
font-weight: 500;
display: block;
margin-bottom: 2px; }
.use-cases-fee-schedule .tooltip-black:hover .tooltiptext {
visibility: visible; }

@media screen and (max-width: 1100px) {
.use-cases-fee-schedule {
padding-left: 20px;
padding-right: 20px; }
.use-cases-fee-schedule .row {
flex-direction: column;
gap: 0; }
.use-cases-fee-schedule .row .col {
max-width: none; }
.use-cases-fee-schedule .row .col-1 > .text {
padding: 0 calc(12.5% - 20px); }
.use-cases-fee-schedule .row .col-2 {
margin-top: 96px; }
.use-cases-fee-schedule .row .col-2 .box .box-body .box-image-has-mobile {
display: none; }
.use-cases-fee-schedule .row .col-2 .box .box-body .box-image-mobile {
display: block;
max-width: 300px;
margin: 0 auto 60px; }
.use-cases-fee-schedule .row .col-2 .box .box-body .box-description {
font-size: 16px;
letter-spacing: -1px;
line-height: 21px;
margin: 0 -30px; }
.use-cases-fee-schedule .row .col-2 .box .box-body .box-author {
margin: 20px -30px 0; }
.use-cases-fee-schedule .row .col-2 .box .actions {
margin: 40px -30px 0; }
.use-cases-fee-schedule .row .table-section .text {
padding: 0 calc(12.5% - 20px); }
.use-cases-fee-schedule .row .table-section .table {
margin-top: 40px; }
.use-cases-fee-schedule.oneTableOneCard .row .col-2 {
margin-top: 60px; }
.use-cases-fee-schedule.oneTableOneCard .table-section {
margin-top: 30px; }
.use-cases-fee-schedule.oneTableOneCard .table-section .disclaimer-mobile {
display: block; }
.use-cases-fee-schedule.oneTableOneCard .disclaimer-desktop {
display: none; }
.use-cases-fee-schedule.twoTables .table-section {
margin-top: 0; }
.use-cases-fee-schedule.twoTables .table-section > .text {
min-height: auto; }
.use-cases-fee-schedule.twoTables > .row:last-child {
margin-top: 30px; } }

.use-cases-code-block {
position: relative;
overflow: hidden;
background-color: #222222; }
.use-cases-code-block.code-window {
padding: 6.25%; }
.use-cases-code-block.code-window.padding-top-none {
padding-top: 0; }
.use-cases-code-block.code-window.padding-top-overlap {
padding-top: calc(6.25% + 165px); }
.use-cases-code-block.code-window.padding-bottom-none {
padding-bottom: 0; }
.use-cases-code-block.code-window.padding-bottom-overlap {
padding-bottom: calc(6.25% + 165px); }
@media screen and (max-width: 1100px) {
.use-cases-code-block.code-window {
padding: 12.5%; }
.use-cases-code-block.code-window.padding-top-overlap {
padding-top: calc(12.5% + 165px); }
.use-cases-code-block.code-window.padding-bottom-overlap {
padding-bottom: calc(12.5% + 165px); } }
.use-cases-code-block .row {
display: flex;
gap: 20px; }
.use-cases-code-block .row .col {
flex: 1; }
.use-cases-code-block .row .col.col-1 {
max-width: 40%; }
.use-cases-code-block .row .col.col-2 {
max-width: 60%; }
.use-cases-code-block .row .text > .heading {
max-width: 328px; }
.use-cases-code-block .row .text > .description {
margin-top: 20px;
max-width: 487px; }
.use-cases-code-block .row .text > .description a {
color: var(--c-primary); }
.use-cases-code-block .row .actions {
margin-top: 40px;
display: flex;
flex-wrap: wrap;
gap: 10px; }
.use-cases-code-block .col-2 .code-window-highlight {
border-radius: 15px;
border: 1px solid #979797;
background-color: rgba(255, 255, 255, 0.05); }
.use-cases-code-block .col-2 .code-window-prism-highlight .line-numbers-rows > span:before {
color: #CCCCCC; }
.use-cases-code-block .col-2 .code-window-prism-highlight span.line-numbers-rows::before {
opacity: 0; }
.use-cases-code-block .col-2 .code-window-prism-highlight pre[class*="language-"].line-numbers,
.use-cases-code-block .col-2 .prism-code-window pre[class*="language-"].line-numbers {
overflow-y: hidden; }
.use-cases-code-block .col-2 .code-window-container .function-list li {
font-size: 15px;
font-weight: 500;
letter-spacing: -0.5px;
line-height: 20px;
padding: 10px 28px 10px 20px; }
.use-cases-code-block .col-2 .code-window-container .function-list li.active::before {
-webkit-border-radius: 3.5px;
border-radius: 3.5px;
height: 7px;
width: 7px;
background: #ACD534;
top: 17px; }

@media screen and (max-width: 1100px) {
.use-cases-code-block.code-window {
padding-left: 20px;
padding-right: 20px; }
.use-cases-code-block .row {
flex-direction: column;
gap: 0; }
.use-cases-code-block .row .text {
padding: 0 calc(12.5% - 20px); }
.use-cases-code-block .row .actions {
padding: 0 calc(12.5% - 20px); }
.use-cases-code-block .row .col.col-1 {
max-width: none; }
.use-cases-code-block .row .col.col-2 {
max-width: none;
margin-top: 60px; }
.use-cases-code-block .code-dropdown-menu {
margin: 0 0 30px 20px; } }

@media screen and (max-width: 1024px) {
.use-cases-code-block .code-window-container .code-dropdown-menu {
margin: 0 0 30px 0;
padding: 0 calc(12.5% - 20px); }
.use-cases-code-block .code-window-container .function-list {
position: relative;
display: block;
border: none;
background-color: transparent; }
.use-cases-code-block .code-window-container .function-list li.active {
background-color: transparent; }
.use-cases-code-block .code-window-container .function-list li.active::before {
content: '';
display: block;
position: absolute;
left: 0;
-webkit-border-radius: 3.5px;
border-radius: 3.5px;
height: 7px;
width: 7px;
background: #ACD534;
top: 17px; } }

@media screen and (max-width: 414px) {
.use-cases-code-block .row .actions {
gap: 0; }
.use-cases-code-block .row .actions .Btn:nth-child(2) {
margin-top: 10px; } }

.use-cases-video-block {
padding: 6.25%;
position: relative;
overflow: hidden;
background-color: #F0F0F0; }
.use-cases-video-block.padding-top-none {
padding-top: 0; }
.use-cases-video-block.padding-top-overlap {
padding-top: calc(6.25% + 165px); }
.use-cases-video-block.padding-bottom-none {
padding-bottom: 0; }
.use-cases-video-block.padding-bottom-overlap {
padding-bottom: calc(6.25% + 165px); }
@media screen and (max-width: 1100px) {
.use-cases-video-block {
padding: 12.5%; }
.use-cases-video-block.padding-top-overlap {
padding-top: calc(12.5% + 165px); }
.use-cases-video-block.padding-bottom-overlap {
padding-bottom: calc(12.5% + 165px); } }
.use-cases-video-block .row {
display: flex;
gap: 40px; }
.use-cases-video-block .row .col {
flex: 1; }
.use-cases-video-block .row .col.col-1 {
max-width: 30%; }
.use-cases-video-block .row .col.col-2 {
max-width: 70%; }
.use-cases-video-block .row .image-above-heading {
width: 100%;
height: auto;
margin-bottom: 40px; }
.use-cases-video-block .row .image-above-heading-mobile {
display: none; }
.use-cases-video-block .row .text .heading {
color: #222222; }
.use-cases-video-block .row .text .description {
margin-top: 20px;
color: #222222; }
.use-cases-video-block .row .text .description a {
color: var(--c-primary); }

@media screen and (max-width: 1100px) {
.use-cases-video-block {
padding-left: 0;
padding-right: 0; }
.use-cases-video-block .row {
flex-direction: column;
gap: 0; }
.use-cases-video-block .row .col.col-1 {
max-width: none; }
.use-cases-video-block .row .col.col-1 .text {
padding: 0 12.5%; }
.use-cases-video-block .row .col.col-2 {
max-width: none;
margin-top: 60px; }
.use-cases-video-block .row .col .image-wrapper {
padding: 0 12.5%; } }

@media screen and (max-width: 768px) {
.use-cases-video-block .row .col .image-wrapper .image-above-heading-has-mobile {
display: none; }
.use-cases-video-block .row .col .image-wrapper .image-above-heading-mobile {
display: block; } }

.use-cases-case-studies {
padding: 6.25%;
position: relative;
display: flex;
column-gap: 5.5vw;
overflow: hidden; }
.use-cases-case-studies.padding-top-none {
padding-top: 0; }
.use-cases-case-studies.padding-top-overlap {
padding-top: calc(6.25% + 165px); }
.use-cases-case-studies.padding-bottom-none {
padding-bottom: 0; }
.use-cases-case-studies.padding-bottom-overlap {
padding-bottom: calc(6.25% + 165px); }
@media screen and (max-width: 1100px) {
.use-cases-case-studies {
padding: 12.5%; }
.use-cases-case-studies.padding-top-overlap {
padding-top: calc(12.5% + 165px); }
.use-cases-case-studies.padding-bottom-overlap {
padding-bottom: calc(12.5% + 165px); } }
.use-cases-case-studies.columns-4 {
column-gap: 2vw; }
.use-cases-case-studies .bgImage {
position: absolute;
width: 101%;
height: 101%;
object-fit: cover;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.use-cases-case-studies .bgImageMobile {
display: none; }
.use-cases-case-studies svg {
width: 100%;
height: 100%; }
.use-cases-case-studies svg path, .use-cases-case-studies svg polygon, .use-cases-case-studies svg polyline, .use-cases-case-studies svg line {
vector-effect: non-scaling-stroke; }
.use-cases-case-studies > .text {
flex: 0 0 30%;
position: relative; }
.use-cases-case-studies > .text.columns-4 {
flex: 0 0 20%; }
.use-cases-case-studies > .text.heading-description-color-dark {
color: #222222; }
.use-cases-case-studies > .text.heading-description-color-light {
color: white; }
.use-cases-case-studies > .text > .description {
margin-top: 20px;
max-width: 440px; }
.use-cases-case-studies > .text > .description a {
color: var(--c-primary); }
.use-cases-case-studies > .text > .actions {
margin-top: 40px;
display: flex;
flex-wrap: wrap;
gap: 10px; }
.use-cases-case-studies .boxes {
display: grid;
grid-template-columns: repeat(1, 1fr);
column-gap: 60px;
row-gap: 40px;
position: relative; }
.use-cases-case-studies .boxes .box {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
box-sizing: border-box;
display: flex;
position: relative;
border-radius: 15px;
overflow: hidden;
padding: 40px 40px 50px 40px; }
.use-cases-case-studies .boxes .box.item-border {
background-color: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
border-color: #8C8C8C;
border-width: 1px;
border-style: solid; }
.use-cases-case-studies .boxes .box.item-white-border {
border-color: white; }
.use-cases-case-studies .boxes .box .box-body {
display: flex;
column-gap: 5vw; }
.use-cases-case-studies .boxes .box .box-body .col-1 {
min-width: 230px;
max-width: 230px; }
.use-cases-case-studies .boxes .box .box-body .icon {
margin-bottom: 24px; }
.use-cases-case-studies .boxes .box .box-body .col .ecosystem-tags {
justify-content: start;
padding-bottom: 20px;
min-height: unset; }
.use-cases-case-studies .boxes .box .box-body .col .ecosystem-tags a {
text-decoration: none; }
.use-cases-case-studies .boxes .box .box-body .text.text-color-dark {
color: #222222; }
.use-cases-case-studies .boxes .box .box-body .text.text-color-light {
color: white; }
.use-cases-case-studies .boxes .box .actions {
margin-top: 20px;
display: flex;
flex-wrap: wrap;
gap: 10px; }
.use-cases-case-studies .boxes .box .actions .Btn {
width: auto; }
.use-cases-case-studies .boxes.columns-4 {
grid-template-columns: repeat(4, 1fr);
column-gap: 40px;
row-gap: 40px; }
.use-cases-case-studies .boxes.columns-4 .box {
padding: 30px 30px 40px 30px; }
.use-cases-case-studies .boxes.columns-4 .box .box-body {
flex-direction: column;
height: 100%; }
.use-cases-case-studies .boxes.columns-4 .box .box-body .col-1 {
min-width: auto;
max-width: none;
min-height: 123px; }
.use-cases-case-studies .boxes.columns-4 .box .box-body .col-1 .icon {
height: 61px;
width: 100%;
object-fit: contain; }
.use-cases-case-studies .boxes.columns-4 .box .box-body .col-1 .ecosystem-tags {
padding-bottom: 10px;
min-height: 37px; }
.use-cases-case-studies .boxes.columns-4 .box .box-body .col-2 {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between; }

@media screen and (max-width: 1640px) {
.use-cases-case-studies .boxes.columns-4 {
column-gap: 30px; } }

@media screen and (max-width: 1500px) {
.use-cases-case-studies .boxes.columns-4 {
grid-template-columns: repeat(2, 1fr); } }

@media screen and (max-width: 1100px) {
.use-cases-case-studies {
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
flex-direction: column; }
.use-cases-case-studies > .text {
padding: 0 calc(12.5% - 20px); }
.use-cases-case-studies .boxes {
margin-top: 60px; }
.use-cases-case-studies .boxes .box {
padding: 40px 30px 30px 30px; }
.use-cases-case-studies .boxes .box .box-body {
flex-direction: column; }
.use-cases-case-studies .boxes .box .box-body .icon {
height: auto;
max-height: 62px;
object-position: left;
object-fit: contain; }
.use-cases-case-studies .boxes .box .actions {
margin-top: 60px; } }

@media screen and (max-width: 768px) {
.use-cases-case-studies .bgImageHasMobile {
display: none; }
.use-cases-case-studies .bgImageMobile {
display: block; }
.use-cases-case-studies .boxes.columns-4 {
grid-template-columns: repeat(1, 1fr); } }

@media screen and (max-width: 414px) {
.use-cases-case-studies > .text > .actions {
gap: 0; }
.use-cases-case-studies > .text > .actions .Btn:nth-child(2) {
margin-top: 10px; }
.use-cases-case-studies .boxes {
gap: 0; }
.use-cases-case-studies .boxes.columns-4 {
row-gap: 0; }
.use-cases-case-studies .boxes .box:not(:last-child) {
margin-bottom: 40px; }
.use-cases-case-studies .boxes .box .actions {
gap: 0; }
.use-cases-case-studies .boxes .box .actions .Btn:nth-child(2) {
margin-top: 10px; } }

.use-cases-case-studies-carousel {
padding: 6.25%;
position: relative;
overflow: hidden; }
.use-cases-case-studies-carousel.padding-top-none {
padding-top: 0; }
.use-cases-case-studies-carousel.padding-top-overlap {
padding-top: calc(6.25% + 165px); }
.use-cases-case-studies-carousel.padding-bottom-none {
padding-bottom: 0; }
.use-cases-case-studies-carousel.padding-bottom-overlap {
padding-bottom: calc(6.25% + 165px); }
@media screen and (max-width: 1100px) {
.use-cases-case-studies-carousel {
padding: 12.5%; }
.use-cases-case-studies-carousel.padding-top-overlap {
padding-top: calc(12.5% + 165px); }
.use-cases-case-studies-carousel.padding-bottom-overlap {
padding-bottom: calc(12.5% + 165px); } }
.use-cases-case-studies-carousel .row {
display: flex; }
.use-cases-case-studies-carousel .row.row-top {
justify-content: space-between;
margin-bottom: 40px;
padding-bottom: 20px;
border-bottom: 1px solid #222222; }
.use-cases-case-studies-carousel .text {
max-width: 600px; }
.use-cases-case-studies-carousel .text .heading {
color: #222222; }
.use-cases-case-studies-carousel .text .description {
margin-top: 20px;
color: #222222; }
.use-cases-case-studies-carousel .text .description a {
color: var(--c-primary); }
.use-cases-case-studies-carousel .actions {
display: flex;
flex-wrap: wrap;
align-items: end;
gap: 10px;
margin-top: 20px;
margin-right: 40px; }
.use-cases-case-studies-carousel .section .text-wrapper {
float: left;
width: 20%; }
.use-cases-case-studies-carousel .section .text-wrapper .text {
padding-right: 80px; }
.use-cases-case-studies-carousel .section .ecosystem-carousel {
float: left;
width: 80%;
position: relative; }
.use-cases-case-studies-carousel .section .ecosystem-carousel .slider-controls button {
position: absolute;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
transform: translateY(-50%);
top: 50%;
width: 80px;
height: 80px;
display: inline-block;
background-color: transparent;
border: none;
cursor: pointer; }
.use-cases-case-studies-carousel .section .ecosystem-carousel .slider-controls button.swiper-button-disabled {
display: none; }
.use-cases-case-studies-carousel .section .ecosystem-carousel .slider-controls button.next {
right: 0;
z-index: 10;
background-image: url("/assets/images/ecosystem/HH-Eco-Icon-Carousel-Arro-R1.svg"); }
.use-cases-case-studies-carousel .section .ecosystem-carousel .slider-controls button.prev {
left: 0;
z-index: 5;
background-image: url("/assets/images/ecosystem/HH-Eco-Icon-Carousel-Arro-R1.svg");
-moz-transform: translateY(-50%) scaleX(-1);
-o-transform: translateY(-50%) scaleX(-1);
-webkit-transform: translateY(-50%) scaleX(-1);
transform: translateY(-50%) scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH"; }
.use-cases-case-studies-carousel .section .ecosystem-carousel .fade-wrapper-next {
-webkit-mask-image: -webkit-linear-gradient(left, black 85%, rgba(0, 0, 0, 0) 99%);
/* Chrome10-25,Safari5.1-6 */
mask-image: linear-gradient(to right, black 85%, rgba(0, 0, 0, 0) 99%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.use-cases-case-studies-carousel .section .ecosystem-carousel .fade-wrapper-next.disabled {
-webkit-mask-image: unset;
mask-image: unset; }
.use-cases-case-studies-carousel .section .ecosystem-carousel .fade-wrapper-prev {
-webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 1%, black 15%);
/* Chrome10-25,Safari5.1-6 */
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 1%, black 15%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.use-cases-case-studies-carousel .section .ecosystem-carousel .fade-wrapper-prev.disabled {
-webkit-mask-image: unset;
mask-image: unset; }
.use-cases-case-studies-carousel .section .ecosystem-carousel .swiper-wrapper {
display: flex; }
.use-cases-case-studies-carousel .section .ecosystem-carousel .swiper-wrapper .ecosystem-card .card-container {
justify-content: start; }
.use-cases-case-studies-carousel .section .ecosystem-carousel .swiper-wrapper .ecosystem-card .card-container .ecosystem-tags a {
text-decoration: none; }
.use-cases-case-studies-carousel .section .ecosystem-carousel .swiper-wrapper .ecosystem-card .card-container .content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%; }
.use-cases-case-studies-carousel .section .ecosystem-carousel .swiper-wrapper .ecosystem-card .card-container .content .logo {
margin-bottom: 20px; }
.use-cases-case-studies-carousel .section .ecosystem-carousel .swiper-wrapper .ecosystem-card .card-container .content .logo img {
height: 80px; }
.use-cases-case-studies-carousel .section .ecosystem-carousel .swiper-wrapper .ecosystem-card .card-container .content .title {
margin-top: 30px; }
.use-cases-case-studies-carousel .section .ecosystem-carousel .swiper-wrapper .ecosystem-card .card-container .content .contentSub {
margin-top: 30px;
height: 100%; }
.use-cases-case-studies-carousel .section .ecosystem-carousel .swiper-wrapper .ecosystem-card .card-container .content .lowerCard .links {
flex-wrap: wrap; }
.use-cases-case-studies-carousel.heading-description-placement-top .section .ecosystem-carousel {
float: none;
width: 100%; }
.use-cases-case-studies-carousel.heading-description-placement-top .actions {
margin-top: 0;
margin-right: 0; }

@media screen and (max-width: 1700px) {
.use-cases-case-studies-carousel .section .text-wrapper {
width: 30%; }
.use-cases-case-studies-carousel .section .ecosystem-carousel {
width: 70%; } }

@media screen and (max-width: 1300px) {
.use-cases-case-studies-carousel .section .text-wrapper {
width: 40%; }
.use-cases-case-studies-carousel .section .ecosystem-carousel {
width: 60%; } }

@media screen and (max-width: 1100px) {
.use-cases-case-studies-carousel {
padding: 12.5% 0;
overflow: hidden;
flex-direction: column; }
.use-cases-case-studies-carousel .row {
flex-direction: column; }
.use-cases-case-studies-carousel .row.row-top {
margin-left: 12.5%;
margin-right: 12.5%;
margin-bottom: 0; }
.use-cases-case-studies-carousel .row.row-top .text {
padding: 0; }
.use-cases-case-studies-carousel .row.row-top .actions {
padding: 0;
align-items: start;
justify-content: start;
flex-direction: row;
margin-top: 20px; }
.use-cases-case-studies-carousel .section .text-wrapper {
width: 100%; }
.use-cases-case-studies-carousel .section .ecosystem-carousel {
float: none;
width: auto;
margin-top: 50px;
overflow: hidden; }
.use-cases-case-studies-carousel .section .ecosystem-carousel .slider-controls {
display: none; }
.use-cases-case-studies-carousel .section .ecosystem-carousel .fade-wrapper-next {
-webkit-mask-image: -webkit-linear-gradient(left, black 80%, rgba(0, 0, 0, 0) 99%);
/* Chrome10-25,Safari5.1-6 */
mask-image: linear-gradient(to right, black 80%, rgba(0, 0, 0, 0) 99%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.use-cases-case-studies-carousel .section .ecosystem-carousel .fade-wrapper-prev {
-webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 1%, black 20%);
/* Chrome10-25,Safari5.1-6 */
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 1%, black 20%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
padding: 0 12.5%;
transition: 0.25s padding ease-out; }
.use-cases-case-studies-carousel .section .ecosystem-carousel .swiper {
overflow: visible; }
.use-cases-case-studies-carousel .text {
padding-left: 12.5%;
padding-right: 12.5%; }
.use-cases-case-studies-carousel .actions {
padding-left: 12.5%;
padding-right: 12.5%;
margin-right: 0; }
.use-cases-case-studies-carousel.heading-description-placement-top .actions {
flex-direction: column;
justify-content: end; }
.use-cases-case-studies-carousel.heading-description-placement-left .section .text-wrapper .text {
padding-right: 12.5%; } }

@media screen and (max-width: 768px) {
.use-cases-case-studies-carousel.heading-description-placement-top .row.row-top {
flex-direction: column;
border: none;
padding-bottom: 0;
margin-bottom: 0; }
.use-cases-case-studies-carousel.heading-description-placement-top .actions {
margin-top: 40px;
flex-direction: row;
justify-content: start; } }

@media screen and (max-width: 414px) {
.use-cases-case-studies-carousel.heading-description-placement-top .actions {
gap: 0; }
.use-cases-case-studies-carousel.heading-description-placement-top .actions .Btn:nth-child(2) {
margin-top: 10px; } }

.use-cases-grant-banner {
padding: 6.25%;
position: relative;
overflow: hidden; }
.use-cases-grant-banner.padding-top-none {
padding-top: 0; }
.use-cases-grant-banner.padding-top-overlap {
padding-top: calc(6.25% + 165px); }
.use-cases-grant-banner.padding-bottom-none {
padding-bottom: 0; }
.use-cases-grant-banner.padding-bottom-overlap {
padding-bottom: calc(6.25% + 165px); }
@media screen and (max-width: 1100px) {
.use-cases-grant-banner {
padding: 12.5%; }
.use-cases-grant-banner.padding-top-overlap {
padding-top: calc(12.5% + 165px); }
.use-cases-grant-banner.padding-bottom-overlap {
padding-bottom: calc(12.5% + 165px); } }
.use-cases-grant-banner .grant-banner-wrapper {
display: flex;
position: relative; }
.use-cases-grant-banner .grant-banner-wrapper .col {
flex: 0 0 50%; }
.use-cases-grant-banner .grant-banner-wrapper .col .heading {
margin-top: 30px;
color: #222222; }
.use-cases-grant-banner .grant-banner-wrapper .col .description {
color: #222222; }
.use-cases-grant-banner .grant-banner-wrapper .col .author {
margin-top: 20px;
font-size: 15px;
font-weight: bold;
letter-spacing: -0.5px;
line-height: 18px;
text-transform: uppercase; }
.use-cases-grant-banner .grant-banner-wrapper .col .actions {
margin-top: 20px;
display: flex;
flex-wrap: wrap;
gap: 10px; }
.use-cases-grant-banner.layout-two-columns-logo-garden {
background-color: #F0F0F0; }
.use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col-1 {
max-width: 35%;
padding-right: 4.4vw;
border-right: 1px solid #464646; }
.use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col-1.column-vertical-divider-none {
padding-right: 0;
border-right: none; }
.use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col-1 .heading {
margin-top: 60px; }
.use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col-1 .heading.margin-top-none {
margin-top: 0; }
.use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col-1 .description {
margin-top: 20px; }
.use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col-1 .actions {
margin-top: 40px; }
.use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col-2 {
max-width: 65%;
padding-left: 6.6vw; }
.use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col-2.column-vertical-divider-none {
padding-left: 2.4vw;
flex: 1; }
.use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col-2 .heading {
margin-top: 0; }
.use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col-2 .text + .logo-garden {
margin-top: 60px; }
.use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col-2 .logo-garden {
width: 100%;
height: auto; }
.use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col-2 .logo-garden-mobile {
display: none; }
.use-cases-grant-banner.layout-two-columns-leaf-shape {
margin: -146px 0;
z-index: 3;
padding-bottom: 30px; }
.use-cases-grant-banner.layout-two-columns-leaf-shape .grant-banner-wrapper {
background-color: white;
border-top-right-radius: 154px;
border-bottom-left-radius: 154px;
padding: 72px 10.5vw;
box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1); }
.use-cases-grant-banner.layout-two-columns .grant-banner-wrapper {
align-items: start;
border-top: 1px solid #222222;
border-bottom: 1px solid #222222;
padding: 6.25% 0; }
.use-cases-grant-banner.layout-two-columns .grant-banner-wrapper.block-border-none {
border: none;
padding: 0; }
.use-cases-grant-banner.layout-two-columns .grant-banner-wrapper .col-1 {
display: flex;
align-items: center; }
.use-cases-grant-banner.layout-two-columns .grant-banner-wrapper .col-1 .logo {
height: 100px;
object-fit: contain; }
.use-cases-grant-banner.layout-two-columns .grant-banner-wrapper .col-1 .text {
margin: 0 2.5vw;
height: 1px;
width: 100%;
background-color: #979797; }
.use-cases-grant-banner.layout-two-columns .grant-banner-wrapper .col-2 .heading {
margin-top: 0; }
.use-cases-grant-banner.layout-two-columns .grant-banner-wrapper .col-2 .heading + .description {
margin-top: 20px; }
.use-cases-grant-banner.layout-two-columns .grant-banner-wrapper .col-2 .description strong {
font-weight: bold; }
.use-cases-grant-banner.layout-two-columns .grant-banner-wrapper .col-2 .actions {
margin-top: 40px; }
.use-cases-grant-banner.background-color-none {
background-color: transparent; }
.use-cases-grant-banner.background-color-off-white {
background-color: #f9f9f9; }
.use-cases-grant-banner.background-color-white {
background-color: white; }

@media screen and (max-width: 1100px) {
.use-cases-grant-banner .grant-banner-wrapper {
flex-direction: column; }
.use-cases-grant-banner .grant-banner-wrapper .col {
flex: 1;
width: 100%; }
.use-cases-grant-banner .grant-banner-wrapper .col .logo {
max-height: 87px;
width: 100%;
object-fit: contain;
object-position: left; }
.use-cases-grant-banner .grant-banner-wrapper .col .actions {
margin-top: 40px; }
.use-cases-grant-banner .grant-banner-wrapper .col.col-2 {
margin-top: 20px; }
.use-cases-grant-banner.layout-two-columns-leaf-shape {
padding-left: 20px;
padding-right: 20px; }
.use-cases-grant-banner.layout-two-columns-leaf-shape .grant-banner-wrapper {
padding: 112px 35px 135px 35px; }
.use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col {
max-width: none; }
.use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col.col-1 {
padding-right: 0;
border: none; }
.use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col.col-1 .heading {
margin-top: 20px; }
.use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col.col-2 {
padding-left: 0;
margin-top: 60px; }
.use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col.col-2 .logo-garden {
margin-top: 40px; }
.use-cases-grant-banner.layout-two-columns .grant-banner-wrapper .col-1 .text {
display: none; } }

@media screen and (max-width: 768px) {
.use-cases-grant-banner.layout-two-columns.padding-top-none {
padding-top: 12.5%; }
.use-cases-grant-banner.layout-two-columns.padding-bottom-none {
padding-bottom: 12.5%; }
.use-cases-grant-banner.layout-two-columns .grant-banner-wrapper {
border: none; }
.use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col.col-2 .logo-garden.logo-garden-has-mobile {
display: none; }
.use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col.col-2 .logo-garden.logo-garden-mobile {
display: block; } }

@media screen and (max-width: 414px) {
.use-cases-grant-banner .grant-banner-wrapper .col .actions {
gap: 0; }
.use-cases-grant-banner .grant-banner-wrapper .col .actions .Btn:nth-child(2) {
margin-top: 10px; } }

.use-cases-banner-short {
padding: 6.25%;
position: relative;
z-index: 1; }
.use-cases-banner-short.padding-top-none {
padding-top: 0; }
.use-cases-banner-short.padding-top-overlap {
padding-top: calc(6.25% + 165px); }
.use-cases-banner-short.padding-bottom-none {
padding-bottom: 0; }
.use-cases-banner-short.padding-bottom-overlap {
padding-bottom: calc(6.25% + 165px); }
@media screen and (max-width: 1100px) {
.use-cases-banner-short {
padding: 12.5%; }
.use-cases-banner-short.padding-top-overlap {
padding-top: calc(12.5% + 165px); }
.use-cases-banner-short.padding-bottom-overlap {
padding-bottom: calc(12.5% + 165px); } }
.use-cases-banner-short .banner-short-wrapper {
position: relative;
overflow: hidden;
border-top-right-radius: 160px;
border-bottom-left-radius: 160px;
padding: 70px 150px 70px 175px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 2.25vw; }
.use-cases-banner-short .banner-short-wrapper .banner-short-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
clip-path: inset(0); }
.use-cases-banner-short .banner-short-wrapper .banner-short-bg .bgImage {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute; }
.use-cases-banner-short .banner-short-wrapper .banner-short-bg .bgImageMobile {
display: none; }
.use-cases-banner-short .banner-short-wrapper .col {
position: relative;
flex: 1; }
.use-cases-banner-short .banner-short-wrapper .col.col-1 {
display: flex;
gap: 2.25vw;
align-items: center; }
.use-cases-banner-short .banner-short-wrapper .col.col-1 .text .heading {
color: white;
font-size: 15px;
font-weight: 500;
letter-spacing: -0.5px;
line-height: 18px; }
.use-cases-banner-short .banner-short-wrapper .col.col-2 {
display: flex;
flex-direction: column;
justify-content: center; }
.use-cases-banner-short .banner-short-wrapper .graphic {
mix-blend-mode: color-dodge;
max-width: 240px; }
.use-cases-banner-short .banner-short-wrapper .graphic-dual {
max-width: 192px; }
.use-cases-banner-short .banner-short-wrapper .item-separator-plus {
color: white;
font-weight: 100;
font-size: 42px;
opacity: 0.5; }
.use-cases-banner-short .banner-short-wrapper .description {
color: white; }
.use-cases-banner-short .banner-short-wrapper .description strong {
font-weight: bold; }
.use-cases-banner-short .banner-short-wrapper .author {
color: white;
margin-top: 20px;
font-size: 15px;
font-weight: 500;
letter-spacing: -0.5px;
line-height: 18px;
text-transform: uppercase; }
.use-cases-banner-short .banner-short-wrapper .actions {
margin-top: 40px;
display: flex;
flex-wrap: wrap;
gap: 10px; }

@media screen and (max-width: 1500px) {
.use-cases-banner-short .banner-short-wrapper {
padding: 70px calc(6.25% + 20px) 70px 6.25%; }
.use-cases-banner-short .banner-short-wrapper .graphic {
width: 14vw;
max-width: 192px;
height: auto; } }

@media screen and (max-width: 1100px) {
.use-cases-banner-short {
padding-left: 20px;
padding-right: 20px; } }

@media screen and (max-width: 768px) {
.use-cases-banner-short .banner-short-wrapper {
flex-direction: column;
padding: 135px 20px 155px 30px;
gap: 0; }
.use-cases-banner-short .banner-short-wrapper .banner-short-bg .bgImageHasMobile {
display: none; }
.use-cases-banner-short .banner-short-wrapper .banner-short-bg .bgImageMobile {
display: block; }
.use-cases-banner-short .banner-short-wrapper .graphic {
width: auto;
max-width: 240px;
margin-bottom: 20px; }
.use-cases-banner-short .banner-short-wrapper .graphic-dual {
width: 25vw;
max-width: 192px;
min-width: 100px;
margin-bottom: 0; }
.use-cases-banner-short .banner-short-wrapper .col.col-1:not(.col-graphic-dual) {
flex-direction: column;
gap: 0;
margin-bottom: 45px; }
.use-cases-banner-short .banner-short-wrapper .col.col-1.col-graphic-dual {
margin-bottom: 45px; }
.use-cases-banner-short .banner-short-wrapper .col.col-1.col-graphic-dual .item-separator-plus {
padding-bottom: 20px; } }

@media screen and (max-width: 414px) {
.use-cases-banner-short .banner-short-wrapper .actions {
gap: 0; }
.use-cases-banner-short .banner-short-wrapper .actions .Btn:nth-child(2) {
margin-top: 10px; } }

.use-cases-ecosystem {
padding: 6.25%;
position: relative; }
.use-cases-ecosystem.padding-top-none {
padding-top: 0; }
.use-cases-ecosystem.padding-top-overlap {
padding-top: calc(6.25% + 165px); }
.use-cases-ecosystem.padding-bottom-none {
padding-bottom: 0; }
.use-cases-ecosystem.padding-bottom-overlap {
padding-bottom: calc(6.25% + 165px); }
@media screen and (max-width: 1100px) {
.use-cases-ecosystem {
padding: 12.5%; }
.use-cases-ecosystem.padding-top-overlap {
padding-top: calc(12.5% + 165px); }
.use-cases-ecosystem.padding-bottom-overlap {
padding-bottom: calc(12.5% + 165px); } }
.use-cases-ecosystem .row {
display: flex;
gap: 40px; }
.use-cases-ecosystem .row .col {
flex: 1; }
.use-cases-ecosystem .row .col.col-1 {
max-width: 35%; }
.use-cases-ecosystem .row .col.col-2 {
max-width: 65%;
padding-right: 7vw; }
.use-cases-ecosystem .row .text {
max-width: 490px; }
.use-cases-ecosystem .row .text .heading {
color: #222222; }
.use-cases-ecosystem .row .text .heading + .description {
margin-top: 20px; }
.use-cases-ecosystem .row .text .description {
color: #222222; }
.use-cases-ecosystem .row .actions {
margin-top: 40px;
display: flex;
flex-wrap: wrap;
gap: 10px; }
.use-cases-ecosystem .row .graphic {
max-width: 791px;
width: 100%;
height: auto; }

@media screen and (max-width: 1100px) {
.use-cases-ecosystem {
padding-left: 20px;
padding-right: 20px; }
.use-cases-ecosystem .row {
flex-direction: column;
gap: 0; }
.use-cases-ecosystem .row .col.col-1 {
max-width: none;
margin-bottom: 40px; }
.use-cases-ecosystem .row .col.col-2 {
max-width: none;
padding-right: 0;
text-align: center; }
.use-cases-ecosystem .row .text {
padding: 0 calc(12.5% - 20px); }
.use-cases-ecosystem .row .actions {
padding: 0 calc(12.5% - 20px); } }

@media screen and (max-width: 414px) {
.use-cases-ecosystem .row .actions {
gap: 0; }
.use-cases-ecosystem .row .actions .Btn:nth-child(2) {
margin-top: 10px; } }

.use-cases-ecosystem-banner {
padding: 6.25%;
position: relative; }
.use-cases-ecosystem-banner.padding-top-none {
padding-top: 0; }
.use-cases-ecosystem-banner.padding-top-overlap {
padding-top: calc(6.25% + 165px); }
.use-cases-ecosystem-banner.padding-bottom-none {
padding-bottom: 0; }
.use-cases-ecosystem-banner.padding-bottom-overlap {
padding-bottom: calc(6.25% + 165px); }
@media screen and (max-width: 1100px) {
.use-cases-ecosystem-banner {
padding: 12.5%; }
.use-cases-ecosystem-banner.padding-top-overlap {
padding-top: calc(12.5% + 165px); }
.use-cases-ecosystem-banner.padding-bottom-overlap {
padding-bottom: calc(12.5% + 165px); } }
.use-cases-ecosystem-banner.padding-top-none {
padding-top: 0; }
.use-cases-ecosystem-banner.padding-top-large {
padding-top: calc(6.25% + 165px); }
.use-cases-ecosystem-banner.padding-bottom-none {
padding-bottom: 0; }
.use-cases-ecosystem-banner.padding-bottom-large {
padding-bottom: calc(6.25% + 165px); }
.use-cases-ecosystem-banner .ecosystem-banner-wrapper {
border-top-right-radius: 154px;
border-bottom-left-radius: 154px;
padding: 72px 4.5vw;
background: linear-gradient(#222222, #222222) padding-box, linear-gradient(to right, #5281e7, #21A056) border-box;
border: 6px solid transparent; }
.use-cases-ecosystem-banner .row {
display: flex;
gap: 40px; }
.use-cases-ecosystem-banner .row .col {
flex: 1; }
.use-cases-ecosystem-banner .row .col.col-1 {
max-width: 30%; }
.use-cases-ecosystem-banner .row .col.col-2 {
max-width: 70%; }
.use-cases-ecosystem-banner .row .text {
max-width: 330px; }
.use-cases-ecosystem-banner .row .heading {
color: white; }
.use-cases-ecosystem-banner .row .heading + .description {
margin-top: 20px; }
.use-cases-ecosystem-banner .row .description {
color: white; }
.use-cases-ecosystem-banner .row .logo {
width: auto;
height: 36px;
object-fit: contain; }
.use-cases-ecosystem-banner .row .logo + .description {
margin-top: 10px; }
.use-cases-ecosystem-banner .row .items {
display: flex;
gap: 40px; }
.use-cases-ecosystem-banner .row .items .item,
.use-cases-ecosystem-banner .row .items .subnav .list .external-item,
.subnav .list .use-cases-ecosystem-banner .row .items .external-item,
.use-cases-ecosystem-banner .row .items .subnav .list .item-list-heading, .subnav .list .use-cases-ecosystem-banner .row .items .item-list-heading, .use-cases-ecosystem-banner .row .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-ecosystem-banner .row .items .item-list-heading-mobile {
flex: 1;
max-width: 50%;
padding: 5px 0 10px 40px;
border-left: 1px solid white; }
.use-cases-ecosystem-banner .row .items .item .actions, .use-cases-ecosystem-banner .row .items .subnav .list .external-item .actions, .subnav .list .use-cases-ecosystem-banner .row .items .external-item .actions, .use-cases-ecosystem-banner .row .items .subnav .list .item-list-heading .actions, .subnav .list .use-cases-ecosystem-banner .row .items .item-list-heading .actions, .use-cases-ecosystem-banner .row .items .subnav .list .item-list-heading-mobile .actions, .subnav .list .use-cases-ecosystem-banner .row .items .item-list-heading-mobile .actions {
margin-top: 20px;
display: flex;
flex-wrap: wrap;
gap: 10px; }

@media screen and (max-width: 1100px) {
.use-cases-ecosystem-banner {
padding-left: 20px;
padding-right: 20px; } }

@media screen and (max-width: 768px) {
.use-cases-ecosystem-banner.padding-top-none {
padding-top: 12.5%; }
.use-cases-ecosystem-banner.padding-bottom-none {
padding-bottom: 12.5%; }
.use-cases-ecosystem-banner .ecosystem-banner-wrapper {
padding: 100px 35px 125px; }
.use-cases-ecosystem-banner .row {
flex-direction: column;
gap: 0; }
.use-cases-ecosystem-banner .row .col.col-1 {
max-width: none;
margin-bottom: 40px; }
.use-cases-ecosystem-banner .row .col.col-2 {
max-width: none; }
.use-cases-ecosystem-banner .row .items {
flex-direction: column;
gap: 0; }
.use-cases-ecosystem-banner .row .items .item,
.use-cases-ecosystem-banner .row .items .subnav .list .external-item,
.subnav .list .use-cases-ecosystem-banner .row .items .external-item,
.use-cases-ecosystem-banner .row .items .subnav .list .item-list-heading, .subnav .list .use-cases-ecosystem-banner .row .items .item-list-heading, .use-cases-ecosystem-banner .row .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-ecosystem-banner .row .items .item-list-heading-mobile {
max-width: none;
padding: 0;
border: none; }
.use-cases-ecosystem-banner .row .items .item:not(:last-child), .use-cases-ecosystem-banner .row .items .subnav .list .external-item:not(:last-child), .subnav .list .use-cases-ecosystem-banner .row .items .external-item:not(:last-child), .use-cases-ecosystem-banner .row .items .subnav .list .item-list-heading:not(:last-child), .subnav .list .use-cases-ecosystem-banner .row .items .item-list-heading:not(:last-child), .use-cases-ecosystem-banner .row .items .subnav .list .item-list-heading-mobile:not(:last-child), .subnav .list .use-cases-ecosystem-banner .row .items .item-list-heading-mobile:not(:last-child) {
margin-bottom: 50px; } }

@media screen and (max-width: 414px) {
.use-cases-ecosystem-banner .row .items .item .actions, .use-cases-ecosystem-banner .row .items .subnav .list .external-item .actions, .subnav .list .use-cases-ecosystem-banner .row .items .external-item .actions, .use-cases-ecosystem-banner .row .items .subnav .list .item-list-heading .actions, .subnav .list .use-cases-ecosystem-banner .row .items .item-list-heading .actions, .use-cases-ecosystem-banner .row .items .subnav .list .item-list-heading-mobile .actions, .subnav .list .use-cases-ecosystem-banner .row .items .item-list-heading-mobile .actions {
gap: 0; }
.use-cases-ecosystem-banner .row .items .item .actions .Btn:nth-child(2), .use-cases-ecosystem-banner .row .items .subnav .list .external-item .actions .Btn:nth-child(2), .subnav .list .use-cases-ecosystem-banner .row .items .external-item .actions .Btn:nth-child(2), .use-cases-ecosystem-banner .row .items .subnav .list .item-list-heading .actions .Btn:nth-child(2), .subnav .list .use-cases-ecosystem-banner .row .items .item-list-heading .actions .Btn:nth-child(2), .use-cases-ecosystem-banner .row .items .subnav .list .item-list-heading-mobile .actions .Btn:nth-child(2), .subnav .list .use-cases-ecosystem-banner .row .items .item-list-heading-mobile .actions .Btn:nth-child(2) {
margin-top: 10px; } }

.use-cases-nft-garden {
padding: 6.25%;
position: relative;
overflow: hidden; }
.use-cases-nft-garden.padding-top-none {
padding-top: 0; }
.use-cases-nft-garden.padding-top-overlap {
padding-top: calc(6.25% + 165px); }
.use-cases-nft-garden.padding-bottom-none {
padding-bottom: 0; }
.use-cases-nft-garden.padding-bottom-overlap {
padding-bottom: calc(6.25% + 165px); }
@media screen and (max-width: 1100px) {
.use-cases-nft-garden {
padding: 12.5%; }
.use-cases-nft-garden.padding-top-overlap {
padding-top: calc(12.5% + 165px); }
.use-cases-nft-garden.padding-bottom-overlap {
padding-bottom: calc(12.5% + 165px); } }
.use-cases-nft-garden .row.row-top {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
padding-bottom: 20px;
border-bottom: 1px solid #222222; }
.use-cases-nft-garden .row.row-top .text {
max-width: 600px; }
.use-cases-nft-garden .row.row-top .text .heading {
color: #222222; }
.use-cases-nft-garden .row.row-top .actions {
display: flex;
flex-wrap: wrap;
align-items: end;
gap: 10px;
margin-top: 20px; }
.use-cases-nft-garden .items {
display: flex;
flex-wrap: nowrap;
position: relative; }
.use-cases-nft-garden .items .item,
.use-cases-nft-garden .items .subnav .list .external-item,
.subnav .list .use-cases-nft-garden .items .external-item,
.use-cases-nft-garden .items .subnav .list .item-list-heading, .subnav .list .use-cases-nft-garden .items .item-list-heading, .use-cases-nft-garden .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-nft-garden .items .item-list-heading-mobile {
display: flex;
flex-direction: column;
max-width: 276px; }
.use-cases-nft-garden .items .item .nft, .use-cases-nft-garden .items .subnav .list .external-item .nft, .subnav .list .use-cases-nft-garden .items .external-item .nft, .use-cases-nft-garden .items .subnav .list .item-list-heading .nft, .subnav .list .use-cases-nft-garden .items .item-list-heading .nft, .use-cases-nft-garden .items .subnav .list .item-list-heading-mobile .nft, .subnav .list .use-cases-nft-garden .items .item-list-heading-mobile .nft {
width: 276px;
height: 359px;
object-fit: contain; }
.use-cases-nft-garden .items .item .row, .use-cases-nft-garden .items .subnav .list .external-item .row, .subnav .list .use-cases-nft-garden .items .external-item .row, .use-cases-nft-garden .items .subnav .list .item-list-heading .row, .subnav .list .use-cases-nft-garden .items .item-list-heading .row, .use-cases-nft-garden .items .subnav .list .item-list-heading-mobile .row, .subnav .list .use-cases-nft-garden .items .item-list-heading-mobile .row {
display: flex;
align-items: center;
gap: 20px;
margin-top: 20px;
min-height: 32px; }
.use-cases-nft-garden .items .item .row .heading, .use-cases-nft-garden .items .subnav .list .external-item .row .heading, .subnav .list .use-cases-nft-garden .items .external-item .row .heading, .use-cases-nft-garden .items .subnav .list .item-list-heading .row .heading, .subnav .list .use-cases-nft-garden .items .item-list-heading .row .heading, .use-cases-nft-garden .items .subnav .list .item-list-heading-mobile .row .heading, .subnav .list .use-cases-nft-garden .items .item-list-heading-mobile .row .heading {
color: #222222;
font-size: 15px;
font-weight: 500;
letter-spacing: -0.5px;
line-height: 20px; }
.use-cases-nft-garden .items .item .row .social, .use-cases-nft-garden .items .subnav .list .external-item .row .social, .subnav .list .use-cases-nft-garden .items .external-item .row .social, .use-cases-nft-garden .items .subnav .list .item-list-heading .row .social, .subnav .list .use-cases-nft-garden .items .item-list-heading .row .social, .use-cases-nft-garden .items .subnav .list .item-list-heading-mobile .row .social, .subnav .list .use-cases-nft-garden .items .item-list-heading-mobile .row .social {
flex: 0 0 30px;
border: 1px solid #222222;
border-radius: 50%;
width: 30px;
height: 30px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
transition: background-color 0.1s ease-out; }
.use-cases-nft-garden .items .item .row .social:hover, .use-cases-nft-garden .items .subnav .list .external-item .row .social:hover, .subnav .list .use-cases-nft-garden .items .external-item .row .social:hover, .use-cases-nft-garden .items .subnav .list .item-list-heading .row .social:hover, .subnav .list .use-cases-nft-garden .items .item-list-heading .row .social:hover, .use-cases-nft-garden .items .subnav .list .item-list-heading-mobile .row .social:hover, .subnav .list .use-cases-nft-garden .items .item-list-heading-mobile .row .social:hover {
background-color: #222222; }
.use-cases-nft-garden .items .item .row .social:hover .social-icon #NFT-LP---Desktop---1, .use-cases-nft-garden .items .subnav .list .external-item .row .social:hover .social-icon #NFT-LP---Desktop---1, .subnav .list .use-cases-nft-garden .items .external-item .row .social:hover .social-icon #NFT-LP---Desktop---1, .use-cases-nft-garden .items .subnav .list .item-list-heading .row .social:hover .social-icon #NFT-LP---Desktop---1, .subnav .list .use-cases-nft-garden .items .item-list-heading .row .social:hover .social-icon #NFT-LP---Desktop---1, .use-cases-nft-garden .items .subnav .list .item-list-heading-mobile .row .social:hover .social-icon #NFT-LP---Desktop---1, .subnav .list .use-cases-nft-garden .items .item-list-heading-mobile .row .social:hover .social-icon #NFT-LP---Desktop---1 {
fill: #ffffff; }
.use-cases-nft-garden .items .item .row .social .social-icon, .use-cases-nft-garden .items .subnav .list .external-item .row .social .social-icon, .subnav .list .use-cases-nft-garden .items .external-item .row .social .social-icon, .use-cases-nft-garden .items .subnav .list .item-list-heading .row .social .social-icon, .subnav .list .use-cases-nft-garden .items .item-list-heading .row .social .social-icon, .use-cases-nft-garden .items .subnav .list .item-list-heading-mobile .row .social .social-icon, .subnav .list .use-cases-nft-garden .items .item-list-heading-mobile .row .social .social-icon {
width: 14px;
height: auto; }
.use-cases-nft-garden .items .item .row .social .social-icon svg, .use-cases-nft-garden .items .subnav .list .external-item .row .social .social-icon svg, .subnav .list .use-cases-nft-garden .items .external-item .row .social .social-icon svg, .use-cases-nft-garden .items .subnav .list .item-list-heading .row .social .social-icon svg, .subnav .list .use-cases-nft-garden .items .item-list-heading .row .social .social-icon svg, .use-cases-nft-garden .items .subnav .list .item-list-heading-mobile .row .social .social-icon svg, .subnav .list .use-cases-nft-garden .items .item-list-heading-mobile .row .social .social-icon svg {
margin-top: 4px;
width: 100%; }
.use-cases-nft-garden .items .item .row .social .social-icon svg #NFT-LP---Desktop---1, .use-cases-nft-garden .items .subnav .list .external-item .row .social .social-icon svg #NFT-LP---Desktop---1, .subnav .list .use-cases-nft-garden .items .external-item .row .social .social-icon svg #NFT-LP---Desktop---1, .use-cases-nft-garden .items .subnav .list .item-list-heading .row .social .social-icon svg #NFT-LP---Desktop---1, .subnav .list .use-cases-nft-garden .items .item-list-heading .row .social .social-icon svg #NFT-LP---Desktop---1, .use-cases-nft-garden .items .subnav .list .item-list-heading-mobile .row .social .social-icon svg #NFT-LP---Desktop---1, .subnav .list .use-cases-nft-garden .items .item-list-heading-mobile .row .social .social-icon svg #NFT-LP---Desktop---1 {
fill: #222222; }
.use-cases-nft-garden .section .ecosystem-carousel {
position: relative;
margin-top: 50px; }
.use-cases-nft-garden .section .ecosystem-carousel .slider-controls button {
position: absolute;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
transform: translateY(-50%);
top: 50%;
width: 80px;
height: 80px;
display: inline-block;
background-color: transparent;
border: none;
cursor: pointer; }
.use-cases-nft-garden .section .ecosystem-carousel .slider-controls button.swiper-button-disabled {
display: none; }
.use-cases-nft-garden .section .ecosystem-carousel .slider-controls button.next {
right: 0;
z-index: 10;
background-image: url("/assets/images/ecosystem/HH-Eco-Icon-Carousel-Arro-R1.svg"); }
.use-cases-nft-garden .section .ecosystem-carousel .slider-controls button.prev {
left: 0;
z-index: 5;
background-image: url("/assets/images/ecosystem/HH-Eco-Icon-Carousel-Arro-R1.svg");
-moz-transform: translateY(-50%) scaleX(-1);
-o-transform: translateY(-50%) scaleX(-1);
-webkit-transform: translateY(-50%) scaleX(-1);
transform: translateY(-50%) scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH"; }
.use-cases-nft-garden .section .ecosystem-carousel .fade-wrapper-next {
-webkit-mask-image: -webkit-linear-gradient(left, black 85%, rgba(0, 0, 0, 0) 99%);
/* Chrome10-25,Safari5.1-6 */
mask-image: linear-gradient(to right, black 85%, rgba(0, 0, 0, 0) 99%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.use-cases-nft-garden .section .ecosystem-carousel .fade-wrapper-next.disabled {
-webkit-mask-image: unset;
mask-image: unset; }
.use-cases-nft-garden .section .ecosystem-carousel .fade-wrapper-prev {
-webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 1%, black 15%);
/* Chrome10-25,Safari5.1-6 */
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 1%, black 15%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.use-cases-nft-garden .section .ecosystem-carousel .fade-wrapper-prev.disabled {
-webkit-mask-image: unset;
mask-image: unset; }
.use-cases-nft-garden .section .ecosystem-carousel .swiper-wrapper {
display: flex; }

@media screen and (max-width: 1100px) {
.use-cases-nft-garden {
padding: 12.5% 0;
flex-direction: column; }
.use-cases-nft-garden .row.row-top {
flex-direction: column;
margin-left: 12.5%;
margin-right: 12.5%;
margin-bottom: 0; }
.use-cases-nft-garden .row.row-top .text {
padding: 0; }
.use-cases-nft-garden .row.row-top .actions {
padding: 0;
align-items: start;
justify-content: start;
flex-direction: row;
margin-top: 20px; }
.use-cases-nft-garden .items .item,
.use-cases-nft-garden .items .subnav .list .external-item,
.subnav .list .use-cases-nft-garden .items .external-item,
.use-cases-nft-garden .items .subnav .list .item-list-heading, .subnav .list .use-cases-nft-garden .items .item-list-heading, .use-cases-nft-garden .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-nft-garden .items .item-list-heading-mobile {
max-width: 246px; }
.use-cases-nft-garden .items .item .nft, .use-cases-nft-garden .items .subnav .list .external-item .nft, .subnav .list .use-cases-nft-garden .items .external-item .nft, .use-cases-nft-garden .items .subnav .list .item-list-heading .nft, .subnav .list .use-cases-nft-garden .items .item-list-heading .nft, .use-cases-nft-garden .items .subnav .list .item-list-heading-mobile .nft, .subnav .list .use-cases-nft-garden .items .item-list-heading-mobile .nft {
width: 246px;
height: 320px;
object-fit: contain; }
.use-cases-nft-garden .section .text-wrapper {
width: 100%; }
.use-cases-nft-garden .section .ecosystem-carousel {
float: none;
width: auto;
overflow: hidden; }
.use-cases-nft-garden .section .ecosystem-carousel .slider-controls {
display: none; }
.use-cases-nft-garden .section .ecosystem-carousel .fade-wrapper-next {
-webkit-mask-image: -webkit-linear-gradient(left, black 80%, rgba(0, 0, 0, 0) 99%);
/* Chrome10-25,Safari5.1-6 */
mask-image: linear-gradient(to right, black 80%, rgba(0, 0, 0, 0) 99%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.use-cases-nft-garden .section .ecosystem-carousel .fade-wrapper-prev {
-webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 1%, black 20%);
/* Chrome10-25,Safari5.1-6 */
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 1%, black 20%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
padding: 0 12.5%;
transition: 0.25s padding ease-out; }
.use-cases-nft-garden .section .ecosystem-carousel .swiper {
overflow: visible; } }

@media screen and (max-width: 768px) {
.use-cases-nft-garden .row.row-top {
flex-direction: column;
border: none;
padding-bottom: 0;
margin-bottom: 0; }
.use-cases-nft-garden .row.row-top .actions {
flex-direction: row;
justify-content: start; } }

@media screen and (max-width: 414px) {
.use-cases-nft-garden .row.row-top .actions {
gap: 0; }
.use-cases-nft-garden .row.row-top .actions .Btn:nth-child(2) {
margin-top: 10px; } }

.use-cases-logo-garden {
padding: 6.25%;
position: relative; }
.use-cases-logo-garden.padding-top-none {
padding-top: 0; }
.use-cases-logo-garden.padding-top-overlap {
padding-top: calc(6.25% + 165px); }
.use-cases-logo-garden.padding-bottom-none {
padding-bottom: 0; }
.use-cases-logo-garden.padding-bottom-overlap {
padding-bottom: calc(6.25% + 165px); }
@media screen and (max-width: 1100px) {
.use-cases-logo-garden {
padding: 12.5%; }
.use-cases-logo-garden.padding-top-overlap {
padding-top: calc(12.5% + 165px); }
.use-cases-logo-garden.padding-bottom-overlap {
padding-bottom: calc(12.5% + 165px); } }
.use-cases-logo-garden .items {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
gap: 40px; }
.use-cases-logo-garden .items .item,
.use-cases-logo-garden .items .subnav .list .external-item,
.subnav .list .use-cases-logo-garden .items .external-item,
.use-cases-logo-garden .items .subnav .list .item-list-heading, .subnav .list .use-cases-logo-garden .items .item-list-heading, .use-cases-logo-garden .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-logo-garden .items .item-list-heading-mobile {
display: flex; }
.use-cases-logo-garden .items .item .logo, .use-cases-logo-garden .items .subnav .list .external-item .logo, .subnav .list .use-cases-logo-garden .items .external-item .logo, .use-cases-logo-garden .items .subnav .list .item-list-heading .logo, .subnav .list .use-cases-logo-garden .items .item-list-heading .logo, .use-cases-logo-garden .items .subnav .list .item-list-heading-mobile .logo, .subnav .list .use-cases-logo-garden .items .item-list-heading-mobile .logo {
height: auto;
width: auto;
max-height: 185px;
max-width: 100%;
object-position: center;
object-fit: contain; }

@media screen and (max-width: 1100px) {
.use-cases-logo-garden .items {
flex-wrap: wrap;
align-items: center; }
.use-cases-logo-garden .items .item,
.use-cases-logo-garden .items .subnav .list .external-item,
.subnav .list .use-cases-logo-garden .items .external-item,
.use-cases-logo-garden .items .subnav .list .item-list-heading, .subnav .list .use-cases-logo-garden .items .item-list-heading, .use-cases-logo-garden .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-logo-garden .items .item-list-heading-mobile {
width: calc(50% - 40px); }
.use-cases-logo-garden .items .item .logo, .use-cases-logo-garden .items .subnav .list .external-item .logo, .subnav .list .use-cases-logo-garden .items .external-item .logo, .use-cases-logo-garden .items .subnav .list .item-list-heading .logo, .subnav .list .use-cases-logo-garden .items .item-list-heading .logo, .use-cases-logo-garden .items .subnav .list .item-list-heading-mobile .logo, .subnav .list .use-cases-logo-garden .items .item-list-heading-mobile .logo {
margin: 0 auto; } }

@media screen and (max-width: 768px) {
.use-cases-logo-garden.padding-top-none {
padding-top: 12.5%; }
.use-cases-logo-garden.padding-bottom-none {
padding-bottom: 12.5%; }
.use-cases-logo-garden .items {
flex-direction: column;
gap: 0; }
.use-cases-logo-garden .items .item,
.use-cases-logo-garden .items .subnav .list .external-item,
.subnav .list .use-cases-logo-garden .items .external-item,
.use-cases-logo-garden .items .subnav .list .item-list-heading, .subnav .list .use-cases-logo-garden .items .item-list-heading, .use-cases-logo-garden .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-logo-garden .items .item-list-heading-mobile {
width: auto; }
.use-cases-logo-garden .items .item:not(:last-child), .use-cases-logo-garden .items .subnav .list .external-item:not(:last-child), .subnav .list .use-cases-logo-garden .items .external-item:not(:last-child), .use-cases-logo-garden .items .subnav .list .item-list-heading:not(:last-child), .subnav .list .use-cases-logo-garden .items .item-list-heading:not(:last-child), .use-cases-logo-garden .items .subnav .list .item-list-heading-mobile:not(:last-child), .subnav .list .use-cases-logo-garden .items .item-list-heading-mobile:not(:last-child) {
margin-bottom: 60px; } }

.use-cases-multi-block-background {
overflow: hidden;
position: relative; }
.use-cases-multi-block-background .bgImage {
position: absolute;
width: 101%;
height: 101%;
object-fit: cover;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1; }
.use-cases-multi-block-background svg {
width: 100%;
height: 100%; }
.use-cases-multi-block-background svg path, .use-cases-multi-block-background svg polygon, .use-cases-multi-block-background svg polyline, .use-cases-multi-block-background svg line {
vector-effect: non-scaling-stroke; }

@media screen and (max-width: 1100px) {
.use-cases-multi-block-background .bgImage {
top: 0;
transform: translate(-50%, 0); } }

.partners {
background-color: #ffffff;
position: relative;
z-index: 1; }
.partners .use-cases-hero .featured-image-wrapper {
mix-blend-mode: luminosity; }
.partners .partner-program-modal {
display: none;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 50;
overflow: auto;
-webkit-overflow-scrolling: touch; }
.partners .partner-program-modal > .bg {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0.01;
-moz-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out;
background-color: rgba(34, 34, 34, 0.8); }
.partners .partner-program-modal > .internal {
max-width: 830px;
margin: auto;
position: relative;
background-color: #f9f9f9;
overflow: auto;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
overflow: hidden; }
.partners .partner-program-modal > .internal .bgImage {
position: absolute;
width: 101%;
height: 101%;
object-fit: cover;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.partners .partner-program-modal > .internal svg {
width: 100%;
height: 100%; }
.partners .partner-program-modal > .internal svg path, .partners .partner-program-modal > .internal svg polygon, .partners .partner-program-modal > .internal svg polyline, .partners .partner-program-modal > .internal svg line {
vector-effect: non-scaling-stroke; }
.partners .partner-program-modal > .internal > a {
text-decoration: none;
color: #222222; }
.partners .partner-program-modal > .internal .content > .padding {
padding: 0; }
.partners .partner-program-modal > .internal .close {
width: 32px;
height: 32px;
position: absolute;
color: #222222;
right: 16px;
top: 16px;
cursor: pointer;
text-align: center;
display: block;
font-size: 32px;
font-weight: 200;
line-height: 32px; }
@media (min-width: 1024px) {
.partners .partner-program-modal > .internal .close {
color: #b8b8b8;
right: 32px;
top: 32px; } }
.partners .partner-program-modal > .internal .close:hover {
color: #464646; }
@media (min-width: 1024px) {
.partners .partner-program-modal > .internal {
display: flex;
margin: auto;
/*margin-left: 12.5%;
margin-right: 12.5%;
@include vertically-center;*/ }
.partners .partner-program-modal > .internal > a {
display: flex; }
.partners .partner-program-modal > .internal .content {
width: 100%;
box-sizing: border-box; } }
.partners .partner-program-modal.is-open {
display: flex;
justify-content: center;
align-items: start; }
@media (min-height: 700px) {
.partners .partner-program-modal.is-open {
align-items: center; } }
.partners .partner-program-modal.is-open > .bg {
opacity: 1; }

html {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
background-color: #f9f9f9;
color: #464646; }

body {
overflow-x: hidden; }

body.modal-is-open,
body.live-stream-is-open {
overflow: hidden !important;
height: 100% !important; }

.logo > img{
filter: grayscale(50%);
}

#form{
max-width: 480px;
width: 100%;
backdrop-filter: blur(8px);
background-color: rgba(255,255,255, .4);
margin-top: 100px !important;
}

#alert{
right: 5%;
top: 8%;
cursor: default;
z-index: 1000;
backdrop-filter: blur(4px);
animation: slide 500ms ease;
transition: transform 700ms ease-in-out;
position: fixed;
width: max-content;
color: white;
}

#alert:is(.alert-danger){
background-color: rgba(255, 37, 37, 0.85);
}

#alert:is(.alert-success){
background-color: rgba(45, 171, 62, 0.85);
}

@keyframes slide {
from{
transform: translateX(1000px);
}to{
transform: translateX(0);
}
}

#loading{
position: fixed;
top: 0; left: 0;
background-color: rgba(255, 255, 255, .35);
backdrop-filter: blur(8px);
pointer-events: none;
user-select: none;
width: 100%;
z-index: 900;
}