html {
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
font-family:sans-serif
}
body {
margin:0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display:block
}
audio,
canvas,
progress,
video {
vertical-align:baseline;
display:inline-block
}
audio:not([controls]) {
height:0;
display:none
}
[hidden],
template {
display:none
}
a {
background-color:#0000
}
a:active,
a:hover {
outline:0
}
abbr[title] {
border-bottom:1px dotted
}
b,
strong {
font-weight:700
}
dfn {
font-style:italic
}
h1 {
margin:.67em 0;
font-size:2em
}
mark {
color:#000;
background:#ff0
}
small {
font-size:80%
}
sub,
sup {
vertical-align:baseline;
font-size:75%;
line-height:0;
position:relative
}
sup {
top:-.5em
}
sub {
bottom:-.25em
}
img {
border:0
}
svg:not(:root) {
overflow:hidden
}
hr {
box-sizing:content-box;
height:0
}
pre {
overflow:auto
}
code,
kbd,
pre,
samp {
font-family:monospace;
font-size:1em
}
button,
input,
optgroup,
select,
textarea {
color:inherit;
font:inherit;
margin:0
}
button {
overflow:visible
}
button,
select {
text-transform:none
}
button,
html input[type=button],
input[type=reset] {
-webkit-appearance:button;
cursor:pointer
}
button[disabled],
html input[disabled] {
cursor:default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border:0;
padding:0
}
input {
line-height:normal
}
input[type=checkbox],
input[type=radio] {
box-sizing:border-box;
padding:0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height:auto
}
input[type=search] {
-webkit-appearance:none
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
legend {
border:0;
padding:0
}
textarea {
overflow:auto
}
optgroup {
font-weight:700
}
table {
border-collapse:collapse;
border-spacing:0
}
td,
th {
padding:0
}
@font-face {
font-family:webflow-icons;
src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)format("truetype");
font-weight:400;
font-style:normal
}
[class^=w-icon-],
[class*=\ w-icon-] {
speak:none;
font-variant:normal;
text-transform:none;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-style:normal;
font-weight:400;
line-height:1;
font-family:webflow-icons!important
}
.w-icon-slider-right:before {
content:""
}
.w-icon-slider-left:before {
content:""
}
.w-icon-nav-menu:before {
content:""
}
.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
content:""
}
.w-icon-file-upload-remove:before {
content:""
}
.w-icon-file-upload-icon:before {
content:""
}
* {
box-sizing:border-box
}
html {
height:100%
}
body {
color:#333;
background-color:#fff;
min-height:100%;
margin:0;
font-family:Arial,sans-serif;
font-size:14px;
line-height:20px
}
img {
vertical-align:middle;
max-width:100%;
display:inline-block
}
html.w-mod-touch * {
background-attachment:scroll!important
}
.w-block {
display:block
}
.w-inline-block {
max-width:100%;
display:inline-block
}
.w-clearfix:before,
.w-clearfix:after {
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-clearfix:after {
clear:both
}
.w-hidden {
display:none
}
.w-button {
color:#fff;
line-height:inherit;
cursor:pointer;
background-color:#3898ec;
border:0;
border-radius:0;
padding:9px 15px;
text-decoration:none;
display:inline-block
}
input.w-button {
-webkit-appearance:button
}
html[data-w-dynpage] [data-w-cloak] {
color:#0000!important
}
.w-code-block {
margin:unset
}
pre.w-code-block code {
all:inherit
}
.w-optimization {
display:contents
}
.w-webflow-badge {
display: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom:10px;
font-weight:700
}
h1 {
margin-top:20px;
font-size:38px;
line-height:44px
}
h2 {
margin-top:20px;
font-size:32px;
line-height:36px
}
h3 {
margin-top:20px;
font-size:24px;
line-height:30px
}
h4 {
margin-top:10px;
font-size:18px;
line-height:24px
}
h5 {
margin-top:10px;
font-size:14px;
line-height:20px
}
h6 {
margin-top:10px;
font-size:12px;
line-height:18px
}
p {
margin-top:0;
margin-bottom:10px
}
blockquote {
border-left:5px solid #e2e2e2;
margin:0 0 10px;
padding:10px 20px;
font-size:18px;
line-height:22px
}
figure {
margin:0 0 10px
}
figcaption {
text-align:center;
margin-top:5px
}
ul,
ol {
margin-top:0;
margin-bottom:10px;
padding-left:40px
}
.w-list-unstyled {
padding-left:0;
list-style:none
}
.w-embed:before,
.w-embed:after {
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-embed:after {
clear:both
}
.w-video {
width:100%;
padding:0;
position:relative
}
.w-video iframe,
.w-video object,
.w-video embed {
border:none;
width:100%;
height:100%;
position:absolute;
top:0;
left:0
}
fieldset {
border:0;
margin:0;
padding:0
}
button,
[type=button],
[type=reset] {
cursor:pointer;
-webkit-appearance:button;
border:0
}
.w-form {
margin:0 0 15px
}
.w-form-done {
text-align:center;
background-color:#ddd;
padding:20px;
display:none
}
.w-form-fail {
background-color:#ffdede;
margin-top:10px;
padding:10px;
display:none
}
label {
margin-bottom:5px;
font-weight:700;
display:block
}
.w-input,
.w-select {
color:#333;
vertical-align:middle;
background-color:#fff;
border:1px solid #ccc;
width:100%;
height:38px;
margin-bottom:10px;
padding:8px 12px;
font-size:14px;
line-height:1.42857;
display:block
}
.w-input::placeholder,
.w-select::placeholder {
color:#999
}
.w-input:focus,
.w-select:focus {
border-color:#3898ec;
outline:0
}
.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
cursor:not-allowed
}
.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color:#eee
}
textarea.w-input,
textarea.w-select {
height:auto
}
.w-select {
background-color:#f3f3f3
}
.w-select[multiple] {
height:auto
}
.w-form-label {
cursor:pointer;
margin-bottom:0;
font-weight:400;
display:inline-block
}
.w-radio {
margin-bottom:5px;
padding-left:20px;
display:block
}
.w-radio:before,
.w-radio:after {
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-radio:after {
clear:both
}
.w-radio-input {
float:left;
margin:3px 0 0 -20px;
line-height:normal
}
.w-file-upload {
margin-bottom:10px;
display:block
}
.w-file-upload-input {
opacity:0;
z-index:-100;
width:.1px;
height:.1px;
position:absolute;
overflow:hidden
}
.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
color:#333;
display:inline-block
}
.w-file-upload-error {
margin-top:10px;
display:block
}
.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
display:none
}
.w-file-upload-uploading-btn {
cursor:pointer;
background-color:#fafafa;
border:1px solid #ccc;
margin:0;
padding:8px 12px;
font-size:14px;
font-weight:400;
display:flex
}
.w-file-upload-file {
background-color:#fafafa;
border:1px solid #ccc;
flex-grow:1;
justify-content:space-between;
margin:0;
padding:8px 9px 8px 11px;
display:flex
}
.w-file-upload-file-name {
font-size:14px;
font-weight:400;
display:block
}
.w-file-remove-link {
cursor:pointer;
width:auto;
height:auto;
margin-top:3px;
margin-left:10px;
padding:3px;
display:block
}
.w-icon-file-upload-remove {
margin:auto;
font-size:10px
}
.w-file-upload-error-msg {
color:#ea384c;
padding:2px 0;
display:inline-block
}
.w-file-upload-info {
padding:0 12px;
line-height:38px;
display:inline-block
}
.w-file-upload-label {
cursor:pointer;
background-color:#fafafa;
border:1px solid #ccc;
margin:0;
padding:8px 12px;
font-size:14px;
font-weight:400;
display:inline-block
}
.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
width:20px;
margin-right:8px;
display:inline-block
}
.w-icon-file-upload-uploading {
height:20px
}
.w-container {
max-width:940px;
margin-left:auto;
margin-right:auto
}
.w-container:before,
.w-container:after {
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-container:after {
clear:both
}
.w-container .w-row {
margin-left:-10px;
margin-right:-10px
}
.w-row:before,
.w-row:after {
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-row:after {
clear:both
}
.w-row .w-row {
margin-left:0;
margin-right:0
}
.w-col {
float:left;
width:100%;
min-height:1px;
padding-left:10px;
padding-right:10px;
position:relative
}
.w-col .w-col {
padding-left:0;
padding-right:0
}
.w-col-1 {
width:8.33333%
}
.w-col-2 {
width:16.6667%
}
.w-col-3 {
width:25%
}
.w-col-4 {
width:33.3333%
}
.w-col-5 {
width:41.6667%
}
.w-col-6 {
width:50%
}
.w-col-7 {
width:58.3333%
}
.w-col-8 {
width:66.6667%
}
.w-col-9 {
width:75%
}
.w-col-10 {
width:83.3333%
}
.w-col-11 {
width:91.6667%
}
.w-col-12 {
width:100%
}
.w-hidden-main {
display:none!important
}
@media screen and (max-width:991px) {
.w-container {
max-width:728px
}
.w-hidden-main {
display:inherit!important
}
.w-hidden-medium {
display:none!important
}
.w-col-medium-1 {
width:8.33333%
}
.w-col-medium-2 {
width:16.6667%
}
.w-col-medium-3 {
width:25%
}
.w-col-medium-4 {
width:33.3333%
}
.w-col-medium-5 {
width:41.6667%
}
.w-col-medium-6 {
width:50%
}
.w-col-medium-7 {
width:58.3333%
}
.w-col-medium-8 {
width:66.6667%
}
.w-col-medium-9 {
width:75%
}
.w-col-medium-10 {
width:83.3333%
}
.w-col-medium-11 {
width:91.6667%
}
.w-col-medium-12 {
width:100%
}
.w-col-stack {
width:100%;
left:auto;
right:auto
}
}
@media screen and (max-width:767px) {
.w-hidden-main,
.w-hidden-medium {
display:inherit!important
}
.w-hidden-small {
display:none!important
}
.w-row,
.w-container .w-row {
margin-left:0;
margin-right:0
}
.w-col {
width:100%;
left:auto;
right:auto
}
.w-col-small-1 {
width:8.33333%
}
.w-col-small-2 {
width:16.6667%
}
.w-col-small-3 {
width:25%
}
.w-col-small-4 {
width:33.3333%
}
.w-col-small-5 {
width:41.6667%
}
.w-col-small-6 {
width:50%
}
.w-col-small-7 {
width:58.3333%
}
.w-col-small-8 {
width:66.6667%
}
.w-col-small-9 {
width:75%
}
.w-col-small-10 {
width:83.3333%
}
.w-col-small-11 {
width:91.6667%
}
.w-col-small-12 {
width:100%
}
}
@media screen and (max-width:479px) {
.w-container {
max-width:none
}
.w-hidden-main,
.w-hidden-medium,
.w-hidden-small {
display:inherit!important
}
.w-hidden-tiny {
display:none!important
}
.w-col {
width:100%
}
.w-col-tiny-1 {
width:8.33333%
}
.w-col-tiny-2 {
width:16.6667%
}
.w-col-tiny-3 {
width:25%
}
.w-col-tiny-4 {
width:33.3333%
}
.w-col-tiny-5 {
width:41.6667%
}
.w-col-tiny-6 {
width:50%
}
.w-col-tiny-7 {
width:58.3333%
}
.w-col-tiny-8 {
width:66.6667%
}
.w-col-tiny-9 {
width:75%
}
.w-col-tiny-10 {
width:83.3333%
}
.w-col-tiny-11 {
width:91.6667%
}
.w-col-tiny-12 {
width:100%
}
}
.w-widget {
position:relative
}
.w-widget-map {
width:100%;
height:400px
}
.w-widget-map label {
width:auto;
display:inline
}
.w-widget-map img {
max-width:inherit
}
.w-widget-map .gm-style-iw {
text-align:center
}
.w-widget-map .gm-style-iw>button {
display:none!important
}
.w-widget-twitter {
overflow:hidden
}
.w-widget-twitter-count-shim {
vertical-align:top;
text-align:center;
background:#fff;
border:1px solid #758696;
border-radius:3px;
width:28px;
height:20px;
display:inline-block;
position:relative
}
.w-widget-twitter-count-shim * {
pointer-events:none;
-webkit-user-select:none;
user-select:none
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align:center;
color:#999;
font-family:serif;
font-size:15px;
line-height:12px;
position:relative
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display:block;
position:relative
}
.w-widget-twitter-count-shim.w--large {
width:36px;
height:28px
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size:18px;
line-height:18px
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left:5px;
margin-right:8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left:6px
}
.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
content:" ";
pointer-events:none;
border:solid #0000;
width:0;
height:0;
position:absolute;
top:50%;
left:0
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width:4px;
border-color:#75869600 #5d6c7b #75869600 #75869600;
margin-top:-4px;
margin-left:-9px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width:5px;
margin-top:-5px;
margin-left:-10px
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width:4px;
border-color:#fff0 #fff #fff0 #fff0;
margin-top:-4px;
margin-left:-8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width:5px;
margin-top:-5px;
margin-left:-9px
}
.w-widget-twitter-count-shim.w--vertical {
width:61px;
height:33px;
margin-bottom:8px
}
.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
content:" ";
pointer-events:none;
border:solid #0000;
width:0;
height:0;
position:absolute;
top:100%;
left:50%
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width:5px;
border-color:#5d6c7b #75869600 #75869600;
margin-left:-5px
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width:4px;
border-color:#fff #fff0 #fff0;
margin-left:-4px
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size:18px;
line-height:22px
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width:76px
}
.w-background-video {
color:#fff;
height:500px;
position:relative;
overflow:hidden
}
.w-background-video>video {
object-fit:cover;
z-index:-100;
background-position:50%;
background-size:cover;
width:100%;
height:100%;
margin:auto;
position:absolute;
inset:-100%
}
.w-background-video>video::-webkit-media-controls-start-playback-button {
-webkit-appearance:none;
display:none!important
}
.w-background-video--control {
background-color:#0000;
padding:0;
position:absolute;
bottom:1em;
right:1em
}
.w-background-video--control>[hidden] {
display:none!important
}
.w-slider {
text-align:center;
clear:both;
-webkit-tap-highlight-color:#0000;
tap-highlight-color:#0000;
background:#ddd;
height:300px;
position:relative
}
.w-slider-mask {
z-index:1;
white-space:nowrap;
height:100%;
display:block;
position:relative;
left:0;
right:0;
overflow:hidden
}
.w-slide {
vertical-align:top;
white-space:normal;
text-align:left;
width:100%;
height:100%;
display:inline-block;
position:relative
}
.w-slider-nav {
z-index:2;
text-align:center;
-webkit-tap-highlight-color:#0000;
tap-highlight-color:#0000;
height:40px;
margin:auto;
padding-top:10px;
position:absolute;
inset:auto 0 0
}
.w-slider-nav.w-round>div {
border-radius:100%
}
.w-slider-nav.w-num>div {
font-size:inherit;
line-height:inherit;
width:auto;
height:auto;
padding:.2em .5em
}
.w-slider-nav.w-shadow>div {
box-shadow:0 0 3px #3336
}
.w-slider-nav-invert {
color:#fff
}
.w-slider-nav-invert>div {
background-color:#2226
}
.w-slider-nav-invert>div.w-active {
background-color:#222
}
.w-slider-dot {
cursor:pointer;
background-color:#fff6;
width:1em;
height:1em;
margin:0 3px .5em;
transition:background-color .1s,color .1s;
display:inline-block;
position:relative
}
.w-slider-dot.w-active {
background-color:#fff
}
.w-slider-dot:focus {
outline:none;
box-shadow:0 0 0 2px #fff
}
.w-slider-dot:focus.w-active {
box-shadow:none
}
.w-slider-arrow-left,
.w-slider-arrow-right {
cursor:pointer;
color:#fff;
-webkit-tap-highlight-color:#0000;
tap-highlight-color:#0000;
-webkit-user-select:none;
user-select:none;
width:80px;
margin:auto;
font-size:40px;
position:absolute;
inset:0;
overflow:hidden
}
.w-slider-arrow-left [class^=w-icon-],
.w-slider-arrow-right [class^=w-icon-],
.w-slider-arrow-left [class*=\ w-icon-],
.w-slider-arrow-right [class*=\ w-icon-] {
position:absolute
}
.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
outline:0
}
.w-slider-arrow-left {
z-index:3;
right:auto
}
.w-slider-arrow-right {
z-index:4;
left:auto
}
.w-icon-slider-left,
.w-icon-slider-right {
width:1em;
height:1em;
margin:auto;
inset:0
}
.w-slider-aria-label {
clip:rect(0 0 0 0);
border:0;
width:1px;
height:1px;
margin:-1px;
padding:0;
position:absolute;
overflow:hidden
}
.w-slider-force-show {
display:block!important
}
.w-dropdown {
text-align:left;
z-index:900;
margin-left:auto;
margin-right:auto;
display:inline-block;
position:relative
}
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
vertical-align:top;
color:#222;
text-align:left;
white-space:nowrap;
margin-left:auto;
margin-right:auto;
padding:20px;
text-decoration:none;
position:relative
}
.w-dropdown-toggle {
-webkit-user-select:none;
user-select:none;
cursor:pointer;
padding-right:40px;
display:inline-block
}
.w-dropdown-toggle:focus {
outline:0
}
.w-icon-dropdown-toggle {
width:1em;
height:1em;
margin:auto 20px auto auto;
position:absolute;
top:0;
bottom:0;
right:0
}
.w-dropdown-list {
background:#ddd;
min-width:100%;
display:none;
position:absolute
}
.w-dropdown-list.w--open {
display:block
}
.w-dropdown-link {
color:#222;
padding:10px 20px;
display:block
}
.w-dropdown-link.w--current {
color:#0082f3
}
.w-dropdown-link:focus {
outline:0
}
@media screen and (max-width:767px) {
.w-nav-brand {
padding-left:10px
}
}
.w-lightbox-backdrop {
cursor:auto;
letter-spacing:normal;
text-indent:0;
text-shadow:none;
text-transform:none;
visibility:visible;
white-space:normal;
word-break:normal;
word-spacing:normal;
word-wrap:normal;
color:#fff;
text-align:center;
z-index:2000;
opacity:0;
-webkit-user-select:none;
-moz-user-select:none;
-webkit-tap-highlight-color:transparent;
background:#000000e6;
outline:0;
font-family:Helvetica Neue,Helvetica,Ubuntu,Segoe UI,Verdana,sans-serif;
font-size:17px;
font-style:normal;
font-weight:300;
line-height:1.2;
list-style:disc;
position:fixed;
inset:0;
-webkit-transform:translate(0)
}
.w-lightbox-backdrop,
.w-lightbox-container {
-webkit-overflow-scrolling:touch;
height:100%;
overflow:auto
}
.w-lightbox-content {
height:100vh;
position:relative;
overflow:hidden
}
.w-lightbox-view {
opacity:0;
width:100vw;
height:100vh;
position:absolute
}
.w-lightbox-view:before {
content:"";
height:100vh
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height:86vh
}
.w-lightbox-frame,
.w-lightbox-view:before {
vertical-align:middle;
display:inline-block
}
.w-lightbox-figure {
margin:0;
position:relative
}
.w-lightbox-group .w-lightbox-figure {
cursor:pointer
}
.w-lightbox-img {
width:auto;
max-width:none;
height:auto
}
.w-lightbox-image {
float:none;
max-width:100vw;
max-height:100vh;
display:block
}
.w-lightbox-group .w-lightbox-image {
max-height:86vh
}
.w-lightbox-caption {
text-align:left;
text-overflow:ellipsis;
white-space:nowrap;
background:#0006;
padding:.5em 1em;
position:absolute;
bottom:0;
left:0;
right:0;
overflow:hidden
}
.w-lightbox-embed {
width:100%;
height:100%;
position:absolute;
inset:0
}
.w-lightbox-control {
cursor:pointer;
background-position:50%;
background-repeat:no-repeat;
background-size:24px;
width:4em;
transition:all .3s;
position:absolute;
top:0
}
.w-lightbox-left {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
display:none;
bottom:0;
left:0
}
.w-lightbox-right {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
display:none;
bottom:0;
right:0
}
.w-lightbox-close {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
background-size:18px;
height:2.6em;
right:0
}
.w-lightbox-strip {
white-space:nowrap;
padding:0 1vh;
line-height:0;
position:absolute;
bottom:0;
left:0;
right:0;
overflow:auto hidden
}
.w-lightbox-item {
box-sizing:content-box;
cursor:pointer;
width:10vh;
padding:2vh 1vh;
display:inline-block;
-webkit-transform:translate(0,0)
}
.w-lightbox-active {
opacity:.3
}
.w-lightbox-thumbnail {
background:#222;
height:10vh;
position:relative;
overflow:hidden
}
.w-lightbox-thumbnail-image {
position:absolute;
top:0;
left:0
}
.w-lightbox-thumbnail .w-lightbox-tall {
width:100%;
top:50%;
transform:translateY(-50%)
}
.w-lightbox-thumbnail .w-lightbox-wide {
height:100%;
left:50%;
transform:translate(-50%)
}
.w-lightbox-spinner {
box-sizing:border-box;
border:5px solid #0006;
border-radius:50%;
width:40px;
height:40px;
margin-top:-20px;
margin-left:-20px;
animation:.8s linear infinite spin;
position:absolute;
top:50%;
left:50%
}
.w-lightbox-spinner:after {
content:"";
border:3px solid #0000;
border-bottom-color:#fff;
border-radius:50%;
position:absolute;
inset:-4px
}
.w-lightbox-hide {
display:none
}
.w-lightbox-noscroll {
overflow:hidden
}
@media (min-width:768px) {
.w-lightbox-content {
height:96vh;
margin-top:2vh
}
.w-lightbox-view,
.w-lightbox-view:before {
height:96vh
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height:84vh
}
.w-lightbox-image {
max-width:96vw;
max-height:96vh
}
.w-lightbox-group .w-lightbox-image {
max-width:82.3vw;
max-height:84vh
}
.w-lightbox-left,
.w-lightbox-right {
opacity:.5;
display:block
}
.w-lightbox-close {
opacity:.8
}
.w-lightbox-control:hover {
opacity:1
}
}
.w-lightbox-inactive,
.w-lightbox-inactive:hover {
opacity:0
}
.w-richtext:before,
.w-richtext:after {
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-richtext:after {
clear:both
}
.w-richtext[contenteditable=true]:before,
.w-richtext[contenteditable=true]:after {
white-space:initial
}
.w-richtext ol,
.w-richtext ul {
overflow:hidden
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
outline:2px solid #2895f7
}
.w-richtext figure.w-richtext-figure-type-video>div:after,
.w-richtext figure[data-rt-type=video]>div:after {
content:"";
display:none;
position:absolute;
inset:0
}
.w-richtext figure {
max-width:60%;
position:relative
}
.w-richtext figure>div:before {
cursor:default!important
}
.w-richtext figure img {
width:100%
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity:.6
}
.w-richtext figure div {
color:#0000;
font-size:0
}
.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type=image] {
display:table
}
.w-richtext figure.w-richtext-figure-type-image>div,
.w-richtext figure[data-rt-type=image]>div {
display:inline-block
}
.w-richtext figure.w-richtext-figure-type-image>figcaption,
.w-richtext figure[data-rt-type=image]>figcaption {
caption-side:bottom;
display:table-caption
}
.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type=video] {
width:60%;
height:0
}
.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type=video] iframe {
width:100%;
height:100%;
position:absolute;
top:0;
left:0
}
.w-richtext figure.w-richtext-figure-type-video>div,
.w-richtext figure[data-rt-type=video]>div {
width:100%
}
.w-richtext figure.w-richtext-align-center {
clear:both;
margin-left:auto;
margin-right:auto
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,
.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div {
max-width:100%
}
.w-richtext figure.w-richtext-align-normal {
clear:both
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align:center;
clear:both;
width:100%;
max-width:100%;
margin-left:auto;
margin-right:auto;
display:block
}
.w-richtext figure.w-richtext-align-fullwidth>div {
padding-bottom:inherit;
display:inline-block
}
.w-richtext figure.w-richtext-align-fullwidth>figcaption {
display:block
}
.w-richtext figure.w-richtext-align-floatleft {
float:left;
clear:none;
margin-right:15px
}
.w-richtext figure.w-richtext-align-floatright {
float:right;
clear:none;
margin-left:15px
}
.w-nav {
z-index:1000;
background:#ddd;
position:relative
}
.w-nav:before,
.w-nav:after {
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-nav:after {
clear:both
}
.w-nav-brand {
float:left;
color:#333;
text-decoration:none;
position:relative
}
.w-nav-link {
vertical-align:top;
color:#222;
text-align:left;
margin-left:auto;
margin-right:auto;
padding:20px;
text-decoration:none;
display:inline-block;
position:relative
}
.w-nav-link.w--current {
color:#0082f3
}
.w-nav-menu {
float:right;
position:relative
}
[data-nav-menu-open] {
text-align:center;
background:#c8c8c8;
min-width:200px;
position:absolute;
top:100%;
left:0;
right:0;
overflow:visible;
display:block!important
}
.w--nav-link-open {
display:block;
position:relative
}
.w-nav-overlay {
width:100%;
display:none;
position:absolute;
top:100%;
left:0;
right:0;
overflow:hidden
}
.w-nav-overlay [data-nav-menu-open] {
top:0
}
.w-nav[data-animation=over-left] .w-nav-overlay {
width:auto
}
.w-nav[data-animation=over-left] .w-nav-overlay,
.w-nav[data-animation=over-left] [data-nav-menu-open] {
z-index:1;
top:0;
right:auto
}
.w-nav[data-animation=over-right] .w-nav-overlay {
width:auto
}
.w-nav[data-animation=over-right] .w-nav-overlay,
.w-nav[data-animation=over-right] [data-nav-menu-open] {
z-index:1;
top:0;
left:auto
}
.w-nav-button {
float:right;
cursor:pointer;
-webkit-tap-highlight-color:#0000;
tap-highlight-color:#0000;
-webkit-user-select:none;
user-select:none;
padding:18px;
font-size:24px;
display:none;
position:relative
}
.w-nav-button:focus {
outline:0
}
.w-nav-button.w--open {
color:#fff;
background-color:#c8c8c8
}
.w-nav[data-collapse=all] .w-nav-menu {
display:none
}
.w-nav[data-collapse=all] .w-nav-button,
.w--nav-dropdown-open,
.w--nav-dropdown-toggle-open {
display:block
}
.w--nav-dropdown-list-open {
position:static
}
@media screen and (max-width:991px) {
.w-nav[data-collapse=medium] .w-nav-menu {
display:none
}
.w-nav[data-collapse=medium] .w-nav-button {
display:block
}
}
@media screen and (max-width:767px) {
.w-nav[data-collapse=small] .w-nav-menu {
display:none
}
.w-nav[data-collapse=small] .w-nav-button {
display:block
}
.w-nav-brand {
padding-left:10px
}
}
@media screen and (max-width:479px) {
.w-nav[data-collapse=tiny] .w-nav-menu {
display:none
}
.w-nav[data-collapse=tiny] .w-nav-button {
display:block
}
}
.w-tabs {
position:relative
}
.w-tabs:before,
.w-tabs:after {
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-tabs:after {
clear:both
}
.w-tab-menu {
position:relative
}
.w-tab-link {
vertical-align:top;
text-align:left;
cursor:pointer;
color:#222;
background-color:#ddd;
padding:9px 30px;
text-decoration:none;
display:inline-block;
position:relative
}
.w-tab-link.w--current {
background-color:#c8c8c8
}
.w-tab-link:focus {
outline:0
}
.w-tab-content {
display:block;
position:relative;
overflow:hidden
}
.w-tab-pane {
display:none;
position:relative
}
.w--tab-active {
display:block
}
@media screen and (max-width:479px) {
.w-tab-link {
display:block
}
}
.w-ix-emptyfix:after {
content:""
}
@keyframes spin {
0% {
transform:rotate(0)
}
to {
transform:rotate(360deg)
}
}
.w-dyn-empty {
background-color:#ddd;
padding:10px
}
.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
display:none!important
}
.wf-layout-layout {
display:grid
}
:root {
--neutral-04:#030e14;
--body-font:Archivo,sans-serif;
--neutral-01:white;
--heading-font:"Dela Gothic One",sans-serif;
--theme-color-01:#d3ed05;
--neutral-03:#072733;
--neutral-02:#f6f7f9
}
.w-layout-blockcontainer {
max-width:940px;
margin-left:auto;
margin-right:auto;
display:block
}
.w-commerce-commercecartwrapper {
display:inline-block;
position:relative
}
.w-commerce-commercecartopenlink {
color:#fff;
cursor:pointer;
-webkit-appearance:none;
appearance:none;
background-color:#3898ec;
border-width:0;
border-radius:0;
align-items:center;
padding:9px 15px;
text-decoration:none;
display:flex
}
.w-commerce-commercecartopenlinkcount {
color:#3898ec;
text-align:center;
background-color:#fff;
border-radius:9px;
min-width:18px;
height:18px;
margin-left:8px;
padding-left:6px;
padding-right:6px;
font-size:11px;
font-weight:700;
line-height:18px;
display:inline-block
}
.w-commerce-commercecartcontainerwrapper {
z-index:1001;
background-color:#000c;
position:fixed;
inset:0
}
.w-commerce-commercecartcontainerwrapper--cartType-modal {
flex-direction:column;
justify-content:center;
align-items:center;
display:flex
}
.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
flex-direction:row;
justify-content:flex-start;
align-items:stretch;
display:flex
}
.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
flex-direction:row;
justify-content:flex-end;
align-items:stretch;
display:flex
}
.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
background-color:#0000;
position:absolute;
inset:100% auto auto 0
}
.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
background-color:#0000;
position:absolute;
inset:100% 0 auto auto
}
.w-commerce-commercecartcontainer {
background-color:#fff;
flex-direction:column;
width:100%;
min-width:320px;
max-width:480px;
display:flex;
overflow:auto;
box-shadow:0 5px 25px #00000040
}
.w-commerce-commercecartheader {
border-bottom:1px solid #e6e6e6;
flex:none;
justify-content:space-between;
align-items:center;
padding:16px 24px;
display:flex;
position:relative
}
.w-commerce-commercecartheading {
margin-top:0;
margin-bottom:0;
padding-left:0;
padding-right:0
}
.w-commerce-commercecartcloselink {
width:16px;
height:16px
}
.w-commerce-commercecartformwrapper {
flex-direction:column;
flex:1;
display:flex
}
.w-commerce-commercecartform {
flex-direction:column;
flex:1;
justify-content:flex-start;
display:flex
}
.w-commerce-commercecartlist {
-webkit-overflow-scrolling:touch;
flex:1;
padding:12px 24px;
overflow:auto
}
.w-commerce-commercecartitem {
align-items:flex-start;
padding-top:12px;
padding-bottom:12px;
display:flex
}
.w-commerce-commercecartitemimage {
width:60px;
height:0%
}
.w-commerce-commercecartiteminfo {
flex-direction:column;
flex:1;
margin-left:16px;
margin-right:16px;
display:flex
}
.w-commerce-commercecartproductname {
font-weight:700
}
.w-commerce-commercecartoptionlist {
margin-bottom:0;
padding-left:0;
text-decoration:none;
list-style-type:none
}
.w-commerce-commercecartquantity {
-webkit-appearance:none;
appearance:none;
background-color:#fafafa;
border:1px solid #ddd;
border-radius:3px;
width:60px;
height:38px;
margin-bottom:10px;
padding:8px 6px 8px 12px;
line-height:20px;
display:block
}
.w-commerce-commercecartquantity::placeholder {
color:#999
}
.w-commerce-commercecartquantity:focus {
border-color:#3898ec;
outline-style:none
}
.w-commerce-commercecartfooter {
border-top:1px solid #e6e6e6;
flex-direction:column;
flex:none;
padding:16px 24px 24px;
display:flex
}
.w-commerce-commercecartlineitem {
flex:none;
justify-content:space-between;
align-items:baseline;
margin-bottom:16px;
display:flex
}
.w-commerce-commercecartordervalue {
font-weight:700
}
.w-commerce-commercecartapplepaybutton {
color:#fff;
cursor:pointer;
-webkit-appearance:none;
appearance:none;
background-color:#000;
border-width:0;
border-radius:2px;
align-items:center;
height:38px;
min-height:30px;
margin-bottom:8px;
padding:0;
text-decoration:none;
display:flex
}
.w-commerce-commercecartapplepayicon {
width:100%;
height:50%;
min-height:20px
}
.w-commerce-commercecartquickcheckoutbutton {
color:#fff;
cursor:pointer;
-webkit-appearance:none;
appearance:none;
background-color:#000;
border-width:0;
border-radius:2px;
justify-content:center;
align-items:center;
height:38px;
margin-bottom:8px;
padding:0 15px;
text-decoration:none;
display:flex
}
.w-commerce-commercequickcheckoutgoogleicon,
.w-commerce-commercequickcheckoutmicrosofticon {
margin-right:8px;
display:block
}
.w-commerce-commercecartcheckoutbutton {
color:#fff;
cursor:pointer;
-webkit-appearance:none;
appearance:none;
text-align:center;
background-color:#3898ec;
border-width:0;
border-radius:2px;
align-items:center;
padding:9px 15px;
text-decoration:none;
display:block
}
.w-commerce-commercecartemptystate {
flex:1;
justify-content:center;
align-items:center;
padding-top:100px;
padding-bottom:100px;
display:flex
}
.w-commerce-commercecarterrorstate {
background-color:#ffdede;
flex:none;
margin:0 24px 24px;
padding:10px
}
.w-commerce-commerceaddtocartform {
margin:0 0 15px
}
.w-commerce-commerceaddtocartoptionpillgroup {
margin-bottom:10px;
display:flex
}
.w-commerce-commerceaddtocartoptionpill {
color:#000;
cursor:pointer;
background-color:#fff;
border:1px solid #000;
margin-right:10px;
padding:8px 15px
}
.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
color:#fff;
background-color:#000
}
.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
color:#666;
cursor:not-allowed;
background-color:#e6e6e6;
border-color:#e6e6e6;
outline-style:none
}
.w-commerce-commerceaddtocartquantityinput {
-webkit-appearance:none;
appearance:none;
background-color:#fafafa;
border:1px solid #ddd;
border-radius:3px;
width:60px;
height:38px;
margin-bottom:10px;
padding:8px 6px 8px 12px;
line-height:20px;
display:block
}
.w-commerce-commerceaddtocartquantityinput::placeholder {
color:#999
}
.w-commerce-commerceaddtocartquantityinput:focus {
border-color:#3898ec;
outline-style:none
}
.w-commerce-commerceaddtocartbutton {
color:#fff;
cursor:pointer;
-webkit-appearance:none;
appearance:none;
background-color:#3898ec;
border-width:0;
border-radius:0;
align-items:center;
padding:9px 15px;
text-decoration:none;
display:flex
}
.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
color:#666;
cursor:not-allowed;
background-color:#e6e6e6;
border-color:#e6e6e6;
outline-style:none
}
.w-commerce-commercebuynowbutton {
color:#fff;
cursor:pointer;
-webkit-appearance:none;
appearance:none;
background-color:#3898ec;
border-width:0;
border-radius:0;
align-items:center;
margin-top:10px;
padding:9px 15px;
text-decoration:none;
display:inline-block
}
.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
color:#666;
cursor:not-allowed;
background-color:#e6e6e6;
border-color:#e6e6e6;
outline-style:none
}
.w-commerce-commerceaddtocartoutofstock {
background-color:#ddd;
margin-top:10px;
padding:10px
}
.w-commerce-commerceaddtocarterror {
background-color:#ffdede;
margin-top:10px;
padding:10px
}
.w-commerce-commercecheckoutformcontainer {
background-color:#f5f5f5;
width:100%;
min-height:100vh;
padding:20px
}
.w-commerce-commercelayoutcontainer {
justify-content:center;
align-items:flex-start;
display:flex
}
.w-commerce-commercelayoutmain {
flex:0 800px;
margin-right:20px
}
.w-commerce-commercecheckoutcustomerinfowrapper {
margin-bottom:20px
}
.w-commerce-commercecheckoutblockheader {
background-color:#fff;
border:1px solid #e6e6e6;
justify-content:space-between;
align-items:baseline;
padding:4px 20px;
display:flex
}
.w-commerce-commercecheckoutblockcontent {
background-color:#fff;
border-bottom:1px solid #e6e6e6;
border-left:1px solid #e6e6e6;
border-right:1px solid #e6e6e6;
padding:20px
}
.w-commerce-commercecheckoutlabel {
margin-bottom:8px
}
.w-commerce-commercecheckoutemailinput {
-webkit-appearance:none;
appearance:none;
background-color:#fafafa;
border:1px solid #ddd;
border-radius:3px;
width:100%;
height:38px;
margin-bottom:0;
padding:8px 12px;
line-height:20px;
display:block
}
.w-commerce-commercecheckoutemailinput::placeholder {
color:#999
}
.w-commerce-commercecheckoutemailinput:focus {
border-color:#3898ec;
outline-style:none
}
.w-commerce-commercecheckoutshippingaddresswrapper {
margin-bottom:20px
}
.w-commerce-commercecheckoutshippingfullname {
-webkit-appearance:none;
appearance:none;
background-color:#fafafa;
border:1px solid #ddd;
border-radius:3px;
width:100%;
height:38px;
margin-bottom:16px;
padding:8px 12px;
line-height:20px;
display:block
}
.w-commerce-commercecheckoutshippingfullname::placeholder {
color:#999
}
.w-commerce-commercecheckoutshippingfullname:focus {
border-color:#3898ec;
outline-style:none
}
.w-commerce-commercecheckoutshippingstreetaddress {
-webkit-appearance:none;
appearance:none;
background-color:#fafafa;
border:1px solid #ddd;
border-radius:3px;
width:100%;
height:38px;
margin-bottom:16px;
padding:8px 12px;
line-height:20px;
display:block
}
.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
color:#999
}
.w-commerce-commercecheckoutshippingstreetaddress:focus {
border-color:#3898ec;
outline-style:none
}
.w-commerce-commercecheckoutshippingstreetaddressoptional {
-webkit-appearance:none;
appearance:none;
background-color:#fafafa;
border:1px solid #ddd;
border-radius:3px;
width:100%;
height:38px;
margin-bottom:16px;
padding:8px 12px;
line-height:20px;
display:block
}
.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
color:#999
}
.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
border-color:#3898ec;
outline-style:none
}
.w-commerce-commercecheckoutrow {
margin-left:-8px;
margin-right:-8px;
display:flex
}
.w-commerce-commercecheckoutcolumn {
flex:1;
padding-left:8px;
padding-right:8px
}
.w-commerce-commercecheckoutshippingcity {
-webkit-appearance:none;
appearance:none;
background-color:#fafafa;
border:1px solid #ddd;
border-radius:3px;
width:100%;
height:38px;
margin-bottom:16px;
padding:8px 12px;
line-height:20px;
display:block
}
.w-commerce-commercecheckoutshippingcity::placeholder {
color:#999
}
.w-commerce-commercecheckoutshippingcity:focus {
border-color:#3898ec;
outline-style:none
}
.w-commerce-commercecheckoutshippingstateprovince {
-webkit-appearance:none;
appearance:none;
background-color:#fafafa;
border:1px solid #ddd;
border-radius:3px;
width:100%;
height:38px;
margin-bottom:16px;
padding:8px 12px;
line-height:20px;
display:block
}
.w-commerce-commercecheckoutshippingstateprovince::placeholder {
color:#999
}
.w-commerce-commercecheckoutshippingstateprovince:focus {
border-color:#3898ec;
outline-style:none
}
.w-commerce-commercecheckoutshippingzippostalcode {
-webkit-appearance:none;
appearance:none;
background-color:#fafafa;
border:1px solid #ddd;
border-radius:3px;
width:100%;
height:38px;
margin-bottom:16px;
padding:8px 12px;
line-height:20px;
display:block
}
.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
color:#999
}
.w-commerce-commercecheckoutshippingzippostalcode:focus {
border-color:#3898ec;
outline-style:none
}
.w-commerce-commercecheckoutshippingcountryselector {
-webkit-appearance:none;
appearance:none;
background-color:#fafafa;
border:1px solid #ddd;
border-radius:3px;
width:100%;
height:38px;
margin-bottom:0;
padding:8px 12px;
line-height:20px;
display:block
}
.w-commerce-commercecheckoutshippingcountryselector::placeholder {
color:#999
}
.w-commerce-commercecheckoutshippingcountryselector:focus {
border-color:#3898ec;
outline-style:none
}
.w-commerce-commercecheckoutshippingmethodswrapper {
margin-bottom:20px
}
.w-commerce-commercecheckoutshippingmethodslist {
border-left:1px solid #e6e6e6;
border-right:1px solid #e6e6e6
}
.w-commerce-commercecheckoutshippingmethoditem {
background-color:#fff;
border-bottom:1px solid #e6e6e6;
flex-direction:row;
align-items:baseline;
margin-bottom:0;
padding:16px;
font-weight:400;
display:flex
}
.w-commerce-commercecheckoutshippingmethoddescriptionblock {
flex-direction:column;
flex-grow:1;
margin-left:12px;
margin-right:12px;
display:flex
}
.w-commerce-commerceboldtextblock {
font-weight:700
}
.w-commerce-commercecheckoutshippingmethodsemptystate {
text-align:center;
background-color:#fff;
border-bottom:1px solid #e6e6e6;
border-left:1px solid #e6e6e6;
border-right:1px solid #e6e6e6;
padding:64px 16px
}
.w-commerce-commercecheckoutpaymentinfowrapper {
margin-bottom:20px
}
.w-commerce-commercecheckoutcardnumber {
-webkit-appearance:none;
appearance:none;
cursor:text;
background-color:#fafafa;
border:1px solid #ddd;
border-radius:3px;
width:100%;
height:38px;
margin-bottom:16px;
padding:8px 12px;
line-height:20px;
display:block
}
.w-commerce-commercecheckoutcardnumber::placeholder {
color:#999
}
.w-commerce-commercecheckoutcardnumber:focus,
.w-commerce-commercecheckoutcardnumber.-wfp-focus {
border-color:#3898ec;
outline-style:none
}
.w-commerce-commercecheckoutcardexpirationdate {
-webkit-appearance:none;
appearance:none;
cursor:text;
background-color:#fafafa;
border:1px solid #ddd;
border-radius:3px;
width:100%;
height:38px;
margin-bottom:16px;
padding:8px 12px;
line-height:20px;
display:block
}
.w-commerce-commercecheckoutcardexpirationdate::placeholder {
color:#999
}
.w-commerce-commercecheckoutcardexpirationdate:focus,
.w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
border-color:#3898ec;
outline-style:none
}
.w-commerce-commercecheckoutcardsecuritycode {
-webkit-appearance:none;
appearance:none;
cursor:text;
background-color:#fafafa;
border:1px solid #ddd;
border-radius:3px;
width:100%;
height:38px;
margin-bottom:16px;
padding:8px 12px;
line-height:20px;
display:block
}
.w-commerce-commercecheckoutcardsecuritycode::placeholder {
color:#999
}
.w-commerce-commercecheckoutcardsecuritycode:focus,
.w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
border-color:#3898ec;
outline-style:none
}
.w-commerce-commercecheckoutbillingaddresstogglewrapper {
flex-direction:row;
display:flex
}
.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
margin-top:4px
}
.w-commerce-commercecheckoutbillingaddresstogglelabel {
margin-left:8px;
font-weight:400
}
.w-commerce-commercecheckoutbillingaddresswrapper {
margin-top:16px;
margin-bottom:20px
}
.w-commerce-commercecheckoutbillingfullname {
-webkit-appearance:none;
appearance:none;
background-color:#fafafa;
border:1px solid #ddd;
border-radius:3px;
width:100%;
height:38px;
margin-bottom:16px;
padding:8px 12px;
line-height:20px;
display:block
}
.w-commerce-commercecheckoutbillingfullname::placeholder {
color:#999
}
.w-commerce-commercecheckoutbillingfullname:focus {
border-color:#3898ec;
outline-style:none
}
.w-commerce-commercecheckoutbillingstreetaddress {
-webkit-appearance:none;
appearance:none;
background-color:#fafafa;
border:1px solid #ddd;
border-radius:3px;
width:100%;
height:38px;
margin-bottom:16px;
padding:8px 12px;
line-height:20px;
display:block
}
.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
color:#999
}
.w-commerce-commercecheckoutbillingstreetaddress:focus {
border-color:#3898ec;
outline-style:none
}
.w-commerce-commercecheckoutbillingstreetaddressoptional {
-webkit-appearance:none;
appearance:none;
background-color:#fafafa;
border:1px solid #ddd;
border-radius:3px;
width:100%;
height:38px;
margin-bottom:16px;
padding:8px 12px;
line-height:20px;
display:block
}
.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
color:#999
}
.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
border-color:#3898ec;
outline-style:none
}
.w-commerce-commercecheckoutbillingcity {
-webkit-appearance:none;
appearance:none;
background-color:#fafafa;
border:1px solid #ddd;
border-radius:3px;
width:100%;
height:38px;
margin-bottom:16px;
padding:8px 12px;
line-height:20px;
display:block
}
.w-commerce-commercecheckoutbillingcity::placeholder {
color:#999
}
.w-commerce-commercecheckoutbillingcity:focus {
border-color:#3898ec;
outline-style:none
}
.w-commerce-commercecheckoutbillingstateprovince {
-webkit-appearance:none;
appearance:none;
background-color:#fafafa;
border:1px solid #ddd;
border-radius:3px;
width:100%;
height:38px;
margin-bottom:16px;
padding:8px 12px;
line-height:20px;
display:block
}
.w-commerce-commercecheckoutbillingstateprovince::placeholder {
color:#999
}
.w-commerce-commercecheckoutbillingstateprovince:focus {
border-color:#3898ec;
outline-style:none
}
.w-commerce-commercecheckoutbillingzippostalcode {
-webkit-appearance:none;
appearance:none;
background-color:#fafafa;
border:1px solid #ddd;
border-radius:3px;
width:100%;
height:38px;
margin-bottom:16px;
padding:8px 12px;
line-height:20px;
display:block
}
.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
color:#999
}
.w-commerce-commercecheckoutbillingzippostalcode:focus {
border-color:#3898ec;
outline-style:none
}
.w-commerce-commercecheckoutbillingcountryselector {
-webkit-appearance:none;
appearance:none;
background-color:#fafafa;
border:1px solid #ddd;
border-radius:3px;
width:100%;
height:38px;
margin-bottom:0;
padding:8px 12px;
line-height:20px;
display:block
}
.w-commerce-commercecheckoutbillingcountryselector::placeholder {
color:#999
}
.w-commerce-commercecheckoutbillingcountryselector:focus {
border-color:#3898ec;
outline-style:none
}
.w-commerce-commercecheckoutorderitemswrapper {
margin-bottom:20px
}
.w-commerce-commercecheckoutsummaryblockheader {
background-color:#fff;
border:1px solid #e6e6e6;
justify-content:space-between;
align-items:baseline;
padding:4px 20px;
display:flex
}
.w-commerce-commercecheckoutorderitemslist {
margin-bottom:-20px
}
.w-commerce-commercecheckoutorderitem {
margin-bottom:20px;
display:flex
}
.w-commerce-commercecheckoutorderitemdescriptionwrapper {
flex-grow:1;
margin-left:16px;
margin-right:16px
}
.w-commerce-commercecheckoutorderitemquantitywrapper {
white-space:pre-wrap;
display:flex
}
.w-commerce-commercecheckoutorderitemoptionlist {
margin-bottom:0;
padding-left:0;
text-decoration:none;
list-style-type:none
}
.w-commerce-commercelayoutsidebar {
flex:0 0 320px;
position:sticky;
top:20px
}
.w-commerce-commercecheckoutordersummarywrapper {
margin-bottom:20px
}
.w-commerce-commercecheckoutsummarylineitem,
.w-commerce-commercecheckoutordersummaryextraitemslistitem {
flex-direction:row;
justify-content:space-between;
margin-bottom:8px;
display:flex
}
.w-commerce-commercecheckoutsummarytotal {
font-weight:700
}
.w-commerce-commercecheckoutplaceorderbutton {
color:#fff;
cursor:pointer;
-webkit-appearance:none;
appearance:none;
text-align:center;
background-color:#3898ec;
border-width:0;
border-radius:3px;
align-items:center;
margin-bottom:20px;
padding:9px 15px;
text-decoration:none;
display:block
}
.w-commerce-commercecheckouterrorstate {
background-color:#ffdede;
margin-top:16px;
margin-bottom:16px;
padding:10px 16px
}
.w-commerce-commercepaypalcheckoutformcontainer {
background-color:#f5f5f5;
width:100%;
min-height:100vh;
padding:20px
}
.w-commerce-commercecheckoutcustomerinfosummarywrapper {
margin-bottom:20px
}
.w-commerce-commercecheckoutsummaryitem,
.w-commerce-commercecheckoutsummarylabel {
margin-bottom:8px
}
.w-commerce-commercecheckoutsummaryflexboxdiv {
flex-direction:row;
justify-content:flex-start;
display:flex
}
.w-commerce-commercecheckoutsummarytextspacingondiv {
margin-right:.33em
}
.w-commerce-commercecheckoutpaymentsummarywrapper {
margin-bottom:20px
}
.w-commerce-commercepaypalcheckouterrorstate {
background-color:#ffdede;
margin-top:16px;
margin-bottom:16px;
padding:10px 16px
}
.w-commerce-commerceorderconfirmationcontainer {
background-color:#f5f5f5;
width:100%;
min-height:100vh;
padding:20px
}
.w-commerce-commercecheckoutshippingsummarywrapper {
margin-bottom:20px
}
@media screen and (max-width:991px) {
.w-layout-blockcontainer {
max-width:728px
}
}
@media screen and (max-width:767px) {
.w-layout-blockcontainer {
max-width:none
}
.w-commerce-commercelayoutcontainer {
flex-direction:column;
align-items:stretch
}
.w-commerce-commercelayoutmain {
flex-basis:auto;
margin-right:0
}
.w-commerce-commercelayoutsidebar {
flex-basis:auto
}
}
@media screen and (max-width:479px) {
.w-commerce-commercecartcontainerwrapper--cartType-modal {
flex-direction:row;
justify-content:center;
align-items:stretch
}
.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown,
.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
flex-direction:row;
justify-content:center;
align-items:stretch;
display:flex;
position:fixed;
inset:0
}
.w-commerce-commercecartquantity,
.w-commerce-commerceaddtocartquantityinput,
.w-commerce-commercecheckoutemailinput,
.w-commerce-commercecheckoutshippingfullname,
.w-commerce-commercecheckoutshippingstreetaddress,
.w-commerce-commercecheckoutshippingstreetaddressoptional {
font-size:16px
}
.w-commerce-commercecheckoutrow {
flex-direction:column
}
.w-commerce-commercecheckoutshippingcity,
.w-commerce-commercecheckoutshippingstateprovince,
.w-commerce-commercecheckoutshippingzippostalcode,
.w-commerce-commercecheckoutshippingcountryselector,
.w-commerce-commercecheckoutcardnumber,
.w-commerce-commercecheckoutcardexpirationdate,
.w-commerce-commercecheckoutcardsecuritycode,
.w-commerce-commercecheckoutbillingfullname,
.w-commerce-commercecheckoutbillingstreetaddress,
.w-commerce-commercecheckoutbillingstreetaddressoptional,
.w-commerce-commercecheckoutbillingcity,
.w-commerce-commercecheckoutbillingstateprovince,
.w-commerce-commercecheckoutbillingzippostalcode,
.w-commerce-commercecheckoutbillingcountryselector {
font-size:16px
}
}
body {
background-color:var(--neutral-04);
font-family:var(--body-font);
color:var(--neutral-01);
font-size:18px;
font-weight:400;
line-height:170%
}
h1 {
font-family:var(--heading-font);
color:var(--neutral-01);
letter-spacing:-2px;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
font-size:64px;
font-weight:400;
line-height:115%
}
h2 {
font-family:var(--heading-font);
color:var(--neutral-01);
letter-spacing:-1.5px;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
font-size:56px;
font-weight:400;
line-height:120%
}
h3 {
font-family:var(--heading-font);
color:var(--neutral-01);
letter-spacing:-1px;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
font-size:32px;
font-weight:400;
line-height:140%
}
h4 {
font-family:var(--heading-font);
color:var(--neutral-01);
letter-spacing:-.5px;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
font-size:22px;
font-weight:400;
line-height:140%
}
p {
font-family:var(--body-font);
color:var(--neutral-01);
margin-bottom:0;
font-size:18px;
font-weight:400;
line-height:170%
}
a {
text-decoration:none
}
ul {
margin-top:0;
margin-bottom:10px;
padding-left:20px
}
.color-title {
opacity:1;
color:#1c4842
}
.color-title.white {
color:#fff
}
.styleguide-wrapper {
grid-column-gap:40px;
grid-row-gap:40px;
flex-flow:column;
display:flex
}
.color-wrapper {
grid-column-gap:24px;
grid-row-gap:24px;
background-color:#f0f0f0;
grid-template-rows:auto auto;
grid-template-columns:1fr 1fr 1fr;
grid-auto-columns:1fr;
width:100%;
padding:24px;
display:grid
}
.styleguide-title-wrapper {
width:20%
}
.typography-wrapper {
grid-column-gap:16px;
grid-row-gap:16px;
flex-flow:column;
width:100%;
display:flex
}
.container {
z-index:2;
max-width:1296px;
position:relative
}
.container.cta {
background-image:url(../images/68030369ec73392b8f0faf86_cta%20image.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
border-radius:32px;
overflow:hidden
}
.container.blog-details {
max-width:1000px
}
.container.policy {
max-width:768px
}
.container.changelog {
max-width:800px
}
.buttons {
grid-column-gap:24px;
grid-row-gap:24px;
background-color:#1c4842;
flex-flow:wrap;
align-items:center;
width:100%;
padding:20px;
display:flex
}
.single-styleguide {
grid-column-gap:100px;
grid-row-gap:100px;
flex-flow:row;
align-items:flex-start;
display:flex
}
.styleguide-section {
z-index:5;
position:relative
}
.color-box {
background-color:#fff;
justify-content:center;
align-items:center;
height:60px;
display:flex
}
.color-box.theme-color-01 {
background-color:var(--theme-color-01)
}
.color-box.neutral-04 {
background-color:var(--neutral-04)
}
.color-box.neutral-03 {
background-color:var(--neutral-03)
}
.color-box.neutral-02 {
background-color:var(--neutral-02)
}
.color-box.neutral-01 {
background-color:var(--neutral-01)
}
.dislplay-h1 {
font-size:76px
}
.section-padding {
padding:120px 30px
}
.hero-section {
z-index:6;
background-image:url(https://cdn.prod.website-files.com/68030369ec73392b8f0faf3c/68030369ec73392b8f0fafa6_10%20\(1\).svg);
background-position:50% 100%;
background-repeat:no-repeat;
background-size:cover;
position:relative
}
.hero-section.section-padding {
padding:180px 0 0;
position:relative;
overflow:hidden
}
.hero-section.section-padding.home {
z-index:5;
background-image:url(https://cdn.prod.website-files.com/68030369ec73392b8f0faf3c/68030369ec73392b8f0faf4f_digital-art-with-planet-earth%201%20\(2\).png),url(https://cdn.prod.website-files.com/68030369ec73392b8f0faf3c/68030369ec73392b8f0faf4d_10%20\(1\).png);
background-position:50%,50% 100%;
background-repeat:no-repeat,no-repeat;
background-size:cover,cover;
padding:150px 0 0;
position:relative;
overflow:hidden
}
.hero-section.section-padding.about {
z-index:5;
background-image:url(../images/68030369ec73392b8f0fafa5_10.svg);
background-position:50% 100%;
background-repeat:no-repeat;
background-size:cover;
padding:150px 0 0;
position:relative;
overflow:hidden
}
.hero-title-wrapper {
grid-column-gap:16px;
grid-row-gap:16px;
text-align:center;
flex-flow:column;
align-items:center;
display:flex
}
.hero-title-wrapper.home {
z-index:5;
max-width:830px;
position:relative
}
.hero-title-wrapper.style-02 {
grid-column-gap:24px;
grid-row-gap:24px;
text-align:left;
align-items:flex-start
}
.hero-title-wrapper.style-02.about {
width:56%
}
.hero-title-wrapper.blog-details {
align-items:flex-start
}
.hero-content-wrapper {
grid-column-gap:48px;
grid-row-gap:48px;
text-align:center;
flex-flow:column;
align-items:center;
padding-bottom:100px;
display:flex
}
.hero-content-wrapper.home {
grid-column-gap:0px;
grid-row-gap:0px
}
.hero-content-wrapper.about {
padding-bottom:0
}
.hero-content-wrapper.align-left {
text-align:left;
align-items:flex-start
}
.hero-subtitle {
max-width:500px
}
.hero-subtitle.home {
max-width:530px
}
.hero-subtitle.license {
max-width:655px
}
.button-style-01 {
grid-column-gap:8px;
grid-row-gap:8px;
background-color:var(--theme-color-01);
border-radius:10px;
justify-content:center;
align-items:center;
padding:12px 24px;
text-decoration:none;
display:flex;
position:relative;
overflow:hidden
}
.button-text {
font-family:var(--body-font);
color:var(--neutral-04);
font-size:18px;
font-weight:600;
position:relative
}
.button-hover-line {
background-color:var(--neutral-01);
filter:blur(7px);
border-radius:100%;
width:10px;
height:300%;
position:absolute;
left:0;
transform:rotate(-30deg)
}
.hero-image-home {
z-index:2;
width:100%;
max-width:720px;
position:relative
}
.hero-image-wrapper-home {
z-index:3;
justify-content:center;
align-items:flex-end;
max-width:720px;
margin-top:-135px;
display:flex;
position:relative
}
.hero-circle-image {
position:absolute;
bottom:-60px
}
.home-inner-container {
margin-bottom:-10%;
padding-left:30px;
padding-right:30px;
overflow:hidden
}
.hero-bottom-image-home {
z-index:6;
width:100%;
position:relative
}
.pattern-hero {
opacity:.7;
width:100%;
margin-left:auto;
margin-right:auto;
position:absolute;
top:0;
overflow:hidden
}
.pattern-line {
background-color:#fff3;
justify-content:space-between;
align-items:center;
height:1px;
display:flex
}
.pattern-line.reverse {
transform-style:preserve-3d;
transform:rotateX(0)rotateY(180deg)rotate(0)
}
.pattern-line.hero {
background-color:#fff0;
background-image:linear-gradient(90deg,#0000,#fff3 30% 80%,#fff0)
}
.pattern-line.hero.hide {
opacity:.5
}
.horizontal-line-wrapper {
grid-column-gap:140px;
grid-row-gap:140px;
flex-flow:column;
justify-content:center;
display:flex
}
.horizontal-line-wrapper.hero {
grid-column-gap:140px;
grid-row-gap:140px;
height:100%
}
.pattern-inner-line {
background-image:linear-gradient(90deg,#030e1400,#5c6e0e33 52%,var(--theme-color-01));
border-radius:100px;
width:120px;
height:100%;
overflow:hidden
}
.pattern-inner-line.style-02 {
margin-left:300px
}
.vertical-line-wrapper {
grid-column-gap:140px;
grid-row-gap:140px;
justify-content:space-between;
display:flex;
position:absolute;
inset:0%
}
.vertical-line {
background-color:#ffffff4f;
flex-flow:column;
justify-content:space-between;
width:1px;
height:100%;
display:flex
}
.vertical-line.reverse {
transform-style:preserve-3d;
transform:rotateX(180deg)rotateY(0)rotate(0)
}
.vertical-line.hero {
background-color:#fff0;
background-image:linear-gradient(#fff0,#ffffff26 20% 80%,#0000)
}
.vertical-line.hero.hide {
opacity:.5
}
.vertical-line-inner {
background-image:linear-gradient(180deg,#030e1400,#5c6e0e33 52%,var(--theme-color-01));
border-radius:100px;
width:100%;
height:120px
}
.vertical-line-inner.style-02 {
min-height:120px;
margin-bottom:400px
}
.pattern-bg {
opacity:.3;
width:100%;
min-width:1400px;
position:relative;
overflow:hidden
}
.about-section {
z-index:5;
position:relative;
overflow:hidden
}
.section-content-wrapper {
grid-column-gap:80px;
grid-row-gap:80px;
flex-flow:column;
display:flex
}
.section-content-wrapper.about {
grid-column-gap:100px;
grid-row-gap:100px
}
.section-title-wrapper {
grid-column-gap:16px;
grid-row-gap:16px;
flex-flow:column;
align-items:flex-start;
display:flex
}
.section-title-wrapper.align-center {
text-align:center;
align-items:center
}
.section-title-wrapper.align-center.about {
max-width:1200px;
margin-left:auto;
margin-right:auto
}
.section-title-wrapper.align-center.how-to-buy {
max-width:720px;
margin-left:auto;
margin-right:auto
}
.section-title-wrapper.align-center.faq {
max-width:1100px;
margin-left:auto;
margin-right:auto
}
.section-label {
color:var(--theme-color-01);
text-transform:uppercase;
font-size:20px;
font-weight:600
}
.character-card-wrapper {
grid-column-gap:16px;
grid-row-gap:16px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr 1fr;
grid-auto-columns:1fr;
max-width:965px;
margin-left:auto;
margin-right:auto;
display:grid;
position:relative
}
.single-character-card {
border:1.5px solid #fff3;
border-radius:48px;
padding:13px;
position:relative;
overflow:hidden
}
.single-character-card._02 {
transition:all .3s ease-in-out;
transform:rotate(10deg)
}
.single-character-card._02:hover {
transform:rotate(0)
}
.single-character-card._01 {
transition:all .3s ease-in-out;
transform:rotate(-10deg)
}
.single-character-card._01:hover {
transform:rotate(0)
}
.single-character-card._03 {
transition:all .3s ease-in-out;
transform:rotate(-10deg)
}
.single-character-card._03:hover {
transform:rotate(0)
}
.character-image {
border-radius:40px;
width:100%;
overflow:hidden
}
.score-content-wrapper {
width:100%;
padding-bottom:40px;
padding-left:40px;
padding-right:40px;
position:absolute;
bottom:0;
left:0
}
.score-inner-content {
grid-column-gap:20px;
grid-row-gap:20px;
border:1.5px solid var(--theme-color-01);
-webkit-backdrop-filter:blur(20px);
backdrop-filter:blur(20px);
background-color:#030e1499;
border-radius:24px;
flex-flow:row;
justify-content:space-between;
align-items:center;
padding:12px 16px;
display:flex
}
.score-title-wrapper {
grid-column-gap:4px;
grid-row-gap:4px;
flex-flow:column;
display:flex
}
.score {
font-size:20px
}
.character-button {
background-color:var(--theme-color-01);
border-radius:100px;
justify-content:center;
align-items:center;
width:60px;
height:60px;
display:flex
}
.highlight-text {
opacity:.5
}
.character-title-wrapper {
justify-content:center;
align-items:center;
display:flex;
position:absolute;
top:-50px;
left:-50px;
transform:rotate(-10deg)
}
.character-title-wrapper._02 {
left:auto;
right:-20px;
transform:rotate(3deg)
}
.single-character-card-wrapper {
position:relative
}
.single-character-card-wrapper.story {
width:100%;
max-width:400px
}
.character-title-shape {
min-width:180px;
position:absolute
}
.character-title {
z-index:2;
color:var(--neutral-04);
margin-top:-21px;
position:relative
}
.about-bottom-title {
text-align:center;
max-width:1150px;
margin-left:auto;
margin-right:auto
}
.feature-section {
z-index:5;
position:relative;
overflow:hidden
}
.padding-bottom {
padding-bottom:120px;
padding-left:30px;
padding-right:30px
}
.section-subtitle {
opacity:.6;
color:var(--neutral-01);
max-width:500px;
font-size:18px
}
.section-subtitle.faq {
max-width:350px
}
.section-subtitle.style-02 {
max-width:100%
}
.section-subtitle.blog {
max-width:350px
}
.features {
grid-column-gap:40px;
grid-row-gap:40px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
align-items:start;
display:grid
}
.single-feature {
grid-column-gap:20px;
grid-row-gap:20px;
background-color:#04141c;
background-image:url(../images/68030369ec73392b8f0faf58_Pattern.svg);
background-position:50% 0;
background-repeat:no-repeat;
background-size:cover;
border-radius:24px;
flex-flow:column;
align-items:flex-start;
width:100%;
padding:40px;
display:flex;
overflow:hidden
}
.single-feature.card {
grid-column-gap:60px;
grid-row-gap:60px;
background-color:var(--neutral-03)
}
.single-feature._03 {
grid-column-gap:0px;
grid-row-gap:0px
}
.single-feature._02 {
grid-column-gap:55px;
grid-row-gap:55px
}
.feature-title-wrapper {
grid-column-gap:16px;
grid-row-gap:16px;
flex-flow:column;
max-width:480px;
display:flex
}
.feature-title-wrapper._03 {
max-width:450px
}
.feature-title-wrapper.style-02 {
max-width:700px
}
.feature-subtitle {
opacity:.6;
max-width:390px
}
.feature-subtitle.style-02 {
max-width:490px
}
.feature-title.card {
max-width:390px
}
.feature-character-image._01,
.feature-character-image._03 {
margin-bottom:-36%
}
.single-feature-coloumn {
grid-column-gap:40px;
grid-row-gap:40px;
flex-flow:column;
align-items:flex-start;
display:flex
}
.feature-image-wrapper {
justify-content:center;
width:100%;
display:flex
}
.feature-image-wrapper._01 {
justify-content:flex-end
}
.pattern-bg-area {
z-index:1;
flex-flow:column;
align-items:center;
width:100%;
height:100vh;
display:flex;
position:fixed;
top:0;
left:0
}
.nft-economy {
z-index:5;
position:relative;
overflow:hidden
}
.economy-content-wrapper {
justify-content:center;
align-items:center;
width:100%;
max-width:720px;
margin-top:130px;
margin-left:auto;
margin-right:auto;
display:flex;
position:relative
}
.single-counter {
max-width:250px;
position:relative;
overflow:hidden
}
.counter-bg {
width:100%
}
.counter-title-wrapper {
grid-column-gap:8px;
grid-row-gap:8px;
flex-flow:column;
justify-content:center;
align-items:center;
display:flex;
position:absolute;
inset:0%
}
.counter-numbers.style-02 {
font-size:40px
}
.counter-label {
color:var(--neutral-01);
font-size:18px;
font-weight:600
}
.counter-number-wrapper {
justify-content:center;
align-items:flex-start;
height:65px;
display:flex;
overflow:hidden
}
.counter-number-wrapper.style-02 {
height:48px
}
.single-number {
flex-flow:column;
justify-content:flex-end;
display:flex
}
.single-number._01 {
align-items:center
}
.single-number._02 {
align-items:flex-start
}
.numbers-label {
text-align:left
}
.numbers-label.style-02 {
margin-bottom:6px
}
.numbers-label.style-03 {
font-size:40px
}
.numbers-label.style-04 {
text-transform:lowercase;
font-size:40px
}
.economoy-counter-wrapper {
z-index:2;
grid-column-gap:200px;
grid-row-gap:200px;
grid-template-rows:auto auto;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
width:100%;
display:grid;
position:relative
}
.number-wrapper {
align-items:flex-end;
display:flex
}
.economy-character {
z-index:4;
width:100%;
max-width:680px;
position:absolute;
top:-115px
}
.economy-circle-image {
z-index:1;
position:absolute;
top:-195px
}
.how-to-buy-section {
z-index:5;
position:relative;
overflow:hidden
}
.buy-process-cards {
grid-column-gap:24px;
grid-row-gap:24px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
display:grid
}
.single-buy-process-card {
grid-column-gap:48px;
grid-row-gap:48px;
background-color:#04141c;
border-radius:24px;
flex-flow:column;
padding:30px;
display:flex;
overflow:hidden
}
.buy-process-number {
color:var(--theme-color-01);
font-size:48px
}
.buy-process-title-wrapper {
grid-column-gap:8px;
grid-row-gap:8px;
flex-flow:column;
display:flex
}
.buy-process-title {
font-size:22px;
text-align: center;
padding: 15px;
}
.buy-process-subtitle {
opacity:.6
}
.copy-to-clipboard {
z-index:5;
grid-column-gap:20px;
grid-row-gap:20px;
border:1px solid var(--neutral-02);
background-color:#04141c;
border-radius:20px;
flex-flow:wrap;
justify-content:space-between;
align-items:center;
width:100%;
max-width:1077px;
margin-left:auto;
margin-right:auto;
padding:20px 16px 20px 40px;
display:flex;
position:relative;
overflow:hidden
}
.copy-content-wrapper {
padding:0 40px 0 0
}
.copy-content {
filter:blur(5px);
font-size:20px;
font-weight:500
}
.copy-button {
grid-column-gap:8px;
grid-row-gap:8px;
background-color:var(--theme-color-01);
color:var(--neutral-04);
border-radius:10px;
justify-content:center;
align-items:center;
padding:12px 48px;
text-decoration:none;
display:flex;
overflow:hidden
}
.copy-button-icon {
width:20px;
height:20px
}
.copy-button-text {
color:var(--neutral-04);
font-size:18px;
font-weight:600
}
.copy-area {
grid-column-gap:32px;
grid-row-gap:32px;
text-align:center;
flex-flow:column;
align-items:center;
display:flex
}
.copy-title {
color:var(--neutral-01);
font-size:18px;
font-weight:600
}
.roadmap-section {
z-index:5;
position:relative;
overflow:hidden
}
.roadmap-section.padding-bottom {
padding-bottom:0
}
.roadmap-section.padding-bottom.top-padding {
padding-top:80px
}
.roadmap {
grid-column-gap:40px;
grid-row-gap:40px;
flex-flow:column;
align-items:center;
width:100%;
max-width:1097px;
margin-left:auto;
margin-right:auto;
display:flex;
position:relative
}
.single-roadmap {
grid-column-gap:90px;
grid-row-gap:90px;
justify-content:space-between;
align-items:center;
width:100%;
max-width:590px;
display:flex
}
.roadmap-content {
grid-column-gap:16px;
grid-row-gap:16px;
flex-flow:column;
align-items:flex-start;
width:420px;
max-width:420px;
display:flex
}
.roadmap-label {
color:var(--theme-color-01);
font-size:16px;
font-weight:600
}
.roadmap-list {
opacity:.6;
margin-bottom:0;
padding-left:20px;
font-size:18px
}
.roadmap-number-wrapper {
background-image:url(../images/68030369ec73392b8f0faf69_Group%202975%203.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
justify-content:center;
align-items:center;
width:80px;
height:80px;
display:flex
}
.single-roadmap-wrapper {
z-index:2;
width:100%;
display:flex;
position:relative
}
.single-roadmap-wrapper.style-02 {
justify-content:flex-end
}
.roadmap-progress-line {
background-color:var(--neutral-03);
border-radius:36px;
width:20px;
height:100%;
position:absolute;
top:0
}
.roadmap-bottom {
z-index:5;
flex-flow:column;
align-items:center;
padding-top:60px;
display:flex;
position:relative;
overflow:hidden
}
.roamap-bottom-image {
z-index:2;
width:100%;
position:relative
}
.sun-block {
background-image:linear-gradient(#c9ec06,#1a5b43);
border-radius:300px;
justify-content:center;
align-items:center;
width:250px;
height:250px;
display:flex;
position:absolute;
top:0;
left:0
}
.single-brid {
justify-content:center;
align-items:flex-end;
display:flex;
position:relative
}
.bird-body {
z-index:5;
position:absolute;
bottom:-5px
}
.bird-body.style-03 {
max-width:18px
}
.bird-body.style-02 {
max-width:20px
}
.bird-body.style-04 {
bottom:3px;
left:40%
}
.bird-body.style-05 {
max-width:15px;
bottom:-4px
}
.bird-feather-left {
position:relative;
right:-1px
}
.bird-feather-left.style-03 {
max-width:20px
}
.bird-feather-left.style-02 {
max-width:25px
}
.bird-feather-left.style-05 {
max-width:15px
}
.bird-feather-right {
position:relative;
left:-1px
}
.bird-feather-right.style-03 {
max-width:20px
}
.bird-feather-right.style-02 {
max-width:25px
}
.bird-feather-right.style-04 {
position:relative;
top:-14px;
left:-3px
}
.bird-feather-right.style-05 {
max-width:15px
}
.single-bird-wrapper._01 {
position:absolute;
bottom:100px;
left:-75px;
transform:rotate(-26deg)
}
.single-bird-wrapper._02 {
position:absolute;
bottom:70px;
left:20px
}
.single-bird-wrapper._03 {
position:absolute;
left:40px
}
.single-bird-wrapper._04 {
position:absolute;
bottom:40px;
left:100px;
transform:rotate(20deg)
}
.single-bird-wrapper._05 {
position:absolute;
bottom:78px;
right:51px;
transform:rotate(17deg)
}
.single-bird-wrapper._06 {
position:absolute;
bottom:120px;
right:-20px;
transform:rotate(17deg)
}
.single-bird-wrapper._07 {
position:absolute;
bottom:60px;
right:-65px;
transform:rotate(17deg)
}
.single-bird-wrapper._08 {
position:absolute;
bottom:0;
left:140px;
transform:rotate(20deg)
}
.sun-area {
z-index:3;
justify-content:center;
align-items:center;
width:250px;
height:250px;
margin-bottom:-20%;
margin-left:180px;
display:flex;
position:relative
}
.team-section {
z-index:5;
position:relative;
overflow:hidden
}
.teams {
grid-column-gap:24px;
grid-row-gap:80px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr 1fr;
grid-auto-columns:1fr;
display:grid
}
.single-team-member {
grid-column-gap:16px;
grid-row-gap:16px;
flex-flow:column;
align-items:flex-start;
display:flex
}
.member-image-area {
background-image:linear-gradient(120deg,#ffffff80,#ffffff0d 40% 68%,#ffffff80);
border-radius:32px;
width:100%;
padding:1px;
transition:all .3s ease-in-out;
position:relative;
overflow:hidden
}
.member-image-area:hover {
background-image:linear-gradient(60deg,#ffffff80,#ffffff0d 40% 68%,#ffffff80)
}
.team-member-image {
width:100%;
transition:all .3s ease-in-out
}
.team-member-image:hover {
transform:scale(1.1)
}
.member-image-wrapper {
border-radius:24px;
overflow:hidden
}
.member-image-inner {
background-color:#030e14;
border-radius:32px;
padding: 40px 30px;
}
.member-details {
grid-column-gap:8px;
grid-row-gap:8px;
flex-flow:column;
align-items:flex-start;
display:flex;
}
.member-designation {
opacity:.6;
font-size:18px;
}
.faq-section {
z-index:5;
position:relative;
overflow:hidden
}
.faqs {
grid-column-gap:24px;
grid-row-gap:24px;
flex-flow:column;
width:100%;
max-width:1077px;
margin-left:auto;
margin-right:auto;
display:flex
}
.faq-inner {
white-space:normal;
word-break:normal;
background-color:#04141c;
border-radius:16px;
flex-flow:column;
width:100%;
margin-bottom:0;
padding-bottom:0;
display:flex;
overflow:hidden
}
.question {
justify-content:space-between;
align-items:center;
width:100%;
margin-bottom:0;
padding:20px;
display:flex
}
.answer {
background-color:#ddd0;
margin-bottom:0;
display:block;
position:static;
overflow:hidden
}
.question-title {
color:var(--neutral-01);
width:80%;
font-size:20px;
font-weight:500
}
.faq-icon-wrapper {
background-color:var(--theme-color-01);
border-radius:100px;
justify-content:center;
align-items:center;
width:40px;
height:40px;
display:flex
}
.faq-icon {
justify-content:center;
align-items:center;
width:20px;
height:20px;
display:flex
}
.single-faq {
background-image:linear-gradient(30deg,#ffffff80,#ffffff0d 20% 80%,#ffffff80);
border-radius:16px;
width:100%;
padding:1px;
transition:all .3s ease-in-out;
overflow:hidden
}
.answer-content-wrapper {
padding-bottom:20px;
padding-left:20px;
padding-right:20px
}
.answer-content {
opacity:.6;
color:var(--neutral-01);
width:100%;
max-width:775px;
font-size:18px
}
.cta-section {
z-index:5;
padding-left:30px;
padding-right:30px;
position:relative;
overflow:hidden
}
.cta-content-wrapper {
grid-column-gap:20px;
grid-row-gap:20px;
justify-content:space-between;
align-items:center;
padding:40px 60px 0;
display:flex
}
.cta-content-left {
grid-column-gap:48px;
grid-row-gap:48px;
flex-flow:column;
align-items:flex-start;
max-width:550px;
display:flex
}
.cta-subtitle {
color:var(--neutral-01);
max-width:500px;
font-size:18px
}
.cta-image-wrapper {
justify-content:flex-end;
width:100%;
max-width:600px;
display:flex;
position:relative
}
.cta-image-01 {
width:68%;
margin-bottom:-49%
}
.cta-image-02 {
width:52%;
margin-bottom:-15%;
margin-left:-30%
}
.footer-section {
z-index:5;
position:relative;
overflow:hidden
}
.sections {
position:relative;
overflow:hidden
}
.footer-content-wrapper {
grid-column-gap:80px;
grid-row-gap:80px;
flex-flow:column;
display:flex
}
.footer-top-content {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
display: flex;
}
.footer-top-left-content {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
align-items: flex-start;
max-width: 292px;
display: flex;
}
.footer-site-logo {
width:250px
}
.footer-left-title-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.footer-left-title {
opacity:.6;
font-size:16px;
}
.footer-socials {
grid-column-gap:20px;
grid-row-gap:20px;
align-items:center;
display:flex
}
.single-social-link {
justify-content:center;
align-items:center;
width:24px;
height:24px;
display:flex
}
.social-icon {
transition:all .3s ease-in-out
}
.social-icon.normal {
z-index:2;
position:relative
}
.footer-link-wrapper {
grid-column-gap:24px;
grid-row-gap:24px;
justify-content:space-between;
width:100%;
max-width:590px;
display:flex
}
.single-single-wrapper {
grid-column-gap:32px;
grid-row-gap:32px;
flex-flow:column;
align-items:flex-start;
display:flex
}
.footer-link-title {
color:var(--neutral-02);
font-size:16px;
font-weight:500
}
.footer-links {
grid-column-gap:16px;
grid-row-gap:16px;
flex-flow:column;
align-items:flex-start;
display:flex
}
.single-footer-link {
opacity:.6;
color:var(--neutral-02);
text-decoration:none;
transition:all .3s ease-in-out
}
.single-footer-link:hover {
opacity:100
}
.footer-bottom {
grid-column-gap:24px;
grid-row-gap:24px;
flex-flow:wrap;
justify-content:space-between;
align-items:center;
display:flex
}
.copyright-text {
opacity:.6;
color:var(--neutral-01);
font-size:16px;
font-weight:400
}
.hero-bottom-content-wrapper {
justify-content:center;
width:100%;
display:flex;
position:relative
}
.hero-bottom-content-left {
grid-column-gap:24px;
grid-row-gap:24px;
flex-flow:column;
max-width:300px;
display:flex
}
.hero-card-title-wrapper {
grid-column-gap:8px;
grid-row-gap:8px;
text-align:left;
flex-flow:column;
align-items:flex-start;
display:flex
}
.hero-card-title {
font-size:19px
}
.hero-counter-wrapper {
z-index:5;
grid-column-gap:40px;
grid-row-gap:40px;
background-image:linear-gradient(90deg,#030e1433,#09282700);
border-radius:24px;
flex-flow:column;
align-items:flex-start;
width:100%;
max-width:385px;
padding:50px;
display:flex
}
.single-hero-counter {
grid-column-gap:0px;
grid-row-gap:0px;
text-align:left;
flex-flow:column;
align-items:flex-start;
display:flex
}
.hero-card-wrapper {
justify-content:space-between;
width:100%;
display:flex;
position:absolute
}
.back-to-top-button {
z-index:99;
background-color:#60b1f800;
background-image:url(../images/arrow-narrow-up.svg);
background-position:0%;
background-repeat:no-repeat;
background-size:24px;
padding:0 0 0 30px;
position:fixed;
bottom:30px;
right:20px
}
.nav-button-wrapper {
grid-column-gap:16px;
grid-row-gap:16px;
justify-content:flex-end;
align-items:center;
width:100%;
max-width:220px;
display:flex
}
.nav-wrapper {
justify-content:space-between;
align-items:center;
display:flex
}
.single-nav {
opacity:.6;
color:var(--neutral-01);
padding:0;
font-size:16px;
font-weight:400;
line-height:170%;
transition:all .3s ease-in-out
}
.single-nav:hover {
opacity:1
}
.single-nav.w--current {
opacity:1;
color:var(--neutral-01)
}
.nav-list-wrapper {
grid-column-gap:32px;
grid-row-gap:32px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr 1fr;
grid-auto-columns:1fr;
justify-content:space-between;
width:100%;
display:flex
}
.dropdown-list {
background-color:#ddd0
}
.megamenu-wrapper {
grid-column-gap:32px;
grid-row-gap:32px;
background-color:var(--neutral-04);
border-radius:16px;
grid-template-rows:auto auto;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
width:500px;
padding:20px 30px 30px;
display:flex;
overflow:hidden;
box-shadow:0 4px 20px #00000026
}
.menu-content-wrapper {
justify-content:space-between;
width:100%;
display:flex
}
.nav-logo {
width:100%;
max-width:185px;
padding-left:0
}
.dropdown-toggle {
opacity:.6;
color:var(--neutral-01);
padding:20px 24px 20px 0;
font-size:16px;
font-weight:400;
line-height:170%;
transition:all .3s ease-in-out
}
.dropdown-toggle:hover {
opacity:1
}
.menu-wrapper {
grid-column-gap:0px;
grid-row-gap:0px;
justify-content:space-between;
align-items:center;
width:100%;
display:flex
}
.dropdown-icon {
margin-right:0;
right:0
}
.nav-trigger {
width:30px
}
.menu-item-wrapper {
justify-content:center;
width:80%;
display:flex
}
.header {
z-index:999;
background-color:#ddd0;
margin-bottom:-100px;
padding:15px 30px
}
.menu-items {
grid-column-gap:36px;
grid-row-gap:36px;
align-items:center;
display:flex
}
.nav-list {
grid-column-gap:10px;
grid-row-gap:10px;
flex-flow:column;
align-items:flex-start;
display:flex
}
.about-hero-image-wrapper {
justify-content:center;
align-items:flex-end;
display:flex
}
.inner-container {
padding-left:30px;
padding-right:30px
}
.about-hero-image-01 {
width:30%;
margin-right:-3%
}
.about-hero-image-02 {
z-index:2;
width:44%;
margin-left:-13%;
margin-right:-13%;
position:relative
}
.about-hero-image-03 {
width:28%
}
.hero-bottom-image {
z-index:3;
width:100%;
margin-top:auto;
position:relative
}
.story-section {
z-index:5;
position:relative;
overflow:hidden
}
.story-section.section-padding {
padding-top:165px
}
.story-content-wrapper {
grid-column-gap:50px;
grid-row-gap:50px;
justify-content:space-between;
align-items:center;
display:flex
}
.values-section {
z-index:5;
position:relative;
overflow:hidden
}
.values-card-wrapper {
grid-column-gap:24px;
grid-row-gap:24px;
grid-template-rows:auto auto;
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns:1fr;
display:grid
}
.values-card-icon-box {
background-image:linear-gradient(180deg,var(--theme-color-01),var(--neutral-03));
border-radius:12px;
justify-content:center;
align-items:center;
width:54px;
height:54px;
padding-top:5px;
padding-bottom:5px;
display:flex;
overflow:hidden
}
.values-card-icon-box_1 {
border-radius: 12px;
align-items: center;
width: 34px;
height: 54px;
display: flex;
overflow: hidden;
}
.single-values-card {
grid-column-gap:40px;
grid-row-gap:40px;
background-color:#04141c;
border-radius:24px;
flex-flow:column;
padding:46px 40px;
display:flex;
overflow:hidden
}
.values-card-title-wrapper {
grid-column-gap:8px;
grid-row-gap:8px;
flex-flow:column;
display:flex
}
.values-subtitle {
opacity:.6;
color:var(--neutral-01);
font-size:18px
}
.origins-section {
z-index:5;
position:relative;
overflow:hidden
}
.origin-content-wrapper {
grid-column-gap:120px;
grid-row-gap:120px;
align-items:center;
display:flex
}
.origin-image-wrapper {
border-radius:24px;
width:50%;
overflow:hidden
}
.origin-image {
width:100%
}
.origin-contents {
flex-flow:column;
width:50%;
display:flex
}
.section-subtitle-wrapper {
grid-column-gap:24px;
grid-row-gap:24px;
flex-flow:column;
display:flex
}
.values-counter-wrapper {
grid-column-gap:40px;
grid-row-gap:40px;
background-color:#04141c;
background-image:url(https://cdn.prod.website-files.com/68030369ec73392b8f0faf3c/68030369ec73392b8f0fafa2_Group%20\(5\).svg);
background-position:50% 100%;
background-repeat:no-repeat;
background-size:100%;
border-radius:24px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr 1fr 1fr;
grid-auto-columns:1fr;
justify-content:space-between;
padding:60px 60px 200px;
display:flex;
overflow:hidden
}
.single-values-counter {
grid-column-gap:0px;
grid-row-gap:0px;
text-align:left;
flex-flow:column;
align-items:flex-start;
display:flex
}
.values-counter-label {
color:var(--neutral-01);
font-weight:400
}
.blog-section {
z-index:5;
position:relative;
overflow:hidden
}
.single-blog {
grid-column-gap:16px;
grid-row-gap:16px;
flex-flow:column;
display:flex
}
.blog-thumbnail-wrapper {
border-radius:16px;
width:100%;
text-decoration:none;
overflow:hidden
}
.blog-thumbnail {
width:100%;
transition:all .3s ease-in-out
}
.blog-thumbnail:hover {
transform:scale(1.1)
}
.single-blog-content {
grid-column-gap:8px;
grid-row-gap:8px;
flex-flow:column;
align-items:flex-start;
display:flex
}
.blog-date {
color:var(--theme-color-01);
font-size:14px
}
.single-blog-title {
transition:all .3s ease-in-out
}
.single-blog-title:hover {
color:var(--theme-color-01)
}
.blog-excerpt {
opacity:.6;
color:var(--neutral-01);
font-size:18px;
font-weight:400
}
.news-list {
grid-column-gap:24px;
grid-row-gap:24px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr 1fr;
grid-auto-columns:1fr;
display:grid
}
.about-hero-bottom-image {
z-index:3;
width:100%;
margin-top:-7%;
position:relative
}
.roadmap-wave-image-01 {
max-width:635px;
position:absolute;
bottom:100px;
right:0
}
.roadmap-wave-image-02 {
max-width:1000px;
position:absolute;
bottom:40%;
right:-350px
}
.roadmap-wave-image-03 {
max-width:565px;
position:absolute;
bottom:18%;
left:-100px
}
.roadmap-wave-image-04 {
max-width:1000px;
position:absolute;
top:28%;
left:-500px
}
.date-and-author {
grid-column-gap:16px;
grid-row-gap:16px;
display:flex
}
.blog-author-wrapper {
grid-column-gap:2px;
grid-row-gap:2px;
display:flex
}
.blog-details-title {
text-align:left
}
.blog-details-section {
z-index:5;
position:relative;
overflow:hidden
}
.padding-top {
padding-top:120px;
padding-left:30px;
padding-right:30px
}
.blog-details-thumbnail {
border-radius:16px;
width:100%
}
.blog-details-content-wrapper {
grid-column-gap:80px;
grid-row-gap:80px;
flex-flow:column;
display:flex
}
.blog-details-content {
grid-column-gap:0px;
grid-row-gap:0px;
flex-flow:column;
display:flex
}
.privacy-section {
z-index:5;
position:relative;
overflow:hidden
}
.policy-content-wrapper {
grid-column-gap:48px;
grid-row-gap:48px;
flex-flow:column;
display:flex
}
.single-policy {
grid-column-gap:20px;
grid-row-gap:20px;
flex-flow:column;
align-items:flex-start;
display:flex
}
.policy-content,
.policy-list {
opacity:.6
}
._404-section {
z-index:5;
padding-top:180px;
position:relative
}
._404-content-wrapper {
grid-column-gap:80px;
grid-row-gap:80px;
text-align:center;
flex-flow:column;
align-items:center;
display:flex
}
._404-image {
width:100%;
max-width:845px
}
._404-title-wrapper {
grid-column-gap:16px;
grid-row-gap:16px;
flex-flow:column;
display:flex
}
._404-subtitle {
opacity:.6;
font-size:18px;
font-weight:400
}
._404-content {
grid-column-gap:48px;
grid-row-gap:48px;
flex-flow:column;
align-items:center;
max-width:530px;
display:flex
}
.license-content-wrapper {
grid-column-gap:60px;
grid-row-gap:60px;
flex-flow:column;
display:flex
}
.single-lisence-wrapper {
grid-column-gap:40px;
grid-row-gap:40px;
flex-flow:column;
display:flex
}
.image-license {
grid-column-gap:16px;
grid-row-gap:16px;
flex-flow:column;
display:flex
}
.single-lisence {
background-color:var(--neutral-03);
border:1px solid #201e1c1a;
border-radius:12px;
flex-flow:column;
justify-content:center;
height:65px;
padding:17px 25px;
display:flex
}
.license-text {
opacity:1;
color:var(--neutral-01);
font-size:18px;
font-weight:400;
line-height:170%
}
.changelog-content-wrapper {
grid-column-gap:60px;
grid-row-gap:60px;
flex-flow:column;
display:flex
}
.single-changelog-content {
grid-column-gap:40px;
grid-row-gap:40px;
flex-flow:column;
display:flex
}
.changelog-features {
grid-column-gap:16px;
grid-row-gap:16px;
flex-flow:column;
display:flex
}
.list {
padding-left:20px
}
.changelog-title-wrapper {
grid-column-gap:16px;
grid-row-gap:16px;
flex-flow:column;
display:flex
}
.button-icon {
justify-content:center;
align-items:center;
width:18px;
height:18px;
margin-top:-4px;
display:flex
}
.button-style-02 {
grid-column-gap:8px;
grid-row-gap:8px;
background-color:var(--theme-color-01);
border-radius:10px;
justify-content:flex-start;
align-items:center;
padding:12px 24px;
text-decoration:none;
display:flex;
position:relative;
overflow:hidden
}
.changelog-section,
.license-section {
z-index:5;
position:relative;
overflow:hidden
}
.nav-cart-button {
z-index:999;
justify-content:flex-end;
align-items:center;
position:absolute;
top:20px;
right:250px
}
.cart-item {
align-items:center
}
.cart-text {
color:var(--neutral-04);
font-size:24px
}
.cart-close-icon {
cursor:pointer
}
.product-title-2 {
transition:all .3s ease-in-out
}
.product-title-2:hover {
color:#ff8473
}
.product-title-2.cart {
color:var(--neutral-04);
font-size:18px;
font-weight:600;
line-height:170%
}
.product-title-2.cart:hover {
color:#000
}
.close-button {
cursor:pointer
}
.shop-cart-icon {
width:26px
}
.subtotal-price {
color:var(--neutral-04);
font-size:18px;
line-height:170%
}
.checkout-product-image {
width:80px
}
.cart-list {
padding-top:16px;
padding-bottom:16px
}
.cart-button {
background-color:#3898ec00;
padding:0;
position:relative
}
.cart-quantity {
background-color:var(--theme-color-01);
color:#070b18;
border-radius:80px;
justify-content:center;
align-items:center;
width:20px;
height:21px;
margin-left:0;
padding:0 0 2px;
font-weight:500;
display:flex;
position:absolute;
inset:-9px 0% auto 21px
}
.cart-checkout-quantity {
color:var(--neutral-04);
background-color:#f8f8f8
}
.checkout-container {
z-index:5;
color:var(--neutral-03);
width:100%
}
.remove-text {
color:#ff0300;
font-size:14px
}
.product-checkout-button {
background-color:var(--theme-color-01);
color:var(--neutral-04);
padding:20px;
font-size:18px;
font-weight:600;
line-height:160%;
transition:all .3s ease-in-out
}
.product-checkout-button:hover {
background-color:var(--neutral-04);
color:var(--neutral-01)
}
.product-checkout-price {
color:#070b18;
font-size:16px;
font-weight:500;
line-height:170%
}
.subtotal-text {
color:var(--neutral-04);
font-size:16px;
font-weight:600;
line-height:170%
}
.product-section {
z-index:5;
position:relative;
overflow:hidden
}
.add-to-cart-state.single-product {
font-size:14px
}
.single-product-item {
grid-column-gap:16px;
grid-row-gap:16px;
flex-flow:column;
display:flex
}
.product-compare-price {
opacity:.6;
color:var(--neutral-02);
font-weight:600;
text-decoration:line-through
}
.product-image {
object-fit:cover;
width:100%;
height:100%
}
.product-title {
color:var(--neutral-01);
transition:all .3s ease-in-out
}
.product-title:hover {
color:var(--theme-color-01)
}
.product-content {
grid-column-gap:24px;
grid-row-gap:24px;
flex-flow:column;
width:50%;
display:flex
}
.product-content.single-product {
grid-column-gap:16px;
grid-row-gap:16px;
width:100%
}
.cart-quantity-2 {
color:#fff;
background-color:#7d6cff;
justify-content:center;
align-items:center;
width:20px;
height:21px;
margin-left:0;
padding-left:0;
padding-right:0;
font-size:10px;
display:flex;
position:absolute;
inset:-14px 0% auto 17px
}
.add-to-card-button.single-product-item {
background-color:#0e0f114d;
justify-content:center;
align-items:center;
position:absolute;
inset:0%
}
.product-price {
color:var(--neutral-01);
font-size:18px;
font-weight:600
}
.product-title-wrapper {
grid-column-gap:16px;
grid-row-gap:16px;
flex-flow:column;
align-items:flex-start;
text-decoration:none;
display:flex
}
.single-product-image-wrapper {
border-radius:10px;
position:relative;
overflow:hidden
}
.product-price-wrapper {
grid-column-gap:10px;
grid-row-gap:10px;
align-items:center;
display:flex
}
.product-price-wrapper.single-product {
justify-content:space-between
}
.product-list {
grid-column-gap:24px;
grid-row-gap:24px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr 1fr;
grid-auto-columns:1fr;
display:grid
}
.product-cart-button {
grid-column-gap:8px;
grid-row-gap:8px;
background-color:var(--theme-color-01);
color:var(--neutral-04);
background-image:url(https://cdn.prod.website-files.com/68030369ec73392b8f0faf3c/6803093e249c41a739cdc272_Blur%20\(1\).svg);
background-position:-185%;
background-repeat:no-repeat;
background-size:auto;
border-radius:10px;
justify-content:flex-start;
align-items:center;
padding:12px 24px;
font-size:18px;
font-weight:600;
text-decoration:none;
transition:all .5s ease-in-out;
display:flex;
position:relative;
overflow:hidden
}
.product-cart-button:hover {
background-position:300%
}
.product-description {
color:#616161;
font-size:16px
}
.quantity {
color:var(--neutral-04);
background-color:#f8f8f8;
margin-bottom:0;
font-weight:500
}
.product-compare-price-2 {
color:var(--neutral-02);
font-weight:600;
text-decoration:line-through
}
.quantity-wrapper {
grid-column-gap:10px;
grid-row-gap:10px;
align-items:center;
display:flex
}
.product-price-label {
color:var(--neutral-01);
font-size:18px;
font-weight:500
}
.product-price-2 {
color:var(--neutral-01);
font-size:18px;
font-weight:600
}
.product-image-wrapper {
grid-column-gap:40px;
grid-row-gap:40px;
flex-flow:column;
justify-content:center;
width:50%;
display:flex;
overflow:hidden
}
.body-text-21 {
letter-spacing:-.2px;
margin-top:0;
margin-bottom:0;
font-size:20px;
font-weight:400;
line-height:180%
}
.options {
background-color:#f7ede5;
border:1px #000;
margin-bottom:0
}
.product-qunatity-label {
color:var(--neutral-01);
margin-bottom:0
}
.product-main-image {
object-fit:cover;
width:100%
}
.product-details {
grid-column-gap:100px;
grid-row-gap:100px;
align-items:center;
display:flex
}
.buy-now-button {
justify-content:center;
display:flex
}
.size {
grid-column-gap:10px;
grid-row-gap:10px;
flex-flow:column;
display:flex
}
.default-state {
grid-column-gap:40px;
grid-row-gap:40px;
flex-flow:column;
margin-bottom:0;
display:flex
}
.product-details-section {
z-index:5;
position:relative
}
.details-cart-button {
grid-column-gap:8px;
grid-row-gap:8px;
background-color:var(--theme-color-01);
color:var(--neutral-04);
border-radius:10px;
justify-content:flex-start;
align-items:center;
padding:12px 24px;
font-size:18px;
font-weight:600;
text-decoration:none;
transition:all .3s ease-in-out;
display:flex;
position:relative;
overflow:hidden
}
.details-cart-button:hover {
background-color:var(--neutral-02)
}
.product-category-list {
grid-column-gap:10px;
grid-row-gap:10px;
display:flex
}
.product-category-item {
text-align:center;
background-color:#3898ec00;
border:1px solid #f6f7f933;
border-radius:100px;
width:100px;
padding:6px 10px;
font-weight:500
}
.product-category-item.w--current {
border-color:var(--theme-color-01)
}
.product-categories {
grid-column-gap:60px;
grid-row-gap:60px;
flex-flow:column;
display:flex
}
.checkout-form {
background-color:var(--neutral-04);
color:var(--neutral-04)
}
.checkout-form.section-padding {
z-index:5;
background-color:#030e1400;
position:relative
}
.checkout-title {
color:var(--neutral-04)
}
.web-payments-3 {
background-color:var(--neutral-01);
border-radius:2px
}
.checkout-button {
grid-column-gap:8px;
grid-row-gap:8px;
background-color:var(--theme-color-01);
color:var(--neutral-04);
border-radius:10px;
justify-content:center;
align-items:center;
padding:12px 24px;
font-size:18px;
font-weight:600;
text-decoration:none;
display:flex;
position:relative;
overflow:hidden
}
.paypal-checkout-form {
background-color:#f5f5f500
}
.paypal-checkout-form.section-padding {
z-index:5;
color:var(--neutral-04);
position:relative
}
.order-confirmation {
background-color:#f5f5f500
}
.order-confirmation.section-padding {
z-index:5;
position:relative
}
.cart-checkout-container {
z-index:5;
color:var(--neutral-03);
width:100%
}
.label {
color:var(--theme-color-01);
text-transform:uppercase;
font-size:20px
}
.feature-card-wrapper {
grid-column-gap:40px;
grid-row-gap:40px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
display:grid
}
.single-feature-card {
grid-column-gap:32px;
grid-row-gap:32px;
background-color:#04141c;
background-image:url(../images/68182ebcbf0ad75885693660_bg%20pattern.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
border-radius:24px;
flex-flow:column;
padding-top:40px;
padding-left:40px;
padding-right:40px;
display:flex;
overflow:hidden
}
.single-feature-card._02 {
grid-column-gap:20px;
grid-row-gap:20px
}
.feature-card-top {
grid-column-gap:20px;
grid-row-gap:20px;
flex-flow:wrap;
justify-content:space-between;
align-items:center;
display:flex
}
.feature-card-title-wrapper {
grid-column-gap:8px;
grid-row-gap:8px;
flex-flow:column;
display:flex
}
.feature-card-subtitle {
opacity:.6
}
.feature-card-rating {
flex-flow:column;
display:flex
}
.rating-title {
color:var(--neutral-01);
font-size:16px
}
.rating {
font-family:var(--heading-font);
-webkit-text-fill-color:transparent;
background-image:linear-gradient(#c9ec06,#1a5b43);
-webkit-background-clip:text;
background-clip:text;
font-size:20px
}
.feature-card-image-wrapper {
justify-content:center;
display:flex;
position:relative
}
.feature-card-image {
object-fit:cover;
width:100%;
max-width:372px
}
.feature-card-image._02 {
margin-bottom:-40px
}
.feature-card-marker {
text-align:center;
justify-content:center;
align-items:flex-start;
width:182px;
display:flex;
position:absolute;
top:30px;
left:15%;
transform:rotate(-8deg)
}
.feature-card-marker._02 {
top:10px;
left:auto;
right:27%;
transform:rotate(5deg)
}
.feature-card-marker-text {
color:var(--neutral-04);
margin-top:7px;
font-size:16px;
font-weight:600;
position:absolute
}
.ninja-section {
z-index:5;
position:relative;
overflow:hidden
}
.all-ninjas {
grid-column-gap:24px;
grid-row-gap:60px;
grid-template-rows:auto auto;
grid-template-columns:1fr 1fr 1fr;
grid-auto-columns:1fr;
display:grid
}
.single-ninja {
background-image:linear-gradient(120deg,#fff,#ffffff1a 25% 75%,#fff);
border-radius:32px;
flex-flow:column;
padding:1px;
transition:all .3s ease-in-out;
display:flex
}
.ninja-name-wrapper {
grid-column-gap:8px;
grid-row-gap:8px;
flex-flow:column;
display:flex
}
.ninja-subtitle {
opacity:.6;
color:var(--neutral-01)
}
.ninja-inner {
grid-column-gap:20px;
grid-row-gap:20px;
background-color:var(--neutral-04);
border-radius:32px;
flex-flow:column;
width:100%;
padding:32px 16px 16px;
display:flex;
position:relative;
overflow:hidden
}
.ninja-image {
border-radius:24px;
width:100%
}
.ninja-image-wrapper {
border-radius:24px;
overflow:hidden
}
.remove-this-button {
z-index:11;
grid-column-gap:8px;
grid-row-gap:8px;
flex-flow:column;
align-items:stretch;
width:auto;
display:flex;
position:fixed;
bottom:50px;
right:12px
}
.get-this-template {
grid-column-gap:6px;
grid-row-gap:6px;
color:#fff;
background-color:#fff;
border:1px solid #3b3b3b4d;
border-radius:8px;
flex-flow:row;
justify-content:center;
align-items:center;
padding:12px;
text-decoration:none;
display:flex
}
.icon-area {
flex-flow:column;
justify-content:center;
align-items:center;
width:22px;
display:flex;
position:relative;
overflow:hidden
}
.corner-icon {
width:auto
}
.corner-icon._01 {
position:absolute;
bottom:-30px
}
.text-16px-semibold-2 {
color:#0e1229;
margin-bottom:0;
font-size:16px;
font-weight:600;
line-height:170%
}
.text-16px-semibold-2.text-neutral-01 {
color:#fff
}
.access-button {
grid-column-gap:10px;
grid-row-gap:10px;
background-color:var(--neutral-03);
color:#000;
border-radius:8px;
flex-flow:row;
justify-content:center;
align-items:center;
padding:12px;
text-decoration:none;
display:flex
}
@media screen and (max-width:991px) {
h1 {
font-size:62px
}
h2 {
font-size:48px
}
.styleguide-title-wrapper {
width:100%
}
.container.cta {
border-radius:24px
}
.single-styleguide {
grid-column-gap:24px;
grid-row-gap:24px;
flex-flow:column
}
.color-box {
width:200px
}
.dislplay-h1 {
font-size:62px
}
.section-padding {
padding-top:80px;
padding-bottom:80px
}
.hero-section.section-padding {
padding-top:135px
}
.hero-title-wrapper.style-02.about {
width:100%
}
.hero-content-wrapper {
grid-column-gap:40px;
grid-row-gap:40px;
padding-bottom:80px
}
.hero-image-wrapper-home {
margin-top:-100px
}
.home-inner-container {
margin-bottom:-18%
}
.pattern-hero {
flex-flow:column;
width:1400px
}
.section-content-wrapper {
grid-column-gap:50px;
grid-row-gap:50px
}
.section-content-wrapper.about {
grid-column-gap:120px;
grid-row-gap:120px
}
.character-card-wrapper {
grid-row-gap:100px;
grid-template-columns:1fr 1fr
}
.character-title-wrapper {
left:0
}
.padding-bottom {
padding-bottom:80px
}
.features {
grid-template-columns:1fr
}
.single-feature._02 {
grid-column-gap:30px;
grid-row-gap:30px
}
.feature-character-image._01,
.feature-character-image._03 {
margin-bottom:-25%
}
.single-feature-coloumn {
grid-template-rows:auto auto;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr
}
.economy-content-wrapper {
margin-top:100px
}
.numbers-label.style-02 {
margin-bottom:12px
}
.economoy-counter-wrapper {
grid-column-gap:160px;
grid-row-gap:160px
}
.number-wrapper {
align-items:flex-end
}
.economy-character {
width:90%;
margin-left:-45px;
margin-right:auto
}
.economy-circle-image {
top:-160px
}
.buy-process-cards {
grid-template-columns:1fr 1fr
}
.copy-to-clipboard {
justify-content:center;
padding-left:20px;
padding-right:20px
}
.copy-content-wrapper {
padding-right:0
}
.copy-content {
text-align:center;
overflow-wrap:anywhere;
font-size:18px
}
.roadmap-content {
width:100%
}
.roadmap-progress-line {
display:none
}
.sun-block {
width:200px;
height:200px
}
.single-bird-wrapper._01 {
bottom:140px
}
.single-bird-wrapper._02 {
bottom:100px
}
.single-bird-wrapper._03 {
bottom:140px;
left:20px
}
.single-bird-wrapper._04 {
bottom:70px
}
.single-bird-wrapper._05 {
bottom:100px
}
.single-bird-wrapper._06 {
bottom:160px;
right:40px
}
.single-bird-wrapper._07 {
bottom:120px;
right:-10px
}
.single-bird-wrapper._08 {
bottom:70px
}
.sun-area {
margin-bottom:-30%
}
.teams {
grid-row-gap:60px;
grid-template-columns:1fr 1fr
}
.cta-content-wrapper {
flex-flow:column;
padding-top:80px;
padding-left:40px;
padding-right:40px
}
.footer-content-wrapper {
grid-column-gap:50px;
grid-row-gap:50px
}
.footer-site-logo {
width:200px
}
.footer-link-wrapper {
grid-column-gap:20px;
grid-row-gap:20px
}
.hero-bottom-content-wrapper {
flex-flow:column
}
.hero-bottom-content-left {
width:100%;
position:relative
}
.hero-counter-wrapper {
position:relative
}
.hero-card-wrapper {
grid-column-gap:40px;
grid-row-gap:40px;
position:relative
}
.nav-button-wrapper {
flex-flow:column;
justify-content:flex-start;
align-items:flex-start;
width:100%
}
.single-nav {
margin-left:auto;
margin-right:auto;
padding-top:0;
padding-bottom:0
}
.megamenu-wrapper {
width:100%
}
.menu-content-wrapper {
grid-column-gap:24px;
grid-row-gap:24px;
background-color:var(--neutral-03);
border:1px solid #0000001a;
border-radius:16px;
flex-flow:column;
padding:30px;
box-shadow:0 0 10px #0003
}
.dropdown-toggle {
width:100%;
padding-top:0;
padding-bottom:0
}
.menu-wrapper {
z-index:999;
background-color:#c8c8c800;
padding-top:20px;
padding-left:30px;
padding-right:30px
}
.nav-trigger {
padding:0
}
.nav-trigger.w--open {
background-color:#c8c8c800;
width:30px;
padding:0
}
.trigger-icon {
filter:invert();
justify-content:center;
align-items:center;
width:100%;
display:flex
}
.menu-item-wrapper {
width:100%
}
.header {
padding-top:20px;
padding-bottom:20px
}
.all-pages {
width:100%
}
.menu-items {
grid-column-gap:10px;
grid-row-gap:10px;
flex-flow:column;
align-items:flex-start;
width:100%;
display:flex
}
.story-section.section-padding {
padding-top:80px
}
.story-content-wrapper {
grid-column-gap:120px;
grid-row-gap:120px;
flex-flow:column
}
.values-card-wrapper {
grid-template-columns:1fr 1fr 1fr 1fr
}
.origin-content-wrapper {
grid-column-gap:50px;
grid-row-gap:50px;
flex-flow:column
}
.origin-image-wrapper,
.origin-contents {
width:100%
}
.values-counter-wrapper {
grid-column-gap:30px;
grid-row-gap:30px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
padding-bottom:140px;
display:grid
}
.news-list {
grid-template-columns:1fr 1fr
}
.roadmap-wave-image-01 {
max-width:45%;
bottom:40px
}
.roadmap-wave-image-02 {
max-width:95%;
bottom:32%
}
.roadmap-wave-image-03 {
max-width:45%
}
.roadmap-wave-image-04 {
max-width:110%;
top:22%
}
.date-and-author {
flex-flow:wrap
}
.padding-top {
padding-top:80px
}
._404-section {
padding-top:155px
}
._404-content-wrapper {
grid-column-gap:60px;
grid-row-gap:60px
}
.single-lisence-wrapper {
grid-column-gap:32px;
grid-row-gap:32px
}
.changelog-features,
.changelog-title-wrapper {
width:100%
}
.nav-cart-button {
top:2px;
right:80px
}
.checkout-container {
max-width:1000px
}
.product-content {
grid-column-gap:16px;
grid-row-gap:16px;
width:50%
}
.product-list {
grid-template-columns:1fr 1fr
}
.product-image-wrapper {
width:50%
}
.product-name.details {
font-size:32px
}
.product-details {
grid-column-gap:32px;
grid-row-gap:32px;
flex-flow:row
}
.default-state {
grid-column-gap:32px;
grid-row-gap:32px
}
.product-categories {
grid-column-gap:50px;
grid-row-gap:50px
}
.feature-card-wrapper {
grid-template-columns:1fr
}
.all-ninjas {
grid-row-gap:40px;
grid-template-columns:1fr 1fr
}
}
@media screen and (max-width:767px) {
h1 {
letter-spacing:-1px;
font-size:48px
}
h2 {
letter-spacing:-1px;
font-size:42px
}
.color-wrapper {
grid-template-columns:1fr 1fr
}
.typography-wrapper {
grid-column-gap:8px;
grid-row-gap:8px
}
.dislplay-h1 {
letter-spacing:-1px;
font-size:48px
}
.section-padding {
padding:60px 20px
}
.hero-section.section-padding {
padding-top:120px
}
.hero-content-wrapper {
grid-column-gap:30px;
grid-row-gap:30px;
padding-bottom:60px
}
.hero-image-wrapper-home {
margin-top:-95px
}
.home-inner-container {
margin-bottom:-15%;
padding-left:20px;
padding-right:20px
}
.hero-bottom-image-home {
text-align:center;
min-width:125%;
margin-left:-12%;
margin-right:auto
}
.pattern-hero {
width:1300px
}
.section-content-wrapper {
grid-column-gap:40px;
grid-row-gap:40px
}
.character-card-wrapper {
grid-template-columns:1fr;
width:100%;
max-width:80%
}
.character-title-wrapper {
top:-20px
}
.character-title-wrapper._02 {
right:0
}
.about-bottom-title {
margin-top:-40px
}
.padding-bottom {
padding-bottom:60px;
padding-left:20px;
padding-right:20px
}
.features,
.single-feature-coloumn {
grid-column-gap:24px;
grid-row-gap:24px
}
.economy-content-wrapper {
flex-flow:column;
justify-content:center;
margin-top:0
}
.counter-number-wrapper {
height:52px
}
.numbers-label.style-02 {
margin-bottom:3px
}
.economoy-counter-wrapper {
grid-column-gap:40px;
grid-row-gap:40px;
grid-template-columns:1fr 1fr;
justify-items:center
}
.economy-character {
width:100%;
margin-left:auto;
margin-right:auto;
position:static
}
.economy-circle-image {
top:0
}
.buy-process-cards {
grid-template-columns:1fr
}
.copy-to-clipboard {
padding:20px
}
.copy-button {
padding-left:20px;
padding-right:20px
}
.roadmap-section.padding-bottom.top-padding {
padding-top:60px
}
.single-roadmap {
grid-column-gap:30px;
grid-row-gap:30px;
flex-flow:column-reverse;
align-items:flex-start
}
.single-roadmap.style-02 {
flex-flow:column;
justify-content:flex-end
}
.teams {
grid-row-gap:24px;
grid-template-columns:1fr
}
.question-title {
white-space:normal;
word-break:normal;
width:90%
}
.cta-section {
padding-left:20px;
padding-right:20px
}
.cta-content-wrapper {
padding-top:60px;
padding-left:30px;
padding-right:30px
}
.cta-content-left {
grid-column-gap:32px;
grid-row-gap:32px
}
.footer-content-wrapper {
grid-column-gap:40px;
grid-row-gap:40px
}
.footer-top-content {
flex-flow:column
}
.hero-bottom-content-wrapper {
padding-top:40px
}
.hero-card-wrapper {
flex-flow:column;
align-items:center
}
.back-to-top-button {
bottom:30px
}
.nav-list-wrapper {
grid-column-gap:10px;
grid-row-gap:10px;
flex-flow:column
}
.megamenu-wrapper {
grid-column-gap:10px;
grid-row-gap:10px;
flex-flow:column;
height:400px;
overflow:auto
}
.menu-wrapper,
.header,
.inner-container {
padding-left:20px;
padding-right:20px
}
.story-section.section-padding {
padding-top:60px
}
.values-card-wrapper {
flex-flow:column;
grid-template-columns:1fr;
display:flex
}
.origin-content-wrapper {
grid-column-gap:40px;
grid-row-gap:40px
}
.section-subtitle-wrapper {
grid-column-gap:20px;
grid-row-gap:20px
}
.values-counter-wrapper {
padding:30px 30px 100px
}
.news-list {
grid-template-columns:1fr
}
.roadmap-wave-image-04 {
top:25%;
left:auto;
right:-300px
}
.padding-top {
padding-top:60px;
padding-left:20px;
padding-right:20px
}
.policy-content-wrapper {
grid-column-gap:30px;
grid-row-gap:30px
}
._404-section {
padding-top:135px
}
._404-content-wrapper {
grid-column-gap:50px;
grid-row-gap:50px
}
._404-content {
grid-column-gap:40px;
grid-row-gap:40px
}
.single-lisence-wrapper {
grid-column-gap:16px;
grid-row-gap:16px
}
.single-changelog-content {
grid-column-gap:20px;
grid-row-gap:20px
}
.nav-cart-button {
top:2px;
right:70px
}
.product-content {
grid-column-gap:24px;
grid-row-gap:24px;
width:100%
}
.product-list {
grid-template-columns:1fr
}
.product-image-wrapper {
grid-column-gap:30px;
grid-row-gap:30px;
width:100%
}
.product-details {
grid-column-gap:24px;
grid-row-gap:24px;
flex-flow:column
}
.product-category-list {
justify-content:center
}
.product-categories {
grid-column-gap:40px;
grid-row-gap:40px
}
.all-ninjas {
grid-row-gap:24px;
grid-template-columns:1fr
}
}
@media screen and (max-width:479px) {
h1 {
font-size:34px
}
h2 {
letter-spacing:-.5px;
font-size:32px
}
h3 {
letter-spacing:-.5px;
font-size:26px
}
h4 {
letter-spacing:0
}
.styleguide-wrapper {
grid-column-gap:24px;
grid-row-gap:24px
}
.color-wrapper {
grid-template-columns:1fr
}
.container.cta {
border-radius:16px
}
.single-styleguide {
grid-column-gap:16px;
grid-row-gap:16px
}
.color-box {
width:100%
}
.dislplay-h1 {
font-size:34px
}
.hero-content-wrapper {
padding-bottom:40px
}
.hero-image-wrapper-home {
margin-top:-50px
}
.home-inner-container {
margin-bottom:-17%
}
.hero-bottom-image-home {
width:100%
}
.pattern-hero {
width:1000px
}
.horizontal-line-wrapper,
.horizontal-line-wrapper.hero {
grid-column-gap:100px;
grid-row-gap:100px
}
.vertical-line-wrapper {
grid-column-gap:120px;
grid-row-gap:120px;
justify-content:center
}
.vertical-line-wrapper.hero {
grid-column-gap:100px;
grid-row-gap:100px
}
.section-content-wrapper {
grid-column-gap:30px;
grid-row-gap:30px
}
.section-content-wrapper.about {
grid-column-gap:100px;
grid-row-gap:100px;
width:100%
}
.section-title-wrapper.align-center.about {
width:100%
}
.section-label {
font-size:18px
}
.section-title {
width:100%
}
.character-card-wrapper {
grid-row-gap:24px;
max-width:98%
}
.single-character-card {
border-radius:20px
}
.single-character-card._02 {
transform:rotate(4deg)
}
.single-character-card._01,
.single-character-card._03 {
transform:rotate(-4deg)
}
.character-image {
border-radius:20px
}
.score-content-wrapper {
padding-bottom:25px;
padding-left:25px;
padding-right:25px
}
.score-inner-content {
border-radius:16px
}
.highlight-text {
width:100%
}
.character-title-wrapper {
top:-35px;
left:20px
}
.character-title-wrapper._02 {
top:-35px;
right:20px
}
.single-character-card-wrapper._03 {
margin-top:60px
}
.about-bottom-title {
margin-top:-45px
}
.features {
width:100%
}
.single-feature {
padding:20px
}
.feature-character-image {
width:100%
}
.feature-character-image._03 {
margin-bottom:-30%
}
.single-feature-coloumn {
width:100%
}
.pattern-bg-area {
justify-content:center;
display:flex
}
.counter-numbers.style-02 {
font-size:32px
}
.counter-number-wrapper {
height:45px
}
.counter-number-wrapper.style-02 {
height:40px
}
.numbers-label.style-02 {
margin-bottom:10px
}
.numbers-label.style-03,
.numbers-label.style-04 {
font-size:32px
}
.economoy-counter-wrapper {
grid-column-gap:30px;
grid-row-gap:30px;
grid-template-columns:1fr
}
.single-buy-process-card {
grid-column-gap:24px;
grid-row-gap:24px;
padding:20px
}
.copy-area {
grid-column-gap:24px;
grid-row-gap:24px
}
.roadmap-number-wrapper {
width:60px;
height:60px
}
.roadmap-bottom {
padding-top:40px
}
.sun-block {
width:180px;
height:180px
}
.bird-body {
max-width:25px
}
.bird-body.style-04 {
max-width:25px;
bottom:-2px;
left:31%
}
.bird-feather-left,
.bird-feather-right {
max-width:28px
}
.bird-feather-right.style-04 {
max-width:32px;
top:-9px
}
.single-bird-wrapper._01 {
bottom:180px;
left:-55px
}
.single-bird-wrapper._02 {
bottom:120px;
left:0
}
.single-bird-wrapper._03 {
bottom:165px
}
.single-bird-wrapper._04 {
bottom:100px;
left:95px
}
.single-bird-wrapper._05 {
bottom:130px;
right:120px
}
.single-bird-wrapper._06 {
right:70px
}
.single-bird-wrapper._07 {
bottom:200px;
right:40px
}
.single-bird-wrapper._08 {
bottom:90px;
left:45px
}
.sun-area {
margin-bottom:-42%;
margin-left:125px
}
.question-title {
white-space:normal;
word-break:normal;
width:75%
}
.cta-content-wrapper {
padding-left:20px;
padding-right:20px
}
.footer-link-wrapper {
grid-column-gap:24px;
grid-row-gap:24px;
flex-flow:column
}
.single-single-wrapper {
grid-column-gap:20px;
grid-row-gap:20px
}
.footer-bottom {
grid-column-gap:16px;
grid-row-gap:16px
}
.hero-bottom-content-wrapper {
padding-top:30px
}
.hero-counter-wrapper {
grid-column-gap:20px;
grid-row-gap:20px;
padding:40px 20px
}
.hero-card-wrapper {
grid-column-gap:30px;
grid-row-gap:30px
}
.megamenu-wrapper {
padding:16px
}
.menu-content-wrapper {
grid-column-gap:16px;
grid-row-gap:16px;
padding:20px
}
.nav-logo {
max-width:150px
}
.nav-trigger,
.nav-trigger.w--open {
width:24px
}
.header {
padding-top:15px;
padding-bottom:15px
}
.about-hero-image-01 {
width:40%
}
.about-hero-image-02 {
width:68%
}
.about-hero-image-03 {
width:40%
}
.story-content-wrapper {
grid-column-gap:100px;
grid-row-gap:100px
}
.single-values-card {
grid-column-gap:24px;
grid-row-gap:24px;
padding:30px 20px
}
.origin-image-wrapper {
border-radius:16px
}
.values-counter-wrapper {
grid-template-columns:1fr;
padding-bottom:60px;
padding-left:20px;
padding-right:20px
}
.roadmap-wave-image-01 {
max-width:60%;
bottom:12%
}
.roadmap-wave-image-02 {
right:-100px
}
.roadmap-wave-image-03 {
bottom:17%;
left:0
}
.roadmap-wave-image-04 {
right:-150px
}
.date-and-author {
grid-column-gap:10px;
grid-row-gap:10px
}
._404-content-wrapper {
grid-column-gap:40px;
grid-row-gap:40px
}
._404-content {
grid-column-gap:30px;
grid-row-gap:30px
}
.nav-cart-button {
top:2px;
right:60px
}
.cart-quantity {
width:16px;
height:18px;
top:-10px
}
.product-content.single-product {
grid-column-gap:10px;
grid-row-gap:10px
}
.cart-quantity-2 {
width:16px;
height:18px;
top:-10px
}
.product-price-wrapper {
flex-flow:wrap;
align-items:flex-start
}
.product-price-wrapper.single-product {
grid-column-gap:0px;
grid-row-gap:0px
}
.product-name.details {
font-size:28px
}
.product-category-list {
flex-flow:wrap
}
.product-categories {
grid-column-gap:40px;
grid-row-gap:40px
}
.single-feature-card {
border-radius:16px;
padding-top:20px;
padding-left:20px;
padding-right:20px
}
.feature-card-top {
grid-column-gap:16px;
grid-row-gap:16px
}
.feature-card-marker {
width:140px;
top:-18px;
left:5%
}
.feature-card-marker._02 {
top:5px;
right:10%
}
.feature-card-marker-text {
margin-top:4px;
font-size:14px
}
.all-ninjas {
grid-row-gap:24px
}
.ninja-name-wrapper {
margin-left:0
}
.ninja-name {
word-break:break-all
}
.order-item {
grid-column-gap:10px;
grid-row-gap:10px;
flex-flow:column
}
.div-block {
margin-left:0
}
.order-item-2 {
grid-column-gap:10px;
grid-row-gap:10px;
flex-flow:column
}
.div-block-2,
.div-block-3 {
margin-left:0
}
}
#w-node-_67119317-9fc5-3141-9325-49e6038000ac-8f0faf31,
#w-node-_8600f1e7-5afd-27c2-94c0-03603df9a01a-8f0faf31,
#w-node-e24655af-e87a-ac29-f0ac-38be36a80d8f-8f0faf31 {
grid-area:span 1/span 2/span 1/span 2
}
#w-node-_689f3beb-888c-dcbb-6b61-2429b97a3a3c-8f0faf31,
#w-node-_5927d0b1-73fd-a908-c810-fb56d7c21c54-8f0faf31 {
grid-area:span 1/span 3/span 1/span 3
}
@media screen and (max-width:991px) {
#w-node-_689f3beb-888c-dcbb-6b61-2429b97a3a3c-8f0faf31 {
grid-column:span 2/span 2
}
#w-node-_5927d0b1-73fd-a908-c810-fb56d7c21c54-8f0faf31 {
grid-column:span 4/span 4
}
}
@media screen and (max-width:767px) {
#w-node-_67119317-9fc5-3141-9325-49e6038000ac-8f0faf31,
#w-node-_8600f1e7-5afd-27c2-94c0-03603df9a01a-8f0faf31,
#w-node-e24655af-e87a-ac29-f0ac-38be36a80d8f-8f0faf31,
#w-node-_689f3beb-888c-dcbb-6b61-2429b97a3a3c-8f0faf31 {
grid-column:span 4/span 4
}
}
.forgot_password {
padding: 15px;
}
.forgot_password a{
padding: 15px;
}
.or {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-top: 26px;
}
span {
margin: 0;
font-family: var(--body-font);
font-size: 16px;
font-weight: 400;
line-height: 30px;
}
.or::before {
left: 0;
}
.or::before, .or::after {
position: absolute;
content: "";
background: #fff;
height: 1px;
width: 45%;
}
.or::after {
right: 0;
}
.or::before, .or::after {
position: absolute;
content: "";
background: #fff;
height: 1px;
width: 45%;
}
.form-area {
padding: 40px;
}
.form-area a {
color: #d3ed05;
}
.form-password {
text-align: left;
padding: 15px;
}
.form-password a {
color: #fff;
}
.form-rules {
text-align: left;
padding: 15px;
}
.form-rules a {
color: #d3ed05;
}