/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
main {
    display: block;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: Poppins, sans-serif;
    font-size: 1em;
}
a {
    background-color: transparent;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
samp {
    font-family: Poppins, sans-serif;
    font-size: 1em;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
img {
    border-style: none;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details {
    display: block;
}
summary {
    display: list-item;
}
[hidden],
template {
    display: none;
}
html {
    box-sizing: border-box;
}
*,
:after,
:before {
    box-sizing: inherit;
}
details > * {
    box-sizing: border-box;
}
@font-face {
    font-family: system-ui;
    font-style: normal;
    font-weight: 300;
    src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Segoe UI Light"), local("Ubuntu Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma");
}
@font-face {
    font-family: system-ui;
    font-style: italic;
    font-weight: 300;
    src: local(".SFNSText-LightItalic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Light Italic"), local("Ubuntu Light Italic"), local("Roboto-LightItalic"), local("DroidSans"), local("Tahoma");
}
@font-face {
    font-family: system-ui;
    font-style: normal;
    font-weight: 400;
    src: local(".SFNSText-Regular"), local(".HelveticaNeueDeskInterface-Regular"), local(".LucidaGrandeUI"), local("Segoe UI"), local("Ubuntu"), local("Roboto-Regular"), local("DroidSans"), local("Tahoma");
}
@font-face {
    font-family: system-ui;
    font-style: italic;
    font-weight: 400;
    src: local(".SFNSText-Italic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Italic"), local("Ubuntu Italic"), local("Roboto-Italic"), local("DroidSans"), local("Tahoma");
}
@font-face {
    font-family: system-ui;
    font-style: normal;
    font-weight: 500;
    src: local(".SFNSText-Medium"), local(".HelveticaNeueDeskInterface-MediumP4"), local(".LucidaGrandeUI"), local("Segoe UI Semibold"), local("Ubuntu Medium"), local("Roboto-Medium"), local("DroidSans-Bold"), local("Tahoma Bold");
}
@font-face {
    font-family: system-ui;
    font-style: italic;
    font-weight: 500;
    src: local(".SFNSText-MediumItalic"), local(".HelveticaNeueDeskInterface-MediumItalicP4"), local(".LucidaGrandeUI"), local("Segoe UI Semibold Italic"), local("Ubuntu Medium Italic"), local("Roboto-MediumItalic"), local("DroidSans-Bold"),
        local("Tahoma Bold");
}
@font-face {
    font-family: system-ui;
    font-style: normal;
    font-weight: 700;
    src: local(".SFNSText-Bold"), local(".HelveticaNeueDeskInterface-Bold"), local(".LucidaGrandeUI"), local("Segoe UI Bold"), local("Ubuntu Bold"), local("Roboto-Bold"), local("DroidSans-Bold"), local("Tahoma Bold");
}
@font-face {
    font-family: system-ui;
    font-style: italic;
    font-weight: 700;
    src: local(".SFNSText-BoldItalic"), local(".HelveticaNeueDeskInterface-BoldItalic"), local(".LucidaGrandeUI"), local("Segoe UI Bold Italic"), local("Ubuntu Bold Italic"), local("Roboto-BoldItalic"), local("DroidSans-Bold"),
        local("Tahoma Bold");
}
@font-face {
    font-display: fallback;
    font-family: interui;
    font-style: normal;
    font-weight: 700;
    src: url(../../assets/fonts/Inter-UI-Bold-subset.woff2) format("woff2"), url(../../assets/fonts/Inter-UI-Bold-subset.woff) format("woff");
}
@font-face {
    font-display: fallback;
    font-family: interui;
    font-style: italic;
    font-weight: 700;
    src: url(../../assets/fonts/Inter-UI-BoldItalic-subset.woff2) format("woff2"), url(../../assets/fonts/Inter-UI-BoldItalic-subset.woff) format("woff");
}
@font-face {
    font-display: fallback;
    font-family: interui;
    font-style: normal;
    font-weight: 400;
    src: url(../../assets/fonts/Inter-UI-Regular-subset.woff2) format("woff2"), url(../../assets/fonts/Inter-UI-Regular-subset.woff) format("woff");
}
@font-face {
    font-display: fallback;
    font-family: interui;
    font-style: italic;
    font-weight: 400;
    src: url(../../assets/fonts/Inter-UI-Italic-subset.woff2) format("woff2"), url(../../assets/fonts/Inter-UI-Italic-subset.woff) format("woff");
}
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    height: 100%;
    background-color: #02174e;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    line-height: 1.45;
}
body {
    display: flex;
    height: 100%;
    height: -webkit-fill-available;
    flex-flow: column nowrap;
    font-size: 1rem;
}
body.loader-is-open {
    overflow: hidden;
}
.animate--unload body {
    -webkit-animation: htmlout ease-in 1;
    animation: htmlout ease-in 1;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    animation-direction: reverse;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
}
@-webkit-keyframes htmlout {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
@keyframes htmlout {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
address,
blockquote,
dl,
embed,
fieldset,
figure,
hr,
iframe,
ol,
p,
pre,
table,
ul {
    margin-top: 1.2em;
    margin-bottom: 1.2em;
}
dd,
ol,
ul {
    padding-left: 1.2em;
}
dd {
    margin-left: 0;
}
li ol,
li ul {
    margin-top: 0;
    margin-bottom: 0;
}
small {
    font-size: type-style("body-text-small");
}
dd + dt {
    margin-top: 0.6em;
}
b,
dt,
strong {
    font-weight: 700;
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}
pre {
    white-space: pre-wrap;
}
.h1,
h1 {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    margin-top: 1.45em;
    margin-bottom: 10px;
    font-size: calc(1.75rem + 5.71429vw);
    line-height: 1.3;
}
.h1:first-child,
h1:first-child {
    margin-top: 0;
}
.h1 a,
h1 a {
    color: inherit;
    text-decoration: none;
}
@media (min-width: 1260px) {
    .h1,
    h1 {
        font-size: 6.25rem;
    }
}
.h2,
h2 {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    margin-top: 1.45em;
    margin-bottom: 10px;
    font-size: calc(1.5rem + 2.85714vw);
    line-height: 1.3;
}
.h2:first-child,
h2:first-child {
    margin-top: 0;
}
.h2 a,
h2 a {
    color: inherit;
    text-decoration: none;
}
@media (min-width: 1260px) {
    .h2,
    h2 {
        font-size: 3.75rem;
    }
}
.h3,
h3 {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    margin-top: 1.45em;
    margin-bottom: 10px;
    font-size: calc(1.4375rem + 2.14286vw);
    line-height: 1.35;
}
.h3:first-child,
h3:first-child {
    margin-top: 0;
}
.h3 a,
h3 a {
    color: inherit;
    text-decoration: none;
}
@media (min-width: 1260px) {
    .h3,
    h3 {
        font-size: 3.125rem;
    }
}
.h4,
h4 {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    margin-top: 1.45em;
    margin-bottom: 10px;
    font-size: calc(1.3125rem + 0.71429vw);
    line-height: 1.4;
}
.h4:first-child,
h4:first-child {
    margin-top: 0;
}
.h4 a,
h4 a {
    color: inherit;
    text-decoration: none;
}
@media (min-width: 1260px) {
    .h4,
    h4 {
        font-size: 1.875rem;
    }
}
@media (min-width: 62em) {
    .h4,
    h4 {
        font-size: 1.875em;
    }
}
.h5,
h5 {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    margin-top: 1.45em;
    margin-bottom: 10px;
    font-size: 1.125rem;
    line-height: 1.2;
}
.h5:first-child,
h5:first-child {
    margin-top: 0;
}
.h5 a,
h5 a {
    color: inherit;
    text-decoration: none;
}
.h6,
h6 {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    margin-top: 1.45em;
    margin-bottom: 10px;
    font-size: 1.125rem;
    line-height: 1.2;
}
.h6:first-child,
h6:first-child {
    margin-top: 0;
}
.h6 a,
h6 a {
    color: inherit;
    text-decoration: none;
}
table {
    width: 100%;
    border-collapse: collapse;
}
table caption {
    margin-bottom: 0.6em;
    text-align: center;
}
thead,
tr {
    border-bottom: 1px solid;
}
tr:last-child {
    border-bottom: 0;
}
td,
th {
    padding: 0.25rem 0.5rem;
    border-right: 1px solid;
}
td:last-child,
th:last-child {
    border-right: 0;
}
th {
    font-weight: inherit;
    text-align: inherit;
}
tfoot tr {
    border-top: 1px solid;
}
figure {
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
    font-size: 14px;
    text-align: center;
}
figcaption {
    padding: 0.6em;
}
blockquote {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    font-size: calc(1.3125rem + 0.71429vw);
    line-height: 1.4;
    margin: 1.2em 0;
}
blockquote > :first-child {
    margin-top: 0 !important;
}
blockquote > :last-child {
    margin-bottom: 0 !important;
}
blockquote:first-child {
    margin-top: 0;
}
blockquote a {
    color: inherit;
    text-decoration: none;
}
@media (min-width: 1260px) {
    blockquote {
        font-size: 1.875rem;
    }
}
@media (min-width: 62em) {
    blockquote {
        font-size: 1.875em;
    }
}
::-moz-selection {
    background: #fff;
    color: #02174e;
    text-shadow: none;
}
::selection {
    background: #fff;
    color: #02174e;
    text-shadow: none;
}
::-moz-placeholder {
    color: #02174e;
    opacity: 0.7;
}
:-ms-input-placeholder {
    color: #02174e;
    opacity: 0.7;
}
::placeholder {
    color: #02174e;
    opacity: 0.7;
}
form > :first-child {
    margin-top: 0 !important;
}
form > :last-child {
    margin-bottom: 0 !important;
}
form [type="submit"] {
    padding: calc(1em - 1px) calc(1.25em - 1px);
}
@media (min-width: 48em) {
    form [type="submit"] {
        padding: calc(1em - 1px) 1.1em;
    }
}
fieldset {
    width: 100%;
    padding: 0;
    border: 0;
    margin-right: 0;
    margin-left: 0;
}
label {
    display: inline-block;
    margin-bottom: 0.3em;
}
[type="color"],
[type="date"],
[type="datetime-local"],
[type="datetime"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
textarea {
    font-size: 1em;
    line-height: 1.2;
    display: block;
    width: 100%;
    padding: calc(1em - 1px) calc(1.25em - 1px);
    border: 1px solid transparent;
    background-color: #fff;
    border-radius: 7px;
    box-shadow: none;
    color: #02174e;
    font-family: inherit;
    line-height: inherit;
    transition: color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;
}
[type="color"]:active,
[type="color"]:focus,
[type="date"]:active,
[type="date"]:focus,
[type="datetime-local"]:active,
[type="datetime-local"]:focus,
[type="datetime"]:active,
[type="datetime"]:focus,
[type="email"]:active,
[type="email"]:focus,
[type="month"]:active,
[type="month"]:focus,
[type="number"]:active,
[type="number"]:focus,
[type="password"]:active,
[type="password"]:focus,
[type="search"]:active,
[type="search"]:focus,
[type="tel"]:active,
[type="tel"]:focus,
[type="text"]:active,
[type="text"]:focus,
[type="time"]:active,
[type="time"]:focus,
[type="url"]:active,
[type="url"]:focus,
[type="week"]:active,
[type="week"]:focus,
textarea:active,
textarea:focus {
    outline: none;
}
@media (min-width: 62em) {
    [type="color"],
    [type="date"],
    [type="datetime-local"],
    [type="datetime"],
    [type="email"],
    [type="month"],
    [type="number"],
    [type="password"],
    [type="search"],
    [type="tel"],
    [type="text"],
    [type="time"],
    [type="url"],
    [type="week"],
    textarea {
        font-size: 1.25em;
        line-height: 1.2;
    }
}
@media (min-width: 48em) {
    [type="color"],
    [type="date"],
    [type="datetime-local"],
    [type="datetime"],
    [type="email"],
    [type="month"],
    [type="number"],
    [type="password"],
    [type="search"],
    [type="tel"],
    [type="text"],
    [type="time"],
    [type="url"],
    [type="week"],
    textarea {
        padding: calc(1em - 1px) 1.1em;
    }
}
[type="color"]::-moz-selection,
[type="date"]::-moz-selection,
[type="datetime-local"]::-moz-selection,
[type="datetime"]::-moz-selection,
[type="email"]::-moz-selection,
[type="month"]::-moz-selection,
[type="number"]::-moz-selection,
[type="password"]::-moz-selection,
[type="search"]::-moz-selection,
[type="tel"]::-moz-selection,
[type="text"]::-moz-selection,
[type="time"]::-moz-selection,
[type="url"]::-moz-selection,
[type="week"]::-moz-selection,
textarea::-moz-selection {
    background: #02174e;
    color: #fff;
}
[type="color"]::selection,
[type="date"]::selection,
[type="datetime-local"]::selection,
[type="datetime"]::selection,
[type="email"]::selection,
[type="month"]::selection,
[type="number"]::selection,
[type="password"]::selection,
[type="search"]::selection,
[type="tel"]::selection,
[type="text"]::selection,
[type="time"]::selection,
[type="url"]::selection,
[type="week"]::selection,
textarea::selection {
    background: #02174e;
    color: #fff;
}
[type="color"]:focus,
[type="color"]:hover,
[type="date"]:focus,
[type="date"]:hover,
[type="datetime-local"]:focus,
[type="datetime-local"]:hover,
[type="datetime"]:focus,
[type="datetime"]:hover,
[type="email"]:focus,
[type="email"]:hover,
[type="month"]:focus,
[type="month"]:hover,
[type="number"]:focus,
[type="number"]:hover,
[type="password"]:focus,
[type="password"]:hover,
[type="search"]:focus,
[type="search"]:hover,
[type="tel"]:focus,
[type="tel"]:hover,
[type="text"]:focus,
[type="text"]:hover,
[type="time"]:focus,
[type="time"]:hover,
[type="url"]:focus,
[type="url"]:hover,
[type="week"]:focus,
[type="week"]:hover,
textarea:focus,
textarea:hover {
    box-shadow: 0 0 0 4px rgba(0, 255, 188, 0.5);
}
[type="color"]:first-child,
[type="date"]:first-child,
[type="datetime-local"]:first-child,
[type="datetime"]:first-child,
[type="email"]:first-child,
[type="month"]:first-child,
[type="number"]:first-child,
[type="password"]:first-child,
[type="search"]:first-child,
[type="tel"]:first-child,
[type="text"]:first-child,
[type="time"]:first-child,
[type="url"]:first-child,
[type="week"]:first-child,
textarea:first-child {
    margin-top: 0;
}
[type="color"]:last-child,
[type="date"]:last-child,
[type="datetime-local"]:last-child,
[type="datetime"]:last-child,
[type="email"]:last-child,
[type="month"]:last-child,
[type="number"]:last-child,
[type="password"]:last-child,
[type="search"]:last-child,
[type="tel"]:last-child,
[type="text"]:last-child,
[type="time"]:last-child,
[type="url"]:last-child,
[type="week"]:last-child,
textarea:last-child {
    margin-bottom: 0;
}
select {
    position: relative;
    max-width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
        linear-gradient(180deg, #fff 0, #fff);
    background-position: right 0.7em top 50%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 0.65em auto, 100%;
    cursor: pointer;
    font-size: 1em;
    line-height: 1.2;
    display: block;
    width: 100%;
    padding: calc(1em - 1px) calc(1.25em - 1px);
    border: 1px solid transparent;
    background-color: #fff;
    border-radius: 7px;
    box-shadow: none;
    color: #02174e;
    font-family: inherit;
    line-height: inherit;
    transition: color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;
    appearance: none;
}
select::-ms-expand {
    display: none;
}
select:active,
select:focus {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
        linear-gradient(180deg, #fff 0, #fff);
}
select option {
    font-weight: 400;
}
:root:lang(ar) select,
:root:lang(iw) select,
[dir="rtl"] select {
    padding-right: calc(1em - 1px) calc(1.25em - 1px);
    padding-left: 1.4em;
    background-position: left 0.7em top 50%, 0 0;
}
select:active,
select:focus {
    outline: none;
}
@media (min-width: 62em) {
    select {
        font-size: 1.25em;
        line-height: 1.2;
    }
}
@media (min-width: 48em) {
    select {
        padding: calc(1em - 1px) 1.1em;
    }
}
select::-moz-selection {
    background: #02174e;
    color: #fff;
}
select::selection {
    background: #02174e;
    color: #fff;
}
select:focus,
select:hover {
    box-shadow: 0 0 0 4px rgba(0, 255, 188, 0.5);
}
select:first-child {
    margin-top: 0;
}
select:last-child {
    margin-bottom: 0;
}
[multiple],
textarea {
    height: 100px;
    resize: vertical;
}
img {
    display: inline-block;
    width: auto;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
a {
    color: inherit;
    text-decoration: underline;
}
a:active,
a:focus,
a:hover {
    color: inherit;
    text-decoration: none;
}
svg {
    width: 100%;
    max-height: 100%;
}
.svg-inheritcolor path,
.svg-inheritcolor polygon,
.svg-inheritcolor svg {
    fill: currentColor;
}
.button,
[type="button"],
[type="reset"],
[type="submit"],
button {
    background: transparent;
    border-radius: 0;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-transform: inherit;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 50px;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 7px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    transition: color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;
    border: 0 solid #00ffbc;
    background-color: #00ffbc;
    color: #02174e;
}
.button:hover,
[type="button"]:hover,
[type="reset"]:hover,
[type="submit"]:hover,
button:hover {
    box-shadow: none;
}
@media (min-width: 48em) {
    .button,
    [type="button"],
    [type="reset"],
    [type="submit"],
    button {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
.button .svg-asset,
[type="button"] .svg-asset,
[type="reset"] .svg-asset,
[type="submit"] .svg-asset,
button .svg-asset {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 0.4em;
    vertical-align: middle;
}
.button .svg-asset svg,
[type="button"] .svg-asset svg,
[type="reset"] .svg-asset svg,
[type="submit"] .svg-asset svg,
button .svg-asset svg {
    display: inline-flex;
    width: 22px;
    height: 22px;
    align-items: center;
}
.button:focus,
.button:hover,
[type="button"]:focus,
[type="button"]:hover,
[type="reset"]:focus,
[type="reset"]:hover,
[type="submit"]:focus,
[type="submit"]:hover,
button:focus,
button:hover {
    box-shadow: 0 0 0 4px rgba(0, 255, 188, 0.5);
}
.button:focus:active,
.button:focus:focus,
.button:hover:active,
.button:hover:focus,
[type="button"]:focus:active,
[type="button"]:focus:focus,
[type="button"]:hover:active,
[type="button"]:hover:focus,
[type="reset"]:focus:active,
[type="reset"]:focus:focus,
[type="reset"]:hover:active,
[type="reset"]:hover:focus,
[type="submit"]:focus:active,
[type="submit"]:focus:focus,
[type="submit"]:hover:active,
[type="submit"]:hover:focus,
button:focus:active,
button:focus:focus,
button:hover:active,
button:hover:focus {
    outline: none;
}
.button:active,
[type="button"]:active,
[type="reset"]:active,
[type="submit"]:active,
button:active {
    box-shadow: none;
}
.button:hover,
[type="button"]:hover,
[type="reset"]:hover,
[type="submit"]:hover,
button:hover {
    border-color: #00ffbc;
    background-color: #00ffbc;
    color: #02174e;
}
.flickity-enabled:active,
.flickity-enabled:focus {
    outline: none;
}
.container {
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1260px;
}
@media (min-width: 48em) {
    .container {
        padding-right: 40px;
        padding-left: 40px;
    }
}
@media (min-width: 62em) {
    .container {
        padding-right: 40px;
        padding-left: 40px;
    }
}
.img-fit {
    position: relative;
    display: block;
}
.img-fit iframe,
.img-fit img,
.img-fit picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}
.img-fit--fallback {
    background-position: 50%;
    background-size: cover;
}
.img-fit--fallback img {
    opacity: 0;
}
.img-fit--contain {
    background-size: contain;
}
.img-fit--contain img {
    -o-object-fit: contain;
    object-fit: contain;
}
.img-fit--square {
    height: 0;
    padding-top: 100%;
}
.img-fit--landscape {
    height: 0;
    padding-top: 66.66667%;
}
.img-fit--portrait {
    height: 0;
    padding-top: 150%;
}
.site {
    display: flex;
    width: 100%;
    height: 100%;
    flex: 1;
    flex-flow: column nowrap;
    scroll-behavior: smooth;
}
.enter-animation--enable {
    opacity: 0;
    transform: translateY(20px);
    transition: 0.3s linear 0.2s;
    transition-property: opacity, transform;
    will-change: transform;
}
.enter-animation--in {
    opacity: 1;
    transform: translateY(0);
}
@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fade-up {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.media {
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
}
@media (min-width: 48em) {
    .media {
        flex-direction: row;
    }
}
.media__asset > :first-child {
    margin-top: 0 !important;
}
.media__asset > :last-child {
    margin-bottom: 0 !important;
}
.media__content {
    flex: 1;
}
.media__content > :first-child {
    margin-top: 0 !important;
}
.media__content > :last-child {
    margin-bottom: 0 !important;
}
.svg-asset {
    display: block;
}
.svg-asset--sumo {
    width: 270px;
}
.svg-asset--can {
    width: 160px;
}
.svg-asset--balloons {
    width: 270px;
}
.svg-asset--car,
.svg-asset--plane {
    width: 370px;
}
.svg-asset--circles-going-right {
    width: 320px;
}
.svg-asset--circles-going-left {
    width: 260px;
}
.js-countup[data-count] {
    display: inline-grid;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    grid-template-areas: "content";
    grid-template-columns: auto;
    grid-template-rows: auto;
    place-items: center;
}
.js-countup[data-count]:before {
    display: inline;
    padding-right: 0.1em;
    content: attr(data-count);
    opacity: 0;
    pointer-events: none;
}
.js-countup[data-count] .js-countup-content,
.js-countup[data-count]:before {
    grid-area: content;
}
.stat__number {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}
.highlight {
    position: relative;
    z-index: 0;
    display: inline-block;
    padding-right: 0.3em;
    padding-left: 0.3em;
    color: #02174e;
}
.highlight::-moz-selection {
    background: #02174e;
    color: #fff;
}
.highlight::selection {
    background: #02174e;
    color: #fff;
}
.highlight > svg {
    position: absolute;
    z-index: -1;
    top: -0.1em;
    right: 0;
    bottom: -0.1em;
    left: 0;
    width: 100%;
    height: calc(100% + 0.2em);
    max-height: none;
    fill: #00ffbc;
}
.screen-reader-text {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
}
.screen-reader-text:focus {
    z-index: 100000;
    top: 7.5px;
    left: 7.5px;
    display: block;
    width: auto;
    height: auto;
    clip: auto;
}
main {
    margin-bottom: 80px;
    display: flex;
    flex: 1;
    flex-flow: column nowrap;
}
main > :last-child {
    margin-bottom: 0 !important;
}
@media (min-width: 48em) {
    main {
        margin-bottom: 80px;
    }
}
@media (min-width: 62em) {
    main {
        margin-bottom: 130px;
    }
}
body:not(.home) main {
    -webkit-animation: htmlin ease-in 1;
    animation: htmlin ease-in 1;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
}
@-webkit-keyframes htmlin {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
@keyframes htmlin {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
.announcement-banner {
    -webkit-animation: banner-in ease-in 1;
    animation: banner-in ease-in 1;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    width: 100%;
    padding-top: 11px;
    padding-bottom: 11px;
    background: #ffec29;
    color: #02174e;
    text-align: center;
}
@-webkit-keyframes banner-in {
    0% {
        opacity: 0;
        transform: translate(0);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
@keyframes banner-in {
    0% {
        opacity: 0;
        transform: translate(0);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
@media (min-width: 48em) {
    .announcement-banner {
        padding-top: 17px;
        padding-bottom: 17px;
    }
}
.announcement-banner__inner {
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    max-width: 1260px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 48em) {
    .announcement-banner__inner {
        padding-right: 40px;
        padding-left: 40px;
    }
}
@media (min-width: 62em) {
    .announcement-banner__inner {
        padding-right: 40px;
        padding-left: 40px;
    }
}
.announcement-banner__icon {
    display: none;
    width: 33px;
    height: 24px;
    flex-shrink: 0;
    margin-right: 10px;
    background-image: url(../svgs/rocket.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}
@media (min-width: 48em) {
    .announcement-banner__icon {
        display: inline-block;
    }
}
.announcement-banner__message {
    font-size: 0.875rem;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}
.announcement-banner__message > :first-child {
    margin-top: 0 !important;
}
.announcement-banner__message > :last-child {
    margin-bottom: 0 !important;
}
@media (min-width: 48em) {
    .announcement-banner__message {
        font-size: 16px;
    }
}
.announcement-banner__message a {
    word-break: none;
}
.announcement-banner__message > p {
    display: inline-block;
    margin-top: 0;
}
.header {
    background-color: #02174e;
    color: #fff;
}
.header__logo {
    display: block;
    width: auto;
    max-width: 6em;
    font-weight: 700;
    line-height: 1.16;
}
@media (min-width: 48em) {
    .header__logo {
        font-size: 1.25em;
        max-width: none;
    }
}
.header__container {
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    max-width: 1260px;
    margin-right: auto;
    margin-left: auto;
    -webkit-animation: header-container-in ease-in 1;
    animation: header-container-in ease-in 1;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
}
@media (min-width: 48em) {
    .header__container {
        padding-right: 40px;
        padding-left: 40px;
    }
}
@media (min-width: 62em) {
    .header__container {
        padding-right: 40px;
        padding-left: 40px;
    }
}
@-webkit-keyframes header-container-in {
    0% {
        opacity: 0;
        transform: translate(0);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
@keyframes header-container-in {
    0% {
        opacity: 0;
        transform: translate(0);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
.header__container:after {
    display: block;
    border-bottom: 3px solid #1519d3;
    content: "";
}
.header__inner {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 20px;
}
@media (min-width: 48em) {
    .header__inner {
        padding-top: 60px;
        padding-bottom: 30px;
    }
}
.header__menu-wrapper ul {
    padding-left: 0;
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
}
.header a {
    text-decoration: none;
}
.header a:hover {
    text-decoration: underline;
}
.header__navigation ul {
    padding-left: 0;
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
}
.header__navigation li {
    position: relative;
}
.header__navigation a {
    font-size: 1em;
    line-height: 1.2;
    display: block;
}
@media (min-width: 62em) {
    .header__navigation a {
        font-size: 1.25em;
        line-height: 1.2;
    }
}
.header__navigation > ul {
    display: flex;
}
.header__navigation > ul > li {
    margin-right: 1rem;
}
.header__navigation > ul > li:last-child {
    margin-right: 0;
}
.header__navigation .sub-menu {
    position: absolute;
    top: 100%;
    display: none;
}
.header__navigation .menu-item-has-children:active .sub-menu,
.header__navigation .menu-item-has-children:focus .sub-menu,
.header__navigation .menu-item-has-children:hover .sub-menu {
    display: block;
}
.footer {
    padding-bottom: 30px;
}
@media (min-width: 48em) {
    .footer {
        padding-bottom: 30px;
    }
}
@media (min-width: 62em) {
    .footer {
        padding-bottom: 70px;
    }
}
.footer__container {
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    max-width: 1260px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 48em) {
    .footer__container {
        padding-right: 40px;
        padding-left: 40px;
    }
}
@media (min-width: 62em) {
    .footer__container {
        padding-right: 40px;
        padding-left: 40px;
    }
}
@media (min-width: 48em) {
    .footer__container {
        display: flex;
        flex-flow: row-reverse nowrap;
        align-items: flex-end;
        justify-content: space-between;
    }
}
.footer__address {
    font-size: 0.875rem;
}
.footer__menu {
    margin-bottom: 20px;
}
@media (min-width: 48em) {
    .footer__menu {
        margin-bottom: 0;
    }
}
.footer__menu a {
    font-size: 1em;
    line-height: 1.2;
    text-decoration: none;
}
@media (min-width: 62em) {
    .footer__menu a {
        font-size: 1.25em;
        line-height: 1.2;
    }
}
.footer__menu a:hover {
    text-decoration: underline;
}
.footer__menu > * {
    margin-right: 1em;
}
.footer__menu > :last-child {
    margin-right: 0;
}
.section {
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative;
}
@media (min-width: 48em) {
    .section {
        margin-top: 50px;
    }
}
@media (min-width: 62em) {
    .section {
        margin-top: 100px;
    }
}
@media (min-width: 48em) {
    .section {
        margin-bottom: 50px;
    }
}
@media (min-width: 62em) {
    .section {
        margin-bottom: 100px;
    }
}
@media (min-width: 48em) {
    .section {
        margin-top: 60px;
    }
}
.section--outline {
    padding: 55px 32px;
}
@media (min-width: 48em) {
    .section--outline {
        padding-top: 55px;
    }
}
@media (min-width: 62em) {
    .section--outline {
        padding-top: 75px;
    }
}
@media (min-width: 48em) {
    .section--outline {
        padding-bottom: 55px;
    }
}
@media (min-width: 62em) {
    .section--outline {
        padding-bottom: 75px;
    }
}
@media (min-width: 36em) {
    .section--outline {
        padding-right: 60px;
        padding-left: 60px;
    }
}
.section--outline > .svg-asset {
    position: absolute;
    z-index: -2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.section--outline > .svg-asset svg {
    height: 100%;
}
.section--outline > .svg-asset--desktop {
    display: none;
}
@media (min-width: 48em) {
    .section--outline > .svg-asset--desktop {
        display: inline;
    }
}
@media (min-width: 48em) {
    .section--outline > .svg-asset--mobile {
        display: none;
    }
}
.section--background {
    padding-top: 50px;
    padding-bottom: 50px;
}
@media (min-width: 48em) {
    .section--background {
        padding-top: 50px;
    }
}
@media (min-width: 62em) {
    .section--background {
        padding-top: 70px;
    }
}
@media (min-width: 48em) {
    .section--background {
        padding-bottom: 50px;
    }
}
@media (min-width: 62em) {
    .section--background {
        padding-bottom: 70px;
    }
}
@media (min-width: 48em) {
    .section--background {
        padding-right: 60px;
        padding-left: 60px;
    }
}
.section--background.section--large {
    padding-top: 70px;
    padding-bottom: 70px;
}
@media (min-width: 48em) {
    .section--background.section--large {
        padding-top: 70px;
    }
}
@media (min-width: 62em) {
    .section--background.section--large {
        padding-top: 100px;
    }
}
@media (min-width: 48em) {
    .section--background.section--large {
        padding-bottom: 70px;
    }
}
@media (min-width: 62em) {
    .section--background.section--large {
        padding-bottom: 100px;
    }
}
@media (min-width: 48em) {
    .section--background.section--large {
        padding-right: 100px;
        padding-left: 100px;
    }
}
.section--background > .svg-asset {
    position: absolute;
    z-index: -1;
    top: 0;
    right: -300px;
    bottom: 0;
    left: -300px;
    color: #1519d3;
}
@media (min-width: 48em) {
    .section--background > .svg-asset {
        right: 0;
        left: 0;
    }
}
.section--background > .svg-asset svg {
    height: 100%;
}
.section--background > .svg-asset--desktop {
    display: none;
}
@media (min-width: 48em) {
    .section--background > .svg-asset--desktop {
        display: inline;
    }
}
@media (min-width: 48em) {
    .section--background > .svg-asset--mobile {
        display: none;
    }
}
.section__header {
    margin-bottom: 20px;
}
.section__header > :first-child {
    margin-top: 0 !important;
}
.section__header > :last-child {
    margin-bottom: 0 !important;
}
.section__heading {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    margin-top: 1.45em;
    font-size: calc(1.3125rem + 0.71429vw);
    line-height: 1.4;
    margin-bottom: 20px;
    position: relative;
    display: block;
}
.section__heading:first-child {
    margin-top: 0;
}
.section__heading a {
    color: inherit;
    text-decoration: none;
}
@media (min-width: 1260px) {
    .section__heading {
        font-size: 1.875rem;
    }
}
@media (min-width: 62em) {
    .section__heading {
        font-size: 1.875em;
    }
}
@media (min-width: 48em) {
    .section__heading {
        margin-bottom: 40px;
    }
}
@media (min-width: 62em) {
    .section__heading {
        margin-bottom: 40px;
    }
}
.section__content {
    display: block;
    width: 100%;
    text-align: left;
}
.section__content > :first-child {
    margin-top: 0 !important;
}
.section__content > :last-child {
    margin-bottom: 0 !important;
}
.loading-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    text-align: center;
}
.loading-modal__inner {
    z-index: 1;
    width: 100%;
    max-width: 1040px;
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
}
.loading-modal__inner > .svg-asset {
    right: 0;
    left: 0;
}
.loading-modal__background {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #02174e;
    opacity: 0.8;
}
.loading-modal__fact {
    max-width: 634px;
    margin: 0 auto 50px;
    animation: factfade 0.3s ease-in 1 forwards, factfade 0.3s ease-in 9.7s 1 reverse forwards;
}
@-webkit-keyframes factfade {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes factfade {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@media (min-width: 48em) {
    .loading-modal__fact {
        margin-bottom: 80px;
    }
}
.loading-modal__fact-text {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    margin-top: 1.45em;
    margin-bottom: 10px;
    font-size: calc(1.3125rem + 0.71429vw);
    line-height: 1.4;
}
.loading-modal__fact-text:first-child {
    margin-top: 0;
}
.loading-modal__fact-text a {
    color: inherit;
    text-decoration: none;
}
@media (min-width: 1260px) {
    .loading-modal__fact-text {
        font-size: 1.875rem;
    }
}
@media (min-width: 62em) {
    .loading-modal__fact-text {
        font-size: 1.875em;
    }
}
.loading-modal__fact-attribution {
    font-size: 1.25em;
}
.loading-modal__animation {
    display: flex;
    max-width: 300px;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    margin-right: auto;
    margin-bottom: 50px;
    margin-left: auto;
}
@media (min-width: 48em) {
    .loading-modal__animation {
        max-width: 710px;
        margin-bottom: 60px;
    }
}
.loading-modal__animation .animation-svg {
    display: inline-block;
}
.loading-modal__animation .animation-svg--laptop {
    width: 35.2%;
}
@media (min-width: 48em) {
    .loading-modal__animation .animation-svg--laptop {
        width: 13.8%;
    }
}
.loading-modal__animation .animation-svg--line {
    position: relative;
}
.loading-modal__animation .animation-svg--line path {
    -webkit-animation: linePulse 1.1s ease-in-out 0.25s 1 forwards, lineFade 1.1s ease-in-out 0.9s 1 forwards;
    animation: linePulse 1.1s ease-in-out 0.25s 1 forwards, lineFade 1.1s ease-in-out 0.9s 1 forwards;
    stroke: #00ffbc;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    transition: stroke 0.4s ease-in-out;
    will-change: stroke-dashoffset;
}
@-webkit-keyframes linePulse {
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes linePulse {
    to {
        stroke-dashoffset: 0;
    }
}
@-webkit-keyframes lineFade {
    0% {
        stroke-dashoffset: 2000;
    }
    to {
        stroke-dashoffset: 1000;
    }
}
@keyframes lineFade {
    0% {
        stroke-dashoffset: 2000;
    }
    to {
        stroke-dashoffset: 1000;
    }
}
.loading-modal__animation .animation-svg--line--desktop {
    display: none;
    width: 73.8%;
    margin-left: -3%;
}
@media (min-width: 48em) {
    .loading-modal__animation .animation-svg--line--desktop {
        display: inline-block;
    }
}
.loading-modal__animation .animation-svg--line--mobile {
    width: 44.6%;
    transform: scale(1.25) translateX(-8%);
}
@media (min-width: 48em) {
    .loading-modal__animation .animation-svg--line--mobile {
        display: none;
    }
}
.loading-modal__animation .animation-svg--server {
    z-index: 1;
    width: 29.8%;
}
@media (min-width: 48em) {
    .loading-modal__animation .animation-svg--server {
        width: 11.7%;
    }
}
.loader-is-open .loading-modal {
    display: flex;
    opacity: 1;
    pointer-events: all;
}
.loading-modal__status {
    position: relative;
    display: inline-block;
}
.loading-modal__status-message {
    -webkit-animation: messageup ease-in 1;
    animation: messageup ease-in 1;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
}
@-webkit-keyframes messageup {
    0% {
        opacity: 0;
        transform: translate(0);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
@keyframes messageup {
    0% {
        opacity: 0;
        transform: translate(0);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
.loading-modal__status-loading:after {
    position: absolute;
    left: 100%;
    display: inline-block;
    overflow: hidden;
    width: 0;
    -webkit-animation: ellipsis 2s steps(4) infinite;
    animation: ellipsis 2s steps(4) infinite;
    content: "\2026";
    vertical-align: bottom;
}
@-webkit-keyframes ellipsis {
    to {
        width: 1.25em;
    }
}
@keyframes ellipsis {
    to {
        width: 1.25em;
    }
}
.loading-modal__new-test {
    -webkit-animation: testbuttonin ease-in 1;
    animation: testbuttonin ease-in 1;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    display: none;
}
@-webkit-keyframes testbuttonin {
    0% {
        opacity: 0;
        transform: translate(0);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
@keyframes testbuttonin {
    0% {
        opacity: 0;
        transform: translate(0);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
.loading-modal__new-test .svg-asset {
    transform: rotate(-90deg);
}
.loading-modal--is-error .animation-svg--line path {
    stroke: #ff005b;
    stroke-dasharray: 0;
}
.loading-modal--is-error .loading-modal__new-test {
    display: inline-block;
}
.table-heading {
    margin-top: 50px;
    margin-bottom: 50px;
}
.table-heading table {
    margin-top: 0;
}
.table-heading .svg-asset--asterix {
    display: none;
    width: 50px;
    margin-right: 1em;
}
@media (min-width: 62em) {
    .table-heading .svg-asset--asterix {
        display: inline-block;
    }
}
.section--showcase .grid {
    text-align: center;
}
@media (max-width: 47.99em) {
    .section--showcase .grid:after {
        display: none;
        content: "flickity";
    }
}
@media (min-width: 48em) {
    .section--showcase .grid {
        display: grid;
        grid-gap: 35px;
        grid-row-gap: 70px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: auto auto;
    }
}
.section--showcase .grid .flickity-button,
.section--showcase .grid .flickity-page-dots {
    display: none;
}
.section--showcase .card {
    position: relative;
}
@media (max-width: 47.99em) {
    .section--showcase .card {
        width: 276px;
        margin-right: 15px;
        opacity: 1;
        transform: none;
    }
}
@media (min-width: 48em) {
    .section--showcase .card {
        margin-bottom: 25px;
    }
    @supports (display: grid) {
        .section--showcase .card {
            margin-bottom: 0;
        }
    }
    .section--showcase .card.card:nth-child(3n) {
        transition-delay: 0.2s;
    }
    .section--showcase .card.card:nth-child(3n-1) {
        transition-delay: 0.15s;
    }
    .section--showcase .card.card:nth-child(3n-2) {
        transition-delay: 0.1s;
    }
}
.section--showcase .card:hover .card__media {
    box-shadow: 0 3px 5px #02174e;
}
.section--showcase .card__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.section--showcase .card__media {
    margin-bottom: 15px;
    box-shadow: 0 9px 11px #02174e;
    transition: box-shadow 0.2s ease-in;
}
.section--showcase .card__media-inner {
    overflow: hidden;
    border-radius: 7px;
}
.section--showcase .section__header {
    margin-bottom: 50px;
}
@media (min-width: 48em) {
    .section--showcase .section__header {
        margin-bottom: 50px;
    }
}
@media (min-width: 62em) {
    .section--showcase .section__header {
        margin-bottom: 50px;
    }
}
.section--showcase .section__heading {
    margin-bottom: 20px;
    font-size: 16px;
}
.section--showcase .section__heading > :last-child {
    margin-bottom: 0 !important;
}
.section--showcase .section__heading__line1 {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    margin-top: 1.45em;
    margin-bottom: 10px;
    font-size: calc(1.4375rem + 2.14286vw);
    line-height: 1.35;
    display: block;
}
.section--showcase .section__heading__line1:first-child {
    margin-top: 0;
}
.section--showcase .section__heading__line1 a {
    color: inherit;
    text-decoration: none;
}
@media (min-width: 1260px) {
    .section--showcase .section__heading__line1 {
        font-size: 3.125rem;
    }
}
@media (min-width: 48em) {
    .section--showcase .section__heading__line1 {
        font-size: 2.5em;
    }
}
.section--showcase .section__heading__line2 {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    margin-bottom: 10px;
    font-size: calc(1.3125rem + 0.71429vw);
    line-height: 1.4;
    display: block;
    margin-top: 0;
}
.section--showcase .section__heading__line2:first-child {
    margin-top: 0;
}
.section--showcase .section__heading__line2 a {
    color: inherit;
    text-decoration: none;
}
@media (min-width: 1260px) {
    .section--showcase .section__heading__line2 {
        font-size: 1.875rem;
    }
}
@media (min-width: 62em) {
    .section--showcase .section__heading__line2 {
        font-size: 1.875em;
    }
}
.section--showcase .section__subheading {
    font-size: 1.25em;
    max-width: 40em;
}
.section--showcase .card__heading {
    font-size: 1.5em;
    position: relative;
    z-index: 1;
    margin-top: 0;
}
.section--showcase .carbon__amount {
    font-weight: 700;
}
.section--showcase .section__footer {
    margin-top: 115px;
}
@media (min-width: 62em) {
    .section--showcase .section__footer {
        display: flex;
        flex-flow: row nowrap;
    }
}
.section--showcase .section__footer-content {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    font-size: calc(1.3125rem + 0.71429vw);
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 1.2em;
}
.section--showcase .section__footer-content:first-child {
    margin-top: 0;
}
.section--showcase .section__footer-content a {
    color: inherit;
    text-decoration: none;
}
@media (min-width: 1260px) {
    .section--showcase .section__footer-content {
        font-size: 1.875rem;
    }
}
@media (min-width: 62em) {
    .section--showcase .section__footer-content {
        font-size: 1.875em;
        margin-right: 60px;
        margin-bottom: 0;
    }
}
.section--showcase .section__footer-content .highlight {
    color: #02174e;
}
.section--showcase .section__footer-content .highlight:nth-child(2) svg {
    transform: rotate(2deg);
}
.section--showcase .section__footer-actions {
    justify-self: end;
    text-align: center;
}
@media (min-width: 62em) {
    .section--showcase .section__footer-actions .button {
        margin-top: 10px;
        white-space: nowrap;
    }
}
.new-test,
.new-test__inner {
    position: relative;
}
.new-test__inner {
    z-index: 2;
    max-width: 730px;
    padding: 7.5px;
    background: #fff;
    color: #02174e;
}
.new-test__inner > :first-child {
    margin-top: 0 !important;
}
.new-test__inner > :last-child {
    margin-bottom: 0 !important;
}
@media (min-width: 48em) {
    .new-test__inner {
        padding: 15px;
    }
}
@media (min-width: 48em) {
    .new-test__address {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: space-between;
    }
}
.new-test__address label {
    font-size: 1.5em;
    width: 100%;
    margin-bottom: 0;
}
.new-test__address input {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}
@media (min-width: 48em) {
    .new-test__address input {
        margin-top: 25px;
    }
}
@media (min-width: 62em) {
    .new-test__address input {
        margin-top: 25px;
    }
}
@media (min-width: 48em) {
    .new-test__address input {
        margin-bottom: 25px;
    }
}
@media (min-width: 62em) {
    .new-test__address input {
        margin-bottom: 25px;
    }
}
@media (min-width: 48em) {
    .new-test__address input {
        width: calc(70% - 35px);
    }
}
.new-test__address button {
    width: 100%;
    border-width: 1px;
    margin-bottom: 20px;
}
@media (max-width: 47.99em) {
    .new-test__address button {
        padding: 0.725em 20px;
    }
}
@media (min-width: 48em) {
    .new-test__address button {
        width: 30%;
        margin-bottom: 0;
    }
}
.new-test__pageviews {
    display: none;
}
.new-test__consent {
    font-size: 0.875rem;
    max-width: 32em;
}
.new-test-button svg {
    display: block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 1em;
    color: transparent;
    fill: none;
}
.new-test-button__message {
    display: none;
}
.new-test-button__message--default {
    display: block;
}
.new-test-button.is-processing .new-test-button__message--default {
    display: none;
}
.hosting-image,
.new-test-button.is-processing .new-test-button__message--loading {
    display: flex;
    align-items: center;
    justify-content: center;
}
.hosting-image {
    flex-direction: column-reverse;
    text-align: center;
}
@media (min-width: 48em) {
    .hosting-image {
        flex-direction: row;
        text-align: left;
    }
}
.hosting-image__image {
    max-width: 110px;
    margin-top: 7.5px;
}
@media (min-width: 48em) {
    .hosting-image__image {
        margin-top: 0;
    }
}
.website-actions {
    margin-top: 80px;
    margin-bottom: 80px;
}
@media (min-width: 48em) {
    .website-actions {
        margin-top: 80px;
    }
}
@media (min-width: 62em) {
    .website-actions {
        margin-top: 130px;
    }
}
@media (min-width: 48em) {
    .website-actions {
        margin-bottom: 80px;
    }
}
@media (min-width: 62em) {
    .website-actions {
        margin-bottom: 130px;
    }
}
.website-actions__actions {
    max-width: 400px;
    margin: 0 auto;
}
@media (min-width: 62em) {
    .website-actions__actions {
        display: grid;
        max-width: 100%;
        grid-gap: 30px;
        grid-template-columns: repeat(3, 1fr);
    }
}
.website-actions .section__header {
    margin-bottom: 30px;
}
@media (min-width: 62em) {
    .website-actions .section__header {
        margin-bottom: 60px;
    }
}
.website-actions .section__heading {
    font-size: calc(1.36875rem + 1.35714vw);
    margin-bottom: 0;
}
@media (min-width: 1260px) {
    .website-actions .section__heading {
        font-size: 2.4375rem;
    }
}
.website-actions .section__subheading {
    font-size: calc(1.3125rem + 0.71429vw);
    margin-top: 0;
    font-weight: 700;
}
@media (min-width: 1260px) {
    .website-actions .section__subheading {
        font-size: 1.875rem;
    }
}
.website-action {
    position: relative;
    display: flex;
    width: 100%;
    height: auto;
    min-height: 90vw;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    padding: 30px;
    margin-bottom: 30px;
    color: #1519d3;
    text-align: center;
}
@media (min-width: 26.25em) {
    .website-action {
        min-height: 387px;
    }
}
@media (min-width: 62em) {
    .website-action {
        min-height: 29.3vw;
        margin-bottom: 0;
    }
}
@media (min-width: 78.75em) {
    .website-action {
        min-height: 344px;
    }
}
.website-action:last-child {
    margin-bottom: 0;
}
.website-action__heading {
    margin-bottom: 25px;
    font-size: 35px;
}
@media (min-width: 48em) {
    .website-action__heading {
        font-size: calc(1.36875rem + 1.35714vw);
    }
}
@media (min-width: 48em) and (min-width: 1260px) {
    .website-action__heading {
        font-size: 2.4375rem;
    }
}
.website-action__link {
    color: #00ffbc;
    border-radius: 0;
    color: #02174e;
    font-size: 1em;
    line-height: 1.2;
    position: relative;
    padding: 0;
    font-weight: 400;
}
.website-action__link,
.website-action__link:hover {
    border-color: transparent;
    background-color: transparent;
}
.website-action__link:hover {
    color: #02174e;
}
@media (min-width: 62em) {
    .website-action__link {
        font-size: 1.25em;
        line-height: 1.2;
    }
}
.website-action__link:focus,
.website-action__link:hover {
    box-shadow: none;
    text-decoration: underline;
}
.website-action .svg-asset--up-arrow {
    transform: translateY(1px);
}
.website-action .svg-asset--up-arrow svg {
    width: 0.7em;
    height: 0.7em;
    fill: #02174e;
    transform: rotate(90deg);
}
.website-action .action__background {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.website-action .action__background svg {
    height: 100%;
}
.website-template-default .website__header {
    margin-top: 50px;
    margin-bottom: 40px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}
@media (min-width: 48em) {
    .website-template-default .website__header {
        margin-top: 50px;
    }
}
@media (min-width: 62em) {
    .website-template-default .website__header {
        margin-top: 100px;
    }
}
@media (min-width: 48em) {
    .website-template-default .website__header {
        margin-bottom: 40px;
    }
}
@media (min-width: 62em) {
    .website-template-default .website__header {
        margin-bottom: 100px;
        align-items: center;
    }
}
.website-template-default .table {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 40px;
    grid-template-columns: -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content max-content;
}
.website-template-default .website__title {
    margin-right: 40px;
    margin-bottom: 0;
    font-size: 16px;
}
.website-template-default .website__title span {
    display: block;
    margin-bottom: 10px;
    font-size: 1.125em;
    font-weight: 400;
    text-decoration: none;
}
@media (min-width: 48em) {
    .website-template-default .website__title span {
        font-size: 1.5em;
    }
}
.website-template-default .website__title a {
    font-size: 1.5em;
    text-decoration: underline;
    word-break: break-all;
}
@media (min-width: 48em) {
    .website-template-default .website__title a {
        font-size: 2.5em;
    }
}
.website-template-default .website__title a:hover {
    text-decoration: none;
}
.report-summary {
    padding-top: 70px;
    padding-bottom: 70px;
}
@media (min-width: 48em) {
    .report-summary {
        padding-top: 70px;
    }
}
@media (min-width: 62em) {
    .report-summary {
        padding-top: 70px;
    }
}
@media (min-width: 48em) {
    .report-summary {
        padding-bottom: 70px;
    }
}
@media (min-width: 62em) {
    .report-summary {
        padding-bottom: 70px;
    }
}
@media (min-width: 48em) {
    .report-summary {
        padding-right: 40px;
    }
}
.report-summary > .svg-asset {
    transform: rotate(180deg);
}
.report-summary .media__asset {
    width: 80%;
    max-width: 208px;
    margin: 0 auto 40px;
}
@media (min-width: 48em) {
    .report-summary .media__asset {
        width: 14.3%;
        margin-right: 35px;
        margin-bottom: 0;
    }
}
.report-summary .media__content {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    font-size: calc(1.5rem + 2.85714vw);
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 0;
}
.report-summary .media__content:first-child {
    margin-top: 0;
}
.report-summary .media__content a {
    color: inherit;
    text-decoration: none;
}
@media (min-width: 1260px) {
    .report-summary .media__content {
        font-size: 3.75rem;
    }
}
.report-summary.section--good {
    color: #02174e;
}
.report-summary.section--good .svg-asset {
    color: #00ffbc;
}
.report-summary.section--good .media svg {
    fill: #02174e;
}
.report-summary.section--good .counter__arrow {
    -webkit-animation-name: arrow-turn-good;
    animation-name: arrow-turn-good;
}
.report-summary.section--good .highlight {
    color: #00ffbc;
}
.report-summary.section--bad .svg-asset {
    color: #ff005b;
}
.report-summary.section--bad .media svg {
    fill: #fff;
}
.report-summary.section--bad .counter__arrow {
    -webkit-animation-name: arrow-turn-bad;
    animation-name: arrow-turn-bad;
}
.report-summary.section--bad .highlight {
    color: #02174e;
}
.report-summary svg .counter__arrow {
    -webkit-animation: 2s cubic-bezier(0.5, -0.01, 0.4, 1) 1s;
    animation: 2s cubic-bezier(0.5, -0.01, 0.4, 1) 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    transform-origin: center;
}
@-webkit-keyframes arrow-turn-good {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(320deg);
    }
}
@keyframes arrow-turn-good {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(320deg);
    }
}
@-webkit-keyframes arrow-turn-bad {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(10deg);
    }
}
@keyframes arrow-turn-bad {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(10deg);
    }
}
.report-carbon .media__asset,
.report-hosting .media__asset {
    display: none;
    width: 15%;
    max-width: 118px;
}
@media (min-width: 48em) {
    .report-carbon .media__asset,
    .report-hosting .media__asset {
        display: block;
        margin-right: 50px;
    }
}
.report-carbon .media__content p,
.report-hosting .media__content p {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    margin-top: 1.45em;
    margin-bottom: 10px;
    font-size: calc(1.4375rem + 2.14286vw);
}
@media (min-width: 1260px) {
    .report-carbon .media__content p,
    .report-hosting .media__content p {
        font-size: 3.125rem;
    }
}
@media (min-width: 48em) and (max-width: 78.75em) {
    .report-carbon .media__content p,
    .report-hosting .media__content p {
        font-size: 4.2vw;
    }
}
.report-carbon--good .highlight,
.report-hosting--good .highlight {
    color: #02174e;
}
.report-carbon--good .highlight svg,
.report-hosting--good .highlight svg {
    fill: #00ffbc;
}
.report-carbon--bad .highlight,
.report-hosting--bad .highlight {
    color: #fff;
}
.report-carbon--bad .highlight svg,
.report-hosting--bad .highlight svg {
    fill: #ff005b;
}
.stat__number {
    transition: opacity 0.15s ease-out;
}
.stat__number--fade-in {
    opacity: 1;
    transition: opacity 0.15s ease-in;
}
.report-hosting p {
    position: relative;
}
.report-hosting .media__asset {
    padding: 0 12px;
}
.report-hosting--good .highlight svg {
    fill: #00ffbc;
}
.report-hosting--bad .highlight svg {
    fill: #ff005b;
}
.report-hosting .ifgreen {
    font-family: interui, "system-ui", sans-serif;
    font-weight: 400;
    line-height: 1.45;
    position: relative;
    left: 10%;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    margin-top: 15px;
    font-size: 16px;
}
@media (min-width: 23.125em) {
    .report-hosting .ifgreen {
        left: 17%;
        max-width: 78%;
    }
}
@media (min-width: 35.1875em) and (max-width: 44.5em) {
    .report-hosting .ifgreen {
        left: 25%;
    }
}
@media (min-width: 56.25em) {
    .report-hosting .ifgreen {
        position: absolute;
        top: 85px;
        left: 540px;
        max-width: 325px;
        margin-top: 0;
        margin-left: 0;
    }
}
@media (min-width: 56.25em) and (max-width: 78.75em) {
    .report-hosting .ifgreen {
        top: 7vw;
        left: 45vw;
        max-width: 28vw;
    }
}
.report-hosting .ifgreen svg {
    width: 60px;
    margin-right: 10px;
    transform: rotate(20deg) scaleY(-1);
}
@media (min-width: 56.25em) {
    .report-hosting .ifgreen svg {
        transform: rotate(0) translateY(10px);
    }
}
.report-stats {
    display: flex;
    flex-flow: column nowrap;
}
.report-stats > :last-child {
    margin-bottom: 0 !important;
}
.report-stats > .section__heading {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    margin-top: 1.45em;
    margin-bottom: 10px;
    font-size: calc(1.5rem + 2.85714vw);
    line-height: 1.3;
}
.report-stats > .section__heading:first-child {
    margin-top: 0;
}
.report-stats > .section__heading a {
    color: inherit;
    text-decoration: none;
}
@media (min-width: 1260px) {
    .report-stats > .section__heading {
        font-size: 3.75rem;
    }
}
.pageviews-control .highlight {
    display: table;
    flex-flow: row nowrap;
    padding-right: 0.5em;
    padding-left: 50px;
    margin: 0.2em 0;
    color: #1519d3;
}
@media (min-width: 48em) {
    .pageviews-control .highlight {
        display: inline-flex;
    }
}
.pageviews-control__buttons {
    position: absolute;
    top: 0;
    left: 20px;
    display: flex;
    height: 100%;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
}
.pageviews-control__buttons button {
    padding: 0;
    border: 0;
    background: transparent;
    border-radius: 0;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-transform: inherit;
}
.pageviews-control__buttons button:hover {
    box-shadow: none;
}
.pageviews-control__buttons button:focus:active,
.pageviews-control__buttons button:focus:focus,
.pageviews-control__buttons button:hover:active,
.pageviews-control__buttons button:hover:focus {
    outline: none;
}
.pageviews-control__buttons button:focus svg,
.pageviews-control__buttons button:hover svg {
    fill: #000;
}
.pageviews-control__buttons svg {
    width: 18px;
    height: 18px;
}
@media (min-width: 48em) {
    .pageviews-control__buttons svg {
        width: 22px;
        height: 22px;
    }
}
.pageviews-control a {
    word-break: break-all;
}
.pageviews-control__amount {
    padding: 0;
}
.pageviews-control .hide-mobile a {
    text-decoration: underline;
}
.pageviews-control .hide-mobile a:focus,
.pageviews-control .hide-mobile a:hover {
    text-decoration: none;
}
.stat {
    margin-top: 50px;
    margin-bottom: 50px;
    display: inline-flex;
    max-width: 600px;
    flex-flow: row nowrap;
}
@media (min-width: 48em) {
    .stat {
        margin-top: 50px;
    }
}
@media (min-width: 62em) {
    .stat {
        margin-top: 100px;
    }
}
@media (min-width: 48em) {
    .stat {
        margin-bottom: 50px;
    }
}
@media (min-width: 62em) {
    .stat {
        margin-bottom: 100px;
    }
}
@media (min-width: 48em) {
    .stat {
        max-width: 800px;
    }
}
.stat.stat--disabled {
    display: none;
}
.stat .stat__heading {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    margin-top: 1.45em;
    font-size: calc(1.4375rem + 2.14286vw);
    line-height: 1.35;
    margin-bottom: 15px;
}
.stat .stat__heading:first-child {
    margin-top: 0;
}
.stat .stat__heading a {
    color: inherit;
    text-decoration: none;
}
@media (min-width: 1260px) {
    .stat .stat__heading {
        font-size: 3.125rem;
    }
}
@media (max-width: 47.99em) {
    .stat .stat__heading {
        font-size: 2.375em;
    }
}
.stat + .stat {
    margin-top: 0;
}
.stat .media__content {
    display: flex;
    width: auto;
    flex-flow: column wrap;
    align-items: flex-start;
}
.stat p {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    margin-bottom: 10px;
    font-size: calc(1.3125rem + 0.71429vw);
    line-height: 1.4;
    display: inline-block;
    width: auto;
    max-width: 14em;
}
.stat p,
.stat p:first-child {
    margin-top: 0;
}
.stat p a {
    color: inherit;
    text-decoration: none;
}
@media (min-width: 1260px) {
    .stat p {
        font-size: 1.875rem;
    }
}
@media (min-width: 62em) {
    .stat p {
        font-size: 1.875em;
    }
}
.stat .media__asset {
    display: none;
    max-width: 108px;
    flex: 0 0 15%;
    margin-right: 50px;
}
@media (min-width: 48em) {
    .stat .media__asset {
        display: block;
    }
}
@media (min-width: 62.5em) {
    .stat:nth-child(odd) {
        align-self: flex-end;
    }
}
.stat--c02 .media__asset svg {
    -webkit-animation: croissant 7s 1s infinite;
    animation: croissant 7s 1s infinite;
}
@-webkit-keyframes croissant {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.08, -0.29, 0.58, 0.99);
        animation-timing-function: cubic-bezier(0.08, -0.29, 0.58, 0.99);
        transform: translateY(0);
    }
    13% {
        -webkit-animation-timing-function: cubic-bezier(0.46, 0.04, 0.88, 1.26);
        animation-timing-function: cubic-bezier(0.46, 0.04, 0.88, 1.26);
        transform: translateY(-25px);
    }
    20%,
    to {
        transform: translateY(0);
    }
}
@keyframes croissant {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.08, -0.29, 0.58, 0.99);
        animation-timing-function: cubic-bezier(0.08, -0.29, 0.58, 0.99);
        transform: translateY(0);
    }
    13% {
        -webkit-animation-timing-function: cubic-bezier(0.46, 0.04, 0.88, 1.26);
        animation-timing-function: cubic-bezier(0.46, 0.04, 0.88, 1.26);
        transform: translateY(-25px);
    }
    20%,
    to {
        transform: translateY(0);
    }
}
.stat--bubbles .media__asset {
    overflow: visible;
    max-width: 130px;
    flex: 0 0 19%;
}
.stat--bubbles .media__asset svg {
    overflow: visible;
    fill: #fff;
}
.stat--bubbles .media__asset svg .hand {
    -webkit-animation: bubble 4s 1s infinite;
    animation: bubble 4s 1s infinite;
    -webkit-animation-timing-function: cubic-bezier(0.28, 0.62, 0.7, 1.12);
    animation-timing-function: cubic-bezier(0.28, 0.62, 0.7, 1.12);
    stroke-width: 0;
}
@-webkit-keyframes bubble {
    0%,
    to {
        transform: translate(12px, 12px);
    }
    25% {
        transform: translate(3px, 3px);
    }
    50% {
        transform: translate(12px, 12px);
    }
}
@keyframes bubble {
    0%,
    to {
        transform: translate(12px, 12px);
    }
    25% {
        transform: translate(3px, 3px);
    }
    50% {
        transform: translate(12px, 12px);
    }
}
.stat--trees .media__asset {
    max-width: 113px;
    flex: 0 0 16%;
}
.stat--car .media__asset {
    position: relative;
    max-width: 100px;
    flex: 0 0 14%;
}
.stat--car .media__asset .car > svg {
    -webkit-animation: car 0.25s linear infinite;
    animation: car 0.25s linear infinite;
}
@-webkit-keyframes car {
    0%,
    to {
        transform: translate(0) rotate(-2deg);
    }
    25% {
        transform: translateY(3px);
    }
    50% {
        transform: translate(0) rotate(1deg);
    }
    75% {
        transform: translateY(2px) rotate(0deg);
    }
}
@keyframes car {
    0%,
    to {
        transform: translate(0) rotate(-2deg);
    }
    25% {
        transform: translateY(3px);
    }
    50% {
        transform: translate(0) rotate(1deg);
    }
    75% {
        transform: translateY(2px) rotate(0deg);
    }
}
.stat--car .media__asset .charger {
    position: absolute;
    width: 70%;
    left: -62%;
    top: 41%;
}
.test-another {
    text-align: center;
}
.test-another .section__heading {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    font-size: calc(1.4375rem + 2.14286vw);
    line-height: 1.35;
    max-width: 950px;
    margin: 0 auto 30px;
}
.test-another .section__heading:first-child {
    margin-top: 0;
}
.test-another .section__heading a {
    color: inherit;
    text-decoration: none;
}
@media (min-width: 1260px) {
    .test-another .section__heading {
        font-size: 3.125rem;
    }
}
@media (min-width: 48em) {
    .test-another .section__heading {
        font-family: inherit;
        font-weight: 700;
        color: inherit;
        margin-top: 1.45em;
        font-size: calc(1.5rem + 2.85714vw);
        line-height: 1.3;
        margin-bottom: 40px;
    }
    .test-another .section__heading:first-child {
        margin-top: 0;
    }
    .test-another .section__heading a {
        color: inherit;
        text-decoration: none;
    }
}
@media (min-width: 48em) and (min-width: 1260px) {
    .test-another .section__heading {
        font-size: 3.75rem;
    }
}
.test-another .svg-asset {
    transform: rotate(-90deg);
}
.share__heading {
    padding: 0;
    border: 0;
    background: transparent;
    border-radius: 0;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-transform: inherit;
    font-size: 1em;
    line-height: 1.2;
    display: inline-block;
    color: #fff;
}
.share__heading:hover {
    box-shadow: none;
}
@media (min-width: 62em) {
    .share__heading {
        font-size: 1.25em;
        line-height: 1.2;
        margin-right: 20px;
        cursor: default;
        pointer-events: none;
    }
}
.share__heading:hover {
    background: transparent;
    color: #fff;
}
.share .share__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: flex-end;
    pointer-events: all;
}
@media (min-width: 62em) {
    .share .share__inner {
        flex-flow: row nowrap;
    }
}
.share .share__buttons {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    display: flex;
    flex-flow: column nowrap;
    transition: all 0.2s ease;
}
@media (min-width: 62em) {
    .share .share__buttons {
        position: static;
        flex-flow: row nowrap;
    }
}
.share .share__button {
    border-color: #fff;
    background-color: #fff;
    color: #02174e;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    margin: 0 auto 10px;
    opacity: 0;
    text-decoration: none;
    transform: translateY(-10px);
    transition: all 0.2s ease;
}
.share .share__button:first-child {
    transition-delay: 0.2s;
}
.share .share__button:nth-child(2) {
    transition-delay: 0.16s;
}
.share .share__button:nth-child(3) {
    transition-delay: 80ms;
}
.share .share__button:nth-child(4) {
    transition-delay: -40ms;
}
.share .share__button:nth-child(5) {
    transition-delay: -0.2s;
}
.share .share__button:hover {
    border-color: #fff;
    background-color: #fff;
    color: #02174e;
}
@media (min-width: 62em) {
    .share .share__button {
        display: flex;
        margin-right: 20px;
        margin-bottom: 0;
        opacity: 1;
        transform: translateY(0);
    }
    .share .share__button,
    .share .share__button:hover {
        border-color: transparent;
        background-color: transparent;
        color: #fff;
    }
    .share .share__button:focus,
    .share .share__button:hover {
        box-shadow: none;
    }
    .share .share__button:focus path,
    .share .share__button:focus svg,
    .share .share__button:hover path,
    .share .share__button:hover svg {
        fill: #00ffbc;
    }
    .share .share__button:last-child {
        margin-right: 0;
    }
}
.share svg {
    width: 29px;
    height: 29px;
}
.share path,
.share svg {
    fill: currentColor;
}
@media (max-width: 61.99em) {
    .share--active .share__buttons {
        pointer-events: all;
    }
}
@media (max-width: 61.99em) {
    .share--active .share__button,
    .share--active .share__buttons {
        opacity: 1;
        transform: translateY(0);
    }
    .share--active .share__button:first-child {
        transition-delay: 40ms;
    }
    .share--active .share__button:nth-child(2) {
        transition-delay: 80ms;
    }
    .share--active .share__button:nth-child(3) {
        transition-delay: 0.12s;
    }
    .share--active .share__button:nth-child(4) {
        transition-delay: 0.16s;
    }
    .share--active .share__button:nth-child(5) {
        transition-delay: 0.2s;
    }
}
.share--active .share__heading:focus {
    box-shadow: none;
}
.prefooter__heading {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    margin-top: 1.45em;
    font-size: calc(1.4375rem + 2.14286vw);
    line-height: 1.35;
    margin-bottom: 1em;
}
.prefooter__heading:first-child {
    margin-top: 0;
}
.prefooter__heading a {
    color: inherit;
    text-decoration: none;
}
@media (min-width: 1260px) {
    .prefooter__heading {
        font-size: 3.125rem;
    }
}
.prefooter__grid {
    display: grid;
    grid-gap: 30px;
}
@media (min-width: 62em) {
    .prefooter__grid {
        grid-gap: 80px;
        grid-template-columns: 1fr 1fr;
    }
}
.prefooter__grid > * {
    margin-top: 0;
    margin-bottom: 0;
}
.retest {
    margin-top: 20px;
}
.retest .retest-button {
    display: inline;
    padding: 0;
    font: inherit;
    text-decoration: underline;
}
.retest .retest-button,
.retest .retest-button:hover {
    border: 0;
    background: none;
    box-shadow: none;
    color: inherit;
}
.retest .retest-button:hover {
    text-decoration: none;
}
.aba {
    padding-top: 40px;
    padding-bottom: 40px;
}
@media (min-width: 48em) {
    .aba {
        padding-top: 40px;
    }
}
@media (min-width: 62em) {
    .aba {
        padding-top: 60px;
    }
}
@media (min-width: 48em) {
    .aba {
        padding-bottom: 40px;
    }
}
@media (min-width: 62em) {
    .aba {
        padding-bottom: 60px;
    }
}
.aba__heading {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    margin-top: 1.45em;
    margin-bottom: 10px;
    font-size: calc(1.3125rem + 0.71429vw);
    line-height: 1.4;
}
.aba__heading:first-child {
    margin-top: 0;
}
.aba__heading a {
    color: inherit;
    text-decoration: none;
}
@media (min-width: 1260px) {
    .aba__heading {
        font-size: 1.875rem;
    }
}
@media (min-width: 62em) {
    .aba__heading {
        font-size: 1.875em;
    }
}
.aba__subheading {
    font-size: 0.875rem;
    position: relative;
    margin-top: 25px;
    margin-bottom: 25px;
}
@media (min-width: 48em) {
    .aba__subheading {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        max-width: none;
    }
}
.aba__content > :first-child {
    margin-top: 0 !important;
}
.aba__content > :last-child {
    margin-bottom: 0 !important;
}
.aba__image {
    margin-top: 25px;
}
@media (min-width: 48em) {
    .aba__image {
        width: 40%;
        flex-shrink: 0;
        margin-top: 0;
        margin-left: 30px;
    }
}
.aba .svg-asset path {
    fill: transparent;
    stroke: #1519d3;
    stroke-width: 5px;
    transform: scale(0.99);
    transform-origin: 50% 50%;
}
.newsletter-signup {
    padding-top: 40px;
    padding-bottom: 40px;
}
@media (min-width: 48em) {
    .newsletter-signup {
        padding-top: 40px;
    }
}
@media (min-width: 62em) {
    .newsletter-signup {
        padding-top: 60px;
    }
}
@media (min-width: 48em) {
    .newsletter-signup {
        padding-bottom: 40px;
    }
}
@media (min-width: 62em) {
    .newsletter-signup {
        padding-bottom: 60px;
    }
}
.newsletter-signup__heading {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    margin-top: 1.45em;
    margin-bottom: 10px;
    font-size: calc(1.3125rem + 0.71429vw);
    line-height: 1.4;
}
.newsletter-signup__heading:first-child {
    margin-top: 0;
}
.newsletter-signup__heading a {
    color: inherit;
    text-decoration: none;
}
@media (min-width: 1260px) {
    .newsletter-signup__heading {
        font-size: 1.875rem;
    }
}
@media (min-width: 62em) {
    .newsletter-signup__heading {
        font-size: 1.875em;
    }
}
.newsletter-signup__subheading {
    font-size: 0.875rem;
    margin-bottom: 25px;
}
.newsletter-signup__form label {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    margin: 0;
}
.newsletter-signup__form label:focus {
    z-index: 100000;
    top: 7.5px;
    left: 7.5px;
    display: block;
    width: auto;
    height: auto;
    clip: auto;
}
.newsletter-signup__form .newsletter-signup__textinput {
    width: 100%;
    margin-bottom: 20px;
}
.newsletter-signup__form .newsletter-signup__submit {
    width: 100%;
    margin-bottom: 0;
}
@media (min-width: 48em) {
    .newsletter-signup__form .newsletter-signup__submit {
        width: 40%;
    }
}
.newsletter-signup__form .newsletter-signup__submit input {
    width: 100%;
    border-width: 1px;
}
.newsletter-signup .leaf {
    position: absolute;
    z-index: -2;
    top: 18%;
    right: 5%;
    bottom: 4px;
    overflow: hidden;
    width: 280px;
    max-width: 93%;
}
@media (min-width: 36em) {
    .newsletter-signup .leaf {
        top: 0;
        right: 10%;
    }
}
@media (min-width: 48em) {
    .newsletter-signup .leaf {
        top: 35%;
        right: 10%;
        left: unset;
        bottom: 0;
    }
}
.newsletter-signup .leaf svg {
    position: absolute;
    right: 0;
    bottom: -50%;
    width: 280px;
    max-height: none;
}
@media (min-width: 48em) {
    .newsletter-signup .leaf svg {
        top: 0;
        bottom: -60%;
        width: 100%;
    }
}
.newsletter-signup .leaf path {
    fill: #02174e;
}
.newsletter-signup .svg-asset path {
    fill: #050663;
    stroke: #050663;
    stroke-width: 5px;
    transform: scale(0.99);
    transform-origin: 50% 50%;
}
.intro {
    position: relative;
    padding-top: 50px;
    margin-bottom: 50px;
    color: #fff;
}
@media (min-width: 48em) {
    .intro {
        padding-top: 80px;
        margin-bottom: 50px;
    }
}
.intro__inner > :first-child {
    margin-top: 0 !important;
}
.intro__inner > :last-child {
    margin-bottom: 0 !important;
}
.intro__title {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    margin-top: 1.45em;
    font-size: calc(1.75rem + 5.71429vw);
    line-height: 1.3;
    -webkit-animation: fade-up ease-in 1;
    animation: fade-up ease-in 1;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    width: 100%;
    max-width: 13em;
    margin-bottom: 50px;
}
.intro__title:first-child {
    margin-top: 0;
}
.intro__title a {
    color: inherit;
    text-decoration: none;
}
@media (min-width: 1260px) {
    .intro__title {
        font-size: 6.25rem;
    }
}
@media (min-width: 48em) {
    .intro__title {
        margin-bottom: 60px;
    }
}
.intro__content > :first-child {
    margin-top: 0 !important;
}
.intro__content > :last-child {
    margin-bottom: 0 !important;
}
.intro__footer {
    margin-top: 25px;
    margin-bottom: -25px;
}
@media (min-width: 48em) {
    .intro__footer {
        margin-top: 50px;
        margin-bottom: -75px;
    }
}
.section--home-search {
    -webkit-animation: fade-up ease-in 1;
    animation: fade-up ease-in 1;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
}
@keyframes fade-up {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
.home-attribution .media__asset {
    width: 200px;
    margin-bottom: 30px;
}
@media (min-width: 48em) {
    .home-attribution .media__asset {
        width: 160px;
        margin-top: 12px;
        margin-bottom: 0;
    }
}
@media (min-width: 62em) {
    .home-attribution .media__asset {
        width: 200px;
    }
}
@media (min-width: 75em) {
    .home-attribution .media__asset {
        width: 260px;
    }
}
.home-attribution__content p {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    margin-top: 1.45em;
    margin-bottom: 10px;
    font-size: calc(1.3125rem + 0.71429vw);
    line-height: 1.4;
}
.home-attribution__content p:first-child {
    margin-top: 0;
}
.home-attribution__content p a {
    color: inherit;
    text-decoration: none;
}
@media (min-width: 1260px) {
    .home-attribution__content p {
        font-size: 1.875rem;
    }
}
@media (min-width: 62em) {
    .home-attribution__content p {
        font-size: 1.875em;
    }
}
.home-attribution__content p > :first-child {
    margin-top: 0 !important;
}
.home-attribution__content p > :last-child {
    margin-bottom: 0 !important;
}
@media (min-width: 48em) {
    .home-attribution__content p {
        margin-left: 100px;
    }
}
.home-attribution__content p a {
    text-decoration: underline;
}
.home-attribution__content p a:hover {
    text-decoration: none;
}
.section--climate-change p {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    margin-top: 1.45em;
    margin-bottom: 10px;
    font-size: calc(1.3125rem + 0.71429vw);
    line-height: 1.4;
    max-width: 30em;
}
.section--climate-change p:first-child {
    margin-top: 0;
}
.section--climate-change p a {
    color: inherit;
    text-decoration: none;
}
@media (min-width: 1260px) {
    .section--climate-change p {
        font-size: 1.875rem;
    }
}
@media (min-width: 62em) {
    .section--climate-change p {
        font-size: 1.875em;
    }
}
.page-template-default h1 {
    font-size: calc(1.4375rem + 2.14286vw);
    line-height: 1.35;
}
@media (min-width: 1260px) {
    .page-template-default h1 {
        font-size: 3.125rem;
    }
}
.page-template-default h2 {
    font-size: calc(1.3125rem + 0.71429vw);
    line-height: 1.4;
}
@media (min-width: 1260px) {
    .page-template-default h2 {
        font-size: 1.875rem;
    }
}
@media (min-width: 62em) {
    .page-template-default h2 {
        font-size: 1.875em;
    }
}
.page-template-default h3 {
    font-size: calc(1.3125rem + 0.71429vw);
    line-height: 1.4;
}
@media (min-width: 1260px) {
    .page-template-default h3 {
        font-size: 1.875rem;
    }
}
@media (min-width: 62em) {
    .page-template-default h3 {
        font-size: 1.875em;
    }
}
.page-template-default .entry-content ol,
.page-template-default .entry-content p,
.page-template-default .entry-content ul {
    font-size: 1.5em;
}
.page-template-default .entry-content p a {
    font-weight: 700;
    text-decoration: underline;
}
.page-template-default .entry-content p a:hover {
    text-decoration: none;
}
.hide-mobile {
    display: none;
}
@media (min-width: 48em) {
    .hide-mobile {
        display: block;
    }
}
@media (min-width: 48em) {
    .hide-desktop {
        display: none;
    }
}
.safariBugFix {
    -webkit-animation: safariBugFix 20ms 1;
    animation: safariBugFix 20ms 1;
}
@-webkit-keyframes safariBugFix {
    0% {
        zoom: 100%;
    }
    to {
        zoom: 99.99999%;
    }
}
@keyframes safariBugFix {
    0% {
        zoom: 100%;
    }
    to {
        zoom: 99.99999%;
    }
}