html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
pre.w-code-block code > span {
display: block !important;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
width: auto !important;
height: auto !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
width: auto;
height: auto;
font-size: inherit;
line-height: inherit;
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;
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: Lunabar;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/656bcffb1a20cb6a6919861c_LUNABAR_.TTF") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Medodica;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6835306d5b4a809538a36deb_medodica.zip") format("undefined");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Times Roman;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68474122a80f90e152db48a3_times-roman.zip") format("undefined");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Eudoxussans;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b965185305a34_EudoxusSans-Bold.woff") format("woff"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b9615fe305a31_EudoxusSans-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Eudoxussans;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b9676ae305a30_EudoxusSans-ExtraBold.woff") format("woff"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b967bd9305a37_EudoxusSans-ExtraBold.ttf") format("truetype");
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Eudoxussans;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b966f7f305a46_EudoxusSans-ExtraLight.woff") format("woff"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b967e6c305a32_EudoxusSans-ExtraLight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Eudoxussans;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b96ff68305a3c_EudoxusSans-Light.woff") format("woff"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b966e7e305a35_EudoxusSans-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Eudoxussans;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b96ad6e305a3b_EudoxusSans-Medium.woff") format("woff"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b96eab4305a38_EudoxusSans-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Eudoxussans;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b961734305a42_EudoxusSans-Regular.woff") format("woff"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b96d020305a33_EudoxusSans-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Plusjakartasans;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b968721305a56_PlusJakartaSans-Bold.woff") format("woff"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b96dfcd305a4a_PlusJakartaSans-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Plusjakartasans;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b967547305a57_PlusJakartaSans-ExtraLight.woff") format("woff"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b96ed06305a4d_PlusJakartaSans-ExtraLight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Plusjakartasans;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b967bd2305a4f_PlusJakartaSans-ExtraLightItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b96177c305a50_PlusJakartaSans-ExtraLightItalic.ttf") format("truetype");
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Plusjakartasans;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b96a088305a60_PlusJakartaSans-Italic.woff") format("woff"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b9671fe305a48_PlusJakartaSans-Italic.ttf") format("truetype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Plusjakartasans;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b963d33305a79_PlusJakartaSans-Light.woff") format("woff"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b96a2b7305a49_PlusJakartaSans-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Plusjakartasans;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b96ccc6305a5f_PlusJakartaSans-LightItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b962133305a4c_PlusJakartaSans-LightItalic.ttf") format("truetype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Plusjakartasans;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b9656c1305a78_PlusJakartaSans-Medium.woff") format("woff"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b96cd4e305a54_PlusJakartaSans-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Plusjakartasans;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b961bba305a7c_PlusJakartaSans-MediumItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b96b18c305a45_PlusJakartaSans-MediumItalic.ttf") format("truetype");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Plusjakartasans;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b96a1d0305a80_PlusJakartaSans-ExtraBold.woff") format("woff"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b967bce305a4e_PlusJakartaSans-ExtraBold.ttf") format("truetype");
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Plusjakartasans;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b960926305a7e_PlusJakartaSans-Regular.woff") format("woff"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b967e02305a58_PlusJakartaSans-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Plusjakartasans;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b966379305a4b_PlusJakartaSans-ExtraBoldItalic.ttf") format("truetype");
font-weight: 800;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Helvetica;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a9c9350e890b44049b67c0_Helvetica-Bold.ttf") format("truetype");
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Helvetica;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a9c9487f626c15e9d405a8_Helvetica.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Asphaltic scratch rounded personal use;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60c7f1beae626bb3ec81ede8_ASPHALTIC%20SCRATCH%20ROUNDED%20PERSONAL%20USE.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Helvetica lt ultra compressed;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60ebba98a4eb8599143754a9_Helvetica%20LT%20Ultra%20Compressed.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Attriumvirate Condensed;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/618ee615e872ccdfbc43f316_ATTriumvirate-CondensedBold.ttf") format("truetype"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/618ee615e872ccdfbc43f316_ATTriumvirate-CondensedBold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Vtks tatuage2;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/618fea17d6736d1bc3bfe2e1_Vtks%20Tatuage2.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Wensleydemo;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/620527a10639d10dbba76b87_WensleyDemo.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Night demo;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/620527b68521b74dc039bde7_Night%20DEMO.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Tom brother;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6205356810deb8193bfb32b7_tom%20brother.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Orange kid;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/62f90ad2679a834546a573f0_orange%20kid.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Retganon;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/62fd43e64331f895c2a9fda7_retganon.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Didot;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/630a3750f810444216126385_Didot%20Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Bebasneue;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/63cd601bb9a0712e968a53f8_BebasNeue-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Engula;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/684df4e6e96231d1b6d2123c_Engula-Thin.ttf") format("truetype"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/684df4e6e96231d1b6d2123c_Engula-Thin.ttf") format("truetype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Jetjanemono W 01";
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/684df51504e3c6b6bf55a703_JetJaneMono%20W01%20Bold.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Arabtype;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/686b2ac35184c0729d5701eb_arabtype.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Garamondus;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/686b2b2d4eb7bb3e429cfc15_GaramondUS.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: The Aquebella Otf;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68bb1116773196fa5902c01c_the-aquebella-otf.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Suisse Intl;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68bb122dd215ef073afbec35_suisse-intl-regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Suisse Intl Book;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68bb1239fdb772534eefb821_suisse-intl-book.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Fonnts;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68bb1440d9bd85aaeb302b9c_fonnts.com-SuisseIntl-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Relationship Of Melodrame;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/696ee77d2a3f54e62fc4a203_Relationship%20of%20m%C3%A9lodrame.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Monumentextended;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60ebb9fd8456ac846b08ee08_monumentextended-ultrabold.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Mailartrubberstamp;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/620480df1d63dce95ed3e76f_MailartRubberstamp-Regular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Romantikahidup;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/62053598a84718c270097d78_RomantikaHidup.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Bebas;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/63b08d1434a33d51698ea0ca_Bebas-Regular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Treadstone Grunge;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/64f54c4e3e793c122c704114_Treadstone%20Bold%20Grunge.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Fontspring Demo Veneer;
src: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6553b2fb533f6df037066539_Fontspring-DEMO-Veneer.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
:root {
--body-display: #516381;
--indicator-outline: #c0c0d333;
--grey-background: #242424;
--black: #000;
--outline: #fff;
--shaddow: silver;
--royal-blue: #3572ff;
--dark-outline: #e6e6f3;
--ghost-white: #6e6e6e;
--teal: #32727a;
--dodger-blue: #217dfc;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-embed-youtubevideo {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
background-position: 50%;
background-size: cover;
width: 100%;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
position: relative;
}
.w-embed-youtubevideo:empty {
min-height: 75px;
padding-bottom: 56.25%;
}
.w-commerce-commercecartwrapper {
display: inline-block;
position: relative;
}
.w-commerce-commercecartopenlink {
color: #fff;
cursor: pointer;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 0;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commercecartopenlinkicon {
margin-right: 8px;
}
.w-commerce-commercecartopenlinkcount {
color: #3898ec;
text-align: center;
background-color: #fff;
border-radius: 9px;
min-width: 18px;
height: 18px;
margin-left: 8px;
padding-left: 6px;
padding-right: 6px;
font-size: 11px;
font-weight: 700;
line-height: 18px;
display: inline-block;
}
.w-commerce-commercecartcontainerwrapper {
z-index: 1001;
background-color: #000c;
position: fixed;
inset: 0;
}
.w-commerce-commercecartcontainerwrapper--cartType-modal {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
flex-direction: row;
justify-content: flex-end;
align-items: stretch;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
background-color: #0000;
position: absolute;
inset: 100% auto auto 0;
}
.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
background-color: #0000;
position: absolute;
inset: 100% 0 auto auto;
}
.w-commerce-commercecartcontainer {
background-color: #fff;
flex-direction: column;
width: 100%;
min-width: 320px;
max-width: 480px;
display: flex;
overflow: auto;
box-shadow: 0 5px 25px #00000040;
}
.w-commerce-commercecartheader {
border-bottom: 1px solid #e6e6e6;
flex: none;
justify-content: space-between;
align-items: center;
padding: 16px 24px;
display: flex;
position: relative;
}
.w-commerce-commercecartheading {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.w-commerce-commercecartcloselink {
width: 16px;
height: 16px;
}
.w-commerce-commercecartformwrapper {
flex-direction: column;
flex: 1;
display: flex;
}
.w-commerce-commercecartform {
flex-direction: column;
flex: 1;
justify-content: flex-start;
display: flex;
}
.w-commerce-commercecartlist {
-webkit-overflow-scrolling: touch;
flex: 1;
padding: 12px 24px;
overflow: auto;
}
.w-commerce-commercecartitem {
align-items: flex-start;
padding-top: 12px;
padding-bottom: 12px;
display: flex;
}
.w-commerce-commercecartitemimage {
width: 60px;
height: 0%;
}
.w-commerce-commercecartiteminfo {
flex-direction: column;
flex: 1;
margin-left: 16px;
margin-right: 16px;
display: flex;
}
.w-commerce-commercecartproductname {
font-weight: 700;
}
.w-commerce-commercecartoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none;
}
.w-commerce-commercecartquantity {
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;
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;
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;
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-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.w-layout-hflex {
flex-direction: row;
align-items: flex-start;
display: flex;
}
.w-commerce-commercecheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.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 {
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-commercecheckoutpaymentinfowrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutcardnumber {
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-commercecheckoutrow {
margin-left: -8px;
margin-right: -8px;
display: flex;
}
.w-commerce-commercecheckoutcolumn {
flex: 1;
padding-left: 8px;
padding-right: 8px;
}
.w-commerce-commercecheckoutcardexpirationdate {
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 {
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 {
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 {
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 {
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 {
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 {
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 {
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 {
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-commercecheckoutshippingaddresswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutshippingfullname {
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 {
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 {
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-commercecheckoutshippingcity {
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 {
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 {
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 {
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-commercecheckoutplaceorderbutton {
color: #fff;
cursor: pointer;
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-commercelayoutsidebar {
flex: 0 0 320px;
position: sticky;
top: 20px;
}
.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-commercecheckoutorderitemoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none;
}
.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-commercecheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
.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 {
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;
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-commerceaddtocartoutofstock {
background-color: #ddd;
margin-top: 10px;
padding: 10px;
}
.w-commerce-commerceaddtocarterror {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
}
.w-layout-layout {
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-auto-columns: 1fr;
justify-content: center;
padding: 20px;
}
.w-layout-cell {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.w-commerce-commerceorderconfirmationcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercelayoutcontainer {
justify-content: center;
align-items: flex-start;
display: flex;
}
.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-commercecheckoutshippingsummarywrapper, .w-commerce-commercecheckoutpaymentsummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercepaypalcheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercepaypalcheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
@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-commercelayoutmain {
flex-basis: auto;
margin-right: 0;
}
.w-commerce-commercelayoutsidebar {
flex-basis: auto;
}
.w-commerce-commercelayoutcontainer {
flex-direction: column;
align-items: stretch;
}
}
@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-commercecheckoutemailinput, .w-commerce-commercecheckoutcardnumber {
font-size: 16px;
}
.w-commerce-commercecheckoutrow {
flex-direction: column;
}
.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, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional, .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commerceaddtocartquantityinput {
font-size: 16px;
}
}
h1 {
letter-spacing: -.025em;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 1.25em;
}
h2 {
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 34px;
font-weight: 600;
line-height: 1.3em;
}
h3 {
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 1.25em;
}
h4 {
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 24px;
}
h5 {
letter-spacing: -.01em;
margin-top: 10px;
margin-bottom: 10px;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 20px;
}
h6 {
margin-top: 10px;
margin-bottom: 10px;
font-family: Eudoxussans, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 18px;
}
p {
color: var(--body-display);
margin-bottom: 10px;
font-size: 17px;
line-height: 1.5em;
}
blockquote {
border-left: 3px solid var(--indicator-outline);
background-color: var(--grey-background);
color: var(--body-display);
border-radius: 0 5px 5px 0;
margin-top: 24px;
margin-bottom: 24px;
padding: 18px 24px;
font-size: 17px;
line-height: 1.6em;
}
.body {
color: var(--black);
font-family: Inter, sans-serif;
}
.body.fxhome {
background-color: #000;
background-image: linear-gradient(to top, #000000d1, #0000005e), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/656c01d250c7f84477ee1966_WALPPER.png"), linear-gradient(#000, #000), linear-gradient(#ffffffa8, #ffffffa8), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60c80b93b0b74f0caa442ee5_Wallpaper-Kemra-Marble-1-1100x1318.jpg");
background-position: 0 0, 50%, 0 0, 0 0, 0 0;
background-repeat: repeat, no-repeat, repeat, repeat, repeat;
background-size: auto, cover, auto, auto, cover;
max-height: 700px;
}
.background-cover {
justify-content: center;
align-items: center;
width: 100vw;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.hero-background-image {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b9656093059cd_Villa0017.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.hero-background-image.journal-hero-background {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b96db3c305a0f_Travel004.jpeg");
}
.hero-background-image.about-intro-background {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60e34db8b641d8c01ec89559_reese-cooper-fall-winter-2018-lone-pine-lookbook-8.jpg");
}
.hero-background-image.steps-background {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b963d95305a0d_Family003.jpeg");
}
.hero-background-image.about-hero-background {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60e34d9e1994a83a796263ef_Reese_Cooper_Autumn_Winter_2019_Menswear_Hitchhiking_Campaign_1_1125x.jpg");
background-position: 50%;
}
.hero-background-image.support-hero-background {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60e34fb470566d116e930b96_a592341ff49c219803ff9352af4f7a7f9a19ad24_reesecooper1-copy.jpg");
}
.hero-background-image.benefit-intro-background {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/61904265d1875017ca75a94f_Represent-FW19-Campaign-9.jpg"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/619040b738f8db1fa7546af1_COMO%20FICAR%20MAIS%20BONITO_%205%20Passos%20Pr%C3%A1ticos%20para%20ser%20um%20HOMEM%20MAIS%20ATRAENTE!.png"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a885c310cd7f80c7ed8e31_Clints-Sting-TRL-Footprints-Manchester-Worker-Bee-Lead.jpeg");
background-position: 50%, 0 0, 50%;
background-repeat: repeat, repeat, no-repeat;
background-size: cover, auto, cover;
}
.hero-background-image.password-background {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b962c53305a2e_031.jpeg");
}
.overlay {
z-index: 30;
background-color: #0000008c;
position: absolute;
inset: 0%;
}
.overlay:hover {
background-color: #0000008c;
}
.overlay.dark {
z-index: 0;
background-color: #0f13268c;
}
.overlay.dark.fx {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60b7d8802a8ce927e4887d28_unnamed%20(1).png"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60d8f3fcd33b390443faae2a_tear.png");
background-position: 50% 100%, 50% 0;
background-repeat: repeat-x, repeat-x;
background-size: auto, auto;
}
.overlay.light {
background-color: #0f13260f;
border-radius: 0;
}
.overlay.extra-light {
background-color: #0f13260d;
}
.overlay._2 {
height: 195px;
box-shadow: none;
background-color: #ffffffed;
padding-bottom: 0;
position: absolute;
bottom: 0%;
}
.overlay.fx-2 {
box-shadow: none;
background-color: #ffffffe3;
}
.overlay.fx-darklight {
background-color: #ffffff8c;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
box-shadow: inset 3px 3px 20px -8px #00000052;
}
.overlay.side-nav {
background-color: #ffffffdb;
}
.subtitle {
color: #000;
letter-spacing: 3px;
text-transform: uppercase;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 12px;
font-weight: 800;
line-height: 1.4em;
}
.subtitle:hover {
color: #000;
}
.subtitle.small {
font-size: 8px;
}
.subtitle.white {
color: #fff;
font-family: Attriumvirate Condensed, sans-serif;
}
.subtitle.white.fx-you-may {
color: #000;
}
.subtitle.large {
font-size: 14px;
}
.subtitle.large.fx-about.fx290, .subtitle.large.fx-nonne.fx443 {
color: #fff;
}
.subtitle.fx {
display: none;
}
.subtitle.fx-dd {
color: #fff;
}
.subtitle.fx-dd._2 {
color: #000;
}
.subtitle._12, .subtitle.cards, .subtitle.test.new-reg, .subtitle.soci {
color: #fff;
}
.subtitle.fx2 {
text-align: left;
}
.navbar {
border-bottom: 1px none var(--indicator-outline);
background-color: #000;
justify-content: center;
padding-left: 0;
padding-right: 0;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.navbar.product-view {
z-index: 50000;
display: none;
}
.top-nav-wrapper {
z-index: 3000;
grid-column-gap: 0px;
grid-row-gap: 16px;
filter: none;
background-color: #0000;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: minmax(80px, 1fr) minmax(auto, 1400px) minmax(80px, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding-right: 0;
display: grid;
position: relative;
}
.left-nav {
z-index: 25;
border-right: 1px solid var(--indicator-outline);
border-bottom: 1px none var(--indicator-outline);
filter: none;
background-color: #000;
width: 80px;
height: 80px;
display: flex;
position: relative;
}
.right-nav {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: center;
display: flex;
position: absolute;
inset: 26% 3% auto 0;
}
.brand {
z-index: 25;
color: var(--black);
letter-spacing: -.02em;
text-transform: uppercase;
align-items: center;
padding-right: 24px;
font-family: Eudoxussans, sans-serif;
font-size: 22px;
font-weight: 800;
text-decoration: none;
display: flex;
}
.scroll-indicator {
z-index: 49;
border-right: 1px solid var(--indicator-outline);
background-image: linear-gradient(#000000c2, #000000c2), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60c80ea6ae626b2264828083_85c2bc5117b432014f3f894845d43323.jpg"), linear-gradient(#000, #000);
background-position: 0 0, 0 0, 0 0;
background-size: auto, cover, auto;
flex-direction: column;
grid-template-rows: minmax(200px, 620px) auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
width: 81px;
padding-top: 80px;
padding-bottom: 24px;
display: none;
position: fixed;
inset: 0% auto 0% 0%;
overflow: hidden;
}
.indicator-wrapper {
background-color: var(--indicator-outline);
border-radius: 100px;
flex: 1;
width: 3px;
margin-top: 36px;
margin-bottom: 36px;
overflow: hidden;
}
.indicator-fill {
border-radius: 100px;
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
}
.section {
background-color: #fff;
background-image: linear-gradient(#ffffff80, #ffffff80), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60c80b93b0b74f0caa442ee5_Wallpaper-Kemra-Marble-1-1100x1318.jpg");
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 74px 0 140px;
display: flex;
position: relative;
}
.section.no-padding {
background-color: #fff;
padding-top: 0;
padding-bottom: 0;
display: none;
}
.section.no-padding.nnonnoug.nonxx {
display: none;
}
.section.no-top-padding {
padding-top: 0;
}
.section.no-top-padding.noonw-fx.contact.terms {
display: none;
}
.section.fx-33 {
background-color: #fff0;
display: none;
}
.section._1-home {
display: none;
}
.nav-link {
color: var(--black);
letter-spacing: 3px;
text-transform: uppercase;
border-bottom: 2px #0f132600;
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: 0;
padding-left: 18px;
padding-right: 18px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
display: flex;
position: relative;
}
.nav-link.w--current {
color: var(--black);
}
.grid-wrapper {
z-index: 10;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 1fr;
grid-template-columns: minmax(80px, 1fr) minmax(auto, 1400px) minmax(80px, 1fr);
grid-auto-columns: 1fr;
align-items: stretch;
width: 100%;
display: grid;
position: relative;
}
.grid-wrapper._2fxx {
padding-left: 0;
}
.grid-wrapper._2fxx.back {
display: none;
}
.grid-wrapper._12-fxx {
justify-items: start;
}
.grid-wrapper._12-fxx._2-none, .grid-wrapper.maybe-none {
display: none;
}
.body-display {
color: var(--body-display);
font-size: 17px;
font-weight: 400;
line-height: 1.6em;
}
.body-display.large {
color: var(--body-display);
font-size: 19px;
}
.body-display.small {
font-size: 14px;
line-height: 1.4em;
}
.body-display.white {
color: #fff;
}
.subtitle-wrapper {
margin-bottom: 18px;
}
.slider-wrapper {
margin-bottom: -99px;
margin-left: -97px;
padding-top: 60px;
padding-bottom: 48px;
overflow: hidden;
}
.location-card-slider {
background-color: #0000;
justify-content: center;
align-items: center;
height: 100%;
margin-left: -80px;
display: flex;
}
.location-mask {
width: 50%;
max-width: 800px;
overflow: visible;
}
.location-card-wrapper {
color: #fff;
border-radius: 13px;
flex-direction: column;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 0;
min-height: 450px;
max-height: 550px;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.slider-arrow {
z-index: 100;
border: 1px solid var(--outline);
background-color: #fff;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
margin-left: -72px;
display: flex;
inset: auto auto -30px;
}
.slider-arrow.right {
margin-left: 0;
margin-right: -72px;
}
.slide-nav {
display: none;
}
.nav-menu {
z-index: 40;
justify-content: center;
max-width: 450px;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
left: 0;
right: 0;
overflow: hidden;
}
.indicator {
background-color: #d2d2e0;
border-radius: 100px;
width: 100%;
height: 20%;
}
.nav-button {
z-index: 700;
color: var(--black);
letter-spacing: 3px;
text-transform: uppercase;
background-color: #fff0;
border: 1px solid #0000004a;
border-radius: 3px;
align-items: stretch;
margin-left: 0;
margin-right: -129px;
padding: 0;
font-size: 11px;
text-decoration: none;
position: relative;
top: -5px;
}
.location-slide {
margin-right: 0;
}
.hover-link {
color: #fff;
letter-spacing: 3px;
text-transform: uppercase;
background-color: #fff0;
border: 1px solid #fff;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 11px;
text-decoration: none;
display: flex;
}
.grey-cover {
background-color: var(--grey-background);
background-image: linear-gradient(#ffffffb3, #ffffffb3), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60c80b93b0b74f0caa442ee5_Wallpaper-Kemra-Marble-1-1100x1318.jpg");
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
margin-left: 80px;
position: relative;
overflow: hidden;
}
.card-arrow {
border-style: none none solid solid;
border-width: 1px;
border-color: var(--indicator-outline);
background-color: #fff;
border-bottom-left-radius: 3px;
width: 24px;
height: 24px;
position: absolute;
inset: auto -51px auto auto;
transform: rotate(45deg);
}
.about-us-section {
background-color: #fff;
padding-bottom: 0;
display: none;
overflow: hidden;
}
.about-wrapper {
z-index: 10;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
grid-auto-columns: 1fr;
padding-top: 140px;
padding-bottom: 100px;
padding-left: 80px;
display: grid;
position: relative;
}
.about-images {
z-index: 10;
margin-left: 80px;
display: flex;
position: relative;
overflow: hidden;
}
.about-image-item {
color: #fff;
text-align: center;
width: 25vw;
min-width: 25vw;
height: 25vw;
min-height: 25vw;
margin-left: -1px;
margin-right: -1px;
text-decoration: none;
position: relative;
overflow: hidden;
}
.stacked-paragraphs {
grid-column-gap: 16px;
grid-row-gap: 18px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.about-intro {
grid-column-gap: 16px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 600px;
display: grid;
}
.location-name {
z-index: 60;
grid-column-gap: 0px;
grid-row-gap: 9px;
color: #000;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
display: grid;
position: relative;
overflow: hidden;
}
.card-arrow-icon {
z-index: 10;
filter: blur(5px);
border: 1px solid #fff;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 24px;
min-width: 24px;
height: 24px;
min-height: 24px;
display: flex;
position: relative;
}
.card-arrow-icon.dark {
border-color: var(--indicator-outline);
filter: none;
background-color: #000;
}
.card-arrow-icon.fx-2 {
filter: invert();
}
.card-arrow-icon.dark {
background-color: #fff;
border-color: #c0c0d333;
}
.card-arrow-icon._2 {
filter: invert();
color: #000;
background-color: #fff0;
border-color: #fff;
}
.location-card {
grid-column-gap: 16px;
grid-row-gap: 16px;
height: 100%;
color: var(--black);
background-color: #fff;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border: 3px #e7e7e7;
border-radius: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
grid-auto-columns: 1fr;
align-content: center;
padding: 24px 18px 24px 24px;
text-decoration: none;
transition: opacity .2s;
display: grid;
position: relative;
overflow: hidden;
box-shadow: 2px 0 16px -8px #43465091;
}
.location-card:hover {
box-shadow: 0 12px 36px -8px var(--shaddow);
}
.location-card.llink-1 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-repeat: no-repeat;
background-size: cover;
}
.location-card.llink-1:hover {
box-shadow: 0 12px 36px -8px var(--shaddow);
color: #fff;
}
.location-card-background {
opacity: 0;
border-radius: 0;
position: absolute;
inset: 0%;
overflow: hidden;
}
.horizontal-line {
background-color: var(--indicator-outline);
flex: 1;
height: 1px;
}
.horizontal-line.left {
margin-left: 80px;
}
.horizontal-line.light {
background-color: #c0c0d373;
}
.horizontal-line.u-may {
display: none;
}
.horizontal-line.u-may.reviews {
z-index: 50;
position: absolute;
top: -7px;
left: 140px;
}
.thin-span {
color: #000;
font-family: Helvetica, sans-serif;
font-weight: 700;
}
.xxl-heading {
text-transform: uppercase;
font-family: Helvetica, sans-serif;
font-size: 55px;
font-weight: 800;
line-height: 1.1em;
}
.menu-lottie {
filter: invert() grayscale();
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
display: flex;
}
.social-sidebar-icons {
grid-column-gap: 6px;
grid-row-gap: 6px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.sidebar-icon {
border: 1px solid var(--indicator-outline);
background-color: #aeaec00d;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
padding: 8px;
transition: all .4s cubic-bezier(.25, .46, .45, .94);
display: flex;
}
.sidebar-icon:hover {
border-color: var(--royal-blue);
background-color: var(--royal-blue);
}
.benefits-wrapper {
z-index: 10;
grid-column-gap: 80px;
grid-row-gap: 140px;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
min-height: 550px;
padding-top: 140px;
padding-bottom: 140px;
padding-left: 80px;
display: grid;
position: relative;
}
.membership-plans-wrapper {
z-index: 10;
grid-column-gap: 0px;
grid-row-gap: 18px;
background-color: #fff0;
border-radius: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-top: -100px;
margin-left: 36px;
padding: 0 0 140px;
display: grid;
position: relative;
}
.vacations-tab-menu {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top: 1px none var(--dark-outline);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 60px;
margin-bottom: 72px;
display: grid;
}
.vacations-tabs {
z-index: 30;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.vacations-tabs-content {
width: 100%;
overflow: visible;
}
.vacations-tab-link {
width: 100%;
height: 60px;
color: var(--body-display);
letter-spacing: 3px;
text-transform: uppercase;
background-color: #fff0;
justify-content: center;
align-items: center;
padding: 0 20px 36px;
font-size: 12px;
transition: color .4s cubic-bezier(.25, .46, .45, .94);
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.vacations-tab-link.w--current {
color: var(--black);
background-color: #fff0;
}
.membership-circle {
z-index: 20;
justify-content: center;
align-items: center;
width: 42px;
height: 42px;
display: flex;
position: absolute;
inset: auto auto -21px;
}
.membership-dot {
z-index: 10;
background-color: var(--dark-outline);
border-radius: 100px;
width: 12px;
height: 12px;
position: relative;
}
.membership-outline-circle {
border: 2px solid var(--dark-outline);
background-color: #fff;
border-radius: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.vacations-tabs-wrapper {
padding: 0;
position: relative;
}
.location-indicator {
background-color: var(--dark-outline);
border-radius: 100px;
height: 2px;
position: absolute;
inset: 60px 0% auto;
overflow: hidden;
}
.location-indicator-fill {
background-color: var(--black);
border-radius: 100px;
width: 25%;
height: 100%;
}
.steps-grid {
grid-column-gap: 80px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: .8fr 1fr;
grid-auto-columns: 1fr;
margin-left: auto;
margin-right: auto;
padding-left: 36px;
display: grid;
}
.steps-sticky-card {
z-index: 30;
grid-column-gap: 16px;
grid-row-gap: 36px;
border: 1px solid var(--indicator-outline);
background-color: var(--grey-background);
width: 100%;
min-width: 300px;
max-width: 500px;
box-shadow: none;
border-radius: 12px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 18px 18px 36px;
display: grid;
position: sticky;
top: 101px;
overflow: visible;
}
.steps-cards {
grid-column-gap: 60px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.steps-card-wrapper {
grid-column-gap: 16px;
grid-row-gap: 60px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
min-height: 900px;
display: grid;
}
.steps-tracker {
background-color: var(--indicator-outline);
border-radius: 100px;
flex-direction: column;
width: 2px;
margin-top: 80px;
margin-bottom: 80px;
display: flex;
}
.steps-card {
grid-column-gap: 36px;
grid-row-gap: 36px;
border: 1px solid var(--indicator-outline);
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: stretch;
align-items: center;
min-height: 275px;
padding: 24px;
display: grid;
position: relative;
}
.steps-circle {
border: 0px none var(--indicator-outline);
border-radius: 100px;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
display: flex;
position: absolute;
inset: 36px auto auto -86px;
}
.steps-circle.center {
top: auto;
}
.steps-circle.end {
top: auto;
bottom: 36px;
}
.subtitle-intro-wrapper {
z-index: 10;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: auto;
margin-bottom: 20px;
display: grid;
position: relative;
}
.subtitle-intro-wrapper.product-view-fx {
margin-top: 42px;
display: none;
}
.team-wrapper {
z-index: 10;
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
min-height: 600px;
padding-top: 100px;
padding-bottom: 200px;
padding-left: 80px;
display: grid;
position: relative;
}
.team-box {
z-index: 10;
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px solid var(--indicator-outline);
background-color: #fff;
border-radius: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding: 0;
display: grid;
position: relative;
}
.team-card {
grid-column-gap: 16px;
grid-row-gap: 24px;
color: var(--black);
background-color: #fff;
border-radius: 12px;
grid-template-rows: 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 18px 18px 30px;
text-decoration: none;
transition: box-shadow .5s;
display: grid;
position: relative;
}
.team-card:hover {
z-index: 1;
box-shadow: 0 12px 36px -8px var(--shaddow);
}
.team-image {
border-radius: 12px;
min-height: 250px;
position: relative;
overflow: hidden;
}
.team-member-info {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-left: 18px;
padding-right: 18px;
display: grid;
}
.team-name {
grid-column-gap: 16px;
grid-row-gap: 9px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.name {
letter-spacing: -.03em;
font-size: 18px;
}
.team-location {
color: var(--body-display);
}
.testimonial-wrapper {
color: #fff;
margin-left: 80px;
margin-right: 80px;
padding-bottom: 0;
overflow: hidden;
}
.testimonial-slider {
background-color: #0000;
align-items: center;
width: 100%;
height: 100%;
min-height: 330px;
padding-left: 0;
padding-right: 0;
display: flex;
}
.testimonial-tracker {
z-index: 10;
grid-column-gap: 16px;
grid-row-gap: 0px;
grid-template-rows: 66px 66px 66px 66px 66px;
grid-template-columns: 1fr;
grid-auto-rows: 66px;
grid-auto-columns: 1fr;
width: 48px;
height: 100%;
display: grid;
position: absolute;
inset: 0% auto 0% 0%;
}
.testimonial-tracker.in-slider {
z-index: 10;
grid-template-rows: 66px;
grid-auto-rows: 66px;
height: auto;
bottom: auto;
left: -48px;
}
.testimonial-arrow {
z-index: 25;
background-color: #fff;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
display: flex;
inset: auto 72px 9px 0%;
}
.testimonial-arrow.right {
left: 72px;
right: 0;
}
.testimonial-arrow.right.comments.fx, .testimonial-arrow.comments.home.fx {
background-color: #fff0;
border: 1px solid #fff;
}
.testimonial-arrow.comments.home.fx.done {
opacity: 1;
border-style: solid;
}
.tracker-item {
color: #fffc;
border-left: 3px solid #fff0;
justify-content: center;
align-items: center;
width: 48px;
height: 66px;
font-size: 14px;
font-weight: 400;
display: flex;
position: relative;
}
.tracker-item.in-slider {
color: #fff;
border-left-color: #fff0;
font-weight: 700;
}
.testimonial-slide-wrapper {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 81px;
padding-right: 48px;
display: flex;
position: relative;
}
.testimonial-mask {
z-index: 20;
margin-left: 48px;
padding-right: 0;
overflow: visible;
}
.benefit-card {
grid-column-gap: 16px;
grid-row-gap: 36px;
background-color: #fff;
border-radius: 12px;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
min-height: 275px;
padding: 30px;
transition: box-shadow .5s;
display: grid;
position: relative;
}
.benefit-card:hover {
z-index: 1;
box-shadow: 0 12px 36px -8px var(--shaddow);
}
.verticle-line {
background-color: var(--indicator-outline);
height: 100%;
position: relative;
}
.intro-wrapper {
grid-column-gap: 120px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: minmax(30%, 475px) 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.benefits-bottom {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: none;
}
.intro-right-image {
border-radius: 3px;
width: 100%;
position: relative;
overflow: hidden;
}
.intro-content {
z-index: 25;
grid-column-gap: 16px;
grid-row-gap: 48px;
grid-template-rows: 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 18px;
padding-bottom: 18px;
display: grid;
position: relative;
}
.stacked-intro {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.button {
background-color: var(--royal-blue);
color: #fff;
text-align: center;
letter-spacing: 3px;
text-transform: uppercase;
border-style: none;
border-radius: 5px;
justify-content: center;
align-items: center;
padding: 16px 32px;
font-size: 10px;
text-decoration: none;
transition: all .4s cubic-bezier(.25, .46, .45, .94);
display: flex;
}
.button:hover {
background-color: var(--black);
}
.button.white {
color: var(--ghost-white);
background-color: #fff0;
border: 1px solid #fff3;
border-radius: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 11px 47px;
display: block;
}
.button.white:hover {
color: #fff;
background-color: #000;
}
.button.white.shopnow-none {
display: flex;
}
.featured-journal-wrapper {
z-index: 10;
grid-column-gap: 48px;
grid-row-gap: 60px;
min-height: 400px;
box-shadow: none;
background-color: #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
grid-auto-columns: 1fr;
margin-top: -60px;
margin-bottom: 60px;
margin-left: 80px;
padding: 36px 36px 0;
display: grid;
position: relative;
}
.featured-journal-wrapper.full-width {
margin-left: 36px;
}
.vacations-section {
padding-top: 0;
padding-bottom: 0;
}
.vacations-dual-grid {
grid-column-gap: 80px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 45vw 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.vacation-items {
z-index: 10;
grid-column-gap: 16px;
grid-row-gap: 48px;
grid-template-rows: auto 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
min-height: 200vh;
margin-bottom: 146px;
padding-top: 0;
padding-left: 0;
position: relative;
}
.sticky-vacation-right {
z-index: 20;
background-color: #fff0;
background-image: none;
background-repeat: repeat;
background-size: auto;
flex-direction: column;
width: 100%;
height: 100vh;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: flex;
position: sticky;
top: 0;
}
.vacation-items-grid {
grid-column-gap: 24px;
grid-row-gap: 36px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-bottom: 36px;
padding-left: 0;
padding-right: 0;
display: grid;
}
.vacation-item {
grid-column-gap: 36px;
grid-row-gap: 16px;
border: 1px solid var(--indicator-outline);
box-shadow: none;
border-radius: 12px;
grid-template-rows: auto;
grid-template-columns: .85fr 1fr;
grid-auto-columns: 1fr;
padding: 18px 36px 18px 18px;
transition: box-shadow .5s;
display: grid;
}
.vacation-item:hover {
box-shadow: 0 9px 48px -6px #3540751f;
}
.vacation-image {
border-radius: 12px;
flex-direction: column;
align-items: flex-start;
height: 15vw;
min-height: 100%;
max-height: 225px;
padding: 9px;
display: flex;
position: relative;
overflow: hidden;
}
.vacation-item-info {
grid-column-gap: 16px;
grid-row-gap: 48px;
grid-template-rows: auto auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
padding-top: 12px;
padding-bottom: 12px;
display: grid;
}
.vacation-item-top {
grid-column-gap: 16px;
grid-row-gap: 9px;
grid-template-rows: auto auto 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.price {
grid-column-gap: 3px;
grid-row-gap: 0px;
grid-template-rows: 1fr 1fr;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.deal {
z-index: 10;
grid-column-gap: 3px;
grid-row-gap: 16px;
color: #fff;
letter-spacing: 3px;
text-transform: uppercase;
background-color: #c0c0d366;
border-radius: 100px;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
padding: 4px 12px 4px 4px;
font-size: 9px;
display: grid;
position: relative;
}
.internet-icon {
background-color: #fff;
border-radius: 100px;
width: 24px;
height: 24px;
margin-right: 4px;
padding: 4px 12px;
}
.inner-page-intro {
grid-column-gap: 16px;
grid-row-gap: 80px;
color: #fff;
text-align: center;
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.navigation-content {
z-index: 15;
border-bottom: 1px none var(--indicator-outline);
filter: invert();
background-color: #fff0;
flex: 1;
justify-content: space-between;
align-items: center;
height: 80px;
margin-left: 80px;
padding-left: 36px;
padding-right: 0;
display: flex;
position: relative;
}
.navigation-shade {
border-bottom: 1px solid var(--indicator-outline);
filter: invert();
background-color: #fff;
flex-direction: row;
justify-content: center;
align-items: center;
height: 100%;
margin-left: 0;
display: flex;
position: relative;
}
.navigation-shade.product-view {
background-color: #fff0;
display: none;
}
.testimonial-content {
grid-column-gap: 16px;
grid-row-gap: 36px;
text-align: center;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 600px;
display: grid;
}
.tracker-fill {
background-color: #fff;
border-radius: 100px;
width: 3px;
margin-top: 9px;
margin-bottom: 9px;
position: absolute;
inset: 0% auto 0% -3px;
}
.how-it-works-fill {
background-color: var(--black);
border-radius: 100px;
width: 100%;
height: 0;
}
.benefit-icon {
border: 1px solid var(--indicator-outline);
background-color: var(--grey-background);
width: 60px;
height: 60px;
color: var(--body-display);
border-radius: 100%;
justify-content: center;
align-items: center;
padding: 16px;
font-size: 16px;
font-weight: 700;
display: flex;
}
.benefit-description {
grid-column-gap: 16px;
grid-row-gap: 9px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.team-image-lightbox {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 36px;
display: flex;
position: relative;
overflow: hidden;
}
.team-image-location {
z-index: 10;
grid-column-gap: 16px;
grid-row-gap: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: end;
width: 100%;
height: 100%;
display: grid;
position: relative;
}
.team-location-icon {
border: 1px solid var(--indicator-outline);
background-color: var(--indicator-outline);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
padding: 9px;
display: flex;
}
.team-background-image {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a886ca20b462448ab36119_77b0882d-eba9-4b74-829c-e6a2cc7eaab0_rw_1920.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
inset: 0%;
}
.team-background-image.two {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a8814fc13b96346230d6a3_clints-apparel-2020.jpeg");
}
.team-background-image.three {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a885c310cd7f80c7ed8e31_Clints-Sting-TRL-Footprints-Manchester-Worker-Bee-Lead.jpeg");
}
.team-background-image.four {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a982a12a849503f6e21ac7_tumblr_pujl8jnlH21r36p2xo1_1280.jpeg");
background-position: 0 0;
background-size: cover;
}
.team-background-image.five {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60d6c170904c872473d9b4c0_giphy%20(14).gif");
}
.team-background-image.six {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60d6c1bbf4eecc4ce0358ce5_giphy%20(15).gif");
background-size: cover;
}
.checkout-form {
grid-column-gap: 60px;
grid-row-gap: 60px;
background-color: var(--grey-background);
grid-template-rows: auto;
grid-template-columns: 1fr .6fr;
grid-auto-columns: 1fr;
width: 100%;
margin-left: 0;
margin-right: 0;
padding: 36px;
display: grid;
}
.checkout-details {
grid-column-gap: 16px;
grid-row-gap: 80px;
border: 1px solid var(--indicator-outline);
background-color: #fff;
border-radius: 12px;
grid-template-rows: auto 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding: 36px 60px 60px;
display: grid;
}
.block-header {
background-color: #fff;
border-style: none;
border-radius: 12px;
padding: 18px 24px;
}
.block-content {
background-color: #fff0;
border: 1px #000;
max-height: 350px;
padding: 24px 24px 0;
overflow: auto;
}
.order-info {
grid-column-gap: 16px;
grid-row-gap: 80px;
grid-template-rows: auto 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 36px;
display: grid;
}
.order-top-bar {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
min-height: 80px;
display: grid;
}
.payment-tab-content {
grid-column-gap: 16px;
grid-row-gap: 36px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.payment-info-wrapper {
grid-column-gap: 16px;
grid-row-gap: 60px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.payment-tabs-intro {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.secure-notice {
grid-column-gap: 18px;
grid-row-gap: 4px;
grid-template-rows: auto 1fr;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
max-width: 250px;
padding-top: 6px;
font-weight: 700;
display: grid;
}
.secure-icon {
border: 1px solid var(--indicator-outline);
border-radius: 100px;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
padding: 9px;
display: flex;
}
.customer-info {
grid-column-gap: 16px;
grid-row-gap: 24px;
border: 1px solid var(--indicator-outline);
border-radius: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-bottom: 0;
padding: 24px;
display: grid;
}
.payment-field-wrapper {
background-color: #0000;
border: 1px #000;
padding: 0;
}
.payment-field-header {
border-style: none none solid;
border-bottom-color: var(--indicator-outline);
background-color: #0000;
padding: 0 0 24px;
}
.payment-field {
border-color: var(--indicator-outline);
background-color: var(--grey-background);
border-radius: 3px;
height: 48px;
padding-left: 24px;
padding-right: 24px;
}
.shipping-method-list {
border: 1px solid var(--indicator-outline);
border-radius: 12px;
padding: 0 24px;
}
.shipping-method {
border-bottom-style: solid;
border-bottom-color: var(--indicator-outline);
background-color: #fff0;
padding: 24px 0;
}
.shipping-method:last-child {
border-bottom-style: none;
}
.special-pay-button {
border-radius: 3px;
height: 48px;
}
.order-item {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.order-item-info {
grid-column-gap: 16px;
grid-row-gap: 18px;
grid-template-rows: auto 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-left: 0;
margin-right: 0;
padding-top: 12px;
padding-bottom: 12px;
display: grid;
}
.order-item-info-top {
grid-column-gap: 16px;
grid-row-gap: 6px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-left: 0;
margin-right: 0;
display: grid;
}
.order-items {
margin-bottom: 0;
}
.right-order-info {
grid-column-gap: 16px;
grid-row-gap: 36px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
position: sticky;
top: 20px;
}
.order-button {
background-color: var(--black);
letter-spacing: 3px;
text-transform: uppercase;
justify-content: center;
height: 60px;
margin-bottom: 0;
display: flex;
}
.vacation-results {
grid-column-gap: 16px;
grid-row-gap: 18px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 48px;
display: grid;
}
.location-slider-top {
height: 80px;
display: none;
}
.vacations-slider {
background-color: #fff0;
border-radius: 0;
align-items: center;
width: 45vw;
height: 100vh;
display: flex;
position: absolute;
bottom: 0;
overflow: hidden;
}
.locations-slider-mask {
border-radius: 0;
width: 100%;
height: 100%;
}
.vacation-slide-arrow {
z-index: 25;
background-color: #ffffff21;
border: 1px solid silver;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-bottom: -60px;
display: flex;
inset: auto 36px auto auto;
}
.vacation-slide-arrow.right {
color: #fff;
background-color: #ffffff21;
border: 1px solid #bdbdbd;
margin-bottom: 60px;
top: auto;
bottom: auto;
}
.vacation-slide-arrow.right.spea, .vacation-slide-arrow.right._13 {
border-style: none;
}
.vacation-slide-arrow.right._13.fx {
background-color: #ffffff21;
}
.vacation-slide-arrow.speac, .vacation-slide-arrow._14 {
border-style: none;
}
.location-page-slide {
height: 100vh;
min-height: 100vh;
}
.vacation-slider-content {
color: #fff;
border-radius: 0;
flex: 1;
width: 45vw;
position: relative;
overflow: hidden;
box-shadow: 0 0 35px -11px #000000a6;
}
.home-hero {
background-color: #fff;
align-items: stretch;
height: 100vh;
padding-top: 0;
padding-bottom: 0;
display: none;
position: relative;
overflow: hidden;
}
.home-hero-content {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #fff;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr 360px;
grid-auto-columns: 1fr;
align-content: space-between;
padding-top: 92px;
padding-bottom: 152px;
padding-left: 80px;
display: grid;
position: relative;
}
.hero-video-button {
z-index: 25;
border: 1px none var(--indicator-outline);
border-radius: 100%;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 300px;
height: 300px;
margin-top: -36px;
display: none;
position: relative;
}
.home-hero-intro {
z-index: 20;
grid-column-gap: 16px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 550px;
display: grid;
position: relative;
}
.video-button-background {
z-index: 30;
border-radius: 100%;
justify-content: center;
align-items: center;
display: none;
position: absolute;
inset: 0%;
overflow: hidden;
}
.button-video {
width: 300px;
min-width: 300px;
height: 300px;
min-height: 300px;
position: absolute;
inset: 0%;
}
.video-hover-button {
z-index: 35;
cursor: pointer;
border: 1px dashed #c0c0d34d;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 150px;
height: 150px;
display: flex;
position: relative;
}
.video-button-verlay {
z-index: 25;
background-color: #0f132696;
display: none;
position: fixed;
inset: 0%;
}
.video-button-waves {
z-index: 27;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 400px;
height: 400px;
display: none;
position: absolute;
inset: auto;
}
.wave-one {
background-color: var(--indicator-outline);
border-radius: 100%;
width: 88%;
height: 88%;
}
.wave-two {
background-color: var(--indicator-outline);
border-radius: 100%;
width: 100%;
height: 100%;
position: absolute;
}
.video-icon {
filter: none;
}
.outline-button {
border: 1px solid var(--indicator-outline);
color: var(--black);
letter-spacing: 3px;
text-transform: uppercase;
background-color: #0000;
border-radius: 3px;
justify-content: center;
align-items: center;
padding: 16px 32px;
font-size: 10px;
text-decoration: none;
transition: all .4s cubic-bezier(.25, .46, .45, .94);
display: flex;
}
.outline-button:hover {
border-color: var(--black);
background-color: var(--black);
color: #fff;
}
.outline-button.small {
padding: 9px 18px;
}
.outline-button.white {
color: #fff;
border-color: #ffffff4d;
}
.outline-button.white:hover {
background-color: #081c3a00;
border-color: #fff;
}
.hero-intro {
grid-column-gap: 16px;
grid-row-gap: 18px;
text-align: center;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 750px;
padding-left: 0;
display: grid;
}
.vacations-verticle-card {
grid-column-gap: 16px;
grid-row-gap: 24px;
border: 1px solid var(--indicator-outline);
border-radius: 12px;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
min-height: 300px;
padding: 18px;
transition: box-shadow .5s cubic-bezier(.25, .46, .45, .94);
display: grid;
}
.vacations-verticle-card:hover {
box-shadow: 0 9px 48px -6px #3540751f;
}
.verticle-card-image {
border-radius: 12px;
height: 100%;
min-height: 250px;
position: relative;
overflow: hidden;
}
.vacation-card-info {
grid-column-gap: 12px;
grid-row-gap: 9px;
grid-template-rows: auto 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
min-height: 60px;
padding-bottom: 0;
padding-left: 12px;
padding-right: 12px;
display: grid;
}
.popular-vacations {
grid-column-gap: 16px;
grid-row-gap: 80px;
box-shadow: none;
background-color: #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 36px 36px 0;
display: grid;
}
.section-intro {
z-index: 10;
grid-column-gap: 16px;
grid-row-gap: 36px;
color: #fff;
text-align: center;
border-radius: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 140px 0 200px;
display: grid;
position: relative;
}
.location-card-bottom {
z-index: 10;
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: stretch;
display: grid;
position: relative;
}
.location-image {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b9662823059d2_Travel002.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 110%;
height: 110%;
position: absolute;
inset: auto;
}
.location-card-content {
z-index: 10;
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #fff;
border-radius: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: end;
place-items: stretch center;
width: 100%;
height: 140%;
padding-bottom: 72px;
text-decoration: none;
display: grid;
position: relative;
}
.inner-page-hero {
color: #fff;
justify-content: center;
min-height: 700px;
padding-top: 80px;
padding-bottom: 0;
display: flex;
position: relative;
overflow: hidden;
}
.inner-page-hero.contt {
display: none;
}
.journal-hero {
margin-left: 36px;
padding-top: 80px;
padding-bottom: 140px;
}
.journal-post {
grid-column-gap: 60px;
grid-row-gap: 16px;
background-color: #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(275px, .5fr) 1fr;
grid-auto-columns: 1fr;
min-height: 500px;
margin-top: -60px;
margin-left: 36px;
padding: 48px;
display: grid;
}
.related-vacation {
grid-column-gap: 16px;
grid-row-gap: 16px;
border: 1px solid var(--indicator-outline);
color: #fff;
border-radius: 12px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: space-between;
place-items: center;
min-height: 300px;
padding: 24px;
text-decoration: none;
display: grid;
position: sticky;
top: 101px;
overflow: hidden;
}
.journal-content {
border-radius: 12px;
}
.hero-video-wrapper {
z-index: 1000;
background-color: #fff;
border-radius: 12px;
flex-direction: column;
grid-template-rows: auto 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: center;
align-items: center;
width: 60vw;
padding: 6px;
display: flex;
position: relative;
inset: 0% 0% 0% auto;
}
.youtube {
border-radius: 12px;
overflow: hidden;
}
.hero-video-popup {
z-index: 1000;
flex-direction: column;
justify-content: center;
align-items: center;
display: none;
position: fixed;
inset: 0%;
}
.flyout-overlay {
cursor: pointer;
background-color: #0e1520cc;
position: absolute;
inset: 0%;
}
.video-flyout {
border-radius: 12px;
align-items: stretch;
width: 60vw;
display: flex;
position: relative;
inset: 0% 0% 0% auto;
overflow: hidden;
}
.how-to-image {
border-radius: 5px;
flex-direction: column;
align-items: flex-start;
min-height: 200px;
padding: 18px;
display: flex;
position: relative;
overflow: hidden;
}
.steps-icon {
z-index: 10;
border: 1px solid var(--indicator-outline);
background-color: var(--grey-background);
width: 60px;
height: 60px;
color: var(--body-display);
border-radius: 100%;
justify-content: center;
align-items: center;
font-weight: 700;
display: flex;
position: relative;
}
.steps-content {
grid-column-gap: 16px;
grid-row-gap: 60px;
grid-template-rows: auto 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 0;
padding-bottom: 0;
display: grid;
}
.steps-description {
grid-column-gap: 16px;
grid-row-gap: 18px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.steps-circle-outline {
border: 2px solid var(--indicator-outline);
background-color: #fff;
border-radius: 100%;
position: absolute;
inset: 0%;
}
.steps-circle-outline.two {
background-color: #fff;
}
.steps-dot {
z-index: 10;
background-color: var(--indicator-outline);
border-radius: 100px;
width: 12px;
height: 12px;
position: relative;
}
.large-journal-post {
height: 100%;
color: var(--black);
flex-direction: column;
justify-content: flex-end;
padding-left: 36px;
padding-right: 36px;
text-decoration: none;
display: flex;
position: relative;
}
.large-journal-image {
border-radius: 12px;
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.journal-post-info {
z-index: 10;
grid-column-gap: 16px;
grid-row-gap: 24px;
min-height: 150px;
box-shadow: 0 12px 36px -8px var(--shaddow);
background-color: #fff;
border-radius: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-bottom: -60px;
padding: 0 36px 36px;
display: grid;
position: relative;
}
.journal-right-wrapper {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-rows: auto 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.recent-journal-list {
grid-column-gap: 16px;
grid-row-gap: 12px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.journal-list-item {
grid-column-gap: 24px;
grid-row-gap: 24px;
color: var(--black);
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(120px, .5fr) 1fr;
grid-auto-columns: 1fr;
padding: 6px;
text-decoration: none;
transition: box-shadow .4s cubic-bezier(.25, .46, .45, .94);
display: grid;
}
.journal-list-item:hover {
box-shadow: 0 6px 24px -4px #3540751f;
}
.journal-list-image {
border-radius: 5px;
min-height: 100px;
position: relative;
overflow: hidden;
}
.journal-list-item-content {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 18px;
padding-bottom: 18px;
padding-right: 18px;
display: grid;
}
.journal-category-tag {
background-color: var(--grey-background);
letter-spacing: 3px;
text-transform: uppercase;
border-radius: 5px;
justify-content: center;
align-items: center;
padding: 8px 10px 8px 12px;
font-size: 8px;
line-height: 1.2em;
display: flex;
}
.journal-list-info {
grid-column-gap: 16px;
grid-row-gap: 9px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
font-family: Poppins, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1.3em;
display: grid;
}
.video-icon-wrapper {
background-color: var(--indicator-outline);
border: 1px solid #fff3;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 60%;
height: 60%;
display: flex;
}
.slide-three-overlay {
background-color: #0d101f66;
position: absolute;
inset: 0%;
}
.gradient-overlay {
background-image: linear-gradient(#0f132600 35%, #0f1326cc);
position: absolute;
inset: 0%;
}
.slide {
z-index: 10;
}
.location-image-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.popular-vacations-wrapper {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.home-hero-title {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.hero-slider {
background-color: #0000;
height: 100%;
}
.product-slider-arrow {
z-index: 20;
background-color: #fff;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
display: flex;
inset: auto 0% 80px auto;
}
.product-slider-arrow.left {
right: 72px;
}
.hero-slider-mask {
overflow: visible;
}
.hero-slide {
height: 100%;
}
.product-images-row {
justify-content: center;
padding-top: 60px;
display: flex;
}
.vacation-images {
grid-column-gap: 12px;
grid-row-gap: 16px;
border-radius: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
grid-auto-columns: 1fr;
margin-left: 36px;
display: grid;
overflow: hidden;
}
.large-vacation-image {
background-color: var(--grey-background);
border-radius: 5px;
height: 30vw;
min-height: 400px;
max-height: 550px;
position: relative;
overflow: hidden;
}
.small-image-grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: 100%;
display: grid;
}
.small-vacation-image {
background-color: var(--grey-background);
border-radius: 5px;
height: 100%;
padding: 8px;
position: relative;
overflow: hidden;
}
.slider-background {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
min-width: 100vw;
display: flex;
position: absolute;
inset: 0% auto;
overflow: hidden;
}
.slider-background.locations-background {
min-width: auto;
}
.slider-background-wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
min-height: 100vh;
padding: 120px 148px;
display: flex;
}
.slider-background-wrapper.hero-wrapper {
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0% auto;
}
.background {
z-index: 1;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.background.one {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a8814fc13b96346230d6a3_clints-apparel-2020.jpeg");
}
.background.two {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b9656093059cd_Villa0017.jpeg");
}
.background.three {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b96a8313059db_Villa031.jpeg");
}
.hero-slide-arrow {
border-style: solid none none;
border-width: 1px;
border-color: var(--indicator-outline) #fff9 #fff9;
background-color: #fff;
border-radius: 0;
justify-content: center;
align-items: center;
width: 70px;
height: 70px;
display: flex;
inset: auto 360px 0% auto;
}
.hero-slide-arrow.left {
border-top-style: none;
border-top-left-radius: 5px;
bottom: 70px;
}
.slider-bottom {
z-index: 20;
justify-content: center;
width: 100%;
height: 140px;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: auto auto 0%;
}
.bottom-grid-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(80px, 1fr) minmax(auto, 1400px) minmax(80px, 1fr);
grid-auto-columns: 1fr;
min-width: 100vw;
height: 100%;
display: grid;
}
.featured-location {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--grey-background);
width: 360px;
color: var(--black);
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
padding: 36px;
text-decoration: none;
display: grid;
}
.featured-location-icon {
background-color: #fff;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.dropdown-list {
z-index: 600;
}
.dropdown-list.w--open {
background-color: #0000;
justify-content: flex-end;
padding-top: 12px;
display: flex;
left: 0;
right: 0;
}
.dropdown-list.flex-left.w--open {
justify-content: flex-start;
}
.locations-results-top {
grid-column-gap: 16px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-bottom: 0;
display: grid;
}
.heading-title-grid {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
padding-bottom: 36px;
line-height: 12px;
display: flex;
}
.locations-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: minmax(110px, 1fr);
grid-template-columns: 1fr 1fr;
grid-auto-rows: minmax(110px, 1fr);
grid-auto-columns: 1fr;
padding-top: 0;
padding-bottom: 80px;
display: grid;
}
.product-hero-content {
z-index: 10;
color: #fff;
flex-direction: column;
justify-content: flex-end;
height: 100%;
padding-bottom: 80px;
padding-left: 80px;
display: flex;
position: relative;
}
.journal-intro {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: center;
max-width: 900px;
display: grid;
}
.nav-button-toggle {
color: #000;
align-items: center;
width: 100%;
height: 100%;
padding: 12px 18px;
display: none;
}
.dropdown-wrapper {
grid-column-gap: 16px;
grid-row-gap: 18px;
min-width: 500px;
min-height: 200px;
box-shadow: 0 6px 48px -4px var(--shaddow);
filter: invert();
background-color: #fff;
border-radius: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 24px;
display: grid;
}
.dropdown-wrapper._2 {
filter: none;
background-color: #000;
}
.dropdown-wrapper._2._3 {
background-color: #fff;
}
.destinations-list {
grid-column-gap: 12px;
grid-row-gap: 12px;
letter-spacing: 0;
text-transform: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.vacation-card-bottom {
grid-column-gap: 0px;
grid-row-gap: 24px;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-left: 0;
padding-right: 0;
display: grid;
}
.vacation-details {
grid-column-gap: 12px;
grid-row-gap: 16px;
border-top: 1px solid var(--indicator-outline);
grid-template-rows: auto;
grid-template-columns: 1fr auto;
grid-auto-columns: 1fr;
padding-top: 18px;
padding-left: 12px;
padding-right: 12px;
display: grid;
}
.vacation-price {
grid-column-gap: 16px;
grid-row-gap: 4px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.vacation-info {
justify-content: center;
padding-top: 80px;
padding-bottom: 0;
display: flex;
}
.vacation-features {
grid-column-gap: 0px;
grid-row-gap: 16px;
border: 1px solid var(--indicator-outline);
border-radius: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr 1px 1fr 1px 1fr 1px 1fr;
grid-auto-columns: 1fr;
margin-top: 60px;
margin-bottom: 60px;
margin-left: 36px;
padding: 0;
display: grid;
}
.feature-item {
grid-column-gap: 16px;
grid-row-gap: 18px;
color: var(--body-display);
background-color: #fff;
border-radius: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
padding: 36px 18px;
text-decoration: none;
transition: box-shadow .5s cubic-bezier(.25, .46, .45, .94);
display: grid;
position: relative;
}
.feature-item:hover {
z-index: 1;
box-shadow: 0 9px 42px -6px var(--shaddow);
}
.feature-icon {
border: 1px solid var(--indicator-outline);
background-color: #fff;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
display: flex;
}
.feature-text {
grid-column-gap: 16px;
grid-row-gap: 9px;
text-align: center;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.background-image-wrapper {
position: absolute;
inset: 0%;
overflow: hidden;
}
.lightbox {
position: absolute;
inset: 0%;
}
.map-section {
padding-top: 100px;
padding-bottom: 140px;
}
.map-wrapper {
background-color: var(--indicator-outline);
border-radius: 12px;
min-height: 350px;
margin-left: 36px;
position: relative;
overflow: hidden;
}
.featured-location-price {
grid-column-gap: 7px;
grid-row-gap: 4px;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.price-grid {
grid-column-gap: 3px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.dolar-sign {
font-size: 11px;
line-height: 1.4em;
}
.featured-location-heading {
font-family: Attriumvirate Condensed, sans-serif;
}
.vacation-content {
grid-column-gap: 12px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
grid-auto-columns: 1fr;
margin-left: 36px;
padding-bottom: 4px;
padding-left: 0;
padding-right: 0;
display: grid;
}
.inquire-card {
grid-column-gap: 16px;
grid-row-gap: 36px;
border: 1px solid var(--indicator-outline);
border-radius: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 24px;
display: grid;
position: sticky;
top: 101px;
}
.vacation-body {
grid-column-gap: 16px;
grid-row-gap: 48px;
border-radius: 12px;
grid-template-rows: auto 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 750px;
padding: 0 60px 0 36px;
display: grid;
}
.centered-intro {
z-index: 10;
grid-column-gap: 16px;
grid-row-gap: 24px;
text-align: center;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: stretch;
justify-items: stretch;
max-width: 700px;
display: grid;
position: relative;
}
.centered-intro.fx-2 {
margin-left: -70px;
}
.team-images {
z-index: 10;
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto auto;
grid-template-columns: .5fr .5fr .5fr .5fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.left-intro {
grid-column-gap: 36px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: 1fr;
display: grid;
}
.about-us-intro {
grid-column-gap: 16px;
grid-row-gap: 100px;
background-color: #fff;
border-radius: 5px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-top: -60px;
margin-left: 36px;
padding: 48px 48px 0;
display: grid;
}
.team-items {
margin-top: -60px;
margin-left: 36px;
padding-bottom: 140px;
}
.team-banner {
color: #fff;
padding-top: 140px;
padding-bottom: 200px;
position: relative;
overflow: hidden;
}
.all-journal-posts {
z-index: 10;
grid-column-gap: 16px;
grid-row-gap: 48px;
grid-template-rows: auto 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
min-height: 800px;
margin-left: 80px;
padding-top: 80px;
padding-bottom: 140px;
display: grid;
position: relative;
}
.team-conteact-info {
grid-column-gap: 0px;
grid-row-gap: 16px;
border: 1px solid var(--indicator-outline);
border-radius: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr 1px 1fr 1px 1fr 1px 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.team-member-vacations {
z-index: 10;
grid-column-gap: 16px;
grid-row-gap: 48px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
min-height: 500px;
margin-left: 80px;
padding-top: 120px;
padding-bottom: 120px;
display: grid;
position: relative;
}
.slider-arrow-icon {
width: 16px;
}
.slider-arrow-icon.comments.home.fx.spe {
filter: none;
}
.slider-arrow-icon.home.fx {
filter: invert();
}
.slider-arrow-icon.home.fx.special-pay-button {
filter: none;
}
.slider-arrow-icon.fx-new {
filter: blur(5px);
}
.slider-arrow-icon.fx-new.ar {
filter: invert();
}
.slider-arrow-icon.fx-new.ar.fx, .slider-arrow-icon.fx-new.ar.fx.browse-1 {
filter: none;
}
.featured-icon {
width: 18px;
}
.dual-buttons {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.large-image {
border-radius: 5px;
min-height: 300px;
position: relative;
overflow: hidden;
}
.small-image {
border-radius: 5px;
width: 100%;
margin-top: 36px;
margin-bottom: 36px;
position: relative;
overflow: hidden;
}
.medium-image {
border-radius: 5px;
margin-top: -36px;
position: relative;
overflow: hidden;
}
.subtitle-text-wrapper {
grid-column-gap: 12px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto 48px 1fr;
grid-auto-columns: 1fr;
margin-bottom: 18px;
display: grid;
}
.locations-slide-content {
z-index: 10;
border-radius: 0;
flex-direction: column;
justify-content: flex-end;
height: 100%;
margin-left: 80px;
padding-bottom: 36px;
padding-left: 36px;
padding-right: 36px;
display: flex;
position: relative;
}
.featured-vacation-info {
grid-column-gap: 16px;
grid-row-gap: 36px;
grid-template-rows: auto 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: end;
align-items: stretch;
display: grid;
}
.featured-vacation-info.cater {
margin-bottom: 111px;
}
.subtitle-dynamic-text {
z-index: 10;
grid-column-gap: 6px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.subtitle-dynamic-text.fx {
display: flex;
}
.subtitle-dynamic-text.fx:hover {
color: #000;
}
.subtitle-dynamic-text.menu-flyout {
display: none;
}
.dynamic-price-text {
grid-column-gap: 3px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.benefits-box {
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px solid var(--indicator-outline);
background-color: #fff;
border-radius: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr 1px 1fr 1px 1fr 1px 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.mission-wrapper {
grid-column-gap: 16px;
grid-row-gap: 80px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-left: 36px;
padding-top: 140px;
padding-bottom: 140px;
display: grid;
}
.location-dynamic-text {
grid-column-gap: 1px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto 10px 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.vacation-hero {
min-height: 700px;
display: flex;
position: relative;
overflow: hidden;
}
.dropdown-lottie {
filter: brightness(200%) invert() invert() grayscale();
justify-content: center;
align-items: center;
width: 14px;
margin-left: 9px;
display: flex;
}
.journal-cards {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.journal-card {
grid-column-gap: 24px;
grid-row-gap: 0px;
height: 100%;
box-shadow: 0 12px 36px -8px var(--shaddow);
color: var(--black);
background-color: #fff;
border: 1px solid #c0c0d300;
border-radius: 5px;
grid-template-rows: auto 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: stretch;
padding-bottom: 36px;
text-decoration: none;
transition: box-shadow .5s cubic-bezier(.25, .46, .45, .94);
display: grid;
overflow: hidden;
}
.journal-card:hover {
box-shadow: 0 12px 36px -8px #35407500;
}
.journal-card-image {
min-height: 275px;
position: relative;
overflow: hidden;
}
.journal-card-info {
z-index: 10;
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-top: -12px;
padding-left: 36px;
padding-right: 36px;
display: grid;
position: relative;
}
.pagination {
margin-top: 48px;
}
.contact-form-wrapper {
grid-column-gap: 60px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr .55fr;
grid-auto-columns: 1fr;
min-height: 200px;
padding: 0;
display: grid;
}
.form-block {
border: 1px solid var(--indicator-outline);
background-color: var(--grey-background);
border-radius: 12px;
margin-bottom: 0;
padding: 48px;
}
.form {
grid-column-gap: 16px;
grid-row-gap: 36px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 0;
display: grid;
}
.contact-field-wrapper {
grid-column-gap: 18px;
grid-row-gap: 12px;
grid-template-rows: auto 1fr;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-field {
border: 1px solid var(--indicator-outline);
border-radius: 5px;
min-height: 54px;
margin-bottom: 0;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 18px;
transition: all .5s cubic-bezier(.25, .46, .45, .94);
}
.text-field:focus {
border-color: var(--dark-outline);
padding-left: 24px;
}
.text-field.large {
min-height: 175px;
}
.field-label {
margin-bottom: 0;
}
.contact-fields {
grid-column-gap: 0px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.contact-quick-links {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.quick-links {
grid-column-gap: 16px;
grid-row-gap: 18px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
position: sticky;
top: 101px;
}
.quick-link-list {
grid-column-gap: 16px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.quick-link-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
border: 1px solid var(--indicator-outline);
background-color: var(--grey-background);
color: var(--black);
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
grid-auto-columns: 1fr;
padding: 18px;
text-decoration: none;
transition: all .5s cubic-bezier(.25, .46, .45, .94);
display: grid;
}
.quick-link-item:hover {
padding-left: 24px;
}
.quick-link-item.white {
border: 1px solid var(--indicator-outline);
background-color: #fff;
}
.quick-link-item.num3 {
display: none;
}
.large-journal-list, .large-journal-item {
height: 100%;
}
.team-portrait-grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
border-radius: 12px;
grid-template-rows: minmax(160px, 1fr) minmax(160px, 1fr);
grid-template-columns: 1.25fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 550px;
display: grid;
overflow: hidden;
}
.team-intro-wrapper {
grid-column-gap: 60px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(35%, 470px) 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.portrait-image {
border-radius: 5px;
min-width: 200px;
min-height: 400px;
position: relative;
overflow: hidden;
}
.hero-collection-wrapper {
height: 100%;
}
.menu-button {
filter: invert();
display: none;
}
.menu-button.w--open {
display: none;
}
.preloader {
z-index: 10000;
justify-content: center;
align-items: center;
display: none;
position: fixed;
inset: 0%;
}
.preloader-indicator {
z-index: 25;
background-color: var(--indicator-outline);
width: 40%;
max-width: 250px;
height: 2px;
position: relative;
}
.prloader-fill {
background-color: var(--black);
width: 20%;
height: 100%;
}
.preloader-top {
background-color: #fff;
height: 50%;
position: absolute;
inset: 0% 0% auto;
}
.preloader-bottom {
background-color: #fff;
height: 50%;
position: absolute;
inset: auto 0% 0%;
}
.mobile-destinations-wrapper {
display: none;
}
.agent-inquire-top {
grid-column-gap: 24px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.inquire-avatar {
border-radius: 100px;
width: 120px;
height: 120px;
position: relative;
overflow: hidden;
}
.inquire-agent-info {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-rows: auto 1fr;
grid-template-columns: auto;
grid-auto-columns: 1fr;
padding-top: 12px;
padding-bottom: 12px;
display: grid;
}
.background-image {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
inset: 0%;
}
.agent-social-media {
grid-column-gap: 6px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
display: grid;
}
.agent-social-icon {
border: 1px solid var(--indicator-outline);
background-color: var(--grey-background);
border-radius: 100px;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
padding: 9px;
display: flex;
}
.agent-name {
grid-column-gap: 16px;
grid-row-gap: 9px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.inquire-form {
border-top: 1px solid var(--indicator-outline);
margin-bottom: 0;
padding-top: 36px;
}
.contact-options {
grid-column-gap: 16px;
grid-row-gap: 24px;
border: 1px solid var(--indicator-outline);
background-color: var(--grey-background);
border-radius: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 36px;
display: grid;
}
.contact-options-description {
grid-column-gap: 16px;
grid-row-gap: 9px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.related-vacation-info {
z-index: 10;
grid-column-gap: 0px;
grid-row-gap: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr auto;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.related-vacation-arrow {
background-color: #fff;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
padding: 10px;
display: flex;
}
.featured-vacation-tag {
z-index: 10;
background-color: var(--indicator-outline);
letter-spacing: 3px;
text-transform: uppercase;
border-radius: 100px;
justify-content: center;
align-items: center;
padding: 9px 13px 9px 16px;
font-size: 8px;
line-height: 1.2em;
display: flex;
position: relative;
}
.journal-card-description {
grid-column-gap: 16px;
grid-row-gap: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.footer-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 48px;
padding-bottom: 12px;
padding-left: 36px;
display: none;
}
.footer-logo {
letter-spacing: -.02em;
text-transform: uppercase;
font-size: 24px;
font-weight: 700;
display: none;
}
.footer-pages {
grid-column-gap: 18px;
grid-row-gap: 12px;
letter-spacing: 3px;
text-transform: uppercase;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
font-size: 10px;
display: grid;
}
.footer-link {
width: 100%;
color: var(--black);
justify-content: center;
align-items: center;
padding: 9px 14px;
text-decoration: none;
display: flex;
position: relative;
}
.footer-destinations {
grid-column-gap: 9px;
grid-row-gap: 9px;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
display: grid;
}
.credit-text {
color: #fff;
text-align: right;
font-size: 9px;
line-height: 15px;
}
.footer-destination-text {
background-color: #f7f8fc00;
border-radius: 5px;
padding: 9px 14px;
}
.background-load-top {
z-index: 25;
background-color: #fff;
height: 50%;
display: none;
position: absolute;
inset: 0% 0% auto;
}
.background-load-top.grey {
background-color: var(--grey-background);
}
.background-load-bottom {
z-index: 25;
background-color: #fff;
height: 50%;
display: none;
position: absolute;
inset: auto 0% 0%;
}
.background-load-bottom.grey {
background-color: var(--grey-background);
}
.paralax-background {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a886ca20b462448ab36119_77b0882d-eba9-4b74-829c-e6a2cc7eaab0_rw_1920.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
margin-top: -36px;
margin-bottom: -36px;
position: absolute;
inset: 0%;
}
.paralax-background.two {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/61904276e6b9612938b0b32a_https___hypebeast.com_image_2019_06_represent-fall-winter-2019-campaign-lookbook-1.jpg"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/618ee2903f480934143b3024_tt-header-hoodie-01%20(1).jpg");
background-position: 50%, 50%;
background-repeat: repeat, no-repeat;
background-size: cover, cover;
}
.paralax-background.about-one {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60d6c1bbf4eecc4ce0358ce5_giphy%20(15).gif");
}
.paralax-background.about-two {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60e34ec979a66e06472e04c4_7561971bd93d8b2ae44f9b0162b4ad2f.jpg");
}
.paralax-background.about-three {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60e34fb470566d116e930b96_a592341ff49c219803ff9352af4f7a7f9a19ad24_reesecooper1-copy.jpg");
}
.paralax-background.about-four {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60e34e3ceaa766b6fd5550a7_reese-cooper1.jpeg");
}
.paralax-background.about-five {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60e34c6e25cc1476fe621923_2021w22-london-women-desktop.jpg");
background-position: 100%;
}
.paralax-background.about-six {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60e34edfcaa9c04722c7c530_cb1002508989f406a7a9ba89302c974e.jpg");
}
.paralax-background.about-seven {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60e34dacde7884f96c26508f_reese-cooper-ss20-lookbook-00.jpg");
}
.paralax-background.team-banner-background {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b9678c23059dc_Travel003.jpeg");
}
.paralax-background.journal-footer-background {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b96db3c305a0f_Travel004.jpeg");
}
.large-journal-content {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-top: -12px;
display: grid;
}
.contact-text {
justify-content: center;
align-items: center;
min-height: 30px;
display: flex;
}
.link-cover {
color: #363636;
background-color: #f5f5f500;
border-radius: 9px;
width: 123.141px;
height: 100%;
max-height: 42px;
position: absolute;
inset: auto 0%;
}
.link-text {
z-index: 10;
color: #000;
font-family: Attriumvirate Condensed, sans-serif;
font-weight: 800;
position: relative;
}
.nav-menu-links {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: grid;
}
.close-link {
grid-column-gap: 12px;
grid-row-gap: 16px;
color: #fff;
letter-spacing: 3px;
text-transform: uppercase;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 36px;
font-size: 12px;
text-decoration: none;
display: grid;
position: absolute;
inset: auto auto -48px;
}
.steps-intro {
grid-column-gap: 16px;
grid-row-gap: 36px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-left: 12px;
padding-right: 12px;
display: grid;
}
.map {
border-radius: 12px;
flex-direction: column;
flex: 1;
justify-content: center;
margin-bottom: -6px;
overflow: hidden;
}
.rich-text h2, .rich-text p {
margin-bottom: 12px;
}
.rich-text h4, .rich-text h3 {
margin-top: 24px;
margin-bottom: 12px;
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.utility-page-form {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.password-wrapper {
z-index: 10;
background-color: #fff;
border-radius: 5px;
justify-content: center;
width: 100%;
max-width: 400px;
padding: 4px;
display: flex;
position: relative;
overflow: hidden;
}
.password-field {
background-color: #fff0;
border: 1px #000;
min-height: 56px;
margin-bottom: 0;
padding-left: 24px;
}
.password-button {
background-color: var(--black);
letter-spacing: 3px;
text-transform: uppercase;
border-radius: 5px;
padding-left: 32px;
padding-right: 32px;
font-size: 11px;
}
.vacation-icon {
width: 24px;
}
.dynamic-heading-text {
grid-column-gap: 12px;
grid-row-gap: 15px;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.vacation-card-arrow {
width: 14px;
}
.password-hero {
z-index: 10;
grid-column-gap: 16px;
grid-row-gap: 48px;
color: #fff;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 600px;
display: grid;
position: relative;
}
.invoices-hero {
flex-direction: row;
justify-content: center;
min-height: 100vh;
display: flex;
}
.invoice-grid {
grid-column-gap: 80px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr .8fr;
grid-auto-columns: 1fr;
display: grid;
}
.invoice-image {
border-top-right-radius: 24px;
border-bottom-right-radius: 24px;
flex-direction: column;
justify-content: flex-end;
padding-bottom: 80px;
padding-left: 80px;
display: flex;
position: relative;
overflow: hidden;
}
.invoice-content-wrapper {
flex-direction: column;
padding-top: 80px;
padding-bottom: 80px;
display: flex;
}
.invoice-content {
grid-column-gap: 16px;
grid-row-gap: 48px;
flex: 1;
grid-template-rows: auto 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: stretch;
align-items: stretch;
padding-top: 48px;
display: grid;
}
.invoice-agent {
grid-column-gap: 24px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.order-summary {
margin-bottom: 0;
}
.payment-buttons {
grid-column-gap: 16px;
grid-row-gap: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
._404-page-info {
z-index: 10;
grid-column-gap: 16px;
grid-row-gap: 36px;
color: #fff;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.order-confirmation {
background-color: var(--grey-background);
justify-content: center;
padding: 120px 48px 48px;
display: flex;
}
.order-confirmation-content {
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1300px;
margin-left: 0;
margin-right: 0;
display: block;
}
.order-left {
grid-column-gap: 16px;
grid-row-gap: 36px;
border: 1px solid var(--indicator-outline);
background-color: #fff;
border-radius: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
margin-right: 0;
padding: 36px;
display: grid;
}
.order-sticky {
top: 101px;
}
.confirmation-grid {
grid-column-gap: 48px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr .55fr;
grid-auto-columns: 1fr;
display: grid;
}
.paypall-order-items {
margin-bottom: 36px;
}
.invoice-details {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.invoice-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.invoice-list-item {
grid-column-gap: 24px;
grid-row-gap: 24px;
border: 1px solid var(--indicator-outline);
background-color: var(--grey-background);
color: var(--body-display);
text-align: center;
border-radius: 5px;
grid-template-rows: auto auto;
grid-template-columns: auto;
grid-auto-columns: 1fr;
padding: 24px;
font-size: 14px;
font-weight: 400;
display: grid;
}
.invoice-icon {
border: 1px solid var(--indicator-outline);
background-color: #fff;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
padding: 16px;
display: flex;
}
.invoice-avatar {
border-radius: 100%;
width: 120px;
height: 120px;
position: relative;
overflow: hidden;
}
.invoice-agent-info {
grid-column-gap: 16px;
grid-row-gap: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 350px;
display: grid;
}
.invoice-agent-name {
grid-column-gap: 16px;
grid-row-gap: 9px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.invoice-payment-button {
background-color: var(--black);
letter-spacing: 3px;
text-transform: uppercase;
border-radius: 5px;
justify-content: center;
height: 100%;
min-height: 48px;
margin-top: 0;
padding: 16px 32px;
font-size: 11px;
display: flex;
}
.default-state {
grid-column-gap: 16px;
grid-row-gap: 9px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
height: 100%;
margin-bottom: 0;
display: grid;
}
.invoice-bottom {
grid-column-gap: 24px;
grid-row-gap: 16px;
border: 1px solid var(--indicator-outline);
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
grid-auto-columns: 1fr;
margin-top: 24px;
padding: 6px 6px 6px 24px;
display: grid;
}
.invoice-price {
grid-column-gap: 16px;
grid-row-gap: 9px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 9px;
padding-bottom: 9px;
font-size: 16px;
display: grid;
}
.error-state {
border: 1px solid var(--indicator-outline);
background-color: var(--indicator-outline);
border-radius: 5px;
}
.cart-wrapper {
z-index: 10000;
background-color: #0d111ae6;
}
.cart-container {
border-radius: 12px;
padding: 18px;
}
.cart-header {
border-bottom-color: var(--indicator-outline);
}
.cart-footer {
grid-column-gap: 16px;
grid-row-gap: 9px;
border-top-color: var(--indicator-outline);
grid-template-rows: auto 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 24px;
display: grid;
}
.cart-quantity {
border-color: var(--indicator-outline);
background-color: var(--grey-background);
border-radius: 5px;
}
.cart-list {
padding-top: 18px;
padding-bottom: 18px;
}
.cart {
width: 100%;
height: 100%;
}
.fixed-cart {
z-index: 1000;
border: 1px solid var(--indicator-outline);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
display: flex;
position: fixed;
inset: auto 12px 12px auto;
overflow: hidden;
}
.cart-button {
background-color: #fff;
justify-content: center;
width: 100%;
height: 100%;
padding: 0;
}
.remove-button {
color: var(--body-display);
text-decoration: none;
}
.cart-item-text {
grid-column-gap: 16px;
grid-row-gap: 9px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.invoice-vacation {
z-index: 10;
color: #fff;
padding-left: 36px;
position: relative;
}
.dropdown-button {
color: #fff;
background-color: #000;
border-radius: 5px;
padding: 16px 32px;
transition: all .4s cubic-bezier(.25, .46, .45, .94);
display: flex;
}
.dropdown-button:hover {
background-color: var(--black);
}
.dropdown-button.none-drop {
display: none;
}
.lightbox-hover-coontent {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.view-image {
z-index: 10;
grid-column-gap: 16px;
grid-row-gap: 12px;
color: #fff;
text-align: center;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
text-decoration: none;
display: grid;
position: relative;
}
.success-message {
border: 1px solid var(--indicator-outline);
background-color: #fff;
border-radius: 12px;
padding: 0;
overflow: hidden;
}
.success-message.grey {
background-color: var(--grey-background);
}
.success-message-content {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: center;
align-items: center;
min-height: 400px;
padding: 60px;
display: grid;
}
.promise-intro {
grid-column-gap: 16px;
grid-row-gap: 36px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 750px;
display: grid;
}
.contact-team-intro {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 650px;
display: grid;
}
.about-images-wrapper {
margin-bottom: 0;
display: none;
position: relative;
overflow: hidden;
}
.about-images-wrapper.fx {
margin-top: 843px;
}
.flyout-menu {
border-right: 1px none var(--indicator-outline);
border-bottom: 1px none var(--indicator-outline);
cursor: pointer;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.flyout-menu.close {
filter: hue-rotate(180deg);
display: none;
}
.flyout-menu.open {
background-color: #000;
background-image: linear-gradient(#0009, #0009), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60c80ea6ae626b2264828083_85c2bc5117b432014f3f894845d43323.jpg");
background-position: 0 0, 0 0;
background-size: auto, auto;
border-bottom-style: solid;
border-bottom-color: #c0c0d31c;
border-right-color: #ffffff1c;
width: 100%;
}
.dropdown-text {
color: #000;
}
.dropdown-icon {
display: none;
}
.flyout-menu-wrapper {
z-index: 500;
background-color: #07122400;
width: 100%;
display: flex;
position: fixed;
inset: 0% auto 0% 0%;
}
.flyout-menu-content {
z-index: 10;
background-color: #fff;
background-image: linear-gradient(#ffffffba, #ffffffba), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60c80b93b0b74f0caa442ee5_Wallpaper-Kemra-Marble-1-1100x1318.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
width: 448px;
max-width: 448px;
padding: 36px 0 0;
display: none;
position: relative;
overflow: hidden;
}
.close-flyout {
cursor: pointer;
position: absolute;
inset: 0%;
}
.vacation-continents {
grid-column-gap: 16px;
grid-row-gap: 48px;
flex-direction: column;
grid-template-rows: auto 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
padding: 0 24px 36px 30px;
display: grid;
}
.flyout-info-box {
grid-column-gap: 16px;
grid-row-gap: 18px;
grid-template-rows: auto 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.flyout-info-box._2fx {
display: none;
}
.continent-list {
grid-column-gap: 16px;
grid-row-gap: 9px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.flyout-social-media {
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
display: none;
}
.scroll-flyout-wrapper {
margin-right: 12px;
overflow: auto;
}
.flyout-heading {
padding-left: 27px;
}
.testimonial-section {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 180px;
padding-bottom: 320px;
display: none;
position: relative;
overflow: hidden;
}
.footer {
background-color: #000;
background-image: linear-gradient(#000000e0, #000000e0), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60c80ea6ae626b2264828083_85c2bc5117b432014f3f894845d43323.jpg");
background-position: 0 0, 0 0;
background-size: auto, auto;
justify-content: center;
margin-bottom: 0;
display: none;
position: static;
inset: auto 0% 0%;
}
.footer.fx {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 835px;
display: block;
}
.submit-button {
background-color: var(--royal-blue);
letter-spacing: 3px;
text-transform: uppercase;
border-radius: 5px;
padding-top: 16px;
padding-bottom: 16px;
font-size: 12px;
transition: all .4s cubic-bezier(.25, .46, .45, .94);
}
.submit-button:hover {
background-color: var(--black);
}
.submit-button.subb-contact {
background-color: #000;
}
.vacation-hero-intro {
flex-direction: column;
align-items: flex-start;
padding-right: 136px;
display: flex;
}
.mobile-navigation-shade {
filter: invert();
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.marquee-horizontal {
z-index: 100;
background-color: #000;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100px;
margin-top: 16px;
padding-top: 65px;
display: none;
position: static;
inset: 0% 0% auto;
overflow: hidden;
}
.marquee-horizontal.fx {
display: none;
}
.marquee-horizontal.fx._22 {
margin-top: 78px;
display: block;
}
.marquee-horizontal.fx._15 {
height: 80px;
margin-top: 42px;
padding-top: 45px;
display: block;
position: relative;
}
.marquee-horizontal.desktop {
background-color: #0d0d0d;
margin-top: -7px;
display: block;
}
.track-horizontal-alt {
flex-direction: row;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.flex-horizontal {
justify-content: flex-start;
align-items: center;
display: flex;
}
.marquee-text {
color: #fff;
letter-spacing: -.5px;
text-transform: uppercase;
flex: none;
margin-left: 15px;
margin-right: 15px;
font-family: Attriumvirate Condensed, sans-serif;
font-weight: 700;
}
.marquee-text.alt {
color: #fff;
font-family: Attriumvirate Condensed, sans-serif;
font-style: normal;
}
.heading {
line-height: 1.2em;
}
.outline-button-2 {
color: #000;
letter-spacing: 3px;
text-transform: uppercase;
border: 1px solid #889ea833;
border-radius: 100px;
justify-content: center;
align-items: center;
min-height: 42px;
padding: 16px 32px;
font-size: 9px;
line-height: 1.35em;
text-decoration: none;
transition: background-color .5s cubic-bezier(.25, .46, .45, .94);
display: flex;
overflow: hidden;
}
.outline-button-2.light {
color: #fff;
background-color: #fff0;
border-color: #fff3;
border-radius: 0;
justify-content: flex-start;
align-items: center;
display: none;
}
.heading-2 {
color: #222;
font-family: Attriumvirate Condensed, sans-serif;
font-weight: 800;
}
.heading-2.fx2 {
text-align: left;
font-size: 32px;
}
.heading-2.fx-44 {
display: none;
}
.slider-arrow-2 {
border: 1px solid #ffffff4d;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 180px;
height: 180px;
padding-left: 100px;
display: flex;
top: 0;
bottom: 80px;
left: -100px;
}
.slider-arrow-2.right {
padding-left: 0;
padding-right: 100px;
left: auto;
right: -100px;
}
.xxl-heading-2 {
font-size: 56px;
line-height: 1.2em;
}
.hero-intro-2 {
grid-column-gap: 16px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: stretch;
max-width: 650px;
display: grid;
}
.grid-wrapper-2 {
z-index: 10;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(5vw, 1fr);
grid-auto-rows: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
position: relative;
}
.overlay-2 {
background-color: #0a101d59;
width: 100%;
margin-right: 0;
padding-right: 0;
position: absolute;
inset: 0%;
}
.centered-line {
background-color: #ffffff17;
justify-content: center;
align-items: center;
width: 80px;
height: 2px;
display: flex;
}
.slide-content {
justify-content: center;
height: 100%;
padding-bottom: 160px;
display: flex;
}
.slider-arrow-icon-2 {
opacity: .3;
width: 18px;
}
.slider {
background-color: #ddd0;
height: 100%;
}
.hero-top {
color: #fff;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 0 0 24px;
}
.inner-hero-content {
z-index: 10;
grid-column-gap: 16px;
grid-row-gap: 0px;
grid-template-rows: 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 80px;
padding-bottom: 0;
display: grid;
position: relative;
}
.slider-background-2 {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.line-fill {
background-color: #a3acc2;
width: 40%;
height: 100%;
}
.line-fill.light {
background-color: #fff3;
}
.slide-nav-2 {
display: none;
}
.slider-background-wrapper-2 {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.slide-hero-background {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a9bf022a84952ee7e2f464_033.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
inset: 0%;
}
.slide-hero-background.slider-002 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a9bf022a84955da5e2f470_Spend%20Your%20Summer%20Sipping%20Sabella.png");
}
.slide-hero-background.slider-001 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a9bf022a84952ee7e2f464_033.jpeg");
background-position: 50% 25%;
}
.slide-hero-background.slider-003 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a9bf022a84959025e2f46b_017.jpeg");
}
.heading-3 {
font-family: Helvetica, sans-serif;
font-size: 21px;
font-weight: 700;
}
.heading-4 {
margin-bottom: -4px;
font-family: Helvetica, sans-serif;
font-size: 38px;
font-weight: 800;
}
.heading-5 {
color: #1d1d1d;
padding-right: 33px;
font-family: Vtks tatuage2, sans-serif;
font-weight: 600;
line-height: 1.1em;
}
.bold-text {
font-family: Helvetica, sans-serif;
font-weight: 800;
}
.heading-6 {
padding-right: 99px;
font-family: Helvetica, sans-serif;
font-size: 16px;
font-weight: 800;
}
.heading-7 {
text-transform: uppercase;
font-family: Helvetica, sans-serif;
font-weight: 800;
}
.heading-7.same {
font-family: Attriumvirate Condensed, sans-serif;
}
.heading-8, .heading-9, .heading-10, .heading-11 {
font-family: Helvetica, sans-serif;
font-weight: 800;
}
.text-span-2, .text-span-3 {
color: #fff;
}
.text-span-4 {
color: #000;
font-family: Helvetica, sans-serif;
font-weight: 800;
}
.paragraph {
display: none;
}
.divider-2 {
background-color: #eee;
height: 1px;
margin-top: 20px;
margin-bottom: 15px;
}
.heading-13 {
font-size: 34px;
}
.heading-13.spec-fx {
color: #000;
text-transform: uppercase;
margin-bottom: 10px;
font-family: Helvetica, sans-serif;
font-size: 24px;
font-weight: 800;
}
.heading-13.spec-fx.shop-now {
font-family: Vtks tatuage2, sans-serif;
}
.heading-13.spec-fx.shop-now._2 {
font-family: Attriumvirate Condensed, sans-serif;
}
.heading-14 {
font-size: 36px;
}
.heading-14.fx {
display: none;
}
.text-block-4 {
font-size: 12px;
}
.heading-15 {
font-family: Vtks tatuage2, sans-serif;
font-size: 40px;
font-weight: 800;
}
.collection-item {
border-radius: 0;
}
.collection-item:hover {
background-color: #fff;
}
.heading-17 {
color: #000;
font-family: Helvetica, sans-serif;
font-size: 16px;
font-weight: 800;
line-height: 19px;
}
.heading-17:hover {
color: #000;
}
.text-block-5 {
color: #000;
display: none;
}
.text-span-5 {
font-weight: 500;
}
.heading-18 {
color: #000;
font-family: Helvetica, sans-serif;
font-weight: 800;
}
.collection-item-2 {
border-radius: 0;
}
.header-cater {
color: #000;
}
.heading-19 {
font-family: Attriumvirate Condensed, sans-serif;
font-size: 30px;
}
.nav-links {
color: #000;
text-transform: uppercase;
margin-left: 10px;
font-family: Suisse Intl, Georgia, sans-serif;
font-size: 8px;
font-weight: 500;
display: inline-block;
}
.nav-links.join {
margin-left: 0;
font-weight: 400;
}
.navigation {
background-color: #fff;
justify-content: space-between;
display: flex;
}
.nav-menu-3 {
order: -1;
}
.cart-2 {
padding: 24px 20px;
transition: opacity .2s ease-in-out;
}
.cart-2:hover {
opacity: .5;
}
.logo-holder {
text-align: center;
flex: 1;
justify-content: center;
align-self: center;
align-items: center;
padding-left: 0;
display: flex;
}
.join-sign-in {
padding: 24px 20px;
transition: opacity .2s ease-in-out;
}
.join-sign-in:hover {
opacity: .5;
}
.logo {
letter-spacing: .05em;
text-transform: uppercase;
font-family: Oswald, sans-serif;
font-size: 18px;
font-weight: 500;
display: inline-block;
}
.search {
padding: 24px 20px;
transition: opacity .2s ease-in-out;
}
.search:hover {
opacity: .5;
}
.menu {
padding: 24px 20px;
transition: opacity .2s ease-in-out;
}
.menu:hover {
opacity: .5;
}
.name-2 {
margin-top: 10px;
margin-bottom: 10px;
margin-left: -3px;
padding-right: 207px;
font-family: Helvetica, sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 35px;
}
.product-content {
flex-direction: column;
flex: 1;
justify-content: center;
align-self: flex-start;
margin-left: 70px;
padding-top: 21px;
display: flex;
}
.slide-1 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60b5b291bae0264ec7f0687c_1.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0;
padding-left: 0;
}
.size-chart {
color: #bfc5c9;
cursor: pointer;
font-size: 14px;
text-decoration: underline;
display: inline-block;
}
.product-tabs {
margin-top: 21px;
}
.size-text {
color: #bfc5c9;
margin-right: 20px;
font-size: 14px;
display: inline-block;
}
.column-product-photo {
height: 100vh;
padding-left: 0;
padding-right: 0;
}
.slide-4 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60b5b291bae0263d97f06876_4.jpg");
background-position: 50% 100%;
background-size: cover;
}
.slider-2 {
border-radius: 0;
height: 100vh;
margin-right: -41px;
padding-top: 0;
}
.slide-3 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60b5b291bae02651f1f06883_3.jpg");
background-position: 50% 100%;
background-size: cover;
}
.tab-title {
color: #bfc5c9;
background-color: #0000;
border-bottom: 1px solid #0000;
margin-left: 12px;
margin-right: 12px;
padding-bottom: 4px;
padding-left: 0;
padding-right: 0;
font-size: 14px;
transition: all .4s ease-in-out;
}
.tab-title.w--current {
background-color: #0000;
border-top: 0 #bfc5c9;
border-bottom: 1px solid #bfc5c9;
border-left: 1px #bfc5c9;
border-right: 0 #bfc5c9;
}
.tab-title.first {
margin-left: 0;
padding-left: 0;
}
.tab-title.first.w--current {
text-decoration: none;
}
.tab-title._3 {
display: none;
}
.slide-nav-3 {
margin-bottom: 12px;
font-size: 9px;
}
.breadcrumbs {
color: #bfc5c9;
font-size: 13px;
text-decoration: none;
display: none;
}
.size-selection {
margin-top: 12px;
margin-bottom: 18px;
}
.price-2 {
letter-spacing: .04em;
text-transform: uppercase;
margin-top: 8px;
margin-bottom: 40px;
font-family: Oswald, sans-serif;
font-size: 20px;
font-weight: 500;
}
.wishlist-text {
margin-right: 16px;
font-family: Attriumvirate Condensed, sans-serif;
display: inline-block;
}
.size-button {
color: #000;
text-align: center;
background-color: #0000;
border: 1px solid #bfc5c9;
border-radius: 2px;
min-width: 52px;
margin-right: 8px;
padding-left: 16px;
padding-right: 16px;
font-size: 12px;
}
.size-button.active {
border-color: #000;
}
.add-to-bag {
color: #fff;
letter-spacing: .05em;
text-transform: uppercase;
cursor: pointer;
background-color: #000;
border-radius: 2px;
padding: 12px 32px;
font-family: Oswald, sans-serif;
font-size: 12px;
text-decoration: none;
transition: all .4s ease-in-out;
box-shadow: 0 2px 12px -2px #5d677433;
}
.add-to-bag:hover {
transform: translate(0, -2px);
}
.shippinh {
margin-top: 20px;
margin-bottom: 28px;
}
.shippinh.fllexx-2 {
display: none;
}
.tabs-content {
padding-top: 16px;
font-size: 14px;
line-height: 22px;
}
.section-2 {
width: 100vw;
height: 100vh;
padding-top: 0;
display: none;
position: absolute;
inset: 0% 0% auto;
}
.section-2.product-sec-1 {
margin-bottom: 0;
}
.wishlist {
color: #000;
letter-spacing: .05em;
text-transform: uppercase;
cursor: pointer;
background-color: #fff;
border-radius: 2px;
width: 389.109px;
margin-left: 0;
padding: 12px 32px;
font-family: Oswald, sans-serif;
font-size: 14px;
text-decoration: none;
transition: all .4s ease-in-out;
box-shadow: 0 2px 12px -2px #5d677433;
}
.wishlist:hover {
transform: translate(0, -2px);
}
.arrow {
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
position: absolute;
inset: auto 0% 0%;
}
.column-product-info {
flex-direction: column;
justify-content: space-between;
height: 100vh;
padding: 289px 5% 28px;
display: flex;
}
.extra-info-mobile {
display: none;
}
.image {
position: relative;
left: 227px;
}
.image.fx {
position: relative;
top: -32px;
left: 120px;
}
.image.fx.add-to-cart {
top: -11px;
left: 331px;
}
.button-group {
margin-top: 32px;
margin-bottom: 60px;
display: none;
}
.brand-2 {
letter-spacing: .04em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 20px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 18px;
font-weight: 500;
}
.brand-2.headlinee-eccomrce {
margin-bottom: 10px;
font-size: 15px;
}
.add-to-bag-text {
margin-right: 0;
font-family: Suisse Intl, Georgia, sans-serif;
font-size: 9px;
display: inline-block;
}
.slide-5 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60b5b291bae026af94f06871_2.jpg");
background-position: 50% 100%;
background-size: cover;
}
.shipping-text {
margin-left: 12px;
font-size: 12px;
font-weight: 700;
display: inline-block;
}
.button-2 {
background-color: #000;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 32px;
font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight: 800;
display: none;
}
.cards-h-div-2 {
width: 100%;
padding: 16px;
}
.cards-img-6 {
object-fit: cover;
width: 100%;
height: 120px;
}
.scroll-content-2 {
flex-direction: row;
align-items: flex-start;
padding-bottom: 16px;
padding-left: 4px;
display: flex;
overflow: scroll;
}
.horizontal-scroll-wrapper-3 {
width: 463px;
padding-right: 16px;
display: flex;
overflow: hidden;
}
.horizontal-scroll-2 {
display: none;
position: relative;
}
.cards-container-3 {
z-index: 10;
flex-direction: row;
align-items: flex-end;
width: 451px;
margin-bottom: 16px;
display: flex;
overflow: hidden;
}
.cards-link-3 {
color: #222;
background-color: #fff;
border-radius: 12px;
flex-direction: column;
flex: none;
width: 240px;
margin-right: 16px;
text-decoration: none;
display: flex;
overflow: hidden;
box-shadow: 0 1px 3px #00000029;
}
.card-heading-3 {
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 600;
line-height: 130%;
}
.text-block-103, .icon-2 {
display: none;
}
.cart-button-2 {
background-color: #3898ec00;
}
.cart-quantity-2 {
filter: invert();
color: #000;
margin-left: 6px;
font-size: 9px;
}
.cart-3 {
margin-right: 0;
left: 79px;
}
.image-2 {
max-width: 120%;
}
.cate-footer {
color: #fff;
display: none;
}
.k-r-arrow {
color: #0e0c0b;
border: 1px solid #1b1b1b33;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
margin-right: 5.5vw;
padding-left: 2px;
transition: color .2s, background-color .2s;
display: flex;
}
.k-r-arrow:hover {
color: #fff;
background-color: #1b1b1b;
}
.k-r-arrow.hide-arrow {
display: none;
}
.k-slider-overflow {
margin-left: -3.125%;
margin-right: -3.125%;
}
.k-arrow-icon {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.k-slider-wrapper-with-arrows {
padding-left: 12.5vw;
padding-right: 12.5vw;
position: relative;
}
.k-col-slide {
width: 100%;
height: auto;
padding-left: 9.125%;
padding-right: 9.125%;
}
.k-slider-custom-arrows {
border: 1px solid #1b1b1b33;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
transition: color .2s, background-color .2s;
display: flex;
}
.k-slider-custom-arrows:hover {
color: #fff;
background-color: #0e0c0b;
}
.k-slider-custom-arrows.arrow-right {
padding-left: 2px;
right: 0;
}
.k-slider-custom-arrows.arrow-left {
padding-right: 2px;
}
.k-slider-custom-menu {
z-index: 9;
justify-content: space-between;
align-items: center;
padding-left: 5.5vw;
padding-right: 5.5vw;
display: flex;
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translate(0, -50%);
}
.k-l-arrow {
color: #0e0c0b;
border: 1px solid #1b1b1b33;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
margin-left: 5.5vw;
padding-right: 2px;
transition: background-color .2s, color .2s;
display: flex;
}
.k-l-arrow:hover {
color: #fff;
background-color: #1b1b1b;
}
.k-l-arrow.hide-arrow {
display: none;
}
.k-section-header {
margin-bottom: 7vw;
}
.k-section-header.k-s-header--pair {
justify-content: space-between;
align-items: center;
display: flex;
}
.k-col-slider {
background-color: #0000;
justify-content: flex-start;
align-items: center;
height: auto;
display: flex;
overflow: hidden;
}
.section-3 {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}
.section-3.section--spaced-1 {
padding-top: 10vw;
}
.heading-2-wrapper {
max-width: 50em;
position: relative;
overflow: hidden;
}
.heading-2-wrapper.heading-space-2 {
margin-bottom: 1.6em;
}
.k-container-1 {
flex: 1;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 12.5vw;
padding-right: 12.5vw;
}
.k-h2 {
padding-bottom: 10px;
}
.k-heading-line {
background-color: #1b1b1b33;
width: 10em;
height: 2px;
}
.k-tab-slider-wrapper {
margin-top: 4vw;
overflow: hidden;
}
.hide-slider-dots {
display: none;
}
.k-col-slider-mask {
width: 33.5%;
height: auto;
overflow: visible;
}
.k-s__block {
width: 50%;
max-width: 50%;
}
.k-s__block.k-s--space-r-1 {
padding-right: 6.5vw;
}
.text-block-104 {
font-family: Helvetica, sans-serif;
}
.right-arrow {
padding-left: 180px;
}
.right-arrow.pro {
display: none;
}
.left-arrow {
margin-left: 129px;
padding-left: 0;
padding-right: 0;
}
.left-arrow.pro {
display: none;
}
.k-product-slider {
z-index: 95;
display: none;
position: fixed;
inset: 75px 0% 0% 30vw;
}
.k-product-slider._2fx {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 500px;
height: 500px;
display: none;
position: relative;
top: 22px;
left: -.1vw;
}
.k-product-slider.secondd-web {
display: block;
}
.k-slider-mask {
height: 100%;
display: flex;
}
.k-slider-img {
object-fit: cover;
width: 64.5vw;
height: 100%;
margin-right: 1.5vw;
}
.heading-23 {
text-transform: capitalize;
font-family: Helvetica, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 19px;
}
.add-to-cart-button {
background-color: #000;
width: 389.109px;
margin-top: 22px;
margin-bottom: -21px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 29px;
font-family: Attriumvirate Condensed, sans-serif;
}
.quantity {
background-color: #fafafa00;
}
.columns {
display: none;
}
.heading-24 {
margin-top: 8px;
font-family: Helvetica, sans-serif;
font-size: 15px;
font-weight: 700;
}
.section-ajk-2 {
margin-bottom: 30px;
display: flex;
}
.section-ajk-5 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-left: -1%;
margin-right: -1%;
display: flex;
}
.link-ajk-1 {
cursor: pointer;
border: 1px solid #0000;
border-bottom-color: #e3e3e3;
flex-direction: column;
flex: 0 28%;
margin-left: 1%;
margin-right: 1%;
padding: 20px 10px;
text-decoration: none;
display: flex;
}
.link-ajk-1:hover {
border: 1px solid #e3e3e3;
border-radius: 2px;
box-shadow: 0 0 6px 3px #00000029;
}
.text-ajk-1 {
color: #2c1a1a;
font-size: 24px;
font-weight: 700;
line-height: 1.3em;
}
.button-bottom-line {
justify-content: flex-end;
height: 1px;
display: flex;
position: absolute;
inset: auto 0% -1px;
}
.button-fill {
background-color: #bfc5d5;
width: 18px;
height: 100%;
}
.button-fill.light {
background-color: #cbdce966;
}
.button-right-line {
flex-direction: column;
justify-content: flex-end;
width: 1px;
display: flex;
position: absolute;
inset: 0% -1px 0% auto;
}
.button-3 {
color: #000;
letter-spacing: 3px;
text-transform: uppercase;
border: 1px solid #8e93a526;
padding: 20px 32px;
font-size: 12px;
line-height: 1.3em;
text-decoration: none;
position: relative;
}
.button-3.light {
color: #fff;
text-align: center;
border-color: #b9dee926;
width: 210px;
padding-top: 13px;
padding-bottom: 13px;
}
.button-left-line {
flex-direction: column;
align-items: stretch;
width: 1px;
display: flex;
position: absolute;
inset: 0% auto 0% -1px;
}
.button-top-line {
justify-content: space-between;
height: 1px;
display: flex;
position: absolute;
inset: -1px 0% auto;
}
.vertical-button-fill {
background-color: #bfc5d5;
width: 100%;
height: 18px;
}
.vertical-button-fill.light {
background-color: #cbdce966;
}
.tab-pane-tab-1 {
margin-bottom: 19px;
padding-top: 0;
}
.stripe-preloader {
background-color: #fff;
border-bottom: 1px solid #f3f6fc;
border-right: 1px solid #f3f6fc;
width: 33.33%;
}
.stripe-preloader.left {
border-left: 1px solid #f3f6fc;
}
.left-preloader {
background-color: #fff;
border-bottom: 1px solid #f3f6fc;
width: 100%;
}
.preloader-middle {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(5vw, 1fr);
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-content: space-between;
justify-items: center;
width: 100vw;
height: 100%;
display: grid;
position: absolute;
inset: 0%;
}
.middle-preloader {
justify-content: space-between;
width: 100%;
display: flex;
}
.right-preloader {
background-color: #fff;
border-bottom: 1px solid #f3f6fc;
width: 100%;
}
.image-3 {
filter: invert();
width: 210px;
}
.heading-25 {
margin-bottom: 20px;
padding-right: 78px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 24px;
}
.card {
background-image: linear-gradient(#000, #000);
border-radius: 8px;
height: 340px;
padding: 30px;
transition: box-shadow .4s;
position: relative;
}
.card.card3-content {
background-image: linear-gradient(#00000087, #00000087), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a885c310cd7f80c7ed8e31_Clints-Sting-TRL-Footprints-Manchester-Worker-Bee-Lead.jpeg");
background-position: 0 0, 50%;
background-repeat: repeat, repeat;
background-size: auto, cover;
border: 1px solid #ededed;
border-radius: 19px;
width: 100%;
height: 400px;
margin-bottom: 65px;
padding-top: 145px;
padding-left: 46px;
transition-property: none;
display: none;
box-shadow: 4px 4px 20px #00000047;
}
.tagline {
letter-spacing: 2px;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
}
.tagline.tagline-promo-40 {
color: #fff;
margin-top: 45px;
}
.button-4 {
float: none;
color: #fff;
background-color: #1991eb;
border-radius: 4px;
margin-top: 10px;
margin-bottom: 10px;
padding: 9px 25px;
line-height: 22px;
transition: color .2s, box-shadow .2s, background-color .2s;
display: inline-block;
}
.button-4:hover {
color: #fff;
background-color: #1386dd;
border-color: #0c6eb8;
}
.button-4.default-button {
color: #5b697a;
background-color: #fff;
align-items: flex-end;
transition: color .2s, background-color .2s, box-shadow .2s;
display: inline-block;
}
.button-4.default-button:hover {
color: #213d63;
background-color: #fff;
box-shadow: 0 1px 5px #0000001a;
}
.button-4.default-button.card-cta {
display: block;
position: absolute;
bottom: 20px;
left: 30px;
}
.button-4.default-button.card-cta.ex {
color: #fff;
background-color: #000;
border: 1px solid #ffffff2b;
border-radius: 19px;
justify-content: center;
width: 160px;
margin-top: 57px;
margin-bottom: 77px;
padding-top: 14px;
padding-bottom: 14px;
font-family: Helvetica, sans-serif;
font-weight: 800;
display: flex;
position: relative;
left: 0;
box-shadow: 0 10px 20px -4px #000000cf;
}
.card-headline {
color: #fff;
margin-top: 10px;
}
.card-headline.dark-card-headline {
color: #333;
}
.card-headline.dark-card-headline._6col-card {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
width: 80%;
font-family: Helvetica, sans-serif;
font-size: 25px;
font-weight: 800;
line-height: 1.3em;
}
.heading-26 {
font-family: Helvetica, sans-serif;
font-weight: 700;
}
.paragraph-2 {
padding-right: 78px;
}
.section-ajf-18 {
margin-bottom: 30px;
}
.collection-list-wrapper-3 {
display: none;
}
.section-ajg-2 {
background-color: #f7f7f7;
border: 1px solid #e7e5e5;
border-radius: 3px;
padding: 40px;
display: none;
}
.section-bg-list-ajf-1 {
flex-direction: column;
max-height: 100px;
display: flex;
overflow: auto;
}
.link-ajf-2 {
color: #5f575e;
text-transform: capitalize;
cursor: pointer;
justify-content: center;
align-items: center;
margin-left: 20px;
font-family: Open Sans, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.3em;
text-decoration: none;
display: flex;
}
.section-ajf-8 {
flex-wrap: wrap;
margin-bottom: -20px;
margin-left: -2%;
margin-right: -2%;
display: flex;
}
.section-ajf-9 {
flex-direction: column;
flex: 0 46%;
margin-bottom: 20px;
margin-left: 2%;
margin-right: 2%;
padding-top: 10px;
padding-right: 5%;
display: flex;
}
.section-ajf-9.alt_sectionyn_1 {
border-right: 1px solid #f0f0f0;
}
.text-ajg-2 {
color: #727272;
text-align: center;
font-size: 16px;
font-weight: 400;
line-height: 1.3em;
}
.dropdown-ajf-2 {
align-items: stretch;
}
.section-ajg-7 {
justify-content: center;
display: flex;
}
.section-ajf-6 {
margin-bottom: 20px;
}
.text-ajf-1 {
color: #000;
margin-bottom: 20px;
font-size: 24px;
font-weight: 700;
line-height: 1.3em;
display: none;
}
.text-link-ajg-1 {
color: #fff;
font-size: 16px;
font-weight: 900;
line-height: 1.3em;
text-decoration: none;
}
.background-color-ajf-2 {
z-index: 1;
background-color: #f0f0f0;
width: 100%;
position: absolute;
inset: 0%;
}
.drop-list-ajf-2 {
background-color: #0000;
inset: 35px 0% auto auto;
}
.dropdown-link-ajf-2 {
color: #444;
cursor: pointer;
flex: none;
padding: 10px;
text-decoration: none;
}
.dropdown-link-ajf-2:hover {
background-color: #f9f9f9;
}
.background-color-ajf-1 {
z-index: 2;
background-color: #ad2c45;
width: 50%;
position: absolute;
inset: 0%;
}
.background-color-ajf-1.alt-1 {
display: none;
}
.link-ajg-1 {
cursor: pointer;
background-color: #727272;
border-radius: 3px;
justify-content: center;
align-items: center;
height: 50px;
padding-left: 54px;
padding-right: 54px;
text-decoration: none;
display: flex;
}
.section-ajf-4 {
margin-right: 5px;
position: relative;
}
.drop-toggle-ajf-1 {
cursor: pointer;
background-color: #fff;
border: 2px solid #f0f0f0;
border-radius: 3px;
flex: 1;
justify-content: space-between;
align-items: center;
height: 35px;
padding: 0 10px;
display: flex;
}
.text-ajf-2 {
color: #5f575e;
font-size: 16px;
font-weight: 400;
line-height: 1.3em;
display: inline;
}
.icon-drop-ajf-2 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60c8125815cbcc2e2b8dc563_Mask%20Group%2016%402x.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex: none;
width: 10px;
height: 6px;
margin-left: 30px;
}
.section-ajf-20 {
align-items: center;
margin-right: 20px;
display: flex;
}
.ajf-empty-2 {
color: #5f575e;
text-align: center;
background-color: #f4f4f4;
border-radius: 5px;
padding: 40px;
font-size: 16px;
line-height: 1.6em;
}
.text-drop-ajf-12 {
display: none;
}
.section-ajf-3 {
margin-right: 0;
}
.section-ajg-6 {
text-align: center;
justify-content: center;
align-items: center;
margin-bottom: 15px;
display: flex;
}
.section-ajf-19 {
border-top: 2px solid #f0f0f0;
border-bottom: 2px solid #f0f0f0;
justify-content: space-between;
align-items: center;
padding-top: 15px;
padding-bottom: 15px;
display: flex;
}
.section-ajf-23 {
align-items: center;
display: none;
}
.section-ajf-2 {
flex-direction: column;
align-items: flex-start;
margin-bottom: -200px;
padding-left: 0;
display: none;
}
.dropdown-ajf-1 {
align-items: stretch;
}
.background-image-ajf-1 {
z-index: 3;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60c8125815cbccf05f8dc565_Exclusion%2016%402x.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 94px;
height: 18px;
position: relative;
}
.section-ajg-4 {
margin-bottom: 10px;
}
.section-ajf-7 {
margin-bottom: 40px;
}
.section-ajf-7.deprecated {
display: none;
}
.text-ajf-3 {
color: #000;
margin-right: 5px;
font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight: 800;
line-height: 1.3em;
display: inline;
}
.section-ajf-26 {
flex-wrap: wrap;
margin-left: -2%;
margin-right: -2%;
}
.text-ajf-9 {
color: #000;
font-size: 16px;
font-weight: 700;
line-height: 1.3em;
display: inline;
}
.background-list-ajf-2 {
background-color: #fff;
border: 1px solid #dcdcdc;
flex-direction: column;
padding-top: 5px;
padding-bottom: 5px;
}
.section-ajf-21 {
align-items: center;
margin-right: 15px;
display: flex;
}
.text-ajg-3 {
color: #575656;
text-align: center;
max-width: 233px;
font-size: 16px;
font-weight: 700;
line-height: 1.3em;
}
.drop-toggle-ajf-2 {
cursor: pointer;
background-color: #fff;
border: 2px solid #f0f0f0;
border-radius: 3px;
flex: 1;
justify-content: space-between;
align-items: center;
height: 35px;
padding: 0 10px;
display: flex;
}
.collectionlistwrapper-ajf-1-best-first {
flex: 1;
display: block;
}
.collectionlistwrapper-ajf-1-best-first.deprecated {
display: none;
}
.section-ajg-5 {
margin-bottom: 20px;
}
.dropdown-link-ajf-12 {
color: #444;
cursor: pointer;
flex: none;
padding: 10px;
text-decoration: none;
display: none;
}
.dropdown-link-ajf-12:hover {
background-color: #f9f9f9;
}
.dropdown-link-ajf-1 {
color: #444;
cursor: pointer;
flex: none;
padding: 10px;
text-decoration: none;
}
.dropdown-link-ajf-1:hover {
background-color: #f9f9f9;
}
.drop-list-ajf-1 {
background-color: #0000;
inset: 35px 0% auto auto;
}
.drop-list-ajf-1.w--open {
top: 33px;
}
.icon-drop-ajf-1 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60c8125815cbcc2e2b8dc563_Mask%20Group%2016%402x.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex: none;
width: 10px;
height: 6px;
margin-left: 10px;
}
.background-list-ajf-1 {
background-color: #fff;
border-radius: 3px;
flex-direction: column;
padding-top: 5px;
padding-bottom: 5px;
box-shadow: 0 0 10px #0000001a;
}
.section-ajf-5 {
margin-bottom: 20px;
margin-right: 20px;
display: none;
}
.section-ajf-1 {
background-color: #fff;
border-radius: 3px;
margin-bottom: 40px;
}
.section-ajf-1.hidden-reviews {
display: none;
}
.text-ajg-1 {
color: #575656;
text-align: center;
font-size: 20px;
font-weight: 400;
line-height: 1.3em;
}
.collectionlistwrapper-ajf-1-low-first {
flex: 1;
display: none;
}
.background-bg-list-ajf-2 {
flex-direction: column;
max-height: 100px;
display: flex;
overflow: auto;
}
.empty-state-ajf-1 {
background-color: #0000;
padding: 0 2%;
}
.text-block-109 {
color: #313131;
margin-bottom: 10px;
font-family: Helvetica, sans-serif;
}
.section-ajf-13 {
flex-direction: row;
display: block;
}
.section-ajf-12 {
align-items: center;
margin-bottom: 20px;
display: flex;
position: relative;
overflow: hidden;
}
.section-ajf-4-2 {
filter: contrast(200%) grayscale();
margin-right: 5px;
position: relative;
}
.background-image-ajf-1-2 {
z-index: 3;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60c8125815cbccf05f8dc565_Exclusion%2016%402x.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 94px;
height: 18px;
position: relative;
}
.script-ajf-1 {
width: 10px;
height: 10px;
position: absolute;
inset: 0% auto auto 0%;
overflow: hidden;
}
.text-ajf-5 {
color: #656565;
font-family: Helvetica, sans-serif;
font-size: 16px;
line-height: 1.3em;
display: inline;
}
.text-ajf-6 {
color: #000;
font-size: 16px;
font-weight: 700;
line-height: 1.3em;
display: inline;
}
.paragraph-4 {
color: #979797;
font-family: Helvetica, sans-serif;
}
.product-info {
border-bottom: 1px solid #dcdcdc;
border-radius: 0;
grid-template-rows: auto;
display: none;
}
.mask {
padding-left: 77px;
}
.text-block-110 {
margin-top: -13px;
margin-bottom: 17px;
}
.container-2 {
margin-bottom: 25px;
}
.dropdown-toggle {
border: 1px solid #d0d0d0;
left: 26px;
}
.dropdown-list-2.w--open {
background-color: #fff;
background-image: linear-gradient(#ffffffd9, #ffffffd9), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60c80b93b0b74f0caa442ee5_Wallpaper-Kemra-Marble-1-1100x1318.jpg");
background-position: 0 0, 0 0;
background-size: auto, auto;
border: 1px solid #d0d0d0;
border-radius: 6px;
width: 550px;
margin-top: 16px;
padding: 0 42px 20px 20px;
left: 24px;
}
.dropdown {
margin-bottom: 272px;
left: -201px;
}
.text-span-16 {
letter-spacing: .03em;
font-family: Helvetica, sans-serif;
font-size: 15px;
font-weight: 700;
}
.heading-27 {
color: #000;
font-family: Helvetica, sans-serif;
font-weight: 800;
}
.field-label-2 {
display: none;
}
.text-field-2 {
border-radius: 12px;
min-height: 47px;
max-height: 47px;
}
.heading-28 {
display: none;
}
.form-2 {
display: flex;
}
.submit-button-2 {
filter: invert();
letter-spacing: 1px;
text-transform: uppercase;
background-color: #000;
border: 1px solid #141414;
border-radius: 12px;
min-height: 5px;
max-height: 47.9861px;
margin-left: 9px;
padding: 15px 24px;
font-family: Attriumvirate Condensed, sans-serif;
}
.text-block-114 {
color: #fff;
padding-right: 213px;
font-size: 12px;
display: block;
}
.fxx-noone.contsct-mnon {
display: none;
}
.paragraph-5.fx-43 {
color: #fff;
}
.container-3 {
margin-top: 25px;
display: none;
}
.container-4 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
margin-top: 110px;
display: none;
}
.form-block-2 {
flex-direction: column;
display: flex;
}
.menuwrapper {
z-index: 10;
width: 90%;
height: 80vh;
display: none;
position: fixed;
inset: 50% 0% 0% auto;
overflow: hidden;
transform: translate(0, -50%);
}
.menucontentholder {
color: #0c0c0c;
border-right: 2px solid #000;
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
height: 100%;
margin-left: 0;
margin-right: 1px;
padding-left: 20px;
padding-right: 20px;
text-decoration: none;
display: flex;
}
.menucontentholder.w--current {
cursor: none;
}
.menucolumn {
background-color: #fff;
width: 100%;
height: 100%;
padding-left: 0;
display: flex;
}
.menucolumn._5, .menucolumn._1, .menucolumn._2, .menucolumn._3, .menucolumn._4 {
padding-right: 0;
}
.menutitle {
letter-spacing: 1px;
font-size: 2.5vh;
font-weight: 400;
line-height: 4vh;
}
.sidemenuclose {
z-index: 11;
justify-content: center;
align-items: center;
width: 3vw;
display: flex;
position: absolute;
inset: 0% auto 0% 0%;
}
.menucontentwrapper {
width: 100%;
height: 100%;
padding-top: 35px;
padding-bottom: 35px;
}
.menuno {
color: #0c0c0c;
text-align: center;
margin-top: 50%;
margin-bottom: 50%;
font-family: Oswald, sans-serif;
font-size: 12vh;
font-weight: 700;
line-height: 12vh;
}
.menudesc {
margin-top: 0;
font-size: 1.5vh;
line-height: 2.5vh;
}
.menucolumnwrapper {
height: 100%;
display: flex;
}
.lottie-animation {
cursor: none;
}
.paragraph-6 {
color: #fff;
text-align: right;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 20px;
font-family: Helvetica, sans-serif;
font-size: 13px;
font-weight: 800;
line-height: 1.8em;
}
.slider-3 {
background-color: #fff0;
height: 100%;
margin-left: -8px;
margin-right: -8px;
overflow: visible;
}
.r_slider_wrap {
margin-top: 0;
padding-bottom: 60px;
padding-left: 185px;
display: none;
overflow: hidden;
}
.slide_img {
width: 100%;
padding-left: 8px;
padding-right: 8px;
}
.left-arrow-2 {
color: #a7caff;
background-color: #650f0f;
flex-direction: row;
justify-content: flex-start;
align-items: flex-end;
width: auto;
height: 100%;
padding-left: 8px;
font-family: Helvetica, sans-serif;
font-size: 17px;
font-weight: 800;
text-decoration: none;
transition: opacity .2s;
display: flex;
position: relative;
top: auto;
bottom: -30px;
left: 0;
}
.left-arrow-2:hover {
opacity: .5;
}
.slide_img_in {
width: 100%;
}
.right-arrow-2 {
justify-content: flex-end;
align-items: flex-end;
width: auto;
height: 100%;
padding-right: 8px;
text-decoration: none;
transition: opacity .2s;
display: flex;
position: absolute;
inset: auto 0% -30px auto;
}
.right-arrow-2:hover {
opacity: .5;
}
.mask-2 {
width: 33.3333%;
overflow: visible;
}
.r_h6_en-2 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 1;
}
.r_h6_en-2.slide_nav {
color: #fff;
}
.heading-31 {
color: #3b3b3b;
font-family: Attriumvirate Condensed, sans-serif;
font-weight: 700;
}
.hero-products {
border-radius: 1vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin: 4vw 1vw;
padding-left: 70px;
display: none;
overflow: hidden;
}
.hero_products-item {
color: #fff;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.hero_products-image {
object-fit: cover;
width: 100%;
height: 40vw;
display: block;
}
.hero_products-arrow {
z-index: 2;
position: absolute;
inset: 4vw 3vw auto auto;
}
.hero_products-arrow-view {
z-index: 2;
display: none;
position: absolute;
inset: auto auto 4vw 3vw;
}
.hero_products-name {
z-index: 2;
margin: 0;
font-size: 2vw;
font-weight: 400;
position: absolute;
inset: 4vw auto auto 3vw;
}
.hero_products-blur {
z-index: 1;
border-radius: 1vw;
justify-content: center;
align-items: center;
width: 90%;
height: 90%;
display: flex;
position: absolute;
}
.hero_products-view {
z-index: 2;
opacity: 0;
font-size: 3.2vw;
position: absolute;
}
.heading-32 {
letter-spacing: .06em;
text-transform: uppercase;
font-family: Attriumvirate Condensed, sans-serif;
}
.text-block-123, .heading-33, .heading-34 {
font-family: Attriumvirate Condensed, sans-serif;
}
.background-wrapper {
z-index: 5;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.overlay-3 {
background-color: #060b1180;
position: absolute;
inset: 0%;
}
.intro-content-2 {
grid-column-gap: 16px;
grid-row-gap: 48px;
color: #fff;
text-align: center;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 900px;
display: grid;
}
.grid-wrapper-3 {
z-index: 20;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr);
grid-auto-columns: 1fr;
width: 100%;
display: grid;
position: static;
}
.project-hero {
justify-content: center;
min-height: 100vh;
display: flex;
position: relative;
}
.project-hero.hh {
display: none;
}
.hero-content {
justify-content: center;
align-items: center;
margin-top: 80px;
padding-top: 200px;
padding-bottom: 260px;
display: flex;
}
.content-wrapper {
z-index: 20;
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding-left: 0;
padding-right: 0;
display: grid;
position: relative;
}
.hover-line {
height: 1px;
position: absolute;
inset: auto 0% -1px;
overflow: hidden;
}
.hero-background-image-2 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/618f05e609868d6ba70d22bb_Image008.jpeg"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/618f05e609868d6ba70d22bb_Image008.jpeg");
background-position: 50%, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
position: absolute;
inset: 0%;
}
.link-arrow {
width: 12px;
}
.stacked-content {
grid-column-gap: 0px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding-left: 72px;
padding-right: 72px;
display: grid;
position: relative;
}
.heading-35.large {
font-size: 52px;
line-height: 1.35em;
}
.heading-35.large.cover {
letter-spacing: .05em;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 25px;
}
.underline-link {
grid-column-gap: 48px;
grid-row-gap: 16px;
color: #fff;
letter-spacing: 4px;
text-transform: uppercase;
border-bottom: 1px solid #8c9fac66;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
grid-auto-columns: 1fr;
align-items: center;
padding-bottom: 8px;
font-size: 11px;
text-decoration: none;
display: grid;
position: relative;
}
.hover-line-fill {
background-color: #edf3f6;
width: 100%;
height: 100%;
}
.text-block-124 {
font-family: Helvetica, sans-serif;
}
.nav-link-2 {
color: #fff;
letter-spacing: 4px;
text-transform: uppercase;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.full-screen-menu {
background-color: #12151a;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
overflow: hidden;
}
.menu-wrapper {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-content: center;
justify-items: center;
width: 200vw;
margin-bottom: 80px;
display: flex;
}
.grain-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.nav-menu-4 {
display: none;
}
.dot {
background-color: #fff;
border-radius: 100%;
width: 6px;
height: 6px;
}
.menu-content {
z-index: 25;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: center;
min-height: 100vh;
padding-top: 200px;
display: grid;
position: absolute;
inset: 0%;
}
.menu-items {
justify-content: center;
align-items: center;
width: 100%;
max-width: 100vw;
display: flex;
overflow: hidden;
}
.navbar-wrapper {
z-index: 35;
grid-column-gap: 24px;
grid-row-gap: 16px;
color: #fff;
border: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
width: 100%;
height: 75px;
margin-top: 18px;
margin-left: auto;
margin-right: auto;
display: grid;
position: relative;
}
.menu-link {
color: #fff;
letter-spacing: -.025em;
justify-content: center;
align-items: flex-end;
padding-left: 2.5vw;
padding-right: 2.5vw;
font-size: 6vw;
font-weight: 600;
line-height: 1.1em;
text-decoration: none;
display: flex;
position: relative;
transform: none;
}
.menu-pin {
background-color: #fff;
width: 1px;
height: 80px;
margin-top: -40px;
}
.lottie-animation-2 {
filter: none;
justify-content: center;
align-items: center;
width: 32px;
display: flex;
}
.page-title {
cursor: default;
justify-content: center;
align-items: center;
padding-right: 32px;
display: flex;
}
.menu-button-3 {
cursor: pointer;
justify-content: center;
align-items: center;
width: 96px;
height: 100%;
display: flex;
}
.nav-text {
color: #fff;
letter-spacing: 4px;
text-transform: uppercase;
font-size: 11px;
}
.title {
-webkit-text-fill-color: transparent;
background-color: #fff;
-webkit-background-clip: text;
background-clip: text;
flex-direction: column;
justify-content: flex-end;
display: flex;
}
.brand-3 {
z-index: 25;
color: #fff;
letter-spacing: .03em;
text-transform: uppercase;
border-left: 1px solid #ffffff1a;
border-right: 1px solid #ffffff1a;
justify-content: center;
align-items: center;
margin-left: -1px;
margin-right: -1px;
font-size: 22px;
font-weight: 600;
display: flex;
}
.menu-center {
background-color: #05070a21;
border-radius: 100%;
justify-content: center;
align-items: flex-start;
width: 55vw;
height: 53vw;
margin-bottom: -45vw;
display: flex;
position: relative;
}
.light-separator {
background-color: #ffffff1a;
width: 1px;
margin-top: 18px;
margin-bottom: 18px;
}
.light-separator.dot {
width: 36px;
height: 1px;
margin-top: 0;
margin-bottom: 0;
}
.reel-link {
z-index: 25;
grid-column-gap: 12px;
grid-row-gap: 16px;
border-right: 1px #ffffff1a;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding-left: 32px;
padding-right: 32px;
text-decoration: none;
display: grid;
position: relative;
}
.nav-right {
z-index: 25;
grid-template-rows: auto;
grid-template-columns: 1fr 1px 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: center;
display: flex;
position: relative;
}
.navbar-2 {
z-index: 300;
background-color: #fff0;
justify-content: center;
align-items: flex-start;
height: 0;
max-height: 0;
padding: 0;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.grid-wrapper-4 {
z-index: 20;
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(5vw, 1fr);
grid-auto-columns: 1fr;
width: 100%;
margin-bottom: 0;
display: grid;
position: relative;
}
.grid-wrapper-4.zero-height {
height: 0;
}
.grain {
z-index: 1;
opacity: .02;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/618f080a3dc5c663fab98f44_noise.gif");
background-position: 50%;
background-size: auto;
position: fixed;
inset: 0%;
}
.grain.in-element {
width: 100vw;
height: 100vh;
min-height: 100%;
position: absolute;
inset: auto;
}
.grain.in-nav {
width: 100vw;
height: 100vh;
position: absolute;
}
.product-grid_2 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 1vw;
margin-bottom: 1vw;
display: flex;
}
.grid-item {
width: 100%;
height: 100%;
position: relative;
}
.product-image {
object-fit: cover;
width: 100%;
height: 100%;
margin-bottom: 1vw;
}
.text-field-3 {
letter-spacing: 1px;
text-transform: uppercase;
background-color: #0000;
border: 1px #000;
border-bottom: 1px solid #ffffff21;
min-height: 62px;
margin-bottom: 0;
font-family: Helvetica, sans-serif;
font-size: 13px;
}
.social-link {
justify-content: center;
align-items: center;
width: 55px;
height: 55px;
padding: 10px;
display: none;
}
.footer-link-2 {
color: #8b8b8b;
margin-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
text-decoration: none;
transition: opacity .2s;
display: block;
}
.footer-link-2:hover {
opacity: .5;
}
.footer-link-2.sumn-else {
display: none;
}
.footer-bottom {
border-bottom: 1px solid #ffffff1a;
justify-content: space-between;
margin-top: 92px;
margin-bottom: -100px;
display: flex;
}
.footer-grid-01 {
grid-template-rows: auto;
grid-template-columns: 2fr 1fr 1fr;
}
.footer-wrapper-2 {
align-items: center;
display: flex;
}
.form-block-3 {
margin-top: 40px;
}
.footer-title-button {
color: #fff;
text-transform: uppercase;
margin-right: 20px;
padding-right: 205px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 31px;
font-weight: 400;
line-height: 1.1;
}
.footer-title-button.bottom-2 {
font-family: Mailartrubberstamp, sans-serif;
}
.form-3 {
align-items: center;
display: flex;
}
.button-5 {
color: #5e4dcd;
background-color: #ffd2dd;
border-radius: 10px;
padding: 20px 30px;
font-size: 16px;
}
.footer-title {
color: #fff;
text-transform: uppercase;
margin-bottom: 22px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 19px;
}
.container-5 {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 25px;
}
.secondary-link {
color: #fff;
margin-right: 32px;
padding-top: 10px;
padding-bottom: 10px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 21px;
font-weight: 400;
text-decoration: none;
display: block;
}
.submit-button-3 {
color: #5e4dcd;
background-color: #fff;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
min-width: 62px;
min-height: 62px;
font-size: 17px;
display: none;
}
.footer-01 {
background-color: #000;
background-image: linear-gradient(#000000e3, #000000e3), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60c80ea6ae626b2264828083_85c2bc5117b432014f3f894845d43323.jpg");
background-position: 0 0, 0 0;
background-size: auto, auto;
padding: 72px 3% 132px 8%;
display: none;
}
.footer-top {
border-bottom: 1px solid #ffffff1a;
justify-content: space-between;
margin-bottom: 40px;
padding-bottom: 60px;
display: flex;
}
.footer-column {
flex-direction: column;
align-items: flex-start;
padding-right: 40px;
display: flex;
}
.menu-lottie-2 {
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
display: flex;
}
.nav-menu-5 {
z-index: 40;
justify-content: center;
max-width: 450px;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
left: 0;
right: 0;
overflow: hidden;
}
.link-text-2 {
z-index: 10;
position: relative;
}
.nav-button-2 {
z-index: 10;
color: #081c3a;
letter-spacing: 3px;
text-transform: uppercase;
background-color: #fff0;
border: 1px solid #c0c0d333;
border-radius: 3px;
align-items: stretch;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: 11px;
text-decoration: none;
position: relative;
}
.nav-link-3 {
color: #081c3a;
letter-spacing: 3px;
text-transform: uppercase;
border-bottom: 2px #0f132600;
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: 0;
padding-left: 18px;
padding-right: 18px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
display: flex;
position: relative;
}
.nav-link-3.w--current {
color: #081c3a;
}
.dropdown-wrapper-2 {
grid-column-gap: 16px;
grid-row-gap: 18px;
background-color: #fff;
border-radius: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
min-width: 500px;
min-height: 200px;
padding: 24px;
display: grid;
box-shadow: 0 6px 48px -4px #3540751a;
}
.nav-button-toggle-2 {
align-items: center;
width: 100%;
height: 100%;
padding: 12px 18px;
display: flex;
}
.nav-button-toggle-2.none {
display: none;
}
.brand-4 {
z-index: 25;
color: #081c3a;
letter-spacing: -.02em;
text-transform: uppercase;
align-items: center;
padding-right: 24px;
font-family: Eudoxussans, sans-serif;
font-size: 22px;
font-weight: 800;
text-decoration: none;
display: flex;
}
.flyout-social-media-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.flyout-menu-2 {
cursor: pointer;
border-bottom: 1px #c0c0d333;
border-right: 1px #c0c0d333;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.flyout-menu-2.close {
display: none;
}
.navigation-shade-2 {
background-color: #fff;
border-bottom: 1px solid #c0c0d333;
flex-direction: row;
justify-content: center;
align-items: center;
height: 100%;
margin-left: 0;
display: flex;
position: relative;
}
.horizontal-line-2 {
background-color: #c0c0d333;
flex: 1;
height: 1px;
}
.subtitle-2 {
letter-spacing: 3px;
text-transform: uppercase;
font-size: 11px;
font-weight: 400;
line-height: 1.4em;
}
.dropdown-lottie-2 {
justify-content: center;
align-items: center;
width: 14px;
margin-left: 9px;
display: flex;
}
.right-nav-2 {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: center;
display: flex;
}
.agent-social-icon-2 {
background-color: #f7f8fc;
border: 1px solid #c0c0d333;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
padding: 9px;
display: flex;
}
.quick-link-item-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #081c3a;
background-color: #f7f8fc;
border: 1px solid #c0c0d333;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
grid-auto-columns: 1fr;
padding: 18px;
text-decoration: none;
transition: all .5s cubic-bezier(.25, .46, .45, .94);
display: grid;
}
.quick-link-item-2:hover {
padding-left: 24px;
}
.mobile-navigation-shade-2 {
display: none;
}
.top-nav-wrapper-2 {
grid-column-gap: 0px;
grid-row-gap: 16px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: minmax(80px, 1fr) minmax(auto, 1400px) minmax(80px, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding-right: 0;
display: grid;
}
.flyout-menu-content-2 {
z-index: 10;
grid-column-gap: 0px;
grid-row-gap: 48px;
background-color: #fff;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
width: 448px;
max-width: 448px;
padding: 116px 0 0;
display: grid;
position: relative;
overflow: hidden;
}
.navigation-content-2 {
z-index: 15;
border-bottom: 1px #c0c0d333;
flex: 1;
justify-content: space-between;
align-items: center;
height: 80px;
margin-left: 80px;
padding-left: 36px;
padding-right: 0;
display: flex;
position: relative;
}
.left-nav-2 {
z-index: 25;
background-color: #fff;
border-bottom: 1px solid #c0c0d333;
border-right: 1px solid #c0c0d333;
width: 80px;
height: 80px;
display: flex;
position: relative;
}
.thin-span-2 {
font-weight: 500;
}
.dropdown-list-3.w--open {
background-color: #0000;
justify-content: flex-end;
padding-top: 12px;
display: flex;
left: 0;
right: 0;
}
.dropdown-icon-2 {
display: none;
}
.flyout-menu-wrapper-2 {
z-index: 20;
background-color: #071224a3;
width: 100%;
display: none;
position: fixed;
inset: 0% auto 0% 0%;
}
.subtitle-intro-wrapper-2 {
z-index: 10;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: auto;
display: grid;
position: relative;
}
.navbar-3 {
background-color: #0000;
border-bottom: 1px #c0c0d333;
justify-content: center;
padding-left: 0;
padding-right: 0;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.nav-menu-links-2 {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: grid;
}
.link-cover-2 {
background-color: #f7f8fc;
border-radius: 5px;
height: 100%;
max-height: 42px;
position: absolute;
inset: auto 0%;
}
.none-more, .collection-list-wrapper-4 {
display: none;
}
.button-6 {
color: #000;
text-transform: uppercase;
background-color: #fff0;
border: 1px solid #000;
justify-content: center;
align-items: center;
width: 190px;
height: 46px;
font-family: Attriumvirate Condensed, sans-serif;
display: flex;
}
.button-6:hover {
color: #000;
background-color: #fff0;
border-radius: 0;
}
.text-block-130 {
font-family: Attriumvirate Condensed, sans-serif;
}
.text-block-131, .text-block-132 {
color: #f40;
font-family: Attriumvirate Condensed, sans-serif;
}
.slider-arrow-3 {
width: 15px;
}
.subtitle-3 {
color: #667479;
letter-spacing: 4px;
text-transform: uppercase;
font-size: 14px;
font-weight: 300;
line-height: 1.3em;
}
.subtitle-3.small {
letter-spacing: 3px;
font-size: 11px;
}
.section-5 {
z-index: 10;
justify-content: center;
padding-top: 160px;
padding-bottom: 160px;
display: flex;
position: relative;
}
.section-5.clip {
overflow: hidden;
}
.dark-slide-arrow {
background-color: #080808;
border: 1px #e4e9ec;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
display: flex;
bottom: 90px;
}
.hide-slide-nav {
display: none;
}
.product-slider {
background-color: #ddd0;
justify-content: center;
height: 100%;
display: flex;
}
.slider-arrow-wrapper {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.heading-37 {
font-size: 36px;
font-weight: 600;
line-height: 1.35em;
}
.heading-37.large {
font-size: 42px;
}
.heading-37.small {
letter-spacing: .07em;
text-transform: uppercase;
font-size: 24px;
font-weight: 500;
}
.stacked-intro-2 {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: start;
display: grid;
}
.stacked-intro-2.center {
justify-items: center;
}
.product-slide-card {
padding-left: 3px;
padding-right: 3px;
}
.showcase-products {
grid-column-gap: 6px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.showcase-products.single-column {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.grid-wrapper-5 {
z-index: 25;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr);
grid-auto-columns: 1fr;
width: 100%;
display: grid;
position: relative;
}
.wrapper-intro {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: end;
display: grid;
}
.wrapper-intro.centered {
text-align: center;
grid-template-columns: 1fr;
justify-items: center;
}
.product-mask {
width: 33.33%;
overflow: visible;
}
.width-medium {
max-width: 550px;
}
.stacked-content-2 {
z-index: 20;
grid-column-gap: 16px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: space-between;
display: grid;
position: relative;
}
.stacked-content-2.medium {
grid-row-gap: 80px;
}
.tab-bottom-content {
border-top: 1px #e4e9ec;
margin-left: auto;
margin-right: auto;
padding: 28px 24px;
}
.block-title-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #667479;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
font-size: 12px;
display: grid;
}
.product-top {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.product-page-top {
flex-direction: column;
display: flex;
}
.feature-list {
border-radius: 0;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 0;
display: none;
}
.tag-icon {
width: 16px;
margin-right: 2px;
}
.feature-item-2 {
grid-column-gap: 22px;
grid-row-gap: 20px;
color: #667479;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
align-items: center;
font-weight: 400;
display: grid;
}
.tab-item {
border-bottom: 1px solid #e4e9ec;
flex-direction: column;
display: flex;
}
.product-option {
color: #667479;
text-align: center;
letter-spacing: .1em;
white-space: nowrap;
border-color: #e4e9ec;
border-radius: 3px;
flex: 1;
justify-content: center;
align-items: center;
margin-bottom: 6px;
margin-left: 3px;
margin-right: 3px;
padding: 16px 24px;
font-size: 14px;
line-height: 1em;
transition: color .3s cubic-bezier(.25, .46, .45, .94), border-color .3s cubic-bezier(.25, .46, .45, .94);
display: flex;
}
.product-option:hover {
border-color: #99a7ac;
}
.product-option.w--ecommerce-pill-selected {
color: #080808;
background-color: #fff;
border-color: #667479;
}
.product-block {
grid-column-gap: 12px;
grid-row-gap: 12px;
border-bottom: 1px #e4e9ec;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 0;
padding-bottom: 0;
display: grid;
}
.product-block:last-child {
border-bottom-style: none;
}
.product-block.no-bottom-padding {
padding-bottom: 0;
display: none;
}
.tab-list {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top: 1px solid #e4e9ec;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.lottie-tab-icon {
z-index: 10;
opacity: .5;
filter: invert();
width: 14px;
position: relative;
}
.button-group-2 {
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: auto;
justify-content: space-between;
justify-items: start;
margin-bottom: 0;
margin-left: -3px;
margin-right: -3px;
display: flex;
}
.product-sidebar {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start stretch;
align-items: start;
width: 100%;
padding-top: 0;
padding-bottom: 0;
display: grid;
position: sticky;
top: 65px;
}
.product-page-title {
font-size: 30px;
font-weight: 600;
}
.label-text {
letter-spacing: 3px;
text-transform: uppercase;
border-left: 2px solid #07090c;
padding-left: 6px;
font-size: 11px;
font-weight: 500;
line-height: 1.2em;
}
.label-text.discount {
color: #a74030;
border-left-style: none;
margin-top: 0;
line-height: 1em;
}
.product-details {
grid-column-gap: 28px;
grid-row-gap: 36px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-bottom: 0;
display: grid;
}
.width-small {
max-width: 425px;
}
.add-to-cart-default {
margin-bottom: 0;
}
.feature-icon-2 {
opacity: .55;
filter: none;
width: 22px;
}
.product-price {
grid-column-gap: 16px;
grid-row-gap: 6px;
color: #667479;
letter-spacing: .04em;
text-transform: uppercase;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
font-size: 18px;
font-weight: 300;
display: grid;
}
.tab-bottom {
background-color: #f4f8fa;
border-top: 1px #e4e9ec;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
}
.block-title {
color: #080808;
letter-spacing: .15em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
}
.compare-price {
color: #99a7ac;
font-size: 16px;
text-decoration: line-through;
}
.new-tag {
align-items: center;
height: 28px;
margin-right: 9px;
display: flex;
}
.new-tag.product-page-tag {
margin-bottom: 12px;
}
.product-tags {
display: flex;
}
.discount-label {
align-items: center;
height: 28px;
display: flex;
}
.discount-label.product-page-tag {
margin-bottom: 12px;
}
.tab-top {
grid-column-gap: 16px;
grid-row-gap: 16px;
cursor: pointer;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
grid-auto-columns: 1fr;
width: 100%;
padding: 28px 0;
text-decoration: none;
transition: padding .5s cubic-bezier(.25, .46, .45, .94);
position: relative;
overflow: hidden;
}
.tab-top:hover {
padding-left: 0;
padding-right: 0;
}
.body-display-2 {
color: #667479;
font-size: 18px;
line-height: 1.65em;
}
.body-display-2.small {
text-transform: uppercase;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 15px;
}
.body-display-2.extra-small, .body-display-2.small {
font-size: 15px;
}
.add-to-cart-button-2 {
text-align: center;
letter-spacing: 5px;
text-transform: uppercase;
background-color: #080808;
border-radius: 100px;
justify-content: center;
width: 100%;
min-height: 60px;
margin-top: 24px;
font-size: 12px;
display: flex;
}
.add-to-cart-button-2.grey {
color: #000;
background-color: #e4e9ec;
margin-top: 12px;
}
.button-text-wrapper {
cursor: pointer;
flex-direction: column;
justify-content: center;
display: flex;
overflow: hidden;
}
.add-to-cart {
border-top: 1px #e4e9ec99;
border-bottom: 1px #f4f8fa;
padding-top: 0;
padding-bottom: 12px;
}
.tab-title-2 {
z-index: 25;
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #080808;
letter-spacing: .15em;
text-transform: uppercase;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
grid-auto-columns: 1fr;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
font-size: 14px;
font-weight: 500;
display: grid;
position: relative;
}
.hover-cover {
background-color: #f4f8fa;
display: none;
position: absolute;
inset: 0%;
}
.tabs-menu {
display: none;
}
.text-block-134, .text-block-135 {
font-family: Attriumvirate Condensed, sans-serif;
font-size: 12px;
}
.width-large {
max-width: 700px;
}
.featured-product-list {
grid-column-gap: 16px;
grid-row-gap: 6px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.industry-filter-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: center start;
display: grid;
}
.tab-pane-tab-1-2 {
height: 100%;
}
.tabs-content-2 {
min-height: 190px;
padding-top: 15px;
padding-bottom: 20px;
display: block;
}
.tab-text {
margin-right: 15px;
}
.vision-filter-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: center start;
display: grid;
}
.filter-tabs {
background-color: #fff;
border-radius: 12px;
margin-bottom: 25px;
padding: 15px 30px 30px;
box-shadow: 0 -8px 8px #00000012;
}
.filter-list {
grid-column-gap: 16px;
grid-row-gap: 1px;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
display: grid;
}
.tabs-menu-2 {
border-bottom: 1px solid #ddd;
justify-content: center;
padding-bottom: 20px;
display: flex;
}
.tab-link {
background-color: #0000;
border-radius: 5px;
}
.tab-link.w--current {
color: #fff;
background-color: #001491;
background-image: none;
}
.category-wrapper {
flex-wrap: wrap;
align-items: stretch;
display: flex;
}
.category-item {
color: #667479;
letter-spacing: 5px;
text-transform: uppercase;
align-items: center;
padding-right: 24px;
font-size: 11px;
line-height: 1.3em;
text-decoration: none;
display: flex;
}
.filter-left {
grid-column-gap: 24px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.category-item-wrapper {
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.filter-bar {
padding-top: 80px;
padding-bottom: 6px;
display: flex;
}
.button-text-wrapper-2 {
cursor: pointer;
flex-direction: column;
justify-content: center;
display: flex;
overflow: hidden;
}
.faq-question-wrap {
cursor: pointer;
padding-left: 40px;
padding-right: 40px;
}
.faq-question-bar {
color: #1a1e27;
border-bottom: 1px solid #00000012;
justify-content: space-between;
align-items: center;
padding-top: 30px;
padding-bottom: 30px;
font-size: 20px;
font-weight: 600;
line-height: 1.3;
text-decoration: none;
display: flex;
}
.question-title {
letter-spacing: -.03em;
margin-right: 10px;
}
.faq-circle {
background-color: #f3f3f3;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 55px;
min-width: 55px;
height: 55px;
min-height: 55px;
display: flex;
}
.faq-content {
overflow: hidden;
}
.faq-paragraph {
color: #485166;
letter-spacing: -.03em;
margin-bottom: 0;
padding-top: 14px;
padding-bottom: 14px;
font-size: 18px;
font-weight: 400;
line-height: 1.6;
}
.div-block {
width: 100%;
height: 1px;
}
.title-wrap {
color: #7b88a8;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
margin-bottom: 60px;
display: flex;
position: relative;
}
.faq-wrapper {
margin-left: auto;
margin-right: auto;
}
.faq-question-wrap-1 {
cursor: pointer;
padding-left: 40px;
padding-right: 40px;
}
.container-6 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1140px;
display: none;
}
.faq-grid {
grid-template-columns: 1fr 3fr;
width: 100%;
}
.content-h1 {
z-index: 2;
color: #1a1e27;
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 20px;
font-size: 55px;
line-height: 1.1;
position: relative;
}
.hero-products-2 {
border-radius: 1vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin: 4vw 1vw;
display: none;
overflow: hidden;
}
.hero_products-arrow-view-2 {
z-index: 2;
position: absolute;
inset: auto auto 4vw 3vw;
}
.glitch {
z-index: 2;
margin-top: 0;
margin-bottom: 0;
font-size: 9vw;
position: relative;
}
.nav-link-4 {
color: #000;
cursor: none;
margin-bottom: 0;
padding: 8px 0 2px;
text-decoration: none;
transition: all .2s;
box-shadow: inset 0 -1px #0000;
}
.nav-link-4:hover, .nav-link-4.cc-sale {
box-shadow: inset 0 -1px #000;
}
.nav-brand {
text-transform: uppercase;
cursor: none;
border-radius: 50%;
order: -1;
padding: .8em 1.5em;
transition: all .2s;
box-shadow: inset 0 0 0 1px #000;
}
.wrapper {
display: none;
}
.background-video {
background-image: linear-gradient(332deg, #fff0 2% 49%, #fff);
width: 50vw;
height: 55vh;
position: absolute;
inset: auto 0% 0% auto;
}
.container-7 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 1;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
padding: 3.2em;
display: grid;
}
.nav-menu-6 {
order: 1;
}
.nav {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #0000;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: start;
padding-top: 3.2em;
padding-left: 3.2em;
padding-right: 3.2em;
display: grid;
}
.text-block-143 {
line-height: 1.5em;
}
.nav-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 0;
display: grid;
}
.social_list {
flex-direction: column;
align-items: flex-start;
margin-top: 8px;
display: flex;
}
.section-9 {
flex-direction: column;
min-height: 100vh;
display: flex;
}
.button-7 {
color: #fff;
cursor: none;
background-color: #0e0e0e;
padding: 1em 2em 1.2em;
font-weight: 600;
text-decoration: none;
transition: background-color .2s;
}
.button-7:hover {
background-color: #006661;
}
.section_grid {
justify-content: center;
align-items: center;
height: 100vh;
padding: 64px;
display: none;
}
.my_container__1160 {
max-width: 1160px;
margin-left: auto;
margin-right: auto;
}
.grid__wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.responsive__grid {
grid-template-rows: auto;
grid-template-columns: 2fr 1fr 1fr;
}
.responsive__grid.reverse {
grid-template-columns: 1fr 1fr 2fr;
margin-top: 16px;
}
.grid__image {
object-fit: cover;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6208a5c5add425e101f1e9d8_image_1.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
display: flex;
}
.grid-2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
display: none;
}
.block-hor-img {
background-color: #f8ce46;
border-radius: 8px;
height: 150px;
transition: all .2s;
position: relative;
}
.block-hor-img:hover {
transform: translate(0, -5px);
box-shadow: 0 16px 10px -8px #00000021;
}
.block-hor-img.black {
color: #fff;
background-color: #000;
justify-content: space-between;
align-items: center;
padding: 20px 30px;
display: flex;
overflow: hidden;
}
.block-hor-img.gray {
text-align: center;
background-color: #e2dedd;
justify-content: center;
align-items: center;
padding: 20px 30px;
display: flex;
}
.block-hor-img.orange {
color: #fff;
text-align: left;
object-fit: fill;
background-color: #ea552b;
justify-content: center;
align-items: center;
padding: 20px 30px;
display: flex;
overflow: hidden;
}
.block-hor-img.yellow {
justify-content: space-between;
align-items: center;
padding: 20px 30px;
display: flex;
overflow: hidden;
}
.block-hor-text__wrapper {
z-index: 2;
max-width: 70%;
position: relative;
}
.block-hor-text__heading {
margin-bottom: 10px;
font-size: 20px;
font-weight: 700;
line-height: 26px;
}
.woman-phone {
z-index: 1;
width: 170px;
position: static;
inset: auto 6% -2% auto;
}
.woman-phone.yellow {
width: 170px;
}
.section-10 {
display: none;
}
.container-9 {
max-width: 1400px;
}
.dashboard-wrapper {
padding: 100px 5%;
}
.grid-3 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.block-ver-img {
background-color: #f7cf46;
border-radius: 8px;
transition: all .2s;
position: relative;
}
.block-ver-img:hover {
transform: translate(0, -5px);
box-shadow: 0 16px 10px -8px #00000021;
}
.block-ver-img.pink-man {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/621ffd7feb470b50611e49aa_black-man-in-blue-pajamas-laughing.jpeg");
background-position: 50%;
background-size: cover;
}
.block-ver-img.gray-man {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/621ffd7feb470bdffe1e49ad_it-feels-good.jpeg");
background-position: 50%;
background-size: cover;
}
.block-ver-img.pink-woman {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/621ffd7feb470b966c1e49b7_i-might-have-a-heart-attack-because-of-your-jokes.jpeg");
background-position: 50%;
background-size: cover;
}
.block-ver-img.tan-woman {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/621ffd7feb470b3b9c1e49b1_she's-the-energetic-centre-of-the-team.jpeg");
background-position: 50%;
background-size: cover;
}
.explore-dropdown__heading {
font-size: 30px;
line-height: 40px;
}
.block-hor-text__heading-2 {
margin-bottom: 10px;
font-size: 20px;
font-weight: 700;
line-height: 26px;
}
.block-hor-text__heading-2.m-none {
margin-bottom: 0;
}
.explore__list-item {
color: #000;
align-items: center;
padding: 16px 0;
font-size: 15px;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: flex;
}
.explore__list-item:hover {
color: #ea552b;
}
.lightning {
width: 100px;
position: relative;
inset: 6% auto auto 0%;
}
.explore-dropdown {
display: none;
}
.like-wrapper {
background-color: #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
padding: 12px;
display: flex;
position: absolute;
inset: 10px 10px auto auto;
}
.explore__heading {
font-size: 30px;
line-height: 40px;
}
.dashboard__grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.explore__emoji {
margin-right: 12px;
font-size: 20px;
}
.explore__list-wrapper {
margin-top: 40px;
}
.mobile-intro-box-image {
display: none;
position: relative;
}
.stacked-info {
grid-column-gap: 16px;
grid-row-gap: 18px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.scroll-indicator-2 {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto 1fr auto;
grid-auto-columns: 1fr;
align-items: center;
width: 100%;
padding-bottom: 0;
display: grid;
position: sticky;
}
.stacked-intro-3 {
grid-column-gap: 24px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.sticky-image-box {
min-height: 500px;
}
.indiator-bar {
background-color: #ffffff1a;
height: 2px;
}
.indicator-fill-2 {
background-color: #fff;
width: 20%;
height: 100%;
}
.intro-box {
flex-direction: column;
justify-content: center;
align-items: flex-start;
min-height: 450px;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.sticky-box-list {
grid-column-gap: 16px;
grid-row-gap: 30vh;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 550px;
padding-bottom: 120px;
padding-left: 0;
display: grid;
}
.subtitle-4 {
z-index: 10;
color: #fffc;
letter-spacing: 5px;
text-transform: uppercase;
font-size: 11px;
position: relative;
}
.sticky-image-bar {
grid-column-gap: 16px;
grid-row-gap: 48px;
flex-direction: column;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: stretch space-between;
align-items: flex-start;
height: 100vh;
margin-bottom: -120px;
padding-bottom: 120px;
display: grid;
position: sticky;
top: 100px;
}
.services-grid {
grid-column-gap: 140px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
margin-bottom: -60px;
display: grid;
}
.indicator-link {
grid-column-gap: 6px;
grid-row-gap: 16px;
color: #fff;
letter-spacing: 4px;
text-transform: uppercase;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
align-items: center;
font-size: 11px;
text-decoration: none;
display: grid;
}
.grid-wrapper-6 {
z-index: 20;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 1fr;
grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr);
grid-auto-rows: auto;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
position: relative;
}
.scroll-indicator-wrapper {
padding-bottom: 60px;
display: flex;
position: relative;
}
.sticky-image {
width: 425px;
min-width: 425px;
height: 425px;
min-height: 425px;
position: sticky;
top: 100px;
overflow: hidden;
}
.link {
color: #fff;
letter-spacing: 5px;
text-transform: uppercase;
border: 1px solid #ffffff1a;
border-radius: 100px;
padding: 12px 28px;
font-size: 11px;
text-decoration: none;
}
.stacked-title {
grid-column-gap: 16px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.scroll-arrow {
width: 16px;
height: 100%;
}
.scroll-arrow.small {
width: 12px;
}
.sticky-image-wrapper {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/62200bc862b3891ad52a0eaf_Image022.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
inset: 0%;
}
.sticky-image-wrapper.image-three {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/62200bc862b3892f532a0ebb_Image003.jpeg");
}
.sticky-image-wrapper.image-one {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/62200bc862b38947242a0eb5_Image004.jpeg");
}
.sticky-image-wrapper.image-two {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/62200bc862b389782a2a0ea9_Image025.jpeg");
background-position: 50%;
}
.section-12 {
border-bottom: 1px solid #ffffff1a;
flex-direction: column;
justify-content: center;
align-items: stretch;
padding-top: 180px;
padding-bottom: 180px;
position: relative;
overflow: visible;
}
.body-display-3 {
color: #ffffffe6;
font-size: 18px;
line-height: 1.6em;
}
.section-14, .section-15 {
display: none;
}
.heading-56 {
color: #fff;
text-align: center;
letter-spacing: 1px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 15px;
line-height: 1em;
}
.section-16 {
align-items: stretch;
margin-top: 50px;
display: block;
}
.text-wrap {
z-index: 1;
position: relative;
}
.text-wrap.flex {
flex-direction: column;
justify-content: space-between;
height: 100%;
display: flex;
}
.text-span-22 {
display: inline-block;
}
.row-bottom {
align-items: center;
width: 100%;
height: 10%;
display: flex;
}
.block-cover {
z-index: 1;
background-color: #000;
width: 100%;
height: 100%;
position: absolute;
right: 0;
}
.link-block-menu {
color: #fff;
letter-spacing: .5px;
text-transform: uppercase;
flex: 1;
align-items: center;
width: 100%;
font-size: 12px;
font-weight: 300;
text-decoration: none;
display: flex;
position: relative;
}
.menu-parent {
cursor: pointer;
width: 70px;
padding: 20px;
position: absolute;
top: 25px;
right: 0;
}
.about-inner {
width: 100%;
height: 100vh;
padding-bottom: 40px;
}
.menu-txt {
font-size: 50px;
line-height: 50px;
transition: opacity .4s;
}
.menu-txt:hover {
opacity: .5;
}
.about-content-inner {
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 40%;
height: 100%;
padding: 440px 40px 0 30px;
display: flex;
position: relative;
}
.link-block-2 {
color: #fff;
letter-spacing: .5px;
text-transform: uppercase;
flex: 1;
align-items: center;
width: 100%;
font-size: 12px;
font-weight: 300;
text-decoration: none;
display: flex;
position: relative;
}
.content-parent {
text-decoration: none;
position: relative;
}
.close {
z-index: 999;
background-color: #fff;
border-radius: 100%;
width: 30px;
height: 30px;
position: absolute;
inset: 30px 30px auto auto;
}
.block-cover-shade {
background-color: #0a0a0a;
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
}
.line-bottom {
background-color: #fff;
width: 100%;
height: 3px;
margin-bottom: 6px;
}
.spacer-20 {
width: 100%;
padding-bottom: 20px;
}
.push-50 {
max-width: 400px;
margin-left: 60%;
margin-right: 5%;
}
.grid-4 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: 1.6fr 1fr;
grid-template-columns: 1.8fr 1fr;
width: 100%;
height: 100%;
}
.about-panel {
z-index: 2;
background-color: #1b1b1b;
width: 100%;
height: 100vh;
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.border-line-btm {
background-color: #fff3;
width: 100%;
height: 1px;
position: absolute;
inset: auto auto 0% 0%;
}
.row-middle {
perspective: 1000px;
width: 100%;
height: 70%;
}
.sm-txt {
z-index: 1;
color: #fff;
text-transform: uppercase;
margin-top: 3px;
margin-left: 15px;
font-size: 12px;
font-weight: 300;
position: relative;
}
.nav-parent {
margin-left: 60px;
}
.img-parent {
position: relative;
overflow: hidden;
}
.img-inner {
width: 100%;
height: 100%;
}
.img-inner.img-1 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6238d6218fdf0b423c8a43bb_bg-img-1.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.img-inner.img-2 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6238d6218fdf0b81e48a43b7_bg-img-2.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.container-wrap {
width: 100%;
height: 100vh;
padding-left: 30px;
padding-right: 30px;
display: none;
position: relative;
overflow: hidden;
}
.line-top {
background-color: #fff;
width: 100%;
height: 3px;
}
.menu-parent-slide {
z-index: 9;
background-color: #070707;
justify-content: flex-start;
width: 60%;
height: 100%;
padding-top: 150px;
display: flex;
position: fixed;
inset: 0% 0% auto auto;
}
.row-top {
z-index: 10;
align-items: center;
width: 100%;
height: 20%;
display: flex;
position: relative;
}
.text-hide {
overflow: hidden;
}
.header {
color: #fff;
background-color: #000;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: end;
padding-top: 5px;
padding-bottom: 5px;
display: none;
}
.copyright {
margin-left: 2.5vw;
font-size: 2vw;
line-height: 130%;
}
.text-block-2-copy {
color: #f60;
text-align: right;
margin-right: 0;
font-size: 1.2vw;
line-height: 110%;
}
.footer-2 {
padding-top: 5px;
padding-bottom: 5px;
}
.new-media {
color: #f60;
text-align: center;
font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
font-size: 3vw;
font-weight: 400;
line-height: 130%;
display: none;
transform: skew(-22deg);
}
.a {
color: #f60;
margin-right: 2.5px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 2vw;
line-height: 130%;
}
.footer-row-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: end;
display: none;
}
.section-17 {
flex-direction: column;
justify-content: space-between;
height: 80vh;
display: none;
}
.content {
z-index: 5;
justify-content: center;
align-self: stretch;
margin-bottom: 0;
padding-top: 5px;
padding-bottom: 5px;
display: inline-block;
position: relative;
}
.text-wrapper {
text-align: center;
}
.text-block-150 {
color: #fff;
letter-spacing: -.009em;
text-transform: uppercase;
margin-bottom: 9px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 8vw;
line-height: 130%;
}
.image-wrapper {
z-index: -1;
width: 50%;
height: 75%;
position: absolute;
bottom: 112px;
right: -32%;
overflow: hidden;
}
.text-block-151 {
color: #f60;
text-align: right;
margin-right: 7vw;
font-family: Helvetica, sans-serif;
font-size: 1.2vw;
line-height: 110%;
}
.text-block-2-copy-2 {
color: #f60;
text-align: right;
margin-right: 0;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 1.4vw;
line-height: 110%;
}
.image-8 {
object-fit: cover;
width: 100%;
height: 100%;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-hidden.research, .overflow-hidden.number {
margin-top: -4vw;
}
.container-copy {
justify-content: center;
width: 100%;
max-width: 1380px;
margin: auto;
padding-top: 5px;
padding-left: 30px;
padding-right: 30px;
display: flex;
position: relative;
}
.footer-row-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #fff;
background-color: #000;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: end;
padding-top: 5px;
padding-bottom: 5px;
display: grid;
}
.footer-row-2._2 {
padding-top: 5px;
padding-bottom: 5px;
display: none;
}
.ab-wrapper {
display: flex;
}
.text-span-24 {
color: #f60;
font-family: Attriumvirate Condensed, sans-serif;
}
.text-span-25 {
color: #f60;
font-family: Attriumvirate Condensed, sans-serif;
display: none;
}
.spacing_16 {
height: 16px;
}
.section-18 {
padding-left: 5%;
padding-right: 5%;
display: none;
position: relative;
overflow: hidden;
}
.product_image {
object-fit: cover;
width: 100%;
height: 100%;
}
.discount_tag {
background-color: #94d7c5;
border-radius: 500px;
padding: 6px 12px;
font-size: 12px;
font-weight: 600;
display: inline-block;
position: absolute;
inset: 12px 12px auto auto;
}
.product_item {
color: #070707;
text-decoration: none;
}
.spacing_24 {
height: 24px;
}
.content_wrapper {
max-width: 600px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.spacing_48 {
height: 48px;
}
.product_image_wrapper {
border-radius: 32px;
height: 320px;
position: relative;
overflow: hidden;
}
.text_color_grey {
color: #484848;
}
.text_color_grey.blanks-fgx {
display: none;
}
.spacing_4 {
height: 4px;
}
.spacing_32 {
height: 32px;
}
.line_divider {
background-color: #dee2e5;
width: 100%;
height: 1px;
}
.blog_grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
}
.font_weight_bold {
font-weight: 700;
display: none;
}
.button-10 {
text-align: center;
background-color: #783ff3;
border-radius: 16px;
justify-content: center;
align-items: center;
height: 48px;
font-weight: 600;
transition: all .4s;
display: flex;
}
.button-10:hover {
background-color: #070707;
}
.button-10.background_white {
color: #070707;
text-align: center;
background-color: #fff;
}
.button-10.background_white:hover {
color: #fff;
background-color: #070707;
}
.bold-text-7 {
letter-spacing: .5px;
}
.section-19 {
display: none;
}
.dropdown-icon-3 {
margin-top: auto;
margin-bottom: auto;
margin-right: 1rem;
}
.dropdown-icon-3.no-margin-right {
margin-right: 0;
}
.margin-bottom, .margin-bottom.margin-xxsmall {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.filters5_menu-link {
white-space: nowrap;
border: 1px solid #0000;
flex: none;
padding: .5rem 1rem;
text-decoration: none;
}
.filters5_menu-link.w--current {
border-color: #1b1b1b;
}
.product7_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.text-size-medium {
font-size: 1.125rem;
}
.text-size-medium.text-weight-semibold {
font-weight: 400;
}
.filters5_results-text {
font-size: .875rem;
}
.product7_image-wrapper {
width: 100%;
height: 100%;
padding-top: 100%;
position: relative;
overflow: hidden;
}
.filters5_filters-dropdown-list.w--open {
background-color: #fff;
border: 1px solid #000;
min-width: 18.5rem;
max-height: 15rem;
margin-top: .5rem;
padding: .5rem 1rem;
overflow: auto;
}
.heading-xsmall-2 {
font-size: 1.25rem;
font-weight: 700;
line-height: 1.4;
}
.filters5_filter-group {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.filters5_list {
flex-direction: column;
display: flex;
}
.filters5_dropdown {
width: 100%;
margin-left: 0;
margin-right: 0;
position: static;
}
.filters5_tags-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
flex: 1;
align-items: flex-start;
display: none;
}
.filters5_sort-link {
padding: .5rem;
}
.filters5_sort-link.w--current {
color: #1b1b1b;
}
.filters5_filters-wrapper {
width: auto;
overflow: hidden;
}
.form-input-2 {
color: #1b1b1b;
background-color: #fff;
border: 1px solid #1b1b1b;
height: auto;
min-height: 2.75rem;
margin-bottom: 0;
padding: .5rem .75rem;
font-size: 1rem;
line-height: 1.6;
}
.form-input-2:focus {
border-color: #000;
}
.form-input-2::placeholder {
color: #0009;
}
.form-input-2.is-search-input {
padding-left: 3rem;
}
.filters5_form-checkbox1-label {
margin-top: auto;
margin-bottom: auto;
}
.filters5_filter-options {
flex-direction: row;
}
.filters5_sort-dropdown-toggle {
padding: .5rem 1.5rem .5rem 0;
}
.filters5_form-checkbox1 {
align-items: center;
margin-bottom: 0;
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 1.25rem;
display: flex;
}
.filters5_empty {
text-align: center;
border: 1px solid #000;
padding: 2.9rem;
display: none;
}
.filters5_filter-group-list {
grid-column-gap: 2rem;
grid-row-gap: 1rem;
border-bottom-color: #1b1b1b;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.filters5_keyword-search {
align-items: center;
display: flex;
position: relative;
}
.filters5_form-checkbox1-icon {
cursor: pointer;
border: 1px solid #1b1b1b;
border-radius: 0;
width: 1.125rem;
min-width: 1.125rem;
height: 1.125rem;
min-height: 1.125rem;
margin: auto .75rem auto -1.25rem;
transition: all .2s;
}
.filters5_form-checkbox1-icon.w--redirected-checked {
box-shadow: none;
background-color: #000;
background-image: none;
background-size: 16px 16px;
border-width: 1px;
border-color: #000;
}
.filters5_form-checkbox1-icon.w--redirected-focus {
box-shadow: none;
border-color: #000;
}
.filters5_category-menu {
flex: 1;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.filters5_category-menu.no-scrollbar {
display: none;
}
.filters5_results-wrapper {
justify-content: center;
display: flex;
}
.filters5_layout {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: max-content 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.product7_item-link {
flex: 1;
align-self: stretch;
width: 100%;
height: 100%;
text-decoration: none;
}
.filters5_item-text-wrapper {
grid-column-gap: 1rem;
justify-content: space-between;
align-items: center;
margin-bottom: .5rem;
display: flex;
}
.product-single-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.filters5_feed-header-bottom {
grid-column-gap: 2rem;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 2rem;
display: none;
}
.search-icon {
width: 1.5rem;
height: 1.5rem;
position: absolute;
inset: auto auto auto 12px;
}
.grid-quarter {
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: .75fr .75fr .75fr .75fr;
}
.filters5_close-icon {
cursor: pointer;
width: 1.5rem;
height: 1.5rem;
margin-left: .5rem;
}
.filters5_dropdown-toggle {
border: 1px solid #000;
align-items: center;
min-height: 2.75rem;
padding: .5rem 2.5rem .5rem 1rem;
display: flex;
}
.filters5_form {
background-color: #0000;
}
.button-icon-left {
margin-right: .5rem;
}
.text-size-large {
font-size: 1.25rem;
}
.text-size-small {
font-size: .875rem;
}
.filters5_filters-button {
color: #1b1b1b;
text-align: center;
background-color: #0000;
border: 1px solid #1b1b1b;
justify-content: center;
padding: .75rem 1.5rem;
display: flex;
}
.filters5_sort-dropdown-list.w--open {
background-color: #fff;
border: 1px solid #000;
padding: .5rem;
right: 0%;
}
.filters5_sort-dropdown {
margin-left: 0;
margin-right: 0;
}
.filters5_feed-header-top {
grid-column-gap: 1.5rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
margin-bottom: 2rem;
display: grid;
}
.filters5_tag {
background-color: #f4f4f4;
align-items: center;
padding: .5rem .75rem .5rem 1rem;
display: flex;
}
.button-link {
color: #1b1b1b;
background-color: #0000;
align-items: center;
padding: .25rem 0;
line-height: 1;
text-decoration: none;
display: flex;
}
.filters5_dropdown-icon {
margin-top: .75rem;
margin-bottom: .75rem;
margin-right: 1rem;
}
.filters5_form-block {
width: 100%;
margin-bottom: 0;
}
.ths05-search-wrapper {
justify-content: space-between;
align-items: flex-start;
height: 93px;
display: none;
}
.ths05-search {
width: 620px;
margin-bottom: 0;
position: relative;
}
.ths05-search-input {
color: #2f396d;
border: 1px #000;
border-radius: 150px;
height: 60px;
margin-bottom: 0;
padding-left: 75px;
padding-right: 30px;
font-family: Poppins, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 20px;
box-shadow: 7px 7px 30px #08165d1a;
}
.ths05-search-input::placeholder {
color: #08165d66;
font-family: Poppins, sans-serif;
font-size: 15px;
font-weight: 500;
}
.ths05-search-button {
background-color: #0000;
background-image: linear-gradient(270deg, #dcdef980, #83a4d44d), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/62f73642d95bf703b149538d_%5B6%5Dhs96_ico_search.svg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, 20px;
border-radius: 50%;
width: 50px;
height: 50px;
position: absolute;
inset: 5px auto auto 5px;
}
.ths05-button {
color: #fff;
background-color: #08165d;
border-radius: 150px;
justify-content: center;
align-items: center;
margin-left: 30px;
padding: 9px 35px;
font-family: Poppins, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 30px;
transition: background-color .2s;
display: flex;
}
.ths05-button:hover {
background-color: #2f396d;
}
.ths05-button.white {
color: #2f396d;
background-color: #fff;
height: 60px;
transition: box-shadow .25s ease-in-out;
box-shadow: 7px 7px 30px #08165d1a;
}
.ths05-button.white:hover {
box-shadow: none;
}
.free-shipping.product-window, .free-shipping.product-view, .heading-60 {
display: none;
}
.footer-btm-container {
padding-top: 4em;
position: relative;
}
.footer-btm-right {
grid-column-gap: 2em;
align-items: center;
display: flex;
}
.div-footer-space {
height: 3em;
display: none;
}
.text-white {
color: #fff;
line-height: 1;
}
.footer-cta-l {
position: relative;
}
.container-lg {
width: 95%;
margin-left: auto;
margin-right: auto;
}
.footer-social-btm-parent {
cursor: pointer;
padding-top: 1.6em;
padding-bottom: 1.6em;
position: relative;
}
.line-btm {
width: 100%;
height: 1px;
position: absolute;
inset: auto auto 0% 0%;
}
.footer-social-parent {
grid-column-gap: .6em;
grid-row-gap: 0em;
align-items: center;
padding-left: 4em;
}
.footer-arrow-icon {
filter: invert(34%);
width: .8em;
}
.heading-footer-cta {
font-size: 5.8em;
line-height: 1;
}
.footer-parent {
padding-top: 6.4em;
padding-bottom: 4em;
}
.footer-social-top {
color: #868686;
}
.div-hide {
position: relative;
overflow: hidden;
}
.footer-social-btm-link {
justify-content: space-between;
display: flex;
}
.footer-cta-container {
flex-direction: column;
justify-content: center;
align-items: flex-start;
font-weight: 400;
display: flex;
}
.line-top-white {
z-index: 1;
background-color: #fff;
width: 100%;
height: 1px;
position: absolute;
inset: 0% auto auto 0%;
}
.line-btm-white {
z-index: 1;
background-color: #fff;
width: 100%;
height: 1px;
position: absolute;
inset: auto auto 0% 0%;
}
.footer-top-container {
padding-bottom: 6.4em;
position: relative;
}
.footer-social-btm {
padding-top: 2em;
}
.footer-social-btm-link-r {
grid-column-gap: 1em;
color: #868686;
align-items: center;
display: flex;
}
.footer-cta-r {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .5fr 1.1fr .5fr;
grid-auto-columns: 1fr;
width: 100%;
margin-top: 1em;
padding-left: 5em;
display: grid;
position: relative;
}
.footer-social-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .5fr 1.25fr;
grid-auto-columns: 1fr;
margin-top: 6.4em;
display: grid;
}
.footer-social-grid {
grid-column-gap: 4em;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.footer-btm-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.product-text-container {
padding-left: 1.4em;
}
.nav-parent-2 {
z-index: 20;
background-color: #0d0d0d00;
align-items: center;
padding-top: 1.6em;
padding-bottom: 1.6em;
display: flex;
}
.heading-rg {
z-index: 2;
font-size: 3.2em;
line-height: 1;
}
.list-left {
grid-column-gap: 7.75em;
justify-content: space-between;
align-items: center;
display: flex;
}
.list-parent-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.border-line-top {
z-index: 1;
background-color: #292929;
width: 100%;
height: 1px;
position: absolute;
inset: 0% auto auto 0%;
}
.nav-middle-parent {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.process-container {
grid-row-gap: 2em;
flex-direction: column;
justify-content: space-around;
align-items: flex-start;
padding-top: 2em;
padding-bottom: 2em;
padding-right: 9em;
display: flex;
position: relative;
}
.process-container._2 {
padding-left: .8em;
position: relative;
}
.info-img {
object-fit: cover;
border-radius: 1em;
width: 100%;
height: 100%;
}
.mobile-nav-parent.hide {
display: none;
}
.vertical-line-90 {
background-color: #0d0d0d;
width: 1px;
height: 80%;
position: absolute;
inset: 10% auto auto 0%;
}
.heading-md {
z-index: 2;
font-size: 3.5em;
line-height: 1;
}
.hero-marquee-container {
width: 100%;
padding-top: 1em;
padding-bottom: 1em;
}
.process-grid-child {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.text-white-2 {
color: #fff;
font-family: Fontspring Demo Veneer, sans-serif;
font-size: 18px;
line-height: 1;
}
.text-white-2.animate-line {
font-size: 22px;
}
.text-white-2.light-typeface.text-height-1-4.split-text {
letter-spacing: .5px;
text-transform: uppercase;
width: 220px;
font-family: Helvetica, sans-serif;
font-size: 12px;
line-height: 1.2;
}
.text-white-2.light-typeface.text-height-1-4.split-text.fxx {
display: none;
}
.heading-semi {
margin-top: 0;
margin-bottom: 0;
font-size: 4em;
line-height: 1;
}
.list-image-parent {
z-index: 10;
border-radius: 1em;
width: 18.75em;
height: 22em;
position: absolute;
left: -51%;
right: auto;
overflow: hidden;
}
.process-number {
font-weight: 400;
}
.nav-logo {
width: 15em;
position: relative;
}
.content-section {
background-color: #fff;
padding-top: 4.8em;
padding-bottom: 6.8em;
}
.content-section.hide {
display: none;
}
.heading-xsm {
z-index: 1;
font-size: 1.5em;
line-height: 1;
position: relative;
}
.arrow-down-right {
width: 1em;
}
.heading-sm {
z-index: 1;
font-size: 2.5em;
line-height: 1;
position: relative;
}
.projects-info-text {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1.5fr 1fr;
grid-auto-columns: 1fr;
padding-top: 6.8em;
padding-bottom: 4.4em;
display: grid;
}
.info-parent {
position: relative;
}
.inner-marquee-child {
grid-column-gap: 2em;
white-space: nowrap;
align-items: center;
display: flex;
}
.tag {
z-index: 12;
border-radius: 100px;
justify-content: center;
align-items: center;
padding: .7em 1em .5em;
display: flex;
position: relative;
}
.home-process {
padding-top: 12em;
padding-bottom: 12em;
}
.inner-hero-marquee {
grid-column-gap: 2em;
align-items: center;
font-weight: 400;
display: flex;
}
.info-img-parent {
width: 40em;
position: absolute;
inset: 0%;
}
.super-text-xl {
white-space: nowrap;
font-size: 15em;
line-height: 1;
}
.super-text-xl.text-white {
letter-spacing: 0;
font-family: Didot, sans-serif;
font-size: 16em;
line-height: 1;
}
.info-circle {
float: left;
clear: left;
background-color: #fff;
border-radius: 100%;
width: 1.8em;
height: 1.8em;
margin-top: .4em;
margin-right: 8em;
}
.info-text-container {
padding-left: .6em;
}
.process-container-2 {
grid-row-gap: 2em;
flex-direction: column;
align-items: flex-start;
margin-left: 2em;
display: flex;
}
.super-text {
white-space: nowrap;
font-size: 9em;
line-height: 1;
}
.super-text.text-white {
line-height: 1;
}
.info-text-link {
cursor: pointer;
border-bottom: 2px solid #fff;
}
.hero-grid-middle {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.nav-child {
text-decoration: none;
}
.marquee-circle {
background-color: #fff;
border-radius: 100%;
width: 4.6em;
height: 4.6em;
display: none;
}
.parent {
z-index: 1;
position: relative;
}
.project-tag {
z-index: 1;
grid-row-gap: 1em;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-top: 1.6em;
display: flex;
position: relative;
}
.process-grid-parent-mobile {
display: none;
}
.hero-marquee {
width: 100%;
position: absolute;
inset: auto auto 0% 0%;
overflow: hidden;
}
.vertical-line-90-left {
background-color: #0d0d0d;
width: 1px;
height: 80%;
position: absolute;
inset: 10% 0% auto auto;
}
.home-info {
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 4.8em;
padding-bottom: 4.8em;
display: flex;
}
.hero-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1.25fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.heading-top-info {
z-index: 1;
color: #fff;
mix-blend-mode: difference;
position: relative;
}
.process-head {
font-weight: 400;
}
.nav-menu-parent {
grid-column-gap: 4em;
justify-content: flex-end;
display: flex;
}
.nav-grid-parent {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
font-weight: 400;
display: grid;
}
.mobile-nav-open-parent {
display: none;
}
.home-info-grid {
z-index: 1;
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #fff;
mix-blend-mode: difference;
grid-template-rows: auto;
grid-template-columns: 1.75fr .5fr;
grid-auto-columns: 1fr;
margin-top: 7.6em;
display: grid;
position: relative;
}
.card-wipe {
width: 100%;
height: 100%;
position: absolute;
inset: auto auto 0% 0%;
}
.card-wipe.bg-black {
z-index: 1;
}
.border-line-btm-2 {
z-index: 1;
background-color: #292929;
width: 100%;
height: 2px;
position: absolute;
inset: auto auto 0% 0%;
}
.home-hero-2 {
background-color: #0d0d0d;
height: 100vh;
padding-top: 8em;
position: relative;
}
.text-black {
color: #0d0d0d;
}
.project-list-image {
z-index: 2;
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
}
.process-info-text {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr .25fr 1.25fr 1.25fr;
grid-auto-columns: 1fr;
margin-top: 3em;
margin-bottom: 3em;
padding-top: 6.8em;
padding-bottom: 4.4em;
display: grid;
}
.list-parent {
justify-content: space-between;
align-items: center;
width: 100%;
padding-top: 2em;
padding-bottom: 4em;
padding-right: 0;
display: flex;
position: relative;
}
.body-5 {
background-color: #000;
background-image: linear-gradient(#0d0d0df7, #0d0d0df7), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/62ffb6a5f4dbe2082a43232e_Fotos_%20Niemeyer%2C%20obra%20y%20retrato%20de%20un%20genio%20del%20siglo%20XX.jpg");
background-position: 0 0, 0 0;
background-size: auto, contain;
}
.hack23-time-version1 {
font-family: Fontspring Demo Veneer, sans-serif;
}
.navigation-2 {
z-index: 18;
width: 100%;
position: fixed;
top: 0;
}
.hero-marquee-2 {
width: 100%;
position: absolute;
inset: auto auto 0% 0%;
overflow: hidden;
}
.hero-marquee-2.none {
display: none;
}
.marquee-circle-2 {
background-color: #fff;
border-radius: 100%;
width: 4.6em;
height: 4.6em;
}
.home-hero-3 {
background-color: #0d0d0d00;
height: 100vh;
padding-top: 8em;
position: relative;
}
.hero-grid-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1.25fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-top: 605px;
display: grid;
}
.scroll-home {
z-index: 100;
background-color: #000;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100px;
margin-top: 16px;
padding-top: 65px;
display: none;
position: static;
inset: 0% 0% auto;
overflow: hidden;
}
.scroll-home.desktop {
background-color: #0d0d0d;
margin-top: -7px;
display: block;
}
.track-horizontal-alt-2 {
flex-direction: row;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.marquee-text-desktop {
color: #fff;
letter-spacing: -.5px;
text-transform: uppercase;
flex: none;
margin-left: 15px;
margin-right: 15px;
font-weight: 700;
}
.marquee-circle-2-desktop {
background-color: #fff;
border-radius: 100%;
width: 4.6em;
height: 4.6em;
}
.marquee-text-2 {
color: #fff;
letter-spacing: -.5px;
text-transform: uppercase;
flex: none;
margin-left: 15px;
margin-right: 15px;
font-weight: 700;
}
.lottie-animation-3, .lottie-animation-4 {
justify-content: center;
align-items: center;
width: 28px;
display: flex;
}
.looping-wrapper {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: stretch;
place-items: center stretch;
display: grid;
}
.circle-link-hover {
background-color: #fff;
border-radius: 100%;
width: 100%;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.looping-hero-top {
border-bottom: 1px #ffffff1a;
justify-content: flex-start;
align-items: center;
margin-top: 100px;
padding-top: 60px;
padding-bottom: 110px;
display: flex;
}
.heading-separator {
background-color: #ffffff1a;
width: 60px;
height: 2px;
}
.heading-separator.mobile-only {
display: none;
}
.scroll-link {
grid-column-gap: 36px;
grid-row-gap: 16px;
color: #fff;
letter-spacing: 5px;
text-transform: uppercase;
border: 1px #000;
border-left: 1px solid #ffffff1a;
border-right: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
place-content: stretch center;
align-items: center;
font-size: 11px;
text-decoration: none;
display: grid;
overflow: hidden;
}
.content-grid {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
position: relative;
}
.looping-heading-wrapper {
grid-column-gap: 48px;
grid-row-gap: 16px;
white-space: nowrap;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
align-items: center;
padding-right: 48px;
display: grid;
}
.overlay-4 {
background-color: #04080c80;
position: absolute;
inset: 0%;
}
.overlay-4.light {
background-color: #04080c4d;
}
.circle-link {
color: #fff;
letter-spacing: 4px;
text-transform: uppercase;
background-color: #060a0e;
border: 1px #ffffff1a;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 140px;
height: 140px;
padding: 6px;
font-size: 10px;
text-decoration: none;
display: flex;
position: relative;
}
.looping-heading {
letter-spacing: 0;
text-transform: uppercase;
font-size: 52px;
font-weight: 700;
}
.looping-heading.mobile-only {
display: none;
}
.background-wrapper-2 {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.button-text-3 {
z-index: 25;
position: relative;
}
.home-hero-banner {
z-index: 10;
border-top: 1px #ffffff1a;
border-bottom: 1px #ffffff1a;
flex: 1;
justify-content: center;
height: 100%;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
overflow: visible;
}
.link-wrapper {
margin-top: -70px;
padding-bottom: 41px;
position: relative;
}
.background-image-2 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6320b9d9a500b48ba6ae6190_Image002.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
margin-right: 0;
position: absolute;
inset: 0%;
}
.background-image-2.home-background {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6320b9d9a500b48ba6ae6190_Image002.jpeg");
background-position: 50%;
}
.hero-section {
border-bottom: 1px solid #ffffff1a;
flex-direction: column;
justify-content: space-between;
min-height: 100vh;
padding-top: 0;
display: none;
overflow: hidden;
}
.hero-bottom {
border-top: 1px #ffffff1a;
justify-content: center;
height: 65px;
display: flex;
}
.outline {
border: 1px solid #ffffff1a;
border-radius: 100%;
margin: 9px;
position: absolute;
inset: 0%;
}
.text-size-small-2 {
font-size: .875rem;
}
.max-width-large {
width: 100%;
max-width: 48rem;
}
.product7_heading-wrapper {
grid-column-gap: 5rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: end;
display: grid;
}
.filters5_item-text-wrapper-2 {
grid-column-gap: 1rem;
justify-content: space-between;
align-items: center;
margin-bottom: .5rem;
display: flex;
}
.heading-large {
font-size: 2.5rem;
font-weight: 300;
line-height: 1.2;
}
.page-padding {
color: #1b1b1b;
padding-left: 5%;
padding-right: 5%;
}
.filters5_sort-dropdown-toggle-2 {
padding: .5rem 1.5rem .5rem 0;
}
.button-row_shop {
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
display: flex;
}
.button-row_shop.padding-vertical.align-center.margin-top-small {
justify-content: center;
margin-top: 60px;
}
.filters5_menu-link-2 {
white-space: nowrap;
border: 1px solid #0000;
flex: none;
padding: .5rem 1rem;
text-decoration: none;
}
.filters5_menu-link-2.w--current {
border-color: #1b1b1b;
}
.filters5_dropdown-toggle-2 {
border: 1px solid #000;
align-items: center;
min-height: 2.75rem;
padding: .5rem 2.5rem .5rem 1rem;
display: flex;
}
.button-secondary {
color: #1b1b1b;
text-align: center;
background-color: #0000;
border: 1px solid #1b1b1b;
padding: .75rem 1.5rem;
}
.filters5_feed-header-top-2 {
grid-column-gap: 1.5rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
margin-bottom: 2rem;
display: grid;
}
.button-icon-left-2 {
margin-right: .5rem;
}
.filters5_filters-wrapper-2 {
width: auto;
overflow: hidden;
}
.padding-vertical, .padding-vertical.padding-medium {
padding-left: 0;
padding-right: 0;
}
.container-large {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.product7_heading {
flex: 1;
}
.search-2 {
color: #fff;
border: 1px #fff3;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
min-width: 100%;
height: 32px;
margin-bottom: 0;
padding-right: 32px;
font-size: 12px;
display: flex;
position: relative;
inset: 0%;
}
.cart-bottom {
justify-content: space-between;
display: flex;
}
.invert-image {
filter: invert();
width: 16px;
}
.nav-base {
justify-content: center;
width: 100%;
height: 100%;
display: flex;
}
.button-text-4 {
color: #fff;
font-size: 15px;
}
.option-list-2 {
color: #667479;
text-transform: none;
font-size: 14px;
font-weight: 300;
line-height: 1.6em;
}
.quantity-cart-item {
color: #667479;
letter-spacing: 4px;
text-transform: uppercase;
align-items: center;
font-size: 11px;
display: flex;
}
.button-text-wrapper-3 {
cursor: pointer;
flex-direction: column;
justify-content: center;
display: flex;
overflow: hidden;
}
.default-state-3 {
flex: 0 auto;
justify-content: space-between;
height: 100%;
max-height: 100vh;
padding: 0;
overflow: hidden;
}
.cart-quantity-wrapper {
grid-column-gap: 9px;
grid-row-gap: 16px;
letter-spacing: 5px;
text-transform: uppercase;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
grid-auto-columns: 1fr;
font-size: 11px;
display: grid;
}
.search-input {
color: #fff;
background-color: #fff0;
border: 1px #000;
width: 100%;
height: 100%;
margin-bottom: 0;
padding: 0 0 0 18px;
font-size: 14px;
}
.search-input::placeholder {
line-height: 1.2em;
}
.order-details {
flex-direction: column;
justify-content: space-between;
width: 100%;
margin-left: 24px;
margin-right: 0;
display: flex;
}
.checkout-actions {
flex-direction: column;
flex: 1;
display: flex;
}
.remove-button-2 {
color: #596066;
letter-spacing: 0;
text-transform: uppercase;
justify-content: center;
align-items: center;
margin-right: 0;
font-size: 12px;
text-decoration: none;
display: flex;
}
.cart-wrapper-3 {
grid-column-gap: 9px;
grid-row-gap: 16px;
color: #fff;
letter-spacing: 5px;
text-transform: uppercase;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
grid-auto-columns: 1fr;
place-content: center space-between;
align-items: center;
height: 36px;
min-height: 36px;
font-size: 12px;
display: grid;
}
.lottie-animation-5 {
opacity: .6;
justify-content: center;
align-items: center;
width: 13px;
display: flex;
}
.close-cart {
border-bottom-style: none;
padding: 0 48px 0 0;
}
.cart-container-3 {
min-width: 380px;
max-width: 625px;
max-height: 100vh;
box-shadow: none;
cursor: default;
background-color: #fff0;
margin-top: 0;
padding-top: 0;
overflow: hidden;
}
.button-12 {
color: #000;
text-align: center;
letter-spacing: 5px;
text-transform: uppercase;
background-color: #fff0;
border-radius: 100px;
justify-content: center;
align-items: center;
padding: 14px 23px 14px 28px;
font-size: 11px;
line-height: 1.5em;
text-decoration: none;
display: flex;
}
.button-12.dark {
color: #fff;
background-color: #080808;
line-height: 1.5em;
}
.cart-form-wrapper-2 {
z-index: 25;
color: #080808;
background-color: #fff;
max-height: 100vh;
margin-top: -60px;
padding-top: 0;
padding-bottom: 0;
position: relative;
}
.search-icon-2 {
z-index: 25;
border: 1px #fff3;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 0 1px 1px 0;
display: flex;
}
.cart-line-item-2 {
color: #000;
letter-spacing: .02em;
text-transform: none;
border-bottom: 1px solid #e5ebf0;
margin-bottom: 30px;
padding-bottom: 28px;
font-size: 15px;
}
.nav-content {
grid-column-gap: 24px;
grid-row-gap: 16px;
color: #fff;
grid-template-rows: auto;
grid-template-columns: auto 1fr auto;
grid-auto-columns: 1fr;
justify-content: space-between;
justify-items: center;
display: grid;
}
.special-pay-button-2 {
border-radius: 100px;
}
.dropdown-search-list {
z-index: 10;
background-color: #0000;
flex: 0 auto;
display: none;
position: relative;
}
.dropdown-search-list.w--open {
justify-content: flex-end;
}
.cart-content {
z-index: 5000;
cursor: pointer;
background-color: #080808b3;
}
.dynamic-quantity {
grid-column-gap: 3px;
grid-row-gap: 3px;
letter-spacing: 0;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: center;
place-items: center;
display: grid;
}
.search-base {
z-index: 5;
justify-content: flex-start;
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.back-button-content {
grid-column-gap: 18px;
grid-row-gap: 18px;
letter-spacing: 5px;
text-transform: uppercase;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
place-items: center;
font-size: 11px;
text-decoration: none;
display: grid;
}
.empty-cart {
text-align: center;
flex-direction: column;
justify-content: space-between;
padding-top: 0;
padding-bottom: 0;
}
.checkout-button-2 {
letter-spacing: 5px;
text-transform: uppercase;
background-color: #000;
border-radius: 100px;
flex: 1;
justify-content: center;
min-height: 60px;
font-size: 11px;
display: flex;
}
.close-button-2 {
color: #596066;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 8px 0;
text-decoration: none;
display: flex;
}
.right-nav-3 {
grid-column-gap: 18px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: auto;
grid-auto-flow: column;
display: grid;
}
.cart-item-bottom {
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.cart-item-top {
justify-content: space-between;
align-items: flex-start;
margin-bottom: 36px;
margin-left: 0;
margin-right: 0;
display: flex;
}
.cart-quantity-4 {
color: #fff;
letter-spacing: 0;
background-color: #fff0;
min-width: 0;
height: auto;
margin-left: 0;
padding-left: 0;
padding-right: 0;
font-size: 12px;
font-weight: 400;
}
.cart-item-title {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.product-quantity {
color: #596066;
text-align: center;
letter-spacing: 4px;
text-transform: uppercase;
background-color: #f4f8fa00;
border-style: solid;
border-color: #e5ebf0;
border-radius: 0;
justify-content: center;
align-items: center;
width: 30px;
height: 18px;
margin-bottom: 0;
margin-left: 6px;
padding: 1px 0 0 3px;
font-size: 10px;
font-weight: 300;
line-height: .8em;
transition: border-color .4s cubic-bezier(.25, .46, .45, .94);
display: flex;
}
.product-quantity:focus {
border-color: #99a7ac;
}
.cart-image {
object-fit: cover;
width: 90px;
min-width: 90px;
max-width: 90px;
height: 100%;
}
.inside-cart-quantity {
grid-column-gap: 2px;
grid-row-gap: 16px;
letter-spacing: 0;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
font-size: 12px;
display: grid;
}
.nav-link-5 {
color: #fff;
letter-spacing: 5px;
text-transform: uppercase;
justify-content: center;
align-items: center;
height: 100%;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: 12px;
line-height: 1.2em;
text-decoration: none;
display: flex;
position: static;
}
.nav-link-5.w--current {
color: #fff;
}
.cart-footer-2 {
border-top-style: solid;
border-top-color: #e4e9ec;
flex: 0 auto;
padding: 28px 40px 24px;
}
.nav-menu-7 {
display: flex;
}
.navbar-4 {
background-color: #fff0;
flex-direction: column;
justify-content: center;
height: 65px;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.cart-top {
z-index: 50;
color: #080808;
letter-spacing: .02em;
text-transform: none;
background-color: #f4f8fa;
border-bottom: 1px #e5ebf0;
justify-content: space-between;
align-items: center;
width: 100%;
height: 60px;
min-height: 60px;
padding: 0 40px;
font-size: 14px;
font-weight: 400;
display: flex;
position: relative;
}
.price-3 {
color: #667479;
letter-spacing: .05em;
text-transform: uppercase;
font-size: 14px;
font-weight: 300;
}
.price-3.large {
font-size: 15px;
font-weight: 400;
}
.cart-list-3 {
grid-column-gap: 16px;
grid-row-gap: 36px;
border-top: 1px #e4e9ec;
flex-direction: column;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-top: 60px;
margin-left: 40px;
margin-right: 16px;
padding: 36px 24px 36px 0;
display: grid;
overflow: auto;
}
.error-message {
border-left: 3px solid #a74030;
margin-left: 40px;
margin-right: 40px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 18px;
}
.brand-logo {
width: 130%;
max-width: 130%;
}
.cart-title {
letter-spacing: .02em;
text-transform: none;
margin-bottom: 9px;
font-size: 16px;
font-weight: 500;
}
.search-button {
letter-spacing: 2px;
text-transform: uppercase;
background-color: #3898ec00;
border-radius: 100px;
width: 32px;
min-width: 32px;
height: 32px;
min-height: 32px;
margin-left: -12px;
padding: 0 0 0 2px;
font-size: 10px;
display: none;
}
.close-icon {
opacity: .75;
width: 12px;
min-width: 12px;
}
.menu-wrapper-2 {
grid-column-gap: 54px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
display: grid;
}
.menu-base {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
justify-items: stretch;
width: 100%;
display: grid;
}
.brand-5 {
color: #fff;
letter-spacing: 4px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
width: 110px;
padding-left: 0;
font-size: 16px;
font-weight: 500;
display: flex;
}
.empty-cart-content {
flex: 1;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.search-wrapper {
flex-direction: column;
justify-content: center;
align-items: flex-end;
padding-right: 6px;
display: flex;
}
.cart-item-wrapper {
border-top: 1px #e5ebf0;
width: 100%;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.cart-item-2 {
border-top: 1px #f4f8fa;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.cart-button-3 {
color: #000;
background-color: #3898ec00;
padding: 0;
}
.search-toggle {
z-index: 25;
width: 32px;
min-width: 32px;
height: 32px;
min-height: 32px;
padding: 0;
}
.search-toggle.w--open {
margin-left: -32px;
}
.stacked-description {
grid-column-gap: 16px;
grid-row-gap: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.dropdown-search {
z-index: 25;
outline-offset: 0px;
border: 1px solid #ffffff40;
border-radius: 100px;
outline: 1px #fff3;
flex-direction: row-reverse;
justify-content: flex-end;
align-items: center;
min-width: 34px;
min-height: 34px;
margin-left: 0;
margin-right: 0;
display: flex;
}
.form-4 {
grid-column-gap: 16px;
grid-row-gap: 24px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.section-24 {
z-index: 10;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 120px 5vw;
display: flex;
position: relative;
}
.section-24.no-top-padding {
padding-top: 0;
}
.section-24.no-top-padding.fx {
display: none;
}
.section-24.no-verticle-padding {
padding-top: 0;
padding-bottom: 0;
display: none;
}
.project-description {
grid-column-gap: 24px;
grid-row-gap: 60px;
color: #090b19;
background-color: #f3f6fc;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 80px 60px;
display: grid;
position: relative;
}
.project-description.top-grey-border {
border-top: 1px solid #e2e7f1;
}
.success-wrapper {
grid-column-gap: 16px;
grid-row-gap: 12px;
background-color: #ffffffd9;
border: 1px solid #e2e7f1;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
min-height: 340px;
padding: 60px;
display: grid;
}
.service-menu-list {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top: 1px solid #f3f6fc;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.body-display-4 {
color: #6e7488;
font-size: 16px;
line-height: 1.6em;
}
.field-label-4 {
letter-spacing: 4px;
text-transform: uppercase;
font-size: 12px;
font-weight: 400;
}
.list-heading-wrapper {
grid-column-gap: 7px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
padding-left: 24px;
display: grid;
}
.field-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.project-features {
padding-top: 80px;
display: none;
}
.sticky-services-menu {
grid-column-gap: 0px;
grid-row-gap: 24px;
white-space: nowrap;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-rows: auto;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
position: sticky;
top: 100px;
overflow: hidden;
}
.wrapper-2 {
z-index: 10;
width: 100%;
max-width: 1400px;
position: relative;
}
.utility-message {
background-color: #0000;
height: 100%;
margin-top: auto;
padding: 0;
}
.list-item-arrow {
width: 18px;
min-width: 18px;
}
.subtitle-5 {
z-index: 10;
color: #090b19;
letter-spacing: 4px;
text-transform: uppercase;
font-family: Inter, sans-serif;
font-size: 12px;
font-weight: 400;
position: relative;
}
.project-description-wrapper {
grid-column-gap: 0px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.error-message-2 {
color: #090b19;
background-color: #e2e7f1;
margin-top: 0;
padding: 12px 18px;
}
.text-field-4 {
background-color: #ffffffa6;
border: 1px solid #e2e7f1;
border-radius: 2px;
min-height: 54px;
margin-bottom: 0;
padding-top: 18px;
padding-bottom: 18px;
padding-left: 18px;
transition: all .4s cubic-bezier(.25, .46, .45, .94);
}
.text-field-4:focus {
background-color: #fff;
border-color: #d4ddee;
}
.text-field-4::placeholder {
color: #6e7488;
}
.text-field-4.large {
min-height: 140px;
}
.menu-list-item {
grid-column-gap: 18px;
grid-row-gap: 16px;
color: #6e7488;
letter-spacing: -.03em;
white-space: normal;
border-top: 1px #f3f6fc;
border-bottom: 1px solid #f3f6fc;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
padding: 24px;
font-family: Inter, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.25em;
text-decoration: none;
transition: padding .4s cubic-bezier(.25, .46, .45, .94), color .4s cubic-bezier(.25, .46, .45, .94);
display: grid;
}
.menu-list-item:hover {
color: #090b19;
}
.menu-list-item.w--current {
color: #090b19;
padding-left: 36px;
}
.submit-button-4 {
letter-spacing: 3px;
text-transform: uppercase;
background-color: #090b19;
border-radius: 100px;
min-width: 160px;
padding: 16px 32px;
font-size: 12px;
}
.banner-items {
white-space: nowrap;
background-color: #f3f6fc;
align-items: center;
height: 120px;
display: flex;
overflow: hidden;
}
.page-info-ribbon {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: grid;
}
.dark-dot {
background-color: #090b19;
border-radius: 100px;
width: 4px;
min-width: 4px;
height: 4px;
min-height: 4px;
margin-left: 6px;
margin-right: 10px;
}
.page-info {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #f3f6fc;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
height: 120px;
display: grid;
overflow: hidden;
}
.banner-scrolling-wrapper {
background-color: #f3f6fc;
width: 100%;
height: 100%;
}
.scrolling-text {
align-items: center;
height: 100%;
display: flex;
}
.radio--button {
z-index: 0;
border-style: none;
border-radius: 0%;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
position: absolute;
inset: 0%;
}
.radio--button.w--redirected-checked {
z-index: 0;
color: #fff;
background-color: #c1d4ff;
border-color: #0000;
border-radius: 4px;
}
.div-block-3 {
width: 100%;
height: 40%;
position: absolute;
inset: 5% 0% 0%;
}
.radio-button-field {
color: #3b3ff9;
cursor: pointer;
background-color: #0000;
border: 1px solid #3b3ff9;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 100%;
padding: 20px 8px;
transition: background-color .4s;
display: flex;
position: relative;
}
.radio-button-field:hover {
color: #fff;
background-color: #7275f6;
}
.container-12 {
justify-content: center;
align-items: center;
width: 100%;
max-width: 1300px;
height: 100%;
display: flex;
position: relative;
}
.container-12.horizontal {
text-align: center;
flex-direction: column;
}
.chat-bubble-wrapper {
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
margin-bottom: 27px;
padding: 15px 10px;
display: flex;
}
.success-icon {
font-size: 55px;
}
.chat-wrapper {
z-index: 99;
background-color: #fff;
flex-direction: column;
justify-content: space-between;
width: 300px;
height: 550px;
margin-bottom: 40px;
display: flex;
position: absolute;
inset: auto 3% 3% auto;
overflow: hidden;
}
.form-5 {
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 15px 7px;
display: flex;
position: relative;
}
.rbl {
z-index: 2;
position: relative;
}
.chat-bubble {
background-color: #f2f2f3;
border-radius: 9px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: auto;
max-width: 80%;
margin-top: 0;
margin-bottom: 9px;
padding: 12px 25px;
display: flex;
overflow: hidden;
}
.chat-bubble.response--3, .chat-bubble.response--1, .chat-bubble.response--4 {
display: none;
}
.chat-bubble.reply {
color: #fff;
background-color: #3b40f8;
align-self: flex-end;
display: flex;
}
.chat-bubble.reply.reply--service, .chat-bubble.reply.reply--name {
display: none;
}
.chat-bubble.reply.reply--email {
max-width: 100%;
display: none;
overflow: visible;
}
.chat-bubble.response--2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 100%;
display: none;
}
.text-block-170 {
color: #dbdbdb;
margin-left: 12px;
font-size: 13px;
}
.heading-63 {
color: #fff;
margin: 0;
font-size: 65px;
line-height: 1.3;
}
.submit-button-5 {
letter-spacing: 1px;
text-transform: uppercase;
background-color: #3b40f8;
border-radius: 1000px;
margin-left: -79px;
padding-left: 36px;
padding-right: 36px;
font-size: 14px;
font-weight: 600;
}
.subscribe-form-input-wrapper {
text-align: left;
flex: 1;
}
.field-wrapper-2 {
z-index: 0;
justify-content: center;
align-items: center;
width: 100%;
height: 50px;
margin-bottom: 0;
padding-left: 14px;
padding-right: 14px;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.subscribe-form-flex {
flex-direction: row;
flex: 1;
justify-content: center;
align-items: stretch;
display: flex;
}
.paragraph-13 {
color: #fff;
max-width: 500px;
margin-top: 20px;
margin-bottom: 0;
font-size: 16px;
line-height: 1.3;
}
.form-block-4 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-bottom: 0;
padding-left: 8px;
padding-right: 8px;
display: flex;
}
.chat-top {
background-color: #3b3ff9;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 45px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.prompt-message {
color: #181818;
background-color: #f2f2f3;
border-radius: 5px;
justify-content: center;
align-items: center;
padding: 15px 30px;
font-weight: 500;
display: flex;
position: absolute;
inset: -68% auto auto -183%;
}
.response--name {
color: #fff;
}
.section-25 {
background-color: #121212;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
}
.success {
background-color: #fff;
font-size: 16px;
font-weight: 700;
}
.form-block-5 {
width: 100%;
max-width: 600px;
margin-top: 30px;
}
.input-wrapper {
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
height: 100%;
display: flex;
overflow: hidden;
}
.lottie-animation-6 {
width: 44%;
margin-bottom: 3px;
margin-left: 2px;
}
.submit {
display: none;
}
.text-block-171 {
color: #fff;
font-weight: 600;
}
.field {
z-index: 1;
border: 1px #000;
border-top: 1px solid #cbcbcb;
border-bottom: 1px solid #d0d0d0;
height: 100%;
margin-bottom: 0;
position: absolute;
}
.field.dummy {
z-index: 0;
width: 100%;
}
.field.email {
display: none;
}
.field.hidden {
z-index: -1;
width: 0;
display: none;
}
.chat-button {
z-index: 100;
color: #fff;
cursor: pointer;
background-color: #3b3efa;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 75px;
height: 75px;
display: flex;
position: absolute;
inset: auto 2% 2% auto;
}
.subscribe-form-input {
color: #000;
letter-spacing: 1px;
text-transform: uppercase;
background-color: #fff;
border: 1px solid #fff;
border-radius: 2000px;
width: 100%;
height: 50px;
margin-bottom: 0;
padding-left: 30px;
padding-right: 30px;
}
.text-block-172 {
display: none;
}
.hero-section-2 {
padding-top: 0;
padding-bottom: 120px;
display: none;
}
.bottom-heading {
mix-blend-mode: screen;
width: 100%;
margin-top: 0;
margin-bottom: 0;
}
.background-image-3 {
z-index: -1;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.container-13 {
width: 90%;
max-width: 1560px;
margin-left: auto;
margin-right: auto;
}
.hero-layout {
width: 100%;
height: 85svh;
padding: 0;
}
.text-small {
opacity: .65;
font-size: 14px;
line-height: 20px;
}
.text-small.align-right {
text-align: right;
max-width: 16ch;
}
.arrow-button {
flex-direction: column;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
display: flex;
}
.cell-content {
border: 1px solid #ffffff12;
border-radius: 30px;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
padding: 30px;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 6px 20px #000, inset 0 1px 1px #fff3;
}
.cell-content.link {
transition: all .3s cubic-bezier(.23, 1, .32, 1);
}
.cell-content.link:hover {
border-color: #525b5e;
box-shadow: 0 6px 20px #424a4c, inset 0 1px 1px #fff3;
}
.work_date-wrap {
grid-column-gap: .5em;
grid-row-gap: .5em;
justify-content: flex-end;
align-items: center;
display: flex;
}
.work_date-dot {
border-style: solid;
border-width: 2px;
border-radius: 100vw;
flex: none;
width: .7em;
height: .7em;
}
.work_date-text {
font-size: .8em;
line-height: 1;
}
.section-27, .section-28, .section-29 {
display: none;
}
.form-field {
margin-bottom: 10px;
}
.bg-img {
background-image: linear-gradient(#0000004d, #0000 32%), linear-gradient(#0000 80%, #0000004d), none;
background-position: 0 0, 0 0, 50%;
background-size: auto, auto, cover;
border-radius: 20px;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 0;
display: flex;
}
.curve2 {
transform: rotate(90deg);
}
.form-block-6 {
background-color: #fff;
border-radius: 0 20px 20px 0;
width: 40%;
margin-top: 0;
margin-bottom: 0;
padding: 40px;
}
.mb-20 {
margin-top: 0;
margin-bottom: 10px;
font-size: 31px;
font-weight: 500;
line-height: 1.3;
}
.button-13 {
background-color: #000;
border-radius: 50px;
width: 100%;
height: 45px;
font-size: 16px;
font-weight: 400;
text-decoration: none;
transition: box-shadow .2s;
}
.button-13.social {
grid-column-gap: 13px;
color: #000;
background-color: #fff;
border: 1px solid #000;
justify-content: center;
align-items: center;
margin-top: 15px;
margin-bottom: 0;
transition: box-shadow .2s;
display: flex;
}
.pop-up {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
min-height: 100vh;
padding: 20px;
display: none;
}
.p-light {
margin-bottom: 35px;
font-weight: 300;
}
.spacer-20-2 {
width: 100%;
height: 20px;
}
.field-2 {
border: 1.5px #e7e7e7;
border-bottom: 1px solid #e7e7e7;
height: 45px;
margin-bottom: 0;
padding: 8px 0;
transition: box-shadow .2s;
}
.logo-link {
align-self: center;
margin-bottom: 40px;
}
.link-4 {
grid-column-gap: 10px;
background-color: #181818;
border: 1px solid #ffffff26;
border-radius: 10px;
justify-content: center;
align-items: center;
height: 45px;
padding: 15px 20px;
text-decoration: none;
transition: box-shadow .2s, transform .2s;
display: flex;
}
.link-4:hover {
transform: translate(0, -3px);
box-shadow: 0 3px 3px #fff3;
}
.link-img {
width: 20px;
height: 20px;
}
.form-block-7 {
margin-bottom: 10px;
}
.right-wrap {
background-color: #181818;
border: 1px solid #ffffff26;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 100%;
max-width: 550px;
height: auto;
padding: 40px;
display: flex;
}
.button-14 {
background-color: #5ac4d7;
border: 1px solid #5ac4d7;
border-radius: 10px;
width: 100%;
height: auto;
padding: 12px 20px;
font-weight: 600;
transition: background-color .2s;
}
.button-14:hover {
background-color: #181818;
border-color: #fff6;
}
.links {
color: #fff;
text-decoration: none;
}
.links.underline {
border-bottom: 1px solid #fff;
}
.or-wrap {
align-items: center;
margin-top: 13px;
margin-bottom: 10px;
display: flex;
}
.links-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 20px;
display: grid;
}
.line {
background-color: #ffffff26;
width: 100%;
height: 1px;
}
.og-pop-up {
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
background-color: #2121228c;
justify-content: center;
align-items: center;
width: 100%;
padding: 60px;
display: none;
}
.p-18 {
color: #fff;
text-decoration: none;
}
.p-18.semi-bold {
font-size: 18px;
font-weight: 500;
}
.p-18.semi-bold.mb-0 {
grid-column-gap: 10px;
display: flex;
}
.mb-0 {
margin-bottom: 0;
}
.mb-0.padding-rl {
padding-left: 30px;
padding-right: 30px;
}
.links-wrapper {
text-align: right;
margin-bottom: 10px;
}
.links-wrapper.center {
grid-column-gap: 15px;
grid-row-gap: 15px;
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.text-field-5 {
background-color: #181818;
border: 1px solid #ffffff26;
border-radius: 10px;
height: 45px;
margin-bottom: 15px;
padding: 10px 20px;
transition: border-color .2s;
}
.text-field-5:hover, .text-field-5:focus {
border-color: #5ac4d7;
}
.text-field-5::placeholder {
color: #b4bfd0;
font-size: 13px;
}
.label-wrap {
text-align: center;
}
.label-wrap.top {
margin-bottom: 25px;
}
.label-wrap.center {
text-align: center;
}
.pop-up-button {
color: #fff;
text-align: center;
background-color: #272727;
border-radius: 3px;
flex: none;
margin-bottom: 8px;
padding: 8px 32px;
font-size: 18px;
font-weight: 500;
line-height: 1.5;
transition: opacity .2s;
}
.pop-up-button:hover {
opacity: .8;
}
.pop-up-button:active {
opacity: 1;
}
.popup-form-error {
color: #444;
background-color: #dee5eb;
border-radius: 6px;
padding: 16px;
}
.pop-up-paragraph {
margin-bottom: 10px;
font-size: 16px;
line-height: 1.4em;
}
.pop-up-text-input {
background-color: #f7f9fa;
border: 1px solid #eff1f3;
border-radius: 3px;
height: 44px;
margin-bottom: 16px;
padding: 10px 16px;
font-size: 15px;
line-height: 1.4px;
}
.pop-up-text-input::placeholder {
color: #c2cdd8;
}
.pop-up-text-box {
max-width: 650px;
}
.pop-up-exit-button {
opacity: .2;
cursor: pointer;
transition: opacity .2s;
position: absolute;
inset: 20px 20px auto auto;
}
.pop-up-exit-button:hover {
opacity: .8;
}
.pop-up-back {
background-color: #20202099;
position: absolute;
inset: 0%;
}
.pop-up-wrapper {
z-index: 300;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
display: none;
position: fixed;
inset: 0%;
overflow: hidden;
}
.pop-up-wrapper.preorder {
display: none;
}
.form-7 {
margin-bottom: 8px;
}
.pop-up-box {
cursor: auto;
background-color: #fff;
border-radius: 8px;
max-width: 460px;
padding: 40px 40px 32px;
position: relative;
}
.pop-up-form {
text-align: left;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: stretch;
margin-top: 24px;
display: flex;
}
.pop-up-form-success {
color: #33383f;
background-color: #e9e9e9;
border-radius: 4px;
padding: 32px;
font-size: 16px;
line-height: 1.4em;
}
.error-message-4 {
color: #e5a7ff;
background-color: #ffffff17;
border-radius: .5em;
margin-top: 2.3em;
padding: 1.9em 2.1em;
}
.icon-1x1 {
display: flex;
}
.margin-top-contact {
margin-top: 10px;
}
.cms_button {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
color: #dce4cb;
background-color: #444b3778;
}
.field-3 {
z-index: 2;
color: #fff;
background-color: #0000;
border: 0 solid #000;
border-bottom: 1px solid #c2e7e77d;
border-radius: 0;
width: 100%;
min-width: 100%;
max-width: 100%;
height: 75px;
min-height: 75px;
max-height: 7em;
margin-bottom: 0;
padding: 0;
font-size: 2.5em;
font-weight: 400;
transition: all .3s;
position: relative;
}
.field-3:focus {
border-bottom-color: #fff;
}
.field-3.name {
color: #c2e7e7;
border-bottom-color: #c2e7e77d;
margin-top: -8px;
font-size: 1.9em;
font-weight: 400;
transition-property: all;
transition-duration: .3s;
}
.field-3.name::placeholder {
color: #c2e7e7;
}
.field-3.email {
color: #c2e7e7;
border-bottom-color: #c2e7e77d;
margin-top: -8px;
font-size: 1.9em;
font-weight: 400;
}
.field-3.phone {
color: #c2e7e7;
margin-top: -8px;
font-size: 1.9em;
}
.field-3.message {
color: #c2e7e7;
height: 240px;
min-height: 240px;
font-size: 1.7em;
font-weight: 400;
}
.lottie-animation-7 {
filter: invert();
width: 40px;
height: 40px;
margin-left: auto;
margin-right: auto;
}
.section-main-form {
position: relative;
}
.form_sucess_trigger {
display: none;
}
.checkbox {
z-index: 10;
cursor: default;
border: 1px solid #c2e7e74d;
border-radius: 0;
flex: 0 auto;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
font-weight: 500;
transition: background-color .1s;
display: block;
position: absolute;
inset: 0%;
}
.checkbox:hover {
background-color: #ffffff17;
}
.checkbox.w--redirected-checked {
z-index: 4;
background-color: #002a29;
background-image: none;
border-style: none;
}
.checkbox.w--redirected-focus {
height: 100%;
box-shadow: none;
border-color: #c2e7e74d;
border-radius: 0;
margin-top: 0;
margin-left: 0;
}
.checkbox.w--redirected-focus-visible {
border-color: #fff9;
width: 100%;
height: 100%;
margin-left: 0;
inset: 0%;
}
.field_label {
z-index: 1;
transform-origin: 0%;
color: #c2e7e7e6;
margin-bottom: .7em;
font-size: 1em;
font-weight: 400;
transition: transform .2s;
position: relative;
}
.field_label.large {
margin-bottom: .4em;
font-size: 1.4em;
font-weight: 400;
transform: scale(1.2)translate(0, 1.6em);
}
.field_label.is-radio {
margin-bottom: .5em;
font-size: 1.25em;
}
.success-2 {
text-align: center;
background-color: #ffffff24;
border-radius: .6em;
padding: 2.5em;
}
.left_form_wrapperr {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.success_text {
font-size: 1.4em;
font-weight: 500;
line-height: 1.4;
}
.submit_button {
color: #001c1b;
background-color: #c2e7e7;
padding-top: .9875em;
padding-bottom: .9875em;
font-size: 1.5em;
}
.padding-vertical-2 {
padding-top: 0;
padding-bottom: 0;
}
.padding-vertical-2.padding-huge {
padding-top: 9.75em;
padding-bottom: 17.1em;
}
.error-message_text {
font-size: 1.3em;
}
.field_wrap {
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-bottom: 0;
transition: all .3s;
display: flex;
position: relative;
}
.field_wrap.is-radio {
display: block;
}
.field_wrap.select {
align-items: stretch;
}
.main-form_component {
grid-column-gap: 20px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: grid;
}
.heading-qr_wrapper {
position: relative;
}
.image_item {
width: 100%;
}
.form-8 {
grid-row-gap: 3em;
flex-direction: column;
align-items: stretch;
display: flex;
}
.text-style-muted {
opacity: .8;
}
.max-width-medium {
max-width: 35.875em;
}
.checkbox-form_component {
grid-column-gap: 0px;
border: 1px solid #0000;
border-radius: 0;
flex-direction: row;
justify-content: center;
align-items: center;
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-height: none;
margin-bottom: 0;
padding: .925em 1.125em;
font-weight: 500;
display: flex;
position: relative;
}
.checkbox-form_component:focus {
border-color: #fff9;
}
.header--content {
z-index: 1;
flex: none;
justify-content: space-between;
align-items: center;
width: 100%;
padding-right: 0;
display: flex;
position: relative;
}
.cms_version {
z-index: 99;
align-items: center;
width: auto;
height: auto;
display: flex;
position: fixed;
inset: auto 4.95em 3.125em auto;
}
.hide-tablet-mobile {
margin-right: 4px;
display: block;
}
.image_collection {
background-color: #0b2726;
width: 40vw;
height: 100%;
position: absolute;
inset: 0% 0% auto auto;
}
.container-large-2 {
width: 100%;
max-width: 101.75em;
margin-left: auto;
margin-right: auto;
}
.radio_button {
z-index: 2;
border-color: #c2e7e74d;
border-radius: 0;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
transition: background-color .1s, border-width .1s;
position: absolute;
inset: 0%;
}
.radio_button:hover {
background-color: #ffffff17;
}
.radio_button.w--redirected-checked {
background-color: #002a29;
border: 1px #fff;
}
.radio_button.w--redirected-focus {
box-shadow: none;
border-width: 2px;
}
.radio_wrap {
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.top-text_wrapper {
margin-bottom: 57px;
}
.icon_wrapper {
background-color: #002a29;
border: 1px solid #c2e7e730;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 5.2em;
height: 5.2em;
display: flex;
position: absolute;
inset: 2.7em -4.2em auto auto;
}
.radio_field {
margin-top: .4em;
margin-right: .6em;
padding: 1.125em;
position: relative;
}
.text-size-regular-20 {
max-width: none;
margin-bottom: 0;
margin-left: 0;
font-size: 1.25rem;
line-height: 1.5;
}
.text-size-regular-20.text-weight-medium {
z-index: 5;
font-size: 1.3em;
font-weight: 500;
position: relative;
}
.main-head-wrapper {
z-index: 998;
background-color: #0000;
justify-content: center;
align-items: center;
width: auto;
padding: 3.75em 0 0;
transition: all .4s;
display: block;
position: fixed;
inset: 0% 0% auto;
}
.margin-bottom-2.margin-medium {
padding-bottom: 1em;
}
.margin-bottom-2.margin-tiny {
margin-bottom: .5em;
}
.radio_label {
z-index: 3;
margin-bottom: 0;
font-size: 1.3em;
font-weight: 300;
line-height: 1;
position: relative;
}
.select-field-2 {
z-index: 1;
background-color: #0000;
height: 73px;
min-height: 73px;
font-size: 1.25rem;
position: relative;
}
.select-field-2.wide {
z-index: 30;
color: #c2e7e7e6;
border: 1px #dde4e1;
border-bottom: 1px solid #c2e7e77d;
border-radius: 0;
align-items: center;
height: 76px;
min-height: 76px;
margin-bottom: 0;
padding-top: 1.075rem;
padding-bottom: 1.075rem;
padding-left: 0;
font-size: 1.5em;
line-height: 1;
display: flex;
}
.hide-mobile-ins {
display: none;
}
.image-14 {
transform: scale(.7);
}
.text-size-tiny {
font-size: 12px;
}
.text-style-allcaps {
text-transform: uppercase;
}
.text-style-allcaps.slide-up.tricks {
overflow: hidden;
}
.logo-2 {
color: #fff;
}
.logo-2.w--current {
mix-blend-mode: difference;
}
.form-9 {
width: 80%;
margin-bottom: 0;
}
.error2 {
color: #e5a7ff;
width: 100%;
min-width: 100%;
margin-top: .6em;
font-size: 1.2em;
display: block;
}
.page-padding-2 {
padding-left: 2.35em;
padding-right: 2.35em;
}
.collaborators_select {
grid-column-gap: .875rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: repeat(auto-fit, minmax(151px, 1fr));
grid-auto-columns: auto;
grid-auto-flow: row;
place-content: flex-start;
place-items: center start;
min-height: auto;
display: flex;
}
.main-wrapper {
display: none;
}
.image-16 {
min-width: 110px;
max-width: 0%;
min-height: 110px;
margin-top: 30px;
margin-left: 244px;
}
.heading-65 {
object-fit: cover;
}
.hero-heading-right {
grid-column-gap: 80px;
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 64px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-14 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.image-wrapper-2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.image-17 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.column-2 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-2 {
color: #212121;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style {
grid-column-gap: 8px;
background-color: #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.text-3 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.navbar-logo-left {
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1440px;
height: 69px;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.navbarcontainer {
justify-content: center;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.navbar-content {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.navbar-brand {
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.logo-3 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 141px;
height: 36px;
text-decoration: none;
display: flex;
}
.navbar-menu {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.navbar-link {
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding: 24px 12px;
text-decoration: none;
display: flex;
}
.text-4 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.navbar-button {
grid-column-gap: 8px;
background-color: #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.text-5 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.nav-top-barmobile {
background-color: #fbfbfb;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 61px;
padding-left: 8px;
padding-right: 8px;
display: flex;
box-shadow: 0 1px #00000040;
}
.logo-components {
grid-column-gap: 4px;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 80px;
display: flex;
}
.logoicon {
overflow: hidden;
}
.vector {
object-fit: cover;
}
.logotext-2 {
color: #252630;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 23px;
font-weight: 600;
line-height: 34.5px;
text-decoration: none;
}
.hero {
background-color: #f5f5f5;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 491px;
padding: 160px 24px;
display: none;
}
.text-content-title {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.text-6 {
color: #1e1e1e;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-7 {
color: #757575;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 120%;
text-decoration: none;
}
.navbar-button-2 {
z-index: 999;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
text-transform: uppercase;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: 0;
font-size: .8rem;
display: block;
}
.navbar-button-2.w--open {
background-color: #fff0;
}
.navbar-button-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: center;
display: flex;
}
.navbar-button-container {
flex-direction: column;
justify-content: space-between;
width: 2rem;
height: .7rem;
display: flex;
position: relative;
}
.navbar-line {
background-color: #191919;
width: 100%;
height: 1px;
}
.navbar-link-2 {
color: #f7f6f1;
text-transform: uppercase;
padding-left: 0;
padding-right: 0;
font-size: 2rem;
}
.navbar-social {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
align-items: flex-start;
width: 100%;
margin-top: 3rem;
display: flex;
}
.navbar-overlay {
background-color: #191919b3;
width: 100%;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
}
.link-5.is-social {
border: 1px solid #afafaf;
border-radius: 50%;
width: 2.5rem;
height: 2.5rem;
}
.link-5.is-contact {
color: #f7f6f1;
font-size: 1.25rem;
text-decoration: none;
}
.navbar-brand-2.w--current {
padding-left: 0;
}
.navbar-menu-2 {
color: #f7f6f1;
background-color: #55554d;
width: 40vw;
height: 100vh;
padding: 4.5rem 2.5rem 2.5rem;
inset: 0% 0% 0% auto;
}
.grid-5.is-social {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.grid-5.is-casestudy {
grid-column-gap: 1.56rem;
grid-row-gap: 1.56rem;
grid-template-rows: auto;
grid-template-columns: 1.2fr .85fr .85fr;
}
.grid-5.is-product {
grid-column-gap: 0em;
grid-row-gap: 0em;
grid-template-rows: auto;
grid-template-columns: .4fr 1fr;
place-items: start;
}
.grid-5.is-hero {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: .55fr 1fr .55fr;
place-items: start;
}
.grid-5.is-footer {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1.2fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-5.is-awards {
grid-column-gap: 8rem;
grid-row-gap: 8rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.grid-5.is-credit {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr 1fr .9fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.grid-5.is-wood {
grid-column-gap: 0em;
grid-row-gap: 0em;
grid-template-rows: auto;
grid-template-columns: .4fr 1fr;
place-items: start;
}
.grid-5.is-intro {
grid-column-gap: 2.375rem;
grid-row-gap: 2.375rem;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
align-items: center;
}
.container-navbar {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
display: flex;
}
.navbar-logo-center.secondary, .navbar-logo-center.shop, .navbar-logo-center.home {
display: none;
}
.navbar-logo-center-container {
z-index: 5;
background-color: #0000;
width: 1030px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
.navbar-logo-center-container.shadow-three {
width: 100%;
max-width: 1140px;
}
.container-16 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.navbar-wrapper-three {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.navbar-brand-three {
z-index: 5;
position: absolute;
}
.nav-menu-wrapper-three {
width: 100%;
}
.nav-menu-three {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
display: flex;
}
.nav-menu-block {
justify-content: center;
align-items: center;
margin-bottom: 0;
display: flex;
}
.nav-link-6 {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px;
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.nav-link-6:hover {
color: #1a1b1fbf;
}
.nav-link-6:focus-visible, .nav-link-6[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-dropdown {
margin-left: 5px;
margin-right: 5px;
}
.nav-dropdown-toggle {
letter-spacing: .25px;
padding: 5px 30px 5px 10px;
font-size: 14px;
line-height: 20px;
}
.nav-dropdown-toggle:hover {
color: #1a1b1fbf;
}
.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-icon {
margin-right: 10px;
}
.nav-dropdown-list {
background-color: #fff;
border-radius: 12px;
}
.nav-dropdown-list.w--open {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-link {
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-link-accent {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 20px;
padding: 5px 10px;
font-size: 14px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
}
.nav-link-accent:hover {
color: #1a1b1fbf;
}
.button-primary {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary:hover {
color: #fff;
background-color: #32343a;
}
.button-primary:active {
background-color: #43464d;
}
.img-wrap {
position: relative;
}
.img-wrap.mod--round {
cursor: pointer;
background-color: #4732d4;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 9.75rem;
height: 9.75rem;
display: flex;
position: absolute;
inset: 0 auto auto 2.875rem;
}
.img-wrap.mod--round-text3 {
position: absolute;
inset: 0%;
}
.img-wrap.mod--round-text2 {
justify-content: center;
align-items: center;
padding: .7rem;
transition: all .5s cubic-bezier(.215, .61, .355, 1);
display: flex;
position: absolute;
inset: 0%;
}
.img.mod--round-text {
width: 100%;
height: 100%;
transition: all .5s ease-in-out;
display: block;
position: relative;
}
.img.mod--round-arrow {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/682fb628e265690f5bdaa9a6_circle-arrow.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 1.8125rem;
transition: all .5s cubic-bezier(.215, .61, .355, 1);
position: absolute;
inset: 0%;
}
.img.mod--arrow {
z-index: 1;
width: .625rem;
transition: all .2s;
display: block;
position: relative;
}
.img.mod--ava {
z-index: 3;
border: .125rem solid #e4dccf;
border-radius: 50%;
flex: none;
width: 3.5rem;
height: 3.5rem;
transition: all .8s cubic-bezier(.215, .61, .355, 1);
display: block;
position: relative;
}
.img.mod--ava.mod--3 {
z-index: 1;
}
.img.mod--ava.mod--1 {
margin-left: 0;
}
.img.mod--ava.mod--2 {
z-index: 2;
}
.img.mod--about-man {
transition: all .8s;
display: block;
position: absolute;
inset: 0%;
}
.button-underline-progress {
background-color: #fff;
width: 0;
height: 1px;
position: absolute;
inset: 0% auto auto 0%;
}
.bio {
color: #191919;
font-size: 1.25rem;
line-height: 1.45;
}
.text-size-large-2 {
font-size: 1.5rem;
line-height: 1.4;
}
.image-award {
width: 5.5rem;
max-height: 5rem;
}
.image-explore {
object-fit: cover;
position: absolute;
}
.text-capitalize {
text-transform: uppercase;
}
.overflow-hidden-2 {
overflow: hidden;
}
.credit-component-image-wrapper {
z-index: 200;
width: 18rem;
padding-top: 11.25rem;
position: absolute;
inset: auto 8% -150% auto;
}
.explore-info-item {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-direction: column;
display: flex;
}
.button-link-content {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
align-items: center;
display: flex;
}
.icon-1x1-tiny {
z-index: 5;
flex: none;
width: .8rem;
height: .8rem;
position: relative;
}
.intro-number-text {
letter-spacing: -.25rem;
font-size: 5.7rem;
line-height: 1;
}
.section-35.is-fullscreen {
position: relative;
}
.section-35.case-study {
padding-top: 11.25rem;
padding-bottom: 5.25rem;
}
.section-35.is-hero {
padding-top: 22rem;
padding-bottom: 7em;
}
.section-35.is-info {
background-color: #191919;
}
.section-35.background-color-grey {
background-color: #f1f0ec;
}
.link-6.is-footer {
text-transform: uppercase;
font-size: 1rem;
text-decoration: none;
overflow: hidden;
}
.link-6.is-product-teaser {
background-color: #f1f0ec;
border-right: 1px solid #afafaf;
justify-content: center;
align-items: center;
width: 50%;
min-height: 50vh;
padding-top: 5rem;
padding-bottom: 5rem;
display: flex;
position: relative;
}
.link-6.is-credit {
color: #191919;
justify-content: space-between;
width: 100%;
padding-top: .75rem;
padding-bottom: .75rem;
text-decoration: none;
display: flex;
position: relative;
}
.image-wood {
max-width: 60vw;
margin-left: auto;
margin-right: auto;
position: static;
transform: translate(0, 1px);
}
.wood-component-icon {
border: 1px solid #191919;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2.75rem;
height: 2.75rem;
transition: transform .35s cubic-bezier(.165, .84, .44, 1), opacity .35s cubic-bezier(.165, .84, .44, 1);
display: flex;
}
.wood-component-icon:hover {
opacity: .5;
color: #191919;
border-color: #191919;
transform: rotate(-45deg);
}
.divider-line {
z-index: 100;
background-color: #afafaf;
width: 100%;
height: 1px;
position: relative;
}
.divider-line.vertical {
width: 1px;
height: 100%;
position: absolute;
inset: 0% 0% 0% auto;
}
.wood-component-wrapper {
grid-column-gap: 2.25rem;
grid-row-gap: 2.25rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: minmax(auto, 19.375rem) 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: flex;
}
.wood-component-icon_arrow {
width: 1rem;
height: 1rem;
}
.explore-info-image {
border-radius: .625rem;
overflow: hidden;
}
.spacer-huge {
width: 100%;
padding-top: 6rem;
}
.credit-component {
position: relative;
}
.social-author {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-direction: column;
justify-content: space-between;
max-width: 59%;
line-height: 1.5;
display: flex;
}
.button-15 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #191919;
text-align: center;
text-transform: uppercase;
background-color: #0000;
border: 1px solid #000;
border-radius: 50rem;
justify-content: flex-start;
align-items: center;
padding: .6em 1.5em;
font-size: .8rem;
font-weight: 500;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.wood-component-title {
justify-content: space-between;
margin-top: 2.25rem;
display: flex;
}
.product-image-2.is-teaser {
object-fit: cover;
display: block;
position: absolute;
inset: 0%;
}
.product-image-2.is-bed {
object-fit: contain;
max-width: 80%;
margin-top: 10%;
margin-bottom: 10%;
}
.first-image-slide.is-product-teaser {
flex-direction: row;
width: 100%;
display: flex;
}
.first-image-slide.is-wood-intro {
padding-top: 17.75rem;
padding-bottom: 6.25rem;
}
.first-image-slide.is-awards {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.first-image-slide.is-hero-content {
grid-column-gap: 3.15em;
grid-row-gap: 3.15em;
flex-direction: column;
width: 100%;
display: flex;
}
.first-image-slide.is-intro {
background-color: #f7f6f1;
position: relative;
}
.first-image-slide.is-wood-image {
justify-content: center;
align-items: flex-end;
min-height: 50rem;
display: flex;
}
.first-image-slide.is-horizontal-scroll, .first-image-slide.is-explore {
position: relative;
}
.first-image-slide.is-hero-image {
width: 100%;
min-height: 60rem;
position: sticky;
top: 0;
overflow: hidden;
}
.image-hero {
object-fit: cover;
width: 115%;
max-width: none;
height: 115%;
position: absolute;
}
.social-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
color: #fff;
flex-direction: column;
align-items: flex-start;
font-size: .875rem;
display: flex;
}
.social-wrapper.left-aligned {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-direction: row;
align-items: flex-start;
font-size: 1rem;
}
.credit-component-icon_arrow {
width: 1rem;
height: 1rem;
transform: rotate(-45deg);
}
.wood-component-text {
max-width: 27rem;
font-size: .9rem;
}
.wood-component-link {
color: #191919;
}
.wood-component-item {
grid-column-gap: 2.25rem;
grid-row-gap: 2.25rem;
width: 100%;
display: flex;
}
.image-author {
object-fit: cover;
border-radius: 50%;
flex: none;
width: 4.125rem;
height: 4.125rem;
}
.explore-info-text {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
min-height: 12rem;
padding-bottom: 1rem;
padding-left: .7rem;
display: flex;
}
.text-color-grey {
color: gray;
}
.spacer-footer {
padding-top: 10rem;
}
.wood-component-content {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-direction: column;
flex: 1;
justify-content: flex-start;
width: 100%;
display: flex;
}
.explore-image-wrapper {
min-height: 100svh;
position: relative;
overflow: hidden;
}
.footer-component {
padding-top: 2rem;
padding-bottom: 1.875rem;
}
.text-subtitle {
color: #0009;
text-transform: uppercase;
}
.button-group-3 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.icon-1x1-small-second {
flex: none;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.icon-1x1-small-2 {
flex: none;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
position: relative;
}
.button-underline {
background-color: #ffffff40;
align-items: center;
width: 100%;
height: 1px;
margin-top: .25rem;
display: block;
position: relative;
}
.button-arrow-wrapper {
position: relative;
overflow: hidden;
}
.container-large-3 {
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
}
.button-bg {
z-index: 0;
background-color: #191919;
height: 0;
position: absolute;
inset: auto 0% 0%;
}
.text-credit-number {
min-width: 7rem;
}
.button-text-5 {
z-index: 5;
position: relative;
}
.padding-global {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.padding-global.nospace-right {
padding-right: 0;
}
.image-overlay {
background-color: #f7f6f1;
display: none;
position: absolute;
inset: 0%;
}
.text-style-link {
color: #000;
text-decoration: underline;
}
.text-style-link.text-color-white {
color: #f7f6f1;
}
.text-size-tiny-2 {
font-size: .75rem;
}
.credit-component-image {
object-fit: cover;
width: 100%;
height: 100%;
display: inline-block;
position: absolute;
inset: 0%;
}
.button-author {
color: #fff;
text-align: center;
background-color: #000;
border-radius: 20rem;
padding: .75rem 1.5rem;
font-weight: 500;
text-decoration: none;
}
.button-author.is-text-link {
z-index: 1;
background-color: #0000;
padding: 0;
font-size: 1.125rem;
font-weight: 400;
text-decoration: none;
display: inline-block;
position: relative;
}
.column-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
height: 100%;
display: block;
}
.column-3.explore-intro {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-direction: column;
align-items: flex-start;
max-width: 37rem;
height: auto;
display: flex;
}
.column-3.footer-nav {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.column-3.intro-right {
width: 100%;
max-width: 38rem;
padding-top: 5rem;
padding-bottom: 5rem;
display: block;
}
.column-3.wood-left {
flex-direction: column;
justify-content: space-between;
width: 100%;
padding-top: 3.25rem;
padding-bottom: 3.25rem;
padding-right: 3.25rem;
display: flex;
position: relative;
}
.column-3.is-explore-info {
background-color: #f7f6f1;
border-radius: .625rem;
max-width: 25rem;
height: auto;
padding: .625rem;
position: absolute;
inset: auto auto 5rem 2.5rem;
}
.column-3.product-right {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
width: 100%;
display: flex;
}
.column-3.is-explore-info-right {
background-color: #f7f6f1;
border-radius: .625rem;
max-width: 25rem;
height: auto;
padding: .625rem;
position: absolute;
inset: auto 2.5rem 5rem auto;
}
.column-3.product-left {
flex-direction: column;
justify-content: space-between;
width: 100%;
padding-top: 3.25rem;
padding-bottom: 3.25rem;
display: flex;
position: relative;
}
.column-3.intro-left {
grid-column-gap: 10vw;
grid-row-gap: 10vw;
height: 100%;
padding-top: 5rem;
padding-bottom: 5rem;
padding-right: 2rem;
display: flex;
position: relative;
}
.column-3.wood-right {
width: 100%;
padding-top: 3.25rem;
padding-bottom: 3.25rem;
padding-left: 2.375rem;
display: flex;
}
.column-3.hero-middle {
max-width: 38rem;
display: block;
}
.column-3.product-teaser-right {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 50%;
padding-top: 3.25rem;
padding-bottom: 3.25rem;
padding-left: 2.375rem;
display: flex;
position: relative;
}
.column-3.casestudy-intro {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-direction: column;
align-items: flex-start;
max-width: 20rem;
padding-bottom: 5.25rem;
display: flex;
}
.column-3.footer-right {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
display: flex;
}
.column-3.hero-right {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.image-wrapper-3 {
position: relative;
overflow: hidden;
}
.image-wrapper-3.wood {
max-width: 19.375rem;
}
.image-badge {
max-width: 4rem;
height: auto;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.section-title {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: column;
display: flex;
}
.section-title._0-gap {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
}
.page {
grid-row-gap: 12px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 360px;
padding-bottom: 62px;
text-decoration: none;
display: none;
position: relative;
}
.top-bar {
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
box-shadow: 0 0 6px #0000001f;
}
.top {
object-fit: cover;
}
.content-style {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 12px 8px;
text-decoration: none;
display: flex;
}
.title-style {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
}
.input {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
padding-left: 12px;
padding-right: 12px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.title-style-2 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-decoration: none;
}
.textfield {
grid-column-gap: 4px;
border: 1px solid #0000001a;
border-radius: 6px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 8px 12px;
text-decoration: none;
display: flex;
}
.text-8 {
color: #00000080;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-decoration: none;
}
.info {
color: #00000080;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
font-weight: 400;
line-height: 16px;
text-decoration: none;
}
.selection {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-left: 12px;
padding-right: 12px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.chip-group {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.chip {
background-color: #0000000d;
border-radius: 6px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 8px;
text-decoration: none;
display: flex;
}
.text-9 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-decoration: none;
}
.chip-2 {
background-color: #0000000d;
border-radius: 6px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 64px;
padding: 8px;
text-decoration: none;
display: flex;
}
.button-style-2 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-left: 12px;
padding-right: 12px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.seconday {
background-color: #fff;
border: 1px solid #000;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 10px 12px;
text-decoration: none;
display: flex;
}
.title-style-3 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
line-height: 22px;
text-decoration: none;
}
.primary {
background-color: #000;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 10px 12px;
text-decoration: none;
display: flex;
}
.title-style-4 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
line-height: 22px;
text-decoration: none;
}
.list {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-left: 12px;
padding-right: 12px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.section-title-2 {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.text-10 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-5 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
}
.metric {
grid-row-gap: 4px;
border: 1px solid #0000001a;
border-radius: 6px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 150px;
padding: 12px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.data {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 500;
line-height: 28px;
text-decoration: none;
}
.avatar {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 16px;
padding-left: 12px;
padding-right: 12px;
text-decoration: none;
display: flex;
}
.avatar-2 {
background-color: #0000001a;
border-radius: 40px;
overflow: hidden;
}
.title-style-6 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
}
.bottom-nav {
background-color: #fff;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
position: absolute;
top: 758px;
left: 0;
overflow: hidden;
box-shadow: 0 0 6px #0000001f;
}
.tab {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 4px;
text-decoration: none;
display: flex;
}
.icon-9 {
color: #000;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 400;
line-height: 28px;
text-decoration: none;
}
.title-style-7 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 10px;
font-weight: 400;
line-height: 14px;
text-decoration: none;
}
.iphone-13-14 {
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 390px;
height: 844px;
text-decoration: none;
display: none;
position: relative;
overflow: hidden;
}
.system {
background-color: #fff;
overflow: hidden;
}
.time {
color: #1c1b1f;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 17px;
font-weight: 600;
line-height: 22px;
text-decoration: none;
}
.untitled {
object-fit: cover;
}
.group-15 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 20.6836px;
height: 13.1982px;
text-decoration: none;
display: flex;
}
.spacing-large {
grid-row-gap: 4px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 390px;
height: 24px;
padding: 8px 16px 4px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.title-style-8 {
grid-row-gap: 8px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 390px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.title-style-9 {
color: #1c1b1f;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 32px;
font-weight: 600;
line-height: 100%;
text-decoration: none;
}
.input-field {
grid-row-gap: 8px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 390px;
padding: 12px 16px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.frame-2 {
grid-column-gap: 8px;
background-color: #eff1f5;
border-radius: 32px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 10px 48px 10px 16px;
text-decoration: none;
display: flex;
}
._28-search {
object-fit: cover;
overflow: hidden;
}
.search-3 {
color: #a09cab;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 20px;
text-decoration: none;
}
.tiles-view {
grid-column-gap: 12px;
background-color: #fff;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 390px;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 16px;
text-decoration: none;
display: flex;
overflow: hidden;
box-shadow: 0 -.33px #0000004d;
}
.tab-1 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-left: 4px;
padding-right: 4px;
text-decoration: none;
display: flex;
}
.group-2 {
grid-column-gap: 8px;
background-color: #eff1f5;
border-radius: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 16px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.frame-2641 {
overflow: hidden;
}
.label-style {
color: #1c1b1f;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 100%;
text-decoration: none;
}
._28 {
overflow: hidden;
}
.frame-5 {
grid-column-gap: 8px;
background-color: #eff1f5;
border-radius: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 16px;
text-decoration: none;
display: flex;
}
.spacing-medium {
grid-row-gap: 4px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 390px;
height: 12px;
padding: 8px 16px 4px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.title-medium {
grid-row-gap: 4px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 390px;
padding: 8px 16px 4px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.title-style-10 {
color: #1c1b1f;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 32px;
text-decoration: none;
}
.carousel-view {
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 390px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.frame-2642 {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 280px;
padding-top: 8px;
padding-bottom: 12px;
padding-left: 16px;
text-decoration: none;
display: flex;
}
.image-20 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 264px;
height: 188px;
text-decoration: none;
display: flex;
}
.frame-14 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.label-style-2 {
color: #1c1b1f;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
}
.label-style-3 {
color: #a09cab;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-decoration: none;
}
.frame-3 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 280px;
padding-top: 8px;
padding-bottom: 12px;
padding-left: 12px;
text-decoration: none;
display: flex;
}
.image-21 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 268px;
height: 188px;
text-decoration: none;
display: flex;
}
.frame-style {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 8px 16px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.image-22 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 80px;
height: 64px;
text-decoration: none;
display: flex;
}
.frame-style-2 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.world-renowned-startup-founder {
color: #a09cab;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-decoration: none;
}
.navigation-3 {
grid-row-gap: 8px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 390px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
box-shadow: 0 -.33px #0000004d;
}
.tab-bar-buttons {
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding-left: 36px;
padding-right: 36px;
text-decoration: none;
display: flex;
}
.tab-2 {
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 48px;
height: 40px;
padding-left: 13px;
padding-right: 13px;
text-decoration: none;
display: flex;
}
.label-style-4 {
color: #1c1b1f;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 100%;
text-decoration: none;
}
.label-style-5 {
color: #a09cab;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 100%;
text-decoration: none;
}
.system-2 {
object-fit: cover;
padding: 8px 127px;
position: absolute;
top: 909px;
left: 0;
}
.title-large {
grid-row-gap: 8px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 390px;
padding: 8px 16px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.title-style-11 {
color: #1c1b1f;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 32px;
font-weight: 600;
line-height: 40px;
text-decoration: none;
}
.frame-2643 {
grid-column-gap: 8px;
background-color: #eff1f5;
border-radius: 32px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 10px 48px 10px 16px;
text-decoration: none;
display: flex;
}
.search-4 {
color: #a09cab;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 20px;
text-decoration: none;
}
.title-style-12 {
color: #1c1b1f;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 32px;
text-decoration: none;
}
.group-16 {
grid-column-gap: 8px;
background-color: #eff1f5;
border-radius: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 16px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.frame-2644 {
overflow: hidden;
}
.vector-144 {
border-style: solid;
border-width: undefinedpx;
object-fit: cover;
border-color: #000;
}
.label-style-6 {
color: #1c1b1f;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 100%;
text-decoration: none;
}
.frame-2645 {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-2646 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 280px;
padding-top: 8px;
padding-bottom: 12px;
padding-left: 16px;
text-decoration: none;
display: flex;
}
.rectangle-1 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 264px;
height: 188px;
text-decoration: none;
display: flex;
}
.frame-2647 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.label-style-7 {
color: #1c1b1f;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
}
.label-style-8 {
color: #a09cab;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-decoration: none;
}
.frame-2648 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 280px;
padding-top: 8px;
padding-bottom: 12px;
padding-left: 12px;
text-decoration: none;
display: flex;
}
.rectangle-2 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 268px;
height: 188px;
text-decoration: none;
display: flex;
}
.frame-2649 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 8px;
padding-bottom: 12px;
padding-left: 16px;
text-decoration: none;
display: flex;
}
.rectangle-3 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 128px;
height: 128px;
text-decoration: none;
display: flex;
}
.frame-2650 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 8px;
padding-bottom: 12px;
padding-left: 12px;
text-decoration: none;
display: flex;
}
.navigation-4 {
grid-column-gap: 32px;
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 390px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
position: absolute;
top: 767px;
left: 0;
}
.tab-3 {
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 48px;
height: 40px;
padding-left: 13px;
padding-right: 13px;
text-decoration: none;
display: flex;
}
.label-1 {
color: #1c1b1f;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 100%;
text-decoration: none;
}
.label-2 {
color: #a09cab;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 100%;
text-decoration: none;
}
.system-3 {
object-fit: cover;
padding: 8px 127px;
position: absolute;
top: 874px;
left: 0;
}
.background-2 {
grid-row-gap: 10px;
background-color: #f5f5f7;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 692px;
display: flex;
position: relative;
overflow: hidden;
}
.figure-style {
object-fit: cover;
}
.link---learn-more-macbook-air-with-m4-chip {
background-color: #0071e3;
border-radius: 980px;
position: absolute;
top: 204px;
left: 849.33px;
}
.text-11 {
color: #fff;
text-align: center;
letter-spacing: -.374px;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica, sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 20px;
text-decoration: none;
}
.link---buy-macbook-air-with-m4-chip {
border: 1px solid #06c;
border-radius: 980px;
position: absolute;
top: 204px;
left: 997.471px;
}
.text-12 {
color: #06c;
text-align: center;
letter-spacing: -.374px;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica, sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 20px;
text-decoration: none;
}
.heading-2-macbook-air {
color: #1d1d1f;
text-align: center;
letter-spacing: -.28px;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica, sans-serif;
font-size: 52px;
font-weight: 700;
line-height: 60px;
text-decoration: none;
position: absolute;
top: 55px;
left: 804.689px;
}
.sky-blue-color-sky-high-performance-with-m4 {
color: #1d1d1f;
text-align: center;
letter-spacing: .196px;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica, sans-serif;
font-size: 26px;
font-weight: 400;
line-height: 32px;
text-decoration: none;
position: absolute;
top: 120px;
left: 776px;
}
.text-13 {
text-align: center;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(94.05deg, #0090f7 0%, #ba62fc 33%, #f2416b 67%, #f55600 100%);
-webkit-background-clip: text;
background-clip: text;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 25px;
text-decoration: none;
position: absolute;
top: 611px;
left: 840.391px;
}
.container-20 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.link-filtersquality88 {
object-fit: cover;
overflow: hidden;
}
.text-14 {
color: #000;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 13px;
font-weight: 400;
line-height: 19.5px;
text-decoration: none;
}
.svg {
object-fit: cover;
}
.container-22 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.text-15 {
color: #000;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 13px;
font-weight: 400;
line-height: 19.5px;
text-decoration: none;
}
.mobile {
background-color: #fff;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 606px;
padding: 23px 45px;
text-decoration: none;
display: none;
box-shadow: 0 7.575px 37.875px #00000014;
}
.frame-6 {
grid-column-gap: 227.25px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.frame-2651 {
grid-row-gap: 18.9375px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 7.575px;
padding-bottom: 7.575px;
text-decoration: none;
display: flex;
}
.vector-145 {
object-fit: cover;
}
.frame-8 {
grid-column-gap: 30.3px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.search-lg {
object-fit: cover;
overflow: hidden;
}
.mobile-2 {
background-color: #fff;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 606px;
padding: 23px 45px;
text-decoration: none;
display: none;
box-shadow: 0 7.575px 37.875px #00000014;
}
.frame-2652 {
grid-column-gap: 227.25px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.frame-2653 {
grid-row-gap: 18.9375px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 7.575px;
padding-bottom: 7.575px;
text-decoration: none;
display: flex;
}
.vector-146 {
object-fit: cover;
}
.frame-2654 {
grid-column-gap: 30.3px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.intro-section {
background-color: #0b001a;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 20px;
text-decoration: none;
display: flex;
}
.primary-nav {
background-color: #1e0044;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1400px;
padding: 20px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.navbarcontainer-2 {
justify-content: center;
align-items: center;
width: 100%;
max-width: 1400px;
text-decoration: none;
display: flex;
}
.navbar-content-2 {
justify-content: flex-start;
align-items: center;
width: 100%;
padding-left: 36px;
padding-right: 36px;
text-decoration: none;
display: flex;
}
.navbar-wrapper-2 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.empty-div {
grid-column-gap: 24px;
background-color: #1e0044;
justify-content: flex-start;
align-items: center;
width: 180px;
height: 17px;
text-decoration: none;
display: flex;
position: relative;
}
.navbar-brand-3 {
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
position: absolute;
top: 5px;
left: 0;
}
.logo-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.logo-4 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 173px;
height: 25.75px;
text-decoration: none;
display: flex;
}
.navbar-menu-3 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.navbar-link-3 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 12px;
text-decoration: none;
display: flex;
}
.text-16 {
color: #e9deff;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 100%;
text-decoration: none;
}
.arrow-2 {
border-style: solid;
border-width: undefinedpx;
object-fit: cover;
border-color: #e9deff;
}
.navbar-link-4, .navbar-link-5 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 12px;
text-decoration: none;
display: flex;
}
.right-2 {
grid-column-gap: 24px;
justify-content: flex-end;
align-items: center;
width: 180px;
text-decoration: none;
display: flex;
}
.button-style-3 {
grid-column-gap: 10px;
background-color: #1e0044;
border: 1px solid #e9deff;
border-radius: 19.1695px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 10px 14px;
text-decoration: none;
display: flex;
box-shadow: 0 0 3.14815px #a22df71a, 0 0 6.51852px #a22df71a, 0 0 13px #a22df71a, 0 0 25.4815px #a22df71a, 0 0 46.8519px #a22df71a, 0 0 19px #a22df71a;
}
.text-17 {
color: #e9deff;
letter-spacing: -.01em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 100%;
text-decoration: none;
}
.hero-no-image {
grid-row-gap: 80px;
background-color: #1e0044;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1400px;
padding-top: 40px;
padding-bottom: 40px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-24 {
border-radius: 16px;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1400px;
height: 344.5px;
padding-left: 40px;
padding-right: 40px;
text-decoration: none;
display: flex;
}
.hero-center {
grid-row-gap: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 660px;
padding-top: 35px;
text-decoration: none;
display: flex;
}
.frame-481637 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.frame-481636 {
grid-column-gap: 12.5px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.i-create {
width: 630px;
}
.beautiful {
color: #e9deff;
text-align: center;
letter-spacing: undefinedundefined;
margin-top: 0;
margin-bottom: 0;
font-family: Georgia, sans-serif;
font-size: 50px;
font-style: italic;
font-weight: 400;
line-height: 100%;
text-decoration: none;
}
.line-1 {
border-style: solid;
border-width: undefinedpx;
object-fit: cover;
border-color: #e9deff;
box-shadow: 0 0 1.57407px #a22df71a, 0 0 3.25926px #a22df71a, 0 0 6.5px #a22df71a, 0 0 12.7407px #a22df71a, 0 0 23.4259px #a22df71a, 0 0 9.5px #a22df71a;
}
.text-18 {
color: #e9deff;
text-align: center;
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 80px;
font-weight: 500;
line-height: 100%;
text-decoration: none;
}
.frame-481429 {
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 2px;
text-decoration: none;
display: flex;
}
.text-19 {
color: #e9deff;
text-align: center;
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 120%;
text-decoration: none;
}
._2-columns {
justify-content: space-between;
align-items: flex-end;
width: 100%;
text-decoration: none;
display: flex;
}
.column-4 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 656px;
text-decoration: none;
display: flex;
}
.text-20 {
color: #e9deff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 160%;
text-decoration: none;
}
.column-5 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 656px;
text-decoration: none;
display: flex;
}
.image-wrapper-4 {
justify-content: flex-start;
align-items: flex-start;
width: 106px;
height: 106px;
text-decoration: none;
display: flex;
}
.image-24 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 106px;
height: 106px;
text-decoration: none;
display: flex;
}
.i-create-1 {
text-align: center;
letter-spacing: -.04em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #8338ec 0%, #b923ff 100%);
-webkit-background-clip: text;
background-clip: text;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 50px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
}
.frame-481638 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.frame-481639 {
grid-column-gap: 12.5px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.text-21 {
color: #e9deff;
text-align: center;
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 50px;
font-weight: 500;
line-height: 100%;
text-decoration: none;
}
.section-style {
background-color: #0b001a;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 40px 20px;
text-decoration: none;
display: flex;
}
.container-25 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1400px;
text-decoration: none;
display: flex;
}
._2-columns-2 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68323768091d7fa00eaf5c42_2-Columns.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 40px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-height: 600px;
padding-left: 40px;
padding-right: 40px;
text-decoration: none;
display: flex;
}
.column-6 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 600px;
padding-top: 40px;
padding-bottom: 40px;
text-decoration: none;
display: flex;
}
.content-style-2 {
grid-row-gap: 230px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 400px;
text-decoration: none;
display: flex;
}
.title-style-13 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-22 {
color: #0b001a;
text-transform: uppercase;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
}
.text-23 {
color: #0b001a;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 50px;
font-weight: 500;
line-height: 100%;
text-decoration: none;
}
.tags {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tag-2 {
border: 1px solid #0b001a;
border-radius: 19.1695px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 5.89831px 11.7966px;
text-decoration: none;
display: flex;
}
.text-24 {
color: #0b001a;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 160%;
text-decoration: none;
}
.content-style-3 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-25 {
color: #0b001a;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 160%;
text-decoration: none;
}
.button-style-4 {
grid-column-gap: 10px;
background-color: #e9deff;
border: 1px solid #0b001a;
border-radius: 19.1695px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 10px 14px;
text-decoration: none;
display: flex;
box-shadow: 0 0 3.14815px #a22df71a, 0 0 6.51852px #a22df71a, 0 0 13px #a22df71a, 0 0 25.4815px #a22df71a, 0 0 46.8519px #a22df71a, 0 0 19px #a22df71a;
}
.text-26 {
color: #0b001a;
letter-spacing: -.01em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 100%;
text-decoration: none;
}
.vector-147 {
border-style: solid;
border-width: undefinedpx;
object-fit: cover;
border-color: #0b001a;
}
.column-7 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
text-decoration: none;
display: flex;
}
.image-wrapper-5 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 660px;
text-decoration: none;
display: flex;
}
.image-25 {
object-fit: cover;
border-radius: 30px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.section-style-2 {
background-color: #0b001a;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
text-decoration: none;
display: flex;
}
.container-26 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1400px;
text-decoration: none;
display: flex;
}
._2-columns-3 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6832380d47002069eed47d32_2-Columns.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 40px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-height: 600px;
padding-left: 40px;
padding-right: 40px;
text-decoration: none;
display: flex;
}
.column-8 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 660px;
height: 600px;
padding-top: 40px;
padding-bottom: 40px;
text-decoration: none;
display: flex;
}
.content-style-4 {
grid-row-gap: 260px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 400px;
text-decoration: none;
display: flex;
}
.title-style-14 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-27 {
color: #e9deff;
text-transform: uppercase;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
}
.text-28 {
color: #e9deff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 50px;
font-weight: 500;
line-height: 100%;
text-decoration: none;
}
.tag-3 {
border: 1px solid #e9deff;
border-radius: 19.1695px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 5.89831px 11.7966px;
text-decoration: none;
display: flex;
}
.text-29 {
color: #e9deff;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
}
.text-content {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-30 {
color: #e9deff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 160%;
text-decoration: none;
}
.button-style-5 {
grid-column-gap: 10px;
background-color: #1e0044;
border: 1px solid #e9deff;
border-radius: 19.1695px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 10px 14px;
text-decoration: none;
display: flex;
box-shadow: 0 0 3.14815px #a22df71a, 0 0 6.51852px #a22df71a, 0 0 13px #a22df71a, 0 0 25.4815px #a22df71a, 0 0 46.8519px #a22df71a, 0 0 19px #a22df71a;
}
.text-31 {
color: #e9deff;
letter-spacing: -.01em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 100%;
text-decoration: none;
}
.vector-148 {
border-style: solid;
border-width: undefinedpx;
object-fit: cover;
border-color: #e9deff;
}
.column-9 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
text-decoration: none;
display: flex;
position: relative;
}
.image-wrapper-6 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 660px;
text-decoration: none;
display: flex;
}
.image-26 {
object-fit: cover;
border-radius: 30px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.badge {
object-fit: cover;
position: absolute;
top: 65.7031px;
left: -72.4164px;
}
.preloader-indicator-2 {
z-index: 25;
background-color: #c0c0d333;
width: 40%;
max-width: 250px;
height: 2px;
position: relative;
}
.prloader-fill-2 {
background-color: #081c3a;
width: 20%;
height: 100%;
}
.preloader-2 {
z-index: 10000;
justify-content: center;
align-items: center;
display: none;
position: fixed;
inset: 0%;
}
.curve-block-center {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr .9fr;
grid-auto-columns: 1fr;
place-content: end center;
align-items: flex-end;
height: 0;
display: flex;
position: absolute;
inset: .5px 0% auto;
}
.curve-block-center.top {
display: none;
}
.curve-link {
color: #fff;
flex-direction: column;
justify-content: flex-end;
align-items: center;
margin-bottom: -1px;
padding: 0;
display: flex;
position: relative;
}
.curve-arrow {
border: 1px solid #e7eeee;
border-radius: 100rem;
justify-content: center;
align-items: center;
width: 2.4rem;
height: 2.4rem;
display: flex;
position: absolute;
top: .5rem;
}
.clip {
position: relative;
overflow: hidden;
}
.hover-arrow.top {
position: absolute;
inset: -100% 0% auto;
}
.icon-10 {
color: #0b0c0f;
width: .7rem;
height: .7rem;
transform-style: preserve-3d;
justify-content: center;
align-items: center;
display: flex;
overflow: hidden;
}
.hero-rotate-base {
z-index: 50;
perspective: 200vw;
width: 22.5%;
max-width: 40vh;
height: 100%;
position: absolute;
}
.hero-rotate-image {
z-index: 25;
perspective: 200vw;
border-radius: .875rem;
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
margin-bottom: 0%;
display: flex;
position: relative;
overflow: visible;
transform: perspective(200vw);
}
.hero-rotate-item {
z-index: 25;
flex-direction: column;
display: flex;
position: relative;
overflow: hidden;
}
.hero-rotate-height {
padding-top: 130%;
}
.image-fill-2 {
object-fit: cover;
width: 100%;
min-width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.medium-width {
max-width: 575px;
}
.xxl-heading-3 {
font-size: 48px;
font-weight: 600;
line-height: 1.25em;
}
.video-box {
z-index: 20;
color: #fff;
justify-content: center;
align-items: center;
width: 100%;
min-height: 500px;
margin-top: 80px;
margin-bottom: 116px;
padding: 160px 120px 120px;
display: flex;
position: relative;
}
.stacked-intro-4 {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-rows: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.video-button-wrapper {
margin-bottom: -48px;
margin-left: -48px;
margin-right: -48px;
padding: 12px 48px 48px;
}
.body-display-5 {
color: #707788;
font-size: 18px;
line-height: 1.65em;
}
.body-display-5.light {
color: #fff;
}
.corner-fill {
background-color: #fff;
width: 50%;
height: 1px;
position: absolute;
inset: -1px 0% auto -1px;
}
.corner-fill.bottom {
top: auto;
bottom: -1px;
}
.corner-fill.right {
left: auto;
right: -1px;
}
.corner-fill.bottom-right {
inset: auto -1px -1px auto;
}
.corner-fill.horizontal {
width: 1%;
height: 50%;
inset: -1px auto 0% -1px;
}
.corner-fill.horizontal.right {
left: auto;
right: 0;
}
.corner-fill.horizontal.bottom-right {
right: 0;
}
.corner-fill.horizontal.bottom {
top: auto;
bottom: -1px;
}
.solid-subtitle-line {
background-color: #fff;
width: 40%;
height: 100%;
}
.video-icon-2 {
width: 18px;
margin-left: 2px;
}
.solid-video-button-outline {
border: 1px solid #fff3;
border-radius: 100%;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.subtitle-line {
background-color: #fff3;
background-image: none;
width: 36px;
height: 1px;
margin-left: 0;
display: flex;
}
.subtitle-line.left {
background-image: none;
justify-content: flex-end;
margin-left: 0;
}
.stacked-heading {
grid-column-gap: 16px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.stacked-heading.centered {
text-align: center;
justify-content: center;
place-items: stretch center;
}
.video-button {
cursor: pointer;
border: 1px #fff3;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
display: flex;
position: relative;
}
.subtitle-6 {
color: #666883;
letter-spacing: 4px;
text-transform: uppercase;
margin-right: 0;
font-size: 10px;
line-height: 1.3em;
}
.subtitle-6.light {
color: #fff;
}
.hero-intro-3 {
grid-column-gap: 16px;
grid-row-gap: 48px;
color: #fff;
text-align: center;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 800px;
padding-bottom: 36px;
display: grid;
}
.hero-intro-3.small {
grid-row-gap: 36px;
max-width: 700px;
}
.video-button-outline {
grid-column-gap: 16px;
grid-row-gap: 0px;
border: 1px #fff3;
border-radius: 100%;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100px;
height: 100px;
margin-right: 1px;
padding: 0;
display: grid;
position: absolute;
inset: auto;
}
.subtitle-intro {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: auto auto auto;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
margin-bottom: 0;
display: grid;
}
.left-corner {
border-top: 1px solid #fff3;
border-left: 1px solid #fff3;
width: 36px;
height: 36px;
position: absolute;
inset: 0% auto auto 0%;
}
.left-corner.bottom {
border-top-style: none;
border-bottom: 1px solid #fff3;
inset: auto auto 0% 0%;
}
.left-corner.right {
border-left-style: none;
border-right: 1px solid #fff3;
inset: 0% 0% auto auto;
}
.left-corner.bottom-right {
border-style: none solid solid none;
border-bottom-width: 1px;
border-bottom-color: #fff3;
border-right-width: 1px;
border-right-color: #fff3;
inset: auto 0% 0% auto;
}
.video-outline-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.video-outline-wrapper.bottom {
position: absolute;
inset: auto 0% 0% auto;
}
.video-outline-wrapper.top {
position: absolute;
inset: 0% auto auto 0%;
}
.video-outline {
border: 1px solid #fff;
border-radius: 100%;
width: 100px;
height: 100px;
position: absolute;
}
.video-outline.bottom {
inset: auto 0% 0% auto;
}
.video-button-fill {
background-color: #fff3;
border: 1px solid #fff0;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 70%;
height: 70%;
display: flex;
position: relative;
}
.outline-button-3 {
color: #081c3a;
letter-spacing: 3px;
text-transform: uppercase;
background-color: #0000;
border: 1px solid #c0c0d333;
border-radius: 3px;
justify-content: center;
align-items: center;
padding: 16px 32px;
font-size: 10px;
text-decoration: none;
transition: all .4s cubic-bezier(.25, .46, .45, .94);
display: flex;
}
.outline-button-3:hover {
color: #fff;
background-color: #081c3a;
border-color: #081c3a;
}
.outline-button-3.small {
padding: 9px 18px;
}
.ac-fast-settings {
grid-column-gap: 10px;
object-fit: cover;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 0 100px #00000026;
}
.frame-4 {
grid-row-gap: 9px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 151px;
text-decoration: none;
display: flex;
position: relative;
}
.rectangle-4 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 151px;
height: 33.7735px;
text-decoration: none;
display: flex;
}
.button-style-6 {
color: #808b9f;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 10.4589px;
font-size: 5px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
}
.text-32 {
color: #728ab7;
margin-top: 0;
margin-bottom: 0;
font-size: 10px;
font-weight: 500;
line-height: 100%;
text-decoration: none;
position: absolute;
top: 10.6768px;
left: 25.2756px;
}
.menu-parent-2 {
cursor: pointer;
flex-direction: column;
justify-content: center;
width: 50px;
height: 50px;
padding: 12px 8px 8px;
display: flex;
overflow: hidden;
}
.menu-bar {
background-color: #000;
width: 100%;
height: 2px;
margin-bottom: 6px;
}
.dot-parent {
cursor: pointer;
flex-direction: column;
align-items: center;
width: 40px;
display: flex;
}
.dot-2 {
background-color: #000;
border-radius: 50px;
width: 8px;
height: 8px;
margin-bottom: 6px;
}
.burger-2 {
cursor: pointer;
background-color: #fff;
border-radius: 4px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
display: flex;
position: relative;
box-shadow: 6px 6px 25px #28078026;
}
.b2-bar1 {
background-color: #858eca;
width: 20px;
height: 4px;
}
.b2-middle-wrap {
align-items: center;
width: 20px;
display: flex;
}
.b2-middle-bar-left, .b2-middle-bar-right {
background-color: #858eca;
width: 50%;
height: 4px;
margin-top: 4px;
margin-bottom: 4px;
}
.b2-bar3 {
background-color: #858eca;
width: 20px;
height: 4px;
}
.burger-2-2 {
cursor: pointer;
background-color: #fff;
border-radius: 4px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
display: flex;
position: relative;
box-shadow: 6px 6px 25px #28078026;
}
.b2-bar1-2 {
background-color: #858eca;
width: 13px;
height: 4px;
}
.b2-middle-wrap-2 {
align-items: center;
width: 13px;
display: flex;
}
.b2-middle-bar-left-2 {
background-color: #858eca;
width: 50%;
height: 4px;
margin-top: 4px;
margin-bottom: 4px;
}
.b2-bar3-2 {
background-color: #858eca;
width: 13px;
height: 4px;
}
.s-scroll {
height: 100vh;
position: relative;
overflow: hidden;
}
.content-heading-wrapper {
display: flex;
overflow: hidden;
}
.s-scroll-bg-img {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/683b2b19a11eceb686a626ad_bg-1.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
.s-scroll-bg-img.is-3 {
z-index: 1;
background-image: linear-gradient(#0003, #0003), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/683b39038bbbaf6ba559b2f5_bg-3.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
position: absolute;
inset: 0%;
}
.s-scroll-bg-img.is-1 {
z-index: 1;
position: absolute;
inset: 0%;
}
.s-scroll-bg-img.is-2 {
z-index: 1;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/683b2c15bcfc50b6b6ef293e_bg-2.jpg");
position: absolute;
inset: 0%;
}
.content-top-right {
max-width: 400px;
font-size: 14px;
line-height: 2em;
}
.transition-block {
z-index: 999;
background-color: #000;
display: none;
position: absolute;
inset: 0%;
}
.image-27 {
width: 75px;
}
.number {
margin-bottom: 30px;
font-size: 1.6em;
}
.content-top {
z-index: 2;
justify-content: space-between;
padding: 100px;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.dev-letter {
margin-top: 0;
margin-bottom: 0;
font-size: 7.5em;
line-height: 1.3em;
}
.content-bottom {
z-index: 2;
justify-content: space-between;
align-items: flex-end;
padding: 100px;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.image-28, .image-29 {
width: 75px;
}
.design-letter, .interaction-letter {
margin-top: 0;
margin-bottom: 0;
font-size: 7.5em;
line-height: 1.3em;
}
.image-30 {
width: 75px;
}
.scroll-snap-wrapper {
width: 100vw;
height: 100vh;
overflow: scroll;
}
.html-embed {
display: none;
}
.section-1 {
height: 100vh;
}
.section-2 {
background-color: #000;
height: 100vh;
}
.section-3 {
background-color: #c46f2b;
height: 100vh;
}
.card-subtitle {
margin-top: 0;
margin-bottom: 0;
}
._w-cards-list {
padding-bottom: 100px;
padding-left: 20px;
padding-right: 20px;
position: sticky;
top: 1px;
}
.c-cloneable {
width: 100%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
padding-top: 100px;
padding-bottom: 100px;
}
.card-title {
margin-top: 0;
margin-bottom: 0;
font-size: 3.5em;
line-height: 1em;
}
.c-cards-list {
transition: all .2s;
position: relative;
}
.c-card {
width: 100%;
max-width: 650px;
margin-left: auto;
margin-right: auto;
transition: all .25s;
position: relative;
}
.c-card._2 {
position: sticky;
top: 100px;
}
.c-card._5 {
position: sticky;
top: 340px;
}
.c-card._1 {
position: sticky;
top: 20px;
}
.c-card._3 {
position: sticky;
top: 180px;
}
.c-card._4 {
position: sticky;
top: 260px;
}
.c-card-title {
margin-bottom: 10px;
}
.card-details {
margin-bottom: 0;
}
.c-card-content-divider {
border-bottom: 1px dashed #bbb;
width: 100%;
height: 1px;
margin-top: 20px;
margin-bottom: 30px;
}
._w-card {
background-color: #fff;
border-radius: 10px;
margin-bottom: 100px;
padding: 30px;
position: relative;
box-shadow: 1px 1px 15px #13131380;
}
.c-card-details {
margin-bottom: 20px;
}
.block-text {
letter-spacing: -.01em;
}
.block-title-2 {
opacity: .2;
letter-spacing: -.04px;
font-size: 4rem;
font-weight: 900;
line-height: 1;
}
.block {
color: #fff;
background-color: #7946f3;
align-items: stretch;
min-height: 400px;
margin-bottom: 100px;
padding: 48px 50px 56px;
font-size: 28px;
font-weight: 300;
line-height: 1.4;
display: flex;
position: sticky;
}
.block._3 {
background-color: #7045af;
top: 30%;
}
.block._4 {
background-color: #e14594;
margin-bottom: 0;
top: 34%;
}
.block._2 {
background-color: #2b3595;
top: 26%;
}
.block._1 {
background-color: #182952;
top: 22%;
}
.col-right {
flex-direction: column;
flex: 1;
display: flex;
}
.div-block-74 {
flex-direction: column;
flex: 1;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.section_featuresv8 {
padding-top: 12rem;
}
.featuresv8_header {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: row;
align-items: center;
margin-bottom: 3.75rem;
display: flex;
}
.padding-section-large {
padding-top: 8rem;
padding-bottom: 8rem;
}
._2x1-grid-layout {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.featuresv8_content {
max-width: 45rem;
}
.text-custom-gray {
color: #636262;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.featuresv8_component {
background-color: #fff;
border: 1px solid #000;
border-bottom-style: none;
border-top-left-radius: 46px;
border-top-right-radius: 46px;
padding: 2.5rem 5rem;
position: sticky;
}
.featuresv8_component.is-first {
margin-top: -12rem;
margin-bottom: 12rem;
top: 0;
}
.featuresv8_component.is-second {
margin-top: -6rem;
margin-bottom: 6rem;
top: 6rem;
}
.featuresv8_component.is-third {
margin-bottom: 0;
top: 12rem;
}
.featuresv8_sticky-wrapper {
position: relative;
}
.h2-paragraph-padding {
max-width: 30rem;
}
.page-wrapper-2 {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.featuresv8_header-text {
font-size: 1.5rem;
font-weight: 700;
}
.featuresv8_image {
object-fit: cover;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.transition-block-2 {
z-index: 999;
background-color: #000;
display: none;
position: absolute;
inset: 0%;
}
.number-2 {
margin-bottom: 30px;
font-size: 1.6em;
}
.content-heading-wrapper-2 {
display: flex;
overflow: hidden;
}
.dev-letter-2 {
margin-top: 0;
margin-bottom: 0;
font-size: 7.5em;
line-height: 1.3em;
}
.content-top-right-2 {
max-width: 400px;
font-size: 14px;
line-height: 2em;
}
.transition-block-3 {
z-index: 999;
background-color: #000;
display: none;
position: absolute;
inset: 0%;
}
.number-3 {
margin-bottom: 30px;
font-size: 1.6em;
}
.content-heading-wrapper-3 {
display: flex;
overflow: hidden;
}
.design-letter-2 {
margin-top: 0;
margin-bottom: 0;
font-size: 7.5em;
line-height: 1.3em;
}
.flipcard-wrapper {
position: relative;
}
.flipcard-front {
backface-visibility: hidden;
color: #fff;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/684115f7b1d18cc59f9f20d7_card-bg.png");
background-position: 50%;
background-size: cover;
border-radius: 30px;
height: 600px;
padding-top: 72px;
padding-left: 40px;
padding-right: 51px;
position: relative;
box-shadow: 7px 7px 40px 6px #00000017;
}
.flipcard-title {
margin-top: 0;
margin-bottom: 6px;
font-size: 56px;
line-height: 62px;
}
.flipcard-subtitle {
max-width: 215px;
font-weight: 700;
line-height: 21px;
}
.flipcard-more {
cursor: pointer;
position: absolute;
bottom: 20px;
right: 20px;
}
.flipcard-back {
backface-visibility: hidden;
height: 600px;
transform-style: preserve-3d;
background-color: #fff;
border-radius: 30px;
flex-direction: column;
align-items: flex-start;
padding-top: 66px;
padding-left: 44px;
padding-right: 107px;
display: flex;
position: absolute;
inset: 0%;
transform: rotateX(0)rotateY(180deg)rotateZ(0);
box-shadow: 7px 7px 40px 6px #00000017;
}
.flipcard-back-title {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(to right, #90ca5a, #d7d65a 50%, #dac355);
-webkit-background-clip: text;
background-clip: text;
margin-top: 0;
margin-bottom: 28px;
font-size: 44px;
line-height: 48px;
}
.flipcard-less {
cursor: pointer;
position: absolute;
bottom: 20px;
right: 20px;
}
.dashboard_recent-title {
font-size: .875rem;
font-weight: 500;
line-height: 100%;
}
.dashboard_recent-title.green {
color: #00fe4a;
font-size: .75rem;
}
.dashboard_recent-txt-wrap {
grid-column-gap: 3px;
grid-row-gap: 3px;
flex-flow: column;
display: flex;
}
.dashboard_recent-content {
grid-column-gap: 15px;
grid-row-gap: 15px;
align-items: center;
display: flex;
}
.dashboard_recent {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #ffffff08;
border-radius: 7px;
flex-flow: column;
min-height: 0;
padding: 24px;
display: flex;
}
.dashboard_recent-prices {
grid-column-gap: 3px;
grid-row-gap: 3px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.dashboard_recent-right {
grid-column-gap: 5px;
grid-row-gap: 5px;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.dashboard_recent-icon {
justify-content: center;
align-items: center;
width: 39px;
height: 39px;
display: flex;
}
.text-span-39 {
font-family: Inter, sans-serif;
}
.info-card-open-bg {
background-color: #313131;
border-radius: 10px;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
transform: translate(0, 101%);
}
.arrow-wrapper {
z-index: 1;
flex: none;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
display: flex;
position: relative;
}
.text-bold {
font-weight: 500;
}
.pill-button {
grid-column-gap: 1.25rem;
color: #f9f9f9;
text-transform: uppercase;
background-color: #404040;
border-radius: 100px;
flex-direction: row;
flex: none;
justify-content: space-between;
align-items: center;
min-width: 15rem;
padding: 1.25rem 1.25rem 1.25rem 2rem;
display: flex;
overflow: hidden;
}
.pill-button.auto-top {
background-color: #4b4b4b;
margin-top: auto;
padding: .65rem .65rem .65rem 1.2rem;
text-decoration: none;
}
.info-card-bottom {
z-index: 2;
grid-row-gap: 1.25rem;
flex-direction: column;
flex: none;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
overflow: visible;
}
.arrow-image {
z-index: 2;
position: relative;
}
.info-title {
grid-row-gap: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.heading-small {
text-transform: uppercase;
font-size: 3.25rem;
font-weight: 700;
line-height: 1;
}
.service-card-open-close {
background-color: #7b7b7b1a;
border-radius: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 3.25rem;
height: 3.25rem;
display: flex;
}
.info-card-top {
z-index: 2;
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
display: flex;
position: relative;
}
.info-hidden {
grid-row-gap: 2.5rem;
flex-direction: column;
align-items: flex-start;
display: flex;
overflow: hidden;
}
.circle-overlay {
z-index: 1;
background-color: #f9f9f9;
border-radius: 50%;
width: 2.5rem;
height: 2.5rem;
position: absolute;
}
.info-card {
grid-row-gap: 5rem;
cursor: pointer;
background-color: #fff;
border: 1px solid #7b7b7b33;
border-radius: 10px;
flex-direction: column;
flex: 1;
justify-content: space-between;
min-height: 34rem;
padding: 2rem;
transition: border-color .6s;
display: flex;
position: relative;
overflow: hidden;
}
.info-card:hover {
border-color: #7b7b7b99;
}
.info-cards-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
display: flex;
}
.body-small {
margin-bottom: 0;
font-size: 1rem;
line-height: 1.4;
}
.body-medium {
font-size: 1.25rem;
line-height: 1.4;
text-decoration: none;
}
.body-medium.relative-2 {
z-index: 2;
position: relative;
}
.button25_wrapper {
justify-content: center;
align-items: center;
height: 3.125rem;
display: flex;
position: relative;
}
.button25_link-3, .button25_link-2, .button25_link-1 {
border: 2px solid #f02041;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2.8125rem;
height: 2.8125rem;
padding-left: .625rem;
padding-right: .625rem;
display: flex;
position: absolute;
}
.button25-button {
z-index: 10;
cursor: pointer;
background-color: #f02041;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 3.125rem;
height: 3.125rem;
display: flex;
position: relative;
}
.button25_line-1 {
background-color: #e96d80;
width: 25px;
height: 3px;
}
.button25_line-2 {
background-color: #e96d80;
width: 3px;
height: 25px;
position: absolute;
}
.nav-open {
cursor: pointer;
flex-direction: column;
justify-content: space-between;
width: 40px;
height: 10px;
display: flex;
position: absolute;
}
.modal-close-btn {
justify-content: flex-start;
align-items: center;
padding: 5px;
display: flex;
position: absolute;
inset: 3% 2% auto auto;
}
.nav-line-1 {
background-color: #fff;
width: auto;
height: 2px;
position: absolute;
inset: auto auto 0% 0%;
}
.mini-nav-menu-wrap {
z-index: 2;
background-color: #7c7c7c26;
border-top-left-radius: 2rem;
border-top-right-radius: 2rem;
width: 20rem;
padding: 2rem 3.1rem 2rem 1.4rem;
display: flex;
position: fixed;
inset: auto 0% 0% auto;
}
.mini-nav-button-wrap {
z-index: 99;
}
.nav-line-4 {
background-color: #fff;
width: 100%;
height: 2px;
position: absolute;
inset: auto 0% 0% auto;
}
.nav-button-3 {
z-index: 2;
background-color: #8f8f8f40;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
display: flex;
position: absolute;
inset: 10px 10px auto auto;
}
.nav-button-3.dwtn {
background-color: #8f8f8f00;
width: 30px;
height: 30px;
position: static;
}
.mini-menu-wrap {
z-index: 990;
border-top-left-radius: 3rem;
border-top-right-radius: 3rem;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
}
.nav-line-3 {
background-color: #fff;
width: 100%;
height: 2px;
position: relative;
inset: 0% auto auto 0%;
}
.nav-line-2 {
background-color: #fff;
width: auto;
height: 2px;
position: absolute;
inset: 0% 0% auto auto;
}
.mini-nav-button-outline {
z-index: 9;
background-color: #2525255e;
border: .05em solid #777;
border-radius: 100%;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
display: flex;
position: fixed;
bottom: 15px;
right: 15px;
}
.mini-nav-button-outline.w--current {
background-color: #252525;
}
.mini-nav-button-outline.frosted-glass {
background-color: #31313140;
display: flex;
}
.mini-nav-link {
color: #fffcf1;
align-items: center;
margin-bottom: .9rem;
font-size: .9rem;
font-weight: 600;
transition: transform .4s;
display: flex;
}
.mini-nav-link:hover {
transform: translate(7px);
}
.mini-nav-link:active {
transform: none;
}
.mini-nav-link.w--current {
font-weight: 800;
}
.mini-link-icon {
object-fit: scale-down;
background-color: #252525;
width: 35px;
height: 45px;
margin-right: .7rem;
padding: 7px;
}
.nav-background {
z-index: 1;
display: none;
position: fixed;
inset: 0%;
}
.close-img {
background-color: #616161;
border-radius: 50%;
width: 38px;
padding: .6rem;
transition: transform .2s;
}
.close-img:hover {
transform: scale(1.1);
}
.close-img:active {
transform: none;
}
.nav-open-2 {
cursor: pointer;
flex-direction: column;
justify-content: space-between;
width: 40px;
height: 10px;
display: flex;
position: absolute;
}
.nav-line-5 {
background-color: #fff;
width: 100%;
height: 2px;
position: absolute;
inset: auto 0% 0% auto;
}
.nav-line-6 {
background-color: #fff;
width: 100%;
height: 2px;
position: relative;
inset: 0% auto auto 0%;
}
.nav-line-7 {
background-color: #fff;
width: auto;
height: 2px;
position: absolute;
inset: 0% 0% auto auto;
}
.modal-close-btn-2 {
justify-content: flex-start;
align-items: center;
padding: 5px;
display: flex;
position: absolute;
inset: 3% 2% auto auto;
}
.mini-nav-button-wrap-2 {
z-index: 99;
}
.nav-line-8 {
background-color: #fff;
width: 100%;
height: 2px;
position: absolute;
inset: auto 0% 0% auto;
}
.mini-menu-wrap-2 {
z-index: 990;
border-top-left-radius: 3rem;
border-top-right-radius: 3rem;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
}
.nav-line-9 {
background-color: #fff;
width: 100%;
height: 2px;
position: relative;
inset: 0% auto auto 0%;
}
.nav-line-10 {
background-color: #fff;
width: auto;
height: 2px;
position: absolute;
inset: 0% 0% auto auto;
}
.mini-link-icon-2 {
object-fit: scale-down;
background-color: #252525;
width: 35px;
height: 45px;
margin-right: .7rem;
padding: 7px;
}
.close-img-2 {
background-color: #616161;
border-radius: 50%;
width: 38px;
padding: .6rem;
transition: transform .2s;
}
.close-img-2:hover {
transform: scale(1.1);
}
.close-img-2:active {
transform: none;
}
.nav_menu_link {
color: #333;
padding: 20px 0;
font-size: 14px;
line-height: 150%;
transition: all .3s;
}
.nav_menu_link:hover {
color: #2d62ff;
}
.nav_menu_link.w--current {
color: #2d62ff;
text-decoration: none;
}
.container-custom {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.nav-layout {
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 16px;
justify-content: space-between;
align-items: center;
padding-left: 16px;
padding-right: 16px;
display: flex;
box-shadow: 0 24px 28px -12px #0000000d;
}
.padding-spacing {
padding-left: 20px;
padding-right: 20px;
}
.nav_logo {
border-radius: 10px;
width: 30px;
box-shadow: 0 4px 8px #e5e5e5, inset 0 -6px 4px #fff6;
}
.nav_menu {
grid-column-gap: 39px;
grid-row-gap: 39px;
justify-content: center;
align-items: center;
display: flex;
}
.nav_button {
padding: 1rem;
}
.nav_brand {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
display: inline-flex;
}
.float-nav {
z-index: 9999;
background-color: #0000;
width: 100%;
padding-top: 12px;
padding-bottom: 12px;
position: fixed;
inset: 0% auto auto 0%;
}
.acess {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #ffffff08;
border-radius: 7px;
flex-flow: column;
min-height: 0;
padding: 24px;
display: flex;
}
.section-38, .slider-40, .div-block-79 {
display: none;
}
.card-2 {
width: 100%;
height: 100%;
padding: 3rem;
transition: transform .6s cubic-bezier(.215, .61, .355, 1);
position: relative;
overflow: hidden;
}
.card-2.card-orange {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6848d3524bc446ca2d7f72e4_bg-card-mini-01.svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.card-2.card-brown {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6848d37cee574b04adddb4f5_bg-card-mini-02.svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.card-2.card-black {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6848d46a96c375cd54c44e2e_black-big-bg2.webp");
background-repeat: no-repeat;
background-size: 34rem;
}
.text-wrap-2.mod--card-number-desc {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
line-height: 1.2;
display: flex;
}
.text-wrap-2.mod--card {
z-index: 1;
grid-column-gap: .875rem;
grid-row-gap: .875rem;
flex-direction: column;
display: flex;
position: relative;
}
.col {
flex: 1;
position: relative;
}
.col.col--1.mod--ava {
flex: none;
align-items: center;
display: flex;
}
.col.col--1.mod--about {
max-width: 34rem;
height: 47.625rem;
}
.col.col--2.mod--hero {
flex: 1;
max-width: 32rem;
}
.btn-arrow {
z-index: 2;
grid-column-gap: 1.5rem;
letter-spacing: .03em;
text-transform: uppercase;
align-items: center;
font-weight: 600;
transition-property: color;
display: flex;
position: relative;
}
.btn-arrow.mod--card {
z-index: 2;
position: absolute;
bottom: 0;
right: 1rem;
}
.video-wrap {
margin-right: -.125rem;
position: absolute;
top: 0;
bottom: 0;
left: 0;
overflow: hidden;
transform: translate(0);
}
.video-grad {
z-index: 2;
background-image: linear-gradient(to right, #f7570800, #f75708);
width: 10%;
position: absolute;
inset: 0% 0% 0% auto;
}
.video_btn {
z-index: -1;
opacity: 0;
cursor: default;
}
.card-video {
filter: saturate() contrast() brightness();
border: 0 solid #000;
width: 31rem;
height: 100%;
margin-right: -.3125rem;
}
.overflow-hidden-3 {
z-index: 1;
position: relative;
overflow: hidden;
}
.overflow-hidden-3.mod--about-arrow {
z-index: 2;
position: absolute;
bottom: 0;
left: 1.5rem;
}
.text-33.mod--card-number {
letter-spacing: -.035em;
font-size: 5.125rem;
font-weight: 600;
line-height: 1;
}
.text-33.mod--absolute {
position: absolute;
bottom: -1.5em;
left: 0;
}
.text-33.mod--card-number-desc {
margin-top: .25rem;
}
.overflow-anim {
transition: all .4s;
position: relative;
top: 0;
}
.arrow-bg {
z-index: 0;
opacity: 0;
background-color: #191919;
border-radius: 50%;
transition: all .4s;
position: absolute;
inset: 0%;
transform: scale(0);
}
.img-wrap-2.mod--arrow {
border: .0625rem solid #0000001a;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
position: relative;
top: -.05rem;
}
.img-wrap-2.mod--ava {
flex: none;
position: relative;
}
.img-wrap-2.mod--ava.mod--2 {
z-index: 2;
margin-left: -.75rem;
}
.img-wrap-2.mod--ava.mod--3 {
z-index: 1;
margin-left: -.75rem;
}
.img-wrap-2.mod--about-man {
position: absolute;
inset: 0%;
}
.video-delta {
z-index: 2;
border-top: 3.7rem solid #e9e5e5;
border-right: 2.7rem solid #0000;
display: none;
position: absolute;
inset: 0 auto auto 0;
}
.heading-medium {
font-size: 2.25rem;
font-weight: 600;
line-height: 1.2;
}
.columns-2 {
justify-content: space-between;
display: flex;
}
.columns-2.mod--ava {
grid-column-gap: 1.125rem;
grid-row-gap: 1.125rem;
align-items: center;
font-weight: 600;
line-height: 1.2;
}
.text-34.mod--absolute {
position: absolute;
bottom: -1.5em;
left: 0;
}
.heading-span {
position: relative;
}
.heading-span.mod--vawe {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6848d37cee574b04adddb4f6_vawe.svg");
background-position: 0 100%;
background-repeat: repeat-x;
background-size: auto;
margin-bottom: -.3rem;
padding-bottom: .3rem;
transition: none;
display: inline-block;
}
.text-35.mod--absolute {
position: absolute;
bottom: -1.5em;
left: 0;
}
.layout-content {
background-color: #ffffff0f;
border: 1px solid #222;
border-radius: 12px;
height: 100%;
padding: 32px;
text-decoration: none;
transition: all .4s cubic-bezier(.165, .84, .44, 1);
}
.layout-content:hover {
background-color: #ffffff1a;
border-color: #757575;
}
.layout-content.horizontal {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6848d630a7fd82fed269d1aa_Insights%20Chart.svg"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6848d630a7fd82fed269d1ac_Background%20pattern.svg");
background-position: 100% 100%, 290%;
background-repeat: no-repeat, no-repeat;
background-size: auto, auto;
}
.featured-icon-wrapper {
background-color: #2b2b2b;
border: 1px solid #484849;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-bottom: 1rem;
display: flex;
}
.paragraph-17 {
color: #b3b3b3;
font-size: 16px;
line-height: 1.6;
}
.paragraph-17.max-width-40ch {
max-width: 40ch;
}
.img-cover {
object-fit: cover;
width: 100%;
height: 100%;
}
.project-thumb-btn-ab {
background-color: #181818;
border-radius: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
position: absolute;
inset: 0%;
}
.project-list-top {
border: 1px solid #000;
border-radius: 12px;
padding: .625rem;
}
.icon-1x1-xs {
flex: none;
width: .875rem;
height: .875rem;
}
.project-img-ab {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.project-type-tag {
color: #f8fbfc;
border: 1px solid #f8fbfc;
border-radius: 1.25rem;
padding: .3rem 1rem .25rem;
}
.project-thumb-btn-parent {
background-color: #f8fbfc33;
border-radius: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.project-thumb-btn {
border-radius: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
position: relative;
}
.project-thumb-content {
z-index: 5;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 100%;
padding: 1.25rem;
display: flex;
position: relative;
}
.project-list-img-parent {
border-radius: .5rem;
height: 22vw;
position: relative;
overflow: hidden;
}
.project-img-overlay {
z-index: 2;
background-color: #18181833;
position: absolute;
inset: 0%;
}
.product-image_second {
object-fit: cover;
border: 1px solid #1b2c13;
width: 100%;
height: 100%;
margin-bottom: 1vw;
display: none;
}
.product-image-3 {
object-fit: cover;
border: 1px solid #1b2c1300;
width: 100%;
height: 100%;
margin-bottom: 1vw;
}
.product_info-wrap {
grid-column-gap: 2vw;
grid-template-rows: auto;
grid-template-columns: 1.25fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: grid;
}
.grid-4-photo._2x {
display: none;
}
.product_info {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 1vw;
font-weight: 400;
line-height: 1.2;
}
.big-image {
border-top: 1px solid #1b2c13;
border-right: 1px solid #1b2c13;
width: 100%;
height: 100%;
padding: 1.6vw;
position: relative;
}
.big-image.first {
display: none;
}
.product-contain {
width: 100%;
display: block;
}
.product-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.navbar-logo-left-container {
z-index: 5;
background-color: #0000;
width: 1030px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 15px 20px;
}
.navbar-logo-left-container.shadow-three {
width: 100%;
max-width: 1140px;
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.container-36 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.navbar-wrapper-3 {
justify-content: space-between;
align-items: center;
display: flex;
}
.nav-menu-two {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
display: flex;
}
.nav-link-7 {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px;
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.nav-link-7:hover {
color: #1a1b1fbf;
}
.nav-link-7:focus-visible, .nav-link-7[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-dropdown-2 {
margin-left: 5px;
margin-right: 5px;
}
.nav-dropdown-toggle-2 {
letter-spacing: .25px;
padding: 5px 30px 5px 10px;
font-size: 14px;
line-height: 20px;
}
.nav-dropdown-toggle-2:hover {
color: #1a1b1fbf;
}
.nav-dropdown-toggle-2:focus-visible, .nav-dropdown-toggle-2[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-icon-2 {
margin-right: 10px;
}
.nav-dropdown-list-2 {
background-color: #fff;
border-radius: 12px;
}
.nav-dropdown-list-2.w--open {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-link-2 {
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.nav-dropdown-link-2:focus-visible, .nav-dropdown-link-2[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-divider {
background-color: #e4ebf3;
width: 1px;
height: 22px;
margin-left: 15px;
margin-right: 15px;
}
.nav-link-accent-2 {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 20px;
padding: 5px 10px;
font-size: 14px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
}
.nav-link-accent-2:hover {
color: #1a1b1fbf;
}
.button-primary-2 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-2:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-2:active {
background-color: #43464d;
}
.section-43 {
justify-content: center;
align-items: center;
height: 50vh;
display: flex;
}
.tabs-content-wrapper {
margin-top: 2em;
overflow: visible;
}
.tabs-nav-background {
z-index: 0;
background-color: #fff;
border-radius: 999em;
position: absolute;
inset: 0%;
box-shadow: 0 22px 2.5em #0006;
}
.container-w3 {
width: 100%;
max-width: 60em;
margin-left: auto;
margin-right: auto;
}
.section-tabs {
background-color: #141414;
min-height: 100vh;
padding-top: 7.5em;
padding-bottom: 6.5em;
display: flex;
}
.tab-content-image {
border-radius: 1.4em;
}
.tabs-nav-text {
z-index: 1;
position: relative;
}
.tab-content-inner {
justify-content: center;
align-items: center;
display: flex;
}
.tab-content-title {
color: #fff;
font-size: 3em;
font-weight: 500;
line-height: 1;
position: absolute;
}
.tabs-menu-wrapper {
background-color: #464646;
border-radius: 999em;
align-items: center;
padding: .7em .8em;
display: flex;
}
.tab-panel {
color: #fff;
text-align: center;
background-color: #0000;
border-radius: 999em;
flex: 1;
padding: 1em 2em;
transition: all .3s;
position: relative;
}
.tab-panel:hover {
background-color: #535353;
}
.tab-panel.w--current {
color: #000;
background-color: #0000;
font-weight: 500;
}
.container-small {
width: 100%;
max-width: 936px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.footer-form-block {
max-width: 456px;
margin-bottom: 0;
}
.icon-regular {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
transition: color .2s;
display: flex;
}
.feature-caption {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: space-between;
align-items: center;
display: flex;
}
.cta-badge {
grid-column-gap: 6px;
grid-row-gap: 6px;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
color: #fff;
background-color: #ffffff05;
border: .8px solid #ffffff0f;
border-radius: 6px;
flex: none;
align-items: center;
padding: 8px 12px 8px 10px;
font-size: 12px;
line-height: 1.4;
display: flex;
box-shadow: inset 0 -4px 12px #ffffff0a;
}
.cta-badge.empty {
border-right-style: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
flex: 1;
margin-right: -8px;
}
.container-regular {
width: 100%;
max-width: 984px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.carousel-container-lines {
z-index: 5;
width: 100%;
max-width: 1128px;
margin-left: auto;
margin-right: auto;
padding-bottom: 112px;
padding-left: 0;
padding-right: 0;
position: relative;
}
.feature-button-small {
grid-column-gap: 2px;
grid-row-gap: 2px;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
color: #fff;
cursor: pointer;
background-color: #ffffff05;
border: .8px solid #ffffff0f;
border-radius: 6px;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 4px 10px 4px 8px;
font-size: 12px;
line-height: 1.7;
transition: all .3s;
display: flex;
box-shadow: inset 0 -4px 12px #ffffff0f;
}
.feature-button-small:hover {
background-color: #ffffff0a;
border-color: #fff3;
}
.text-block-201 {
font-size: 14px;
line-height: 1.7;
}
.label-small {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 12px;
font-weight: 500;
line-height: 1.7;
}
.footer-container-lines {
z-index: 5;
width: 100%;
max-width: 1128px;
margin-left: auto;
margin-right: auto;
padding: 96px 48px;
position: relative;
}
.logo-group {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.container-lines-legal {
z-index: 5;
width: 100%;
max-width: 1128px;
margin-left: auto;
margin-right: auto;
padding: 32px 48px;
position: relative;
}
.title-large-2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
text-align: center;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 744px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.image-wrap {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background-color: #0707093d;
background-image: linear-gradient(#ffffff05, #fff0);
border: 1px solid #1b1b1d;
border-radius: 24px;
max-width: 384px;
padding: 4px;
position: relative;
}
.icon-line {
z-index: 4;
pointer-events: none;
background-image: linear-gradient(to right, #fce48d, #b98dfc);
width: 24px;
height: 1px;
position: absolute;
inset: 0% auto auto;
box-shadow: 0 33px 80px #fce48fcc, 0 16px 40px #bb8ffccc, 0 10px 24px #fce48fa3, 0 12px 24px #bb8ffcb8, 0 4.2px 10.5px #fce48f99, 0 2.5px 6.25px #bb8ffc73, 0 1.5px 3.6px #fce48f66, 0 .66px 1.6px #bb8ffc3d;
}
.video-container-lines {
z-index: 5;
width: 100%;
max-width: 1128px;
margin-left: auto;
margin-right: auto;
padding-left: 48px;
padding-right: 48px;
position: relative;
}
.grid-two-column {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
}
.footer-contact-details {
grid-column-gap: 48px;
grid-row-gap: 16px;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.feature-inner {
grid-column-gap: 24px;
grid-row-gap: 24px;
border: 1px solid #1b1b1d;
border-radius: 12px 12px 20px 20px;
flex-direction: column;
align-items: stretch;
padding: 28px 34px;
display: flex;
}
.input-icon {
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.icon-blur {
z-index: 0;
pointer-events: none;
position: absolute;
}
.linear-border {
z-index: 0;
pointer-events: none;
border-radius: 12px 12px 6px 6px;
position: absolute;
inset: 0%;
}
.linear-border.cta-border {
z-index: 3;
border-radius: 8px;
}
.carousel-group {
flex-direction: row;
flex: none;
align-items: center;
display: flex;
}
.nav-container-lines {
width: 100%;
max-width: 1128px;
margin-left: auto;
margin-right: auto;
padding: 26px 48px;
position: relative;
}
.button-background {
z-index: 0;
pointer-events: none;
background-color: #ffffff1f;
border-radius: 99px;
position: absolute;
inset: 0%;
}
.feature-card {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background-color: #0707093d;
background-image: linear-gradient(#ffffff05, #fff0);
border: 1px solid #1b1b1d;
border-radius: 24px;
padding: 4px;
position: relative;
}
.wrap-v-xlarge {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-direction: column;
display: flex;
}
.cta-button-wrap {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: center;
display: flex;
}
.video-lightbox-link {
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
background-color: #ffffff05;
border: 1px solid #ffffff0f;
border-radius: 100%;
padding: 36px;
transition: transform .3s;
position: absolute;
box-shadow: inset 0 -16px 24px #ffffff1a;
}
.video-lightbox-link:hover {
transform: scale(1.2);
}
.nav-container {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: .3fr 1fr .3fr;
grid-auto-columns: 1fr;
place-items: center;
width: 100%;
max-width: 984px;
margin-left: auto;
margin-right: auto;
display: grid;
position: relative;
}
.container-x-small {
width: 100%;
max-width: 768px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.cta-feature-line {
z-index: 40;
background-image: linear-gradient(to right, #fce48d, #b98dfc);
width: 32px;
height: 2px;
position: absolute;
inset: 1px auto auto 24px;
box-shadow: 0 33px 80px #fce48f99, 0 16px 40px #bb8ffca3, 0 10px 24px #fce48f7a, 0 12px 24px #bb8ffc8f, 0 4.2px 10.5px #fce48f4d, 0 2.5px 6.25px #bb8ffc40, 0 1.5px 3.6px #fce48f33, 0 .66px 1.6px #bb8ffc24;
}
.headline-regular {
color: #6a6a6b;
letter-spacing: -.04px;
font-size: 18px;
font-weight: 500;
line-height: 1.35;
}
.image-wrap-border {
grid-column-gap: 24px;
grid-row-gap: 24px;
border: 1px solid #1b1b1d;
border-radius: 12px 12px 20px 20px;
flex-direction: column;
align-items: stretch;
}
.logo-wrapper-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: center;
display: flex;
}
.hint {
grid-column-gap: 6px;
grid-row-gap: 6px;
color: #6a6a6b;
align-items: center;
font-size: 12px;
line-height: 1.7;
display: flex;
}
.icon-x-small {
flex: none;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
}
.error-message-5 {
background-color: #0000;
margin-top: 12px;
padding: 0;
}
.button-bg-2 {
pointer-events: none;
display: none;
}
.feature-icon-3 {
z-index: 2;
flex: none;
width: 22px;
height: 22px;
position: relative;
}
.home-lights {
z-index: 98;
pointer-events: none;
justify-content: center;
align-items: flex-start;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.footer-form {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
display: flex;
}
.faq-grid-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
}
.button-primary-small {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
text-align: center;
background-color: #ffffff1f;
background-image: linear-gradient(#ffffff14, #8e78b014);
border: 1px solid #ffffff0f;
border-radius: 40px;
flex-direction: row;
flex: none;
justify-content: center;
align-items: center;
padding: 4px 12px;
font-size: 12px;
font-weight: 500;
line-height: 1.7;
transition: all .3s;
box-shadow: inset 0 .75px .75px #ffffff29, inset 0 0 1px #ffffff1f;
}
.button-primary-small:hover {
background-color: #ffffff0f;
}
.linear-code {
display: none;
}
.nav-button-group {
align-items: center;
display: flex;
}
.grid-three-column {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.footer-legal-wrap {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: space-between;
align-items: center;
display: flex;
}
.button-18 {
z-index: 2;
-webkit-backdrop-filter: blur(120px);
backdrop-filter: blur(120px);
background-color: #ffffff1f;
background-image: linear-gradient(#ffffff14, #8e78b014);
border: 4px solid #070707;
border-radius: 99px;
width: 100%;
padding: 6px 12px;
line-height: 1.7;
position: relative;
box-shadow: inset 0 .75px .75px #ffffff29, inset 0 1px #ffffff1f;
}
.footer-column-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
flex: 1;
display: flex;
}
.nav-menu-8 {
grid-column-gap: 20px;
grid-row-gap: 20px;
align-items: center;
display: flex;
}
.circle-dash-border {
z-index: 0;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.cta-side {
border-radius: 8px;
width: 100%;
max-width: 380px;
padding: 44px 1px 44px 44px;
position: relative;
overflow: hidden;
}
.carousel-wrapper {
align-items: center;
width: auto;
padding-top: 24px;
padding-bottom: 24px;
display: flex;
position: relative;
overflow: hidden;
}
.form-icon {
flex: none;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
position: absolute;
left: 10px;
}
.faq-dropdown-list {
background-color: #0000;
display: block;
position: relative;
}
.icon-large {
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
transition: color .2s;
display: flex;
}
.feature-line {
background-image: linear-gradient(to right, #fce48d, #b98dfc);
width: 48px;
height: 2px;
position: absolute;
inset: 1px auto auto 40px;
box-shadow: 0 33px 80px #fce48f99, 0 16px 40px #bb8ffca3, 0 10px 24px #fce48f7a, 0 12px 24px #bb8ffc8f, 0 4.2px 10.5px #fce48f4d, 0 2.5px 6.25px #bb8ffc40, 0 1.5px 3.6px #fce48f33, 0 .66px 1.6px #bb8ffc24;
}
.footer-side {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
align-items: stretch;
width: 100%;
max-width: 296px;
display: flex;
}
.feature-text-wrapper {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-direction: column;
align-items: flex-start;
padding: 24px 20px 20px;
display: flex;
}
.container-lines-regular {
z-index: 1;
width: 100%;
max-width: 1128px;
margin-left: auto;
margin-right: auto;
padding: 72px 48px;
position: relative;
}
.hint-link {
color: #fff;
font-size: 12px;
line-height: 1.7;
}
.footer-legal {
grid-column-gap: 24px;
grid-row-gap: 24px;
align-items: center;
display: flex;
}
.header-center-small {
grid-column-gap: 12px;
grid-row-gap: 12px;
text-align: center;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 600px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.carousel-item-large {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
align-items: center;
margin-left: 20px;
margin-right: 20px;
display: flex;
}
.nav-logo-2 {
height: 32px;
}
.error-inner {
grid-column-gap: 6px;
grid-row-gap: 6px;
align-items: center;
display: flex;
}
.full-page {
position: relative;
overflow: hidden;
}
.light-right {
width: 80vw;
max-width: 1440px;
position: absolute;
inset: 0% 0% auto auto;
}
.gradient-span {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(#fff, #ffffffa3);
-webkit-background-clip: text;
background-clip: text;
}
.lines-group {
z-index: 2;
pointer-events: none;
position: absolute;
inset: 0%;
}
.wrap-v-regular {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
display: flex;
}
.faq-answer {
padding-left: 24px;
padding-right: 64px;
position: relative;
top: -20px;
}
.hero-badge {
grid-column-gap: 4px;
grid-row-gap: 4px;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
color: #fff;
background-color: #ffffff05;
border: 1px solid #ffffff0f;
border-radius: 99px;
align-items: center;
padding: 4px 8px 4px 6px;
font-size: 12px;
line-height: 1.7;
display: flex;
box-shadow: inset 0 -4px 12px #ffffff1a;
}
.wrap-v-large {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.paragraph-regular {
margin-bottom: 0;
font-size: 14px;
line-height: 1.7;
}
.circle-background {
z-index: 0;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.cta-block {
grid-column-gap: 48px;
grid-row-gap: 48px;
background-color: #070707;
background-image: linear-gradient(#ffffff0a, #fff0);
border: 1px solid #1b1b1d;
border-radius: 12px 12px 24px 24px;
justify-content: space-between;
align-items: center;
margin-top: 16px;
padding: 4px 6px 4px 4px;
display: flex;
}
.logo-5 {
cursor: pointer;
flex: none;
width: 32px;
height: 32px;
transition: all .3s;
}
.logo-5:hover {
transform: scale(1.15);
}
.feature-heading {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
padding: 36px 36px 24px;
display: flex;
}
.integration-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 96px;
display: flex;
position: relative;
}
.headline-small {
letter-spacing: -.03px;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
}
.footer-link-3 {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #6a6a6b;
align-items: center;
font-size: 14px;
line-height: 1.7;
text-decoration: none;
transition: all .3s;
display: flex;
}
.footer-link-3:hover {
color: #a6a6a6;
}
.minus {
z-index: 0;
opacity: 0;
width: 24px;
height: 24px;
position: absolute;
}
.label-regular {
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 1.7;
}
.line-vertical-left {
z-index: 1;
background-color: #1b1b1d;
width: 1px;
height: auto;
position: absolute;
inset: 4.5px auto 0% 0%;
}
.h4-heading {
color: #fff;
font-size: 36px;
font-weight: 500;
line-height: 1.25;
}
.badge-2 {
grid-column-gap: 4px;
grid-row-gap: 4px;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
color: #fff;
background-color: #ffffff05;
border: 1px solid #ffffff0f;
border-radius: 99px;
align-items: center;
padding: 4px 10px;
font-size: 12px;
line-height: 1.7;
display: flex;
box-shadow: inset 0 -4px 12px #ffffff1a;
}
.horizontal-divider-dash {
align-items: center;
width: 100%;
height: 2px;
display: flex;
}
.horizontal-divider-dash.feature {
margin-top: 26px;
margin-bottom: 6px;
}
.cta-overlay {
z-index: 3;
background-image: linear-gradient(to right, #14141700, #101013);
border-top-right-radius: 8px;
border-bottom-right-radius: 16px;
width: 20%;
position: absolute;
inset: 1px 0 1px auto;
}
.carousel-holder {
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.carousel-holder.reverse {
justify-content: flex-end;
}
.carousel-item {
grid-column-gap: 8px;
grid-row-gap: 8px;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
color: #a6a6a6;
background-color: #0707093d;
background-image: linear-gradient(#ffffff05, #fff0);
border: 1px solid #1b1b1d;
border-radius: 12px;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
min-width: 168px;
margin-left: 12px;
margin-right: 12px;
padding: 18px 20px;
font-size: 12px;
line-height: 1.7;
display: flex;
}
.wrap-h-xsmall {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: flex;
}
.wrap-h-xsmall.wrap-child {
flex-wrap: wrap;
}
.cta-feature {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #070707;
border: 1px solid #1b1b1d;
border-radius: 12px;
flex-direction: column;
padding: 16px 24px 24px;
position: relative;
}
.cta-feature.last {
border-top-right-radius: 24px;
}
.cta-feature.first {
border-top-left-radius: 24px;
}
.feature-image {
z-index: 2;
border-radius: 12px 12px 6px 6px;
position: relative;
overflow: hidden;
}
.footer-line {
z-index: 40;
background-image: linear-gradient(to right, #fce48d, #b98dfc);
width: 40px;
height: 2px;
position: absolute;
inset: -96px auto auto 0;
box-shadow: 0 33px 80px #fce48f99, 0 16px 40px #bb8ffca3, 0 10px 24px #fce48f7a, 0 12px 24px #bb8ffc8f, 0 4.2px 10.5px #fce48f4d, 0 2.5px 6.25px #bb8ffc40, 0 1.5px 3.6px #fce48f33, 0 .66px 1.6px #bb8ffc24;
}
.success-message-5 {
-webkit-backdrop-filter: blur(24px);
backdrop-filter: blur(24px);
background-color: #ffffff0f;
border: 1px solid #ffffff14;
border-radius: 12px;
padding: 24px;
font-size: 14px;
line-height: 1.7;
}
.carousel-overlay {
pointer-events: none;
background-image: linear-gradient(to right, #070707, #07070700 15% 85%, #070707);
position: absolute;
inset: 0%;
}
.integration-circle-inner {
z-index: 2;
-webkit-backdrop-filter: blur(48px);
backdrop-filter: blur(48px);
text-align: center;
background-color: #0707093d;
background-image: linear-gradient(#00000005, #fff0);
border: 1px solid #1b1b1d;
border-radius: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 262px;
height: 262px;
display: flex;
position: relative;
box-shadow: 0 0 1px 32px #ffffff0a, 0 12px 40px #000000b8;
}
.light-left {
width: 80vw;
max-width: 1440px;
position: absolute;
inset: 0% auto auto 0%;
}
.faq-question {
grid-column-gap: 16px;
color: #fff;
justify-content: space-between;
align-items: center;
display: flex;
}
.navigation-link {
color: #fff;
border-radius: 40px;
padding: 8px 12px;
font-size: 12px;
line-height: 1.7;
transition: all .3s;
}
.navigation-link:hover {
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
background-color: #ffffff0f;
}
.navigation-link.w--current {
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
color: #fff;
background-color: #ffffff0f;
}
.integration-circle {
border-radius: 100%;
padding: 32px;
position: absolute;
inset: auto;
}
.h-form {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
display: flex;
}
.feature-container-lines {
z-index: 5;
width: 100%;
max-width: 1128px;
margin-left: auto;
margin-right: auto;
padding: 112px 48px 40px;
position: relative;
}
.integration-title {
grid-column-gap: 12px;
grid-row-gap: 12px;
text-align: center;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 552px;
margin-bottom: 96px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.wrap-h-small {
grid-column-gap: 12px;
grid-row-gap: 12px;
display: flex;
}
.light-wrap {
width: 100%;
min-width: 1440px;
position: relative;
}
.wrap-v-x-small {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
display: flex;
}
.content-form-wrap {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-direction: column;
width: 100%;
max-width: 360px;
display: flex;
}
.plus {
width: 24px;
height: 24px;
}
.section-45 {
z-index: 2;
padding-bottom: 1px;
padding-left: 3%;
padding-right: 3%;
position: relative;
}
.cta-content {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-direction: column;
align-items: flex-start;
width: 100%;
max-width: 550px;
padding-top: 44px;
padding-bottom: 44px;
padding-left: 44px;
display: flex;
}
.faq-dropdown {
cursor: pointer;
background-color: #070707;
border: 1px solid #ffffff0f;
border-radius: 12px;
width: 100%;
overflow: hidden;
}
.faq-toggle {
z-index: 2;
width: 100%;
padding: 24px;
}
.noise {
z-index: 99999;
opacity: .22;
pointer-events: none;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/684d045ac20de43e680574b0_Noise.png");
background-position: 0 0;
background-size: 1440px;
height: 100%;
position: absolute;
inset: 0%;
}
.grid-v-full-right {
z-index: 1;
background-color: #1b1b1d;
width: 1px;
height: auto;
position: absolute;
inset: 0% 0% 0% auto;
}
.feature-title {
grid-column-gap: 12px;
grid-row-gap: 12px;
text-align: center;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 456px;
margin-bottom: 48px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.navigation-line {
background-image: linear-gradient(to right, #fce48d, #b98dfc);
width: 120px;
height: 2px;
position: absolute;
inset: auto auto -34px 0%;
box-shadow: 0 33px 80px #fce48f99, 0 16px 40px #bb8ffca3, 0 10px 24px #fce48f7a, 0 12px 24px #bb8ffc8f, 0 4.2px 10.5px #fce48f4d, 0 2.5px 6.25px #bb8ffc40, 0 1.5px 3.6px #fce48f33, 0 .66px 1.6px #bb8ffc24;
}
.footer-main {
grid-column-gap: 56px;
grid-row-gap: 56px;
flex-direction: column;
justify-content: space-between;
width: 100%;
max-width: 680px;
display: flex;
}
.wrap-h-regular {
grid-column-gap: 16px;
grid-row-gap: 16px;
display: flex;
}
.line-vertical-right {
z-index: 1;
background-color: #1b1b1d;
width: 1px;
height: auto;
position: absolute;
inset: 4.5px 0% 0% auto;
}
.faq-icon {
flex: none;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
position: relative;
}
.container-lines-large {
z-index: 5;
width: 100%;
max-width: 1128px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 120px 48px;
position: relative;
}
.container-lines-large.overflow {
overflow: hidden;
}
.hero-content-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
width: 100%;
max-width: 610px;
display: flex;
}
.form-block-8 {
margin-bottom: 0;
}
.icon-small {
flex: none;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
display: flex;
}
.feature-card-small {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background-color: #0707093d;
background-image: linear-gradient(#ffffff05, #fff0);
border: 1px solid #1b1b1d;
border-radius: 16px;
padding: 4px;
position: relative;
}
.grid-v-full-left {
z-index: 1;
background-color: #1b1b1d;
width: 1px;
height: auto;
position: absolute;
inset: 0% auto 0% 0%;
}
.footer-contact-link {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #6a6a6b;
text-decoration: none;
transition: color .3s;
display: flex;
}
.footer-contact-link:hover {
color: #a6a6a6;
}
.feature-image-wrap {
position: relative;
}
.video-lightbox-wrapper {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/684d045bc20de43e68057527_Video%20BG.webp"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/684d045ac20de43e6805748e_Video.webp");
background-position: 50%, 0 0;
background-repeat: no-repeat, no-repeat;
background-size: 984px, 984px;
justify-content: center;
align-items: center;
width: 100%;
height: 540px;
display: flex;
position: relative;
}
.footer-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
}
.footer-links {
grid-column-gap: 48px;
grid-row-gap: 48px;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 432px;
display: flex;
}
.line-dot {
z-index: 5;
background-color: #0d0d11;
border: 1px solid #1b1b1d;
border-radius: 2px;
width: 10px;
height: 10px;
position: absolute;
}
.line-dot.top-right {
inset: -4.5px -4.5px auto auto;
}
.line-dot.bottom-right {
inset: auto -4.5px -4.5px auto;
}
.line-dot.top-left {
inset: -4.5px auto auto -4.5px;
}
.line-dot.bottom-left {
inset: auto auto -4.5px -4.5px;
}
.line-horizontal {
z-index: 0;
pointer-events: none;
background-color: #1b1b1d;
width: 100vw;
height: 1px;
position: absolute;
inset: auto 0% 0%;
}
.text-field-6 {
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
color: #fff;
background-color: #ffffff03;
border: 1px solid #ffffff1f;
border-radius: 40px;
min-height: 36px;
margin-bottom: 0;
padding: 6px 10px 6px 32px;
font-size: 12px;
line-height: 1.7;
box-shadow: inset 0 -4px 12px #ffffff0f;
}
.text-field-6:focus {
border-color: #ffffff3d;
}
.text-field-6::placeholder {
color: #6a6a6b;
}
.wrap-v-small {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
display: flex;
}
.button-primary-3 {
grid-column-gap: 8px;
grid-row-gap: 8px;
-webkit-backdrop-filter: blur(40px);
backdrop-filter: blur(40px);
color: #fff;
text-align: center;
background-color: #ffffff1f;
background-image: linear-gradient(#ffffff14, #8e78b014);
border-radius: 40px;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px 16px;
font-size: 14px;
font-weight: 500;
line-height: 1.7;
text-decoration: none;
transition: all .3s;
box-shadow: inset 0 1px .75px #ffffff29, inset 0 0 1px #ffffff1f;
}
.button-primary-3:hover {
background-color: #ffffff14;
}
.cta-badge-wrap {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
margin-right: -2px;
display: flex;
}
.feature-badge {
grid-column-gap: 2px;
grid-row-gap: 2px;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
cursor: pointer;
background-color: #ffffff0a;
border: .8px solid #ffffff1a;
border-radius: 40px;
align-items: center;
padding: 2px 8px 2px 6px;
font-size: 12px;
line-height: 1.7;
transition: color .2s, opacity .2s;
display: flex;
box-shadow: inset 0 -4px 12px #ffffff1a;
}
.feature-badge:hover {
color: #fff;
border-color: #ffffff29;
}
.button-secondary-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
text-align: center;
border-radius: 99px;
flex-direction: row;
flex: none;
justify-content: center;
align-items: center;
padding: 1px;
font-size: 14px;
font-weight: 500;
line-height: 1.7;
text-decoration: none;
transition: all .5s cubic-bezier(.6, .6, 0, 1);
position: relative;
}
.h6-heading {
color: #fff;
letter-spacing: -.1px;
font-size: 24px;
font-weight: 500;
line-height: 1.4;
}
.text-color-white {
color: #fff;
}
.feature-card-buton-wrap {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
width: 100%;
display: flex;
}
.max-width-x-small {
width: 100%;
max-width: 440px;
}
.max-width-x-small.spacing-c {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.feature-button {
grid-column-gap: 2px;
grid-row-gap: 2px;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
color: #fff;
cursor: pointer;
background-color: #ffffff05;
border: .8px solid #ffffff0f;
border-radius: 6px;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 10px 12px;
font-size: 12px;
line-height: 1.7;
transition: all .3s;
display: flex;
box-shadow: inset 0 -4px 12px #ffffff0f;
}
.feature-button:hover {
background-color: #ffffff0a;
border-color: #fff3;
}
.h3-heading {
color: #fff;
letter-spacing: -.17px;
font-size: 40px;
font-weight: 500;
line-height: 1.2;
}
.footer-base-link {
color: #6a6a6b;
font-size: 12px;
line-height: 1.7;
text-decoration: none;
transition: all .3s;
}
.footer-base-link:hover {
color: #a6a6a6;
}
.icon-wrap {
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
background-color: #ffffff03;
border: 1px solid #ffffff0a;
border-radius: 8px;
justify-content: center;
align-items: center;
padding: 13px;
display: flex;
position: relative;
box-shadow: inset 0 -4px 8px #ffffff0f;
}
.navbar-7 {
z-index: 97;
background-color: #0000;
padding-left: 3%;
padding-right: 3%;
}
.content-container-lines {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/684d045ac20de43e680574c7_Grid%20Light.webp");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 1128px;
width: 100%;
max-width: 1128px;
margin-left: auto;
margin-right: auto;
padding: 120px 48px;
position: relative;
}
.paragraph-small {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 12px;
line-height: 1.7;
}
.carousel {
flex: none;
align-items: center;
display: flex;
}
.carousel.reverse {
justify-content: flex-end;
}
.tabs-content-wrapper-2 {
margin-top: 2em;
overflow: visible;
}
.tabs-nav-background-2 {
z-index: 0;
background-color: #fff;
border-radius: 999em;
position: absolute;
inset: 0%;
box-shadow: 0 22px 2.5em #0006;
}
.section-tabs-2 {
background-color: #141414;
min-height: 100vh;
padding-top: 7.5em;
padding-bottom: 6.5em;
display: flex;
}
.tabs-nav-text-2 {
z-index: 1;
position: relative;
}
.tabs-menu-wrapper-2 {
background-color: #464646;
border-radius: 999em;
align-items: center;
padding: .7em .8em;
display: flex;
}
.tabs-content-wrapper-3 {
margin-top: 2em;
overflow: visible;
}
.tabs-nav-background-3 {
z-index: 0;
background-color: #fff;
border-radius: 999em;
position: absolute;
inset: 0%;
box-shadow: 0 22px 2.5em #0006;
}
.tabs-a-section {
background-color: #141414;
min-height: 100vh;
padding-top: 7.5em;
padding-bottom: 6.5em;
display: flex;
}
.arrow-up-icon {
z-index: 2;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/684e39e6698b1ec71466cb7a_Arrow-up-icon.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 30px;
height: 30px;
position: relative;
}
.table-row-bg {
background-color: #fff;
width: 100%;
position: absolute;
inset: auto 0% 0%;
}
.h2-white {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
font-weight: 600;
line-height: 54px;
}
.project-text {
z-index: 2;
position: relative;
}
.table-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 1fr;
grid-template-columns: 1fr;
grid-auto-rows: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.section-47 {
flex-direction: column;
align-items: center;
display: flex;
}
.section-47.dark {
background-color: #1a1a1f;
align-items: center;
min-height: 100vh;
}
.body-large {
font-size: 18px;
font-weight: 400;
line-height: 32px;
}
.table-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #fff;
border-bottom: 1px solid #fff;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
padding: 20px 0;
text-decoration: none;
transition: border-color .35s;
display: grid;
position: relative;
}
.table-row:hover {
border-color: #818181;
}
.first-container {
flex-direction: column;
align-items: flex-start;
width: 90%;
max-width: 1180px;
margin-top: 80px;
display: flex;
}
.head {
justify-content: space-between;
align-items: flex-start;
width: 100%;
margin-bottom: 80px;
display: flex;
}
.link-7 {
color: #fff;
font-size: 16px;
text-decoration: none;
}
.btn {
z-index: 4;
color: #fff;
letter-spacing: 6px;
text-transform: uppercase;
background-color: #0000;
justify-content: center;
align-items: center;
padding-top: 16px;
padding-bottom: 16px;
font-size: 20px;
font-weight: 400;
text-decoration: none;
display: flex;
position: absolute;
inset: auto 24% 12% auto;
}
.project {
z-index: 2;
perspective: 3500px;
perspective-origin: 50%;
justify-content: center;
align-items: center;
width: 66%;
height: 90vh;
display: flex;
position: relative;
overflow: hidden;
transform: perspective(3500px);
}
.heading-h1 {
z-index: 10;
perspective: 2000px;
color: #fff;
letter-spacing: .2vw;
text-transform: uppercase;
flex: none;
width: 100%;
margin-top: 30vh;
margin-bottom: 0;
margin-left: 16vw;
font-size: 7vw;
line-height: 10vw;
position: relative;
transform: perspective(2000px);
}
.heading-h1.outline {
z-index: 3;
color: #ffffff69;
font-weight: 700;
position: absolute;
inset: 0% 0% auto;
}
.heading-h1.solid {
z-index: 1;
position: absolute;
inset: 0% 0% auto;
}
.btn-line {
background-color: #fff;
width: 56px;
height: 2px;
margin-right: 24px;
}
.img-2 {
object-fit: contain;
min-width: 100%;
max-width: none;
min-height: 100%;
position: relative;
}
.project-container {
perspective: 3500px;
flex-direction: column;
align-items: flex-start;
width: 100%;
margin-top: 20vw;
margin-bottom: 20vw;
display: flex;
position: relative;
transform: perspective(3500px);
}
.page-2 {
overflow: hidden;
}
.container-medium {
width: 85%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.container-medium.about {
width: 90%;
margin-left: 4.375em;
margin-right: 0;
}
.sticky-container {
width: 100%;
position: sticky;
top: 12em;
}
.section-48.hero-container {
height: 450vh;
padding-top: 12em;
padding-left: 2em;
padding-right: 2em;
}
.video {
width: 100%;
height: 100%;
}
.container-full {
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.container-full.service {
justify-content: space-between;
padding-top: 10em;
padding-bottom: 5em;
display: flex;
}
.container-full.team {
padding-top: 15em;
}
.div-hide-2 {
position: relative;
overflow: hidden;
}
.video-parent {
z-index: 9999;
justify-content: center;
align-items: center;
width: 35%;
height: 20vh;
display: flex;
position: absolute;
inset: auto -2.5% 0% auto;
overflow: hidden;
}
.asterix {
color: #faf9f6;
font-size: 1.875rem;
line-height: .2;
}
.asterix.margin-right-xtrasmall {
margin-right: .5em;
}
.caption-text {
color: #faf9f6;
text-transform: uppercase;
font-size: 1.25rem;
line-height: 1.25;
}
.container-small-2 {
perspective: 1000px;
flex-direction: column;
width: 75%;
margin-left: auto;
margin-right: auto;
position: relative;
transform: perspective(40em);
}
.margin-left-large {
margin-top: 0;
margin-bottom: 0;
margin-left: 10em;
}
.span-text {
display: inline-block;
}
.h1---style {
color: #faf9f6;
text-transform: uppercase;
font-size: 9.375em;
font-weight: 400;
}
.num-text {
z-index: 2;
color: #faf9f6;
font-size: 1.65rem;
font-style: italic;
font-weight: 400;
position: relative;
}
.footer-container {
justify-content: space-between;
align-items: center;
margin-top: 2em;
display: flex;
}
.supertext {
color: #faf9f6;
text-transform: uppercase;
white-space: nowrap;
font-size: 9.375em;
font-weight: 400;
}
.social-link-parent {
border-radius: 100000000000px;
justify-content: center;
align-items: center;
margin-left: 1rem;
padding: 8px;
display: flex;
position: relative;
}
.section-49.about-section {
padding-top: 12.5em;
padding-left: 2em;
padding-right: 2em;
}
.section-49.service-section {
padding-top: 15em;
padding-left: 2em;
padding-right: 2em;
}
.section-49.hero-container {
height: 450vh;
padding-top: 12em;
padding-left: 2em;
padding-right: 2em;
}
.section-49.cta {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.section-49.partner-section {
padding: 10em 2em;
}
.section-49.project-section {
padding-top: 15em;
position: relative;
}
.section-49.content-section {
padding-top: 20em;
padding-left: 2em;
padding-right: 2em;
}
.lottie {
width: 20em;
}
.grid-2-col-right {
grid-template-rows: auto;
grid-template-columns: 1.2fr 1.2fr;
}
.cta-container {
flex-direction: column;
justify-content: center;
align-items: center;
width: 70%;
height: 100%;
margin-top: 12em;
padding-top: 5em;
padding-bottom: 5em;
display: flex;
position: relative;
}
.service-parent {
justify-content: space-between;
align-items: center;
padding-bottom: 5em;
display: flex;
position: relative;
}
.footer-4 {
padding: 5em 2em;
}
.designer-link {
color: #faf9f6;
}
.cta-scroll {
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.supertext-xl {
opacity: .05;
color: #faf9f6;
text-transform: uppercase;
white-space: nowrap;
font-size: 29.2606em;
font-weight: 400;
position: relative;
}
.button-txt {
z-index: 2;
color: #faf9f6;
text-align: center;
text-transform: uppercase;
margin-bottom: 5px;
font-size: 1.25rem;
position: relative;
}
.bg-video {
width: 100%;
height: 100vh;
display: block;
position: relative;
overflow: hidden;
}
.collection-list {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.circle-cta {
background-color: #faf9f6;
border-radius: 100em;
min-width: 2em;
min-height: 2em;
margin-left: 3em;
margin-right: 3em;
position: relative;
}
.team-list-wrapper {
width: 100%;
display: flex;
}
.social-link-icon {
width: 1.5em;
height: 1.5em;
display: inline-block;
}
.scroll-section-small {
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 4.1875em;
padding-bottom: 4.1875em;
display: flex;
position: relative;
overflow: hidden;
}
.spacer-2em {
width: 100%;
height: 2em;
}
.spacer-2em.mobile {
display: none;
}
.half-circle {
width: 45px;
height: 45px;
}
.border-line-btn {
z-index: 1;
background-color: #faf9f6;
width: 100%;
height: 1px;
position: absolute;
inset: auto 0% 0%;
}
.scroll-text-parent {
z-index: 1;
align-items: center;
display: flex;
position: sticky;
inset: 3em 0% 25%;
overflow: hidden;
}
.container-extra-small {
width: 50%;
margin-left: auto;
margin-right: auto;
}
.border-line-top-2 {
z-index: 1;
background-color: #faf9f6;
width: 100%;
height: .5px;
position: absolute;
inset: 0% 0% auto;
}
.footer-credit {
color: #faf9f6;
text-transform: uppercase;
padding-bottom: .5rem;
font-size: 1.25rem;
font-weight: 400;
}
.h2---style {
text-transform: uppercase;
font-size: 9.375em;
line-height: 1;
}
.supertext-container {
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.spacer-8em {
width: 100%;
height: 8em;
}
.wrapper-3 {
background-color: #0000;
overflow: visible;
}
.btn-parent {
z-index: 1;
cursor: pointer;
border: 1px solid #faf9f6;
border-radius: 100em;
justify-content: center;
align-items: center;
width: 12.5em;
height: 12.5em;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.whipe {
z-index: 1;
background-color: #000;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0% auto auto 0%;
}
.border-line-bottom {
z-index: 1;
background-color: #faf9f6;
width: 100%;
height: .5px;
position: absolute;
inset: auto 0% 0%;
}
.scroll-text {
display: flex;
position: relative;
overflow: hidden;
}
.image-parent {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
overflow: hidden;
}
.image-parent.about {
height: 50em;
right: -12.5%;
}
.nav-link-8 {
color: #faf9f6;
text-transform: uppercase;
padding-bottom: .5rem;
font-size: 1.25rem;
font-weight: 400;
}
.reel {
z-index: 5;
width: 100%;
height: 100%;
display: block;
position: relative;
}
.paragraph-large {
font-size: 1.875rem;
overflow: hidden;
}
.container-tiny {
width: 20%;
margin-left: auto;
margin-right: auto;
}
.container-tiny.small-text {
justify-content: center;
align-items: center;
width: 25%;
display: flex;
position: absolute;
inset: auto -8% 15% auto;
}
.container-tiny.margin-top-small {
margin-top: 1em;
}
.text-container {
position: relative;
}
.text-container.team {
padding-top: 5em;
padding-bottom: 5em;
}
.small-footer-link {
color: #979797;
}
.small-footer-link:hover {
color: #faf9f6;
border-bottom: .5px #fff;
}
.scroll-section {
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 3.5em;
padding-bottom: 3.5em;
display: flex;
position: relative;
overflow: visible;
}
.partner {
color: #faf9f6;
text-transform: uppercase;
white-space: nowrap;
font-size: 4.45em;
}
.parent-2 {
z-index: 1;
position: relative;
}
.spacer-12em {
width: 100%;
height: 12em;
}
.button-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10em;
display: flex;
}
.whipe-button {
z-index: 2;
background-color: #faf9f6;
border-radius: 1000000em;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: auto 0% 0%;
}
.designer {
color: #faf9f6;
text-transform: uppercase;
margin-bottom: 10px;
font-size: .85rem;
}
.scroll-text-partner {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.scroll-text-partner._2 {
justify-content: center;
}
.image-child {
width: 100%;
height: 100%;
position: relative;
}
.image-child.about-image {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/684f198afabb5a8f12f0454f_About-image.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.project-2 {
flex-direction: column;
justify-content: flex-end;
width: 85%;
display: flex;
position: relative;
}
.align-right {
text-align: right;
}
.team-collection-list {
grid-column-gap: 90px;
grid-row-gap: 90px;
flex-direction: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: grid;
}
.nav-link-parent {
z-index: 999;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.nav-link-parent.cta {
z-index: 1;
}
.service-wrapper {
grid-column-gap: 1em;
grid-row-gap: 2em;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 50%;
display: flex;
}
.spacer-4em {
width: 100%;
height: 4em;
}
.designer-small {
color: #faf9f6;
letter-spacing: 1px;
text-transform: capitalize;
width: 100%;
font-size: .8rem;
font-weight: 400;
}
.small-text-container {
width: 200px;
margin-left: 0;
}
.cta-scroll-text-parent {
position: relative;
overflow: hidden;
}
.footer-credit-wrap {
width: 33.3333%;
overflow: hidden;
}
.project-list-wrapper {
z-index: 2;
width: 100%;
position: relative;
}
.paragraph-large-2 {
font-size: 1.875rem;
overflow: hidden;
}
.cursor-child {
position: relative;
}
.whipe-outro {
background-color: #000;
width: 100%;
height: 100%;
position: absolute;
inset: auto 0% 0%;
}
.border-line-nav {
z-index: 1;
background-color: #faf9f6;
width: 100%;
height: .5px;
position: absolute;
inset: auto 0% 0%;
}
.outro-parent {
z-index: 9999;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: none;
position: fixed;
inset: 0% auto auto 0%;
overflow: hidden;
}
.whipe-intro {
z-index: 2;
background-color: #faf9f6;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: auto auto 0% 0%;
}
.div-hide-ab {
z-index: 1;
position: absolute;
overflow: hidden;
}
.intro-parent {
z-index: 99999;
background-color: #000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: fixed;
inset: 0% auto auto 0%;
}
.intro-text {
color: #fff;
text-transform: uppercase;
font-size: 9em;
font-weight: 500;
line-height: 1.1;
}
.intro-text-ab {
color: #faf9f6;
text-transform: uppercase;
font-size: 9em;
font-weight: 500;
line-height: 1.1;
}
.nav-2 {
z-index: 9998;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
justify-content: space-between;
align-items: center;
width: 100%;
padding: 1.875em 2em 1.5625em;
display: flex;
position: fixed;
inset: 0% 0% auto auto;
}
.cursor-arrow {
z-index: 10;
opacity: 1;
width: 50px;
height: 50px;
display: block;
}
.cursor-parent {
z-index: 999;
mix-blend-mode: exclusion;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: fixed;
inset: 0% auto auto 0%;
}
.intro-text-container {
z-index: 1;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
display: flex;
position: relative;
}
.cursor-dot {
background-color: #fff;
border-radius: 100em;
flex-direction: row;
justify-content: center;
align-items: center;
width: 2em;
height: 2em;
display: flex;
position: relative;
}
.nav-logo-3 {
width: 10.5rem;
}
.paragraph-large-3 {
font-size: 1.875rem;
overflow: hidden;
}
.content-section-2 {
padding-top: 4.8em;
padding-bottom: 6.8em;
}
.border-line-top-3 {
z-index: 1;
background-color: #292929;
width: 100%;
height: 1px;
position: absolute;
inset: 0% auto auto 0%;
}
.text-black-2 {
color: #0d0d0d;
}
.border-line-btm-3 {
z-index: 1;
background-color: #292929;
width: 100%;
height: 2px;
position: absolute;
inset: auto auto 0% 0%;
}
.spacer {
display: none;
}
.accordion-section {
z-index: 1;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
min-height: 100vh;
padding-top: 7%;
padding-bottom: 7%;
padding-right: 40px;
display: flex;
position: relative;
overflow: hidden;
}
.accordion-pane {
background-color: #0000;
overflow: hidden;
}
.accordion-link {
color: #fff;
background-color: #222;
padding: 15px 20px;
font-weight: 600;
text-decoration: none;
transition: transform .2s;
display: inline-block;
}
.accordion-link:hover {
transform: scale(1.05);
}
.arrow-div-wrapper {
justify-content: center;
align-items: center;
width: 15%;
display: flex;
}
.accordion-header {
color: #161616;
text-align: right;
width: 85%;
margin-top: 0;
margin-bottom: 0;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 36px;
font-size: 3rem;
font-weight: 500;
line-height: 1.3;
transition: font-size .2s;
}
.accordion-section-head {
color: #292929;
font-size: 1.3rem;
font-weight: 500;
}
.text-link {
color: #2e2e2e;
font-style: italic;
font-weight: 500;
text-decoration: underline;
display: inline-block;
}
.accordion-tab-button {
cursor: pointer;
justify-content: flex-start;
align-items: center;
padding-top: 16px;
padding-bottom: 16px;
display: flex;
}
.number-div-wrapper {
justify-content: center;
align-items: center;
width: 15%;
display: flex;
}
.number-4 {
color: #7f6d36;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 1rem;
}
.accordion-text {
color: #161616;
text-align: right;
width: 80%;
font-size: 1rem;
font-weight: 300;
line-height: 1.7;
}
.accordion-pane-content {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
justify-content: flex-end;
margin-bottom: 5px;
padding-top: 0;
padding-bottom: 20px;
display: flex;
}
.accordion-item {
background-color: #fff;
border: 1px solid #c9c9c9;
border-bottom-style: none;
justify-content: center;
align-items: center;
max-width: 1000px;
padding: 1rem 2.3rem 1rem 1rem;
transition: transform .4s, border-color .4s;
position: relative;
}
.accordion-item:hover {
z-index: 1;
border-style: none;
transform: scale(1.04);
box-shadow: 8px 8px 36px -8px #8286c438;
}
.accordion-item.bottom {
border-bottom-style: solid;
}
.accordion-item.bottom:hover {
border-bottom-style: none;
}
.accordion-item-2 {
background-color: #fff;
border: 1px solid #c9c9c9;
border-bottom-style: none;
justify-content: center;
align-items: center;
max-width: 1000px;
padding: 1rem 2.3rem 1rem 1rem;
transition: transform .4s, border-color .4s;
position: relative;
}
.accordion-item-2:hover {
z-index: 1;
border-style: none;
transform: scale(1.04);
box-shadow: 8px 8px 36px -8px #8286c438;
}
.accordion-item-2.bottom {
border-bottom-style: solid;
}
.accordion-item-2.bottom:hover {
border-bottom-style: none;
}
.accordion-header-2 {
color: #161616;
text-align: right;
width: 85%;
margin-top: 0;
margin-bottom: 0;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 36px;
font-size: 3rem;
font-weight: 500;
line-height: 1.3;
transition: font-size .2s;
}
.accordion-text-2 {
color: #161616;
text-align: right;
width: 80%;
font-size: 1rem;
font-weight: 300;
line-height: 1.7;
}
.accordion-link-2 {
color: #fff;
background-color: #222;
padding: 15px 20px;
font-weight: 600;
text-decoration: none;
transition: transform .2s;
display: inline-block;
}
.accordion-link-2:hover {
transform: scale(1.05);
}
.accordion-section-head-2 {
color: #292929;
font-size: 1.3rem;
font-weight: 500;
}
.number-5 {
color: #7f6d36;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 1rem;
}
.accordion-section-2 {
z-index: 1;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
min-height: 100vh;
padding-top: 7%;
padding-bottom: 7%;
padding-right: 40px;
display: flex;
position: relative;
overflow: hidden;
}
.iocn_wrappr {
justify-content: center;
align-items: center;
max-width: 1.5625rem;
height: 1.5rem;
display: flex;
}
.move_icon {
position: absolute;
}
.s {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
}
.c {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 70vh;
display: flex;
}
.text-specs {
letter-spacing: .2em;
text-transform: uppercase;
max-width: 60ch;
font-family: Inconsolata, monospace;
font-size: 10px;
}
.menu-drop-down {
flex-flow: column;
width: 100%;
padding-top: 2.2rem;
display: flex;
position: relative;
inset: 0% auto auto 0%;
}
.border-line {
background-color: #f0f0f0;
width: 100%;
height: 2px;
position: absolute;
inset: auto auto 0% 0%;
}
.border-line.sm {
height: 1px;
}
.flex-menu {
display: flex;
position: relative;
}
.nav-bar {
z-index: 99;
justify-content: space-between;
align-items: center;
width: 100%;
height: 3.4rem;
padding-left: 1rem;
padding-right: 1rem;
display: flex;
position: fixed;
inset: 0% auto auto 0%;
}
.nav-bar.bottom-first, .nav-bar.bottom-test {
display: none;
}
.menu-bar-2 {
background-color: #fff;
width: 1rem;
height: 1px;
}
.primary-btn {
z-index: 1;
color: #000;
text-transform: uppercase;
cursor: pointer;
justify-content: center;
align-items: center;
padding: .5rem 1.2rem .7rem;
font-size: .9rem;
font-weight: 400;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.primary-btn.menu {
border-bottom: 1px solid #fff3;
border-left: 1px solid #fff3;
border-right: 1px solid #fff3;
border-radius: 0;
justify-content: flex-start;
align-items: center;
padding: .6rem 0 .8rem .8rem;
}
.primary-btn.ghost {
color: #fff;
border: 1px solid #fff;
}
.menu-scroll-hide {
width: 100%;
height: auto;
position: absolute;
overflow: hidden;
}
.grid-main {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
height: 100%;
}
.tag-sm {
text-transform: uppercase;
border: 1px solid #fff3;
padding: .6rem 1rem;
font-size: .9rem;
font-weight: 400;
display: inline-block;
}
.tag-sm.nav {
z-index: 1;
position: relative;
}
.menu-parent-3 {
z-index: 2;
grid-column-gap: .2rem;
grid-row-gap: .2rem;
border: 1px solid #fff;
flex-flow: column;
justify-content: center;
align-items: center;
width: 2.2rem;
min-width: 2.2rem;
transition: background-color .4s;
display: flex;
position: relative;
}
.menu-parent-3:hover {
background-color: #ffffff1a;
}
.button-text-6 {
padding-top: .2rem;
}
.button-text-6.text-white {
color: #fff;
}
.btn-whipe {
width: 100%;
height: 100%;
position: absolute;
inset: auto auto 0% 0%;
}
.btn-whipe.bg-white {
background-color: #fff;
}
.nav-flex {
justify-content: space-between;
display: flex;
}
.button-text-ab {
padding-top: .2rem;
position: absolute;
inset: 0% auto auto 0%;
}
.button-text-ab.text-black {
color: #161616;
}
.logo-6 {
object-fit: cover;
height: 2.6rem;
}
.div-hide-3 {
z-index: 1;
position: relative;
overflow: hidden;
}
.div-hide-3.padding-btm {
color: #f0f0f0;
padding-bottom: .2rem;
text-decoration: none;
}
.text-sm {
opacity: .6;
text-transform: uppercase;
font-size: .9rem;
transition: opacity .5s;
}
.text-sm:hover {
opacity: 1;
}
.img-parent-2 {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.img-parent-2.ab {
position: absolute;
}
.video-bg {
z-index: 0;
opacity: .7;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0% auto auto 0%;
}
.title-name-intro {
text-align: center;
font-size: 14vw;
line-height: .75;
}
.info-col-parent {
width: 100%;
overflow: hidden;
}
.col-left {
background-color: #000;
justify-content: center;
align-items: center;
width: 50%;
height: 100svh;
transition: padding .8s cubic-bezier(.77, 0, .175, 1);
display: flex;
position: absolute;
left: 0;
}
.col-left:hover {
padding: 4rem;
}
.col-left-inner {
width: 100%;
height: 100%;
position: relative;
}
.background-content {
z-index: 0;
perspective: 1000px;
justify-content: center;
align-items: center;
width: 100%;
height: 100svh;
display: flex;
position: absolute;
}
.section-50 {
z-index: 1;
width: 100%;
position: relative;
}
.section-50.split-col {
background-color: #000;
height: 100vh;
display: flex;
overflow: clip;
}
.col-content-parent {
z-index: 1;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 6rem 3rem 2rem;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.info-col-child {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 20rem;
padding-top: 1rem;
padding-bottom: .2rem;
display: flex;
}
.col-right-2 {
background-color: #000;
width: 50%;
height: 100svh;
transition: padding .8s cubic-bezier(.77, 0, .175, 1);
position: absolute;
right: 0;
}
.col-right-2:hover {
padding: 4rem;
}
.span-text-out, .span-text-in {
display: inline-block;
overflow: hidden;
}
.intro-cover {
z-index: 9999;
width: 100%;
height: 100vh;
display: none;
position: fixed;
inset: 0% auto auto 0%;
}
.img-child {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.parent-3 {
grid-column-gap: 1.2rem;
grid-row-gap: 1.2rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
overflow: hidden;
}
.html {
position: absolute;
inset: 0% auto auto 0%;
}
.menu-parent-4 {
z-index: 2;
grid-column-gap: .2rem;
grid-row-gap: .2rem;
border: 1px solid #fff;
flex-flow: column;
justify-content: center;
align-items: center;
width: 2.2rem;
min-width: 2.2rem;
transition: background-color .4s;
display: flex;
position: relative;
}
.menu-parent-4:hover {
background-color: #ffffff1a;
}
.menu__logo {
margin-right: 32px;
}
.menu__lottie {
width: 24px;
height: 24px;
}
.menu-wrapper-3 {
z-index: 350;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: fixed;
inset: auto 0% 2rem;
}
.menu-outer {
-webkit-backdrop-filter: hue-rotate(180deg) invert() blur(15px);
backdrop-filter: hue-rotate(180deg) invert() blur(15px);
background-color: #1f1f1f80;
border-radius: 12px;
padding: 4px;
}
.menu-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
-webkit-backdrop-filter: none;
backdrop-filter: none;
border: 1px solid #fff9;
border-radius: 8px;
flex-direction: row;
align-items: center;
padding: 4px 32px;
display: flex;
overflow: hidden;
}
.menu__item {
color: #fff;
letter-spacing: .35px;
text-transform: uppercase;
border: 1px solid #fff0;
border-radius: 4px;
padding: 12px 16px;
font-family: Inconsolata, monospace;
font-size: 1rem;
font-weight: 400;
transition: border-color .2s;
position: relative;
}
.menu__item:hover {
border-color: #ffffff80;
}
.menu__divider {
color: #e6e6e6;
font-family: Inconsolata, monospace;
line-height: 1;
}
.menu-wrapper-4 {
z-index: 350;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: fixed;
inset: auto 0% 2rem;
}
.error-message-6.newsletter {
color: #fff;
text-align: center;
background-color: #ff7b7d;
border-radius: 11px;
margin-top: 22px;
padding-top: 16px;
padding-bottom: 16px;
font-size: 16px;
line-height: 28px;
}
.success-message-6 {
color: #4a3aff;
background-color: #f3f2ff;
border-radius: 24px;
padding: 28px 28px 32px;
}
.input-relative {
border: 1px solid #eff0f6;
border-radius: 100px;
min-height: 64px;
margin-bottom: 24px;
padding: 22px 24px;
box-shadow: inset 0 0 #0000;
}
.input-relative:focus {
color: #0d0a2c;
border-color: #4a3aff;
}
.input-relative::placeholder {
color: #615e83;
font-size: 18px;
line-height: 20px;
}
.input-relative.newsletter {
min-height: 84px;
margin-bottom: 0;
padding-top: 32px;
padding-bottom: 32px;
font-size: 18px;
transition: all .35s;
box-shadow: 0 4px 25px #0d0a2c0f;
}
.input-relative.newsletter:hover {
border-color: #4a3aff;
box-shadow: 0 8px 28px #170f4914;
}
.input-relative.newsletter:focus {
border-color: #4a3aff;
box-shadow: 0 7px 28px #170f4914;
}
.input-relative.newsletter::placeholder {
font-size: 18px;
}
.form-newsletter-wrapper {
position: relative;
}
.button-relative {
color: #fff;
text-align: center;
background-color: #4a3aff;
border-radius: 80px;
justify-content: center;
align-items: center;
padding: 20px 40px 21px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
transition: transform .3s, box-shadow .3s, background-color .3s;
display: flex;
box-shadow: 0 3px 12px #4a3aff1f;
}
.button-relative:hover {
background-color: #3527d8;
transform: translate(0, -2px);
box-shadow: 0 4px 10px #4a3aff26;
}
.button-relative.newsletter {
padding-top: 16px;
padding-bottom: 16px;
position: absolute;
inset: 14px 14px 14px auto;
}
.button-relative.newsletter:hover {
transform: none;
}
.success-message-image {
margin-bottom: 23px;
}
.button-19 {
color: #eeebdc;
text-align: center;
letter-spacing: .03rem;
background-color: #000;
border: .15em solid #0000;
border-radius: 999rem;
padding: 1.2rem 1.7rem;
font-size: 1rem;
font-weight: 600;
}
.button-19.is-bright {
color: #000;
background-color: #eeebdc;
}
.button-19.is-bright.is-secondary {
color: #eeebdc;
background-color: #0000;
border-color: #eeebdc;
font-size: 1rem;
}
.section-after-intro-text {
z-index: 3;
color: #eeebdc;
background-color: #000;
margin-top: 21vh;
padding-top: 10em;
padding-bottom: 7.5em;
position: relative;
}
.intro-content-3 {
grid-column-gap: 2em;
grid-row-gap: 2em;
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 58rem;
min-height: 100svh;
margin-left: auto;
margin-right: auto;
padding-top: 7.5em;
padding-bottom: 7.5em;
display: flex;
}
.page-intro-title-wrapper {
grid-column-gap: .5vh;
grid-row-gap: .5vh;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.page-intro-splitscreen-wrapper {
z-index: 1;
pointer-events: none;
flex-flow: column;
justify-content: center;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.intro-pre-title {
letter-spacing: .05em;
text-transform: uppercase;
font-size: 1.4em;
line-height: .9;
}
.header-button {
text-align: center;
letter-spacing: .08em;
text-transform: uppercase;
border-style: solid;
border-width: 1px;
border-radius: 999em;
padding: 1.1em 2em 1em;
font-size: .65em;
font-weight: 600;
line-height: 1;
text-decoration: none;
transition: all .35s cubic-bezier(.165, .84, .44, 1);
display: inline-block;
}
.header-button:hover {
padding-left: 3.5em;
padding-right: 3.5em;
}
.page-intro-text-wrapper {
grid-column-gap: 2vh;
grid-row-gap: 2vh;
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: -5vh;
display: flex;
}
.copy-medium {
font-size: 1.25rem;
line-height: 1.4;
}
.image-placeholder {
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: 1.8em;
width: 100%;
}
.page-intro-splitscreen-top {
background-color: #000;
width: 100%;
height: 0%;
}
.page-padding-3 {
padding-left: 4rem;
padding-right: 4rem;
}
.heading-style-h3 {
letter-spacing: -.005em;
text-transform: none;
font-size: 3rem;
line-height: 1.1;
}
.header-right {
color: #757575;
}
.video-preview-wrapper {
aspect-ratio: 16 / 9;
color: #fffdf6;
background-color: #000;
border-radius: 1em;
flex-flow: row;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.section-intro-2 {
position: relative;
}
.intro-title {
text-transform: uppercase;
font-size: 4em;
line-height: .9;
}
.heading-style-h1 {
letter-spacing: -.01em;
text-transform: uppercase;
font-size: 5rem;
font-weight: 900;
line-height: .85;
}
.container-small-3 {
width: 100%;
max-width: 60rem;
margin-left: auto;
margin-right: auto;
}
.heading-style-h6 {
letter-spacing: .02em;
text-transform: uppercase;
font-size: 1.1rem;
font-weight: 500;
line-height: 1.1;
}
.spacer-sm-start {
padding-top: 2.25rem;
}
.youtube-play-icon {
height: 3.9em;
margin-right: -.2em;
}
.container-large-4 {
width: 100%;
max-width: 100rem;
margin-left: auto;
margin-right: auto;
}
.page-intro-wrapper {
z-index: 0;
justify-content: center;
align-items: center;
height: 100svh;
padding-top: 5em;
padding-bottom: 5em;
display: flex;
position: sticky;
top: 0;
}
.section-page-intro {
background-color: #eeebdc;
justify-content: center;
align-items: center;
min-height: 200svh;
overflow: clip;
}
.page-intro-title {
letter-spacing: -.06em;
text-transform: uppercase;
font-size: 10vw;
font-weight: 900;
line-height: .8;
}
.page-intro-title.is-webdesign {
margin-left: 1.16em;
}
.page-intro-title.is-animation {
margin-left: 3em;
}
.page-intro-title.is-skills {
margin-left: .89em;
}
.made-in-webflow-brand {
max-width: 2.3em;
}
.intro-copy-text {
padding-left: 3em;
padding-right: 3em;
font-size: 1.2em;
}
.page-intro-content {
z-index: 0;
position: relative;
}
.page-intro-title-small {
letter-spacing: -.02em;
text-transform: uppercase;
font-size: 1.5vw;
font-weight: 400;
}
.page-intro-title-small.is-made-in-webflow {
grid-column-gap: .8em;
grid-row-gap: .8em;
flex-flow: row;
justify-content: flex-start;
align-items: center;
margin-right: 5.6em;
display: flex;
}
.page-intro-title-small.is-best-in-class {
align-self: flex-start;
margin-left: 7.9em;
}
.text-align-center {
text-align: center;
}
.youtube-play-button {
background-color: #e61313;
border-radius: 1rem;
justify-content: center;
align-items: center;
width: 7em;
padding-top: .4em;
padding-bottom: .4em;
font-size: 1.1em;
display: flex;
position: absolute;
box-shadow: 0 .7rem 2.5rem #00000047;
}
.copy-tiny-2 {
font-size: .9rem;
line-height: 1.4;
}
.video-preview-img {
opacity: .72;
object-fit: contain;
border-radius: 1em;
width: 100%;
height: 100%;
transition: transform .3s cubic-bezier(.165, .84, .44, 1);
}
.video-preview-img:hover {
transform: scale(1.03);
}
.header-left {
grid-column-gap: 1em;
grid-row-gap: 1em;
align-items: center;
display: flex;
}
.header-inner {
grid-column-gap: 3em;
grid-row-gap: 3em;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding-top: 1em;
padding-bottom: 1em;
display: flex;
}
.nav-main {
z-index: 999;
background-color: #0000;
border-bottom: 1px solid #757575;
position: absolute;
inset: 0% 0% auto;
}
.spacer-xl-start {
padding-top: 7.5rem;
}
.page-intro-splitscreen-bottom {
background-color: #000;
width: 100%;
height: 0%;
}
.nav-row__right {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
pointer-events: auto;
justify-content: flex-end;
align-items: center;
display: flex;
}
.website-link {
white-space: nowrap;
text-decoration: none;
position: relative;
}
.website-link.is--alt {
grid-column-gap: .25em;
grid-row-gap: .25em;
justify-content: flex-start;
align-items: center;
height: 1.5em;
display: flex;
}
.website-link__arrow {
position: relative;
overflow: hidden;
}
.container-43 {
z-index: 1;
width: 100%;
max-width: var(--size-container);
padding-left: var(--container-padding);
padding-right: var(--container-padding);
margin-left: auto;
margin-right: auto;
position: relative;
}
.container-43.is--full {
max-width: 100%;
}
.header-2 {
padding-top: var(--gap);
position: relative;
}
.website-link__arrow-svg {
width: 1em;
margin-top: .2em;
}
.website-link__arrow-svg.is--duplicate {
position: absolute;
right: 100%;
}
.nav-logo-row {
pointer-events: auto;
justify-content: space-between;
align-items: center;
width: 13em;
display: flex;
}
.nav-row {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.nav-logo__icon {
width: 1.5em;
height: 1.5em;
}
.osmo-ui__bg {
width: 100%;
height: calc(100% + 1px + (var(--gap) * .5));
background-color: #e3e1de;
border-top: 1px solid #cbc8c5;
display: none;
position: absolute;
bottom: 0;
}
.osmo-ui__bg.is--header {
height: calc(100% + 1px + var(--gap));
border-top-style: none;
border-bottom: 1px solid #cbc8c5;
top: 0;
bottom: auto;
}
.inline-link__p {
margin-bottom: 0;
}
.nav-logo__wordmark {
width: 4em;
}
.cloneable-title__gradient {
background-image: linear-gradient(270deg, #efeeec, #0000);
width: 1em;
height: 100%;
display: none;
position: absolute;
top: 0;
right: 0;
}
.cloneable-title__h1 {
white-space: nowrap;
margin-top: 0;
margin-bottom: 0;
font-size: 1em;
font-weight: 500;
line-height: 1;
}
.container-44 {
z-index: 1;
width: 100%;
max-width: var(--size-container);
padding-left: var(--container-padding);
padding-right: var(--container-padding);
margin-left: auto;
margin-right: auto;
position: relative;
}
.container-44.is--full {
max-width: 100%;
}
.footer-row {
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.webflow-logo-svg {
flex-shrink: 0;
width: 1.5em;
}
.footer-6 {
padding-bottom: var(--gap);
position: relative;
}
.clone-in-webflow__p {
margin-bottom: 0;
font-size: 1em;
}
.clone-in-webflow {
grid-column-gap: .75em;
grid-row-gap: .75em;
pointer-events: auto;
background-color: #efeeec;
border-radius: .25em;
justify-content: space-between;
align-items: center;
width: 21.25em;
height: 2.875em;
margin-bottom: -1em;
margin-right: -1em;
padding-left: 1em;
padding-right: .75em;
text-decoration: none;
display: flex;
}
.cloneable-title__nr {
opacity: .5;
white-space: nowrap;
margin-bottom: 0;
font-size: 1em;
font-weight: 500;
}
.cloneable-title {
grid-column-gap: .5em;
grid-row-gap: .5em;
pointer-events: auto;
display: flex;
position: relative;
}
.container-45 {
z-index: 1;
width: 100%;
max-width: var(--size-container);
padding-left: var(--container-padding);
padding-right: var(--container-padding);
margin-left: auto;
margin-right: auto;
position: relative;
}
.container-45.is--full {
max-width: 100%;
}
.footer-7 {
padding-bottom: var(--gap);
position: relative;
}
.bottom-footer, .section-51 {
display: none;
}
.main-wrapper-3 {
flex-direction: column;
height: 100vh;
display: flex;
}
.ascii {
opacity: .5;
color: #61dca3;
position: fixed;
top: -1rem;
right: 0;
}
.content-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 15ch 1fr;
grid-auto-columns: 1fr;
max-width: 830px;
margin-top: auto;
margin-bottom: auto;
padding-top: 7vh;
padding-left: 2rem;
padding-right: 2rem;
display: grid;
}
.list-item__label {
font-weight: 700;
}
.effects {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
margin-top: auto;
padding: 2rem;
display: flex;
}
.button-20 {
color: #61dca3;
text-transform: lowercase;
white-space: nowrap;
background-color: #0000;
border: 0 solid #000;
padding: 1px 6px;
font-size: .75rem;
}
.text-wrapper-2 {
position: absolute;
}
.animation3 {
text-align: center;
letter-spacing: -3px;
margin-bottom: 0;
font-size: 110px;
font-weight: 800;
line-height: 1;
}
.sub-title {
text-align: center;
font-size: 20px;
display: none;
}
.ovals {
z-index: -1;
border: 1px #8f00ff;
border-radius: 50%;
width: auto;
height: auto;
position: absolute;
inset: -52% -4% auto auto;
}
.oval2 {
border: 2px solid #8f00ff;
border-radius: 50%;
width: 90px;
height: 50px;
position: absolute;
inset: -11% -2% 0% auto;
transform: rotate(34deg);
}
.oval1 {
border: 2px solid #8f00ff;
border-radius: 50%;
width: 90px;
height: 50px;
position: absolute;
inset: -11% -2% 0% auto;
}
.typedjs-fade {
display: inline;
}
.text-color-grey-2 {
color: #fbf9fc80;
}
.text-size-small-3 {
font-size: 1.25rem;
font-weight: 400;
line-height: 1.2;
}
.heading-scroll {
color: #f2f2f2;
letter-spacing: -.01em;
font-size: 8vw;
font-weight: 500;
line-height: 1.2;
}
.heading-scroll.center {
text-align: center;
}
.heading-scroll.center._2 {
text-transform: uppercase;
}
.heading-scroll.center._9 {
letter-spacing: .01em;
font-weight: 400;
}
.text-span-8 {
font-style: italic;
font-weight: 400;
}
.scroll-snap-wrapper-2 {
width: 100vw;
height: 100vh;
display: none;
overflow: scroll;
}
.section-1-2 {
height: 100vh;
}
.section-2-2 {
background-color: #000;
height: 100vh;
}
.section-3-2 {
background-color: #c46f2b;
height: 100vh;
}
.div-block-100 {
background-color: #b99c5c;
flex-direction: column;
display: flex;
position: fixed;
inset: 2% auto auto 2%;
}
.text-block-207 {
color: #dfdfdf;
}
.section-1-3 {
background-color: #78c49f;
height: 100vh;
}
.section-3-3 {
background-color: #c46f2b;
height: 100vh;
}
.section-2-3 {
background-color: #3b3dca;
height: 100vh;
}
.text-block-208 {
color: #d6d6d6;
}
.div-block-2 {
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
}
.scroll-snap-wrapper-3 {
width: 100vw;
height: 100vh;
display: none;
position: relative;
overflow: auto;
}
.nav-link-9 {
background-color: #b99c5c;
}
.nav-link-9:hover {
background-color: #d8b465;
}
.nav-link-9.w--current {
color: #242424;
background-color: #ba9c5c;
}
.nav-link-9.w--current:hover {
color: #222;
background-color: #e2c074;
}
.flex-horizontal-2 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
align-items: center;
margin-top: 1.5rem;
display: flex;
}
.snap-container {
border-radius: 30px;
align-items: flex-end;
width: 61.25rem;
height: 100%;
padding: 3.5rem;
display: flex;
}
.snap-container.is-navy {
color: #f7d5b1;
background-color: #2c3950;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
width: 100%;
}
.snap-container.is-green {
color: #ddea90;
background-color: #1d7948;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
}
.snap-container.is-purple {
color: #fea4b9;
background-color: #614f89;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
}
.snap-container.is-red {
color: #f7bb2e;
background-color: #e14842;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
}
.container-wrapper {
justify-content: center;
align-items: center;
height: 100vh;
padding: 1.5rem 3rem;
display: flex;
}
.snap-text {
letter-spacing: -.09em;
font-size: 8rem;
line-height: 1;
}
.section-52 {
border-bottom: 1px solid #80808033;
flex: none;
display: none;
}
.nw-link {
color: #fff;
background-color: #0000;
border: 1px solid #fff;
border-radius: 20px;
margin-top: 0;
margin-bottom: 0;
padding: 8px 12px;
text-decoration: none;
}
.p-small {
font-size: .875em;
}
.socials-row {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
flex-flow: row;
display: flex;
}
.menu-bg {
z-index: 0;
position: absolute;
inset: 0%;
}
.bg-panel {
z-index: 0;
background-color: #e3e1de;
border-top-left-radius: 1.25em;
border-bottom-left-radius: 1.25em;
position: absolute;
inset: 0%;
}
.bg-panel.first {
background-color: #ff4c24;
}
.bg-panel.second {
background-color: #fff;
}
.osmo-icon-svg {
width: 8em;
}
.nav-3 {
z-index: 100;
width: 100%;
height: 100vh;
margin-left: auto;
margin-right: auto;
display: none;
position: fixed;
inset: 0%;
}
.menu-3 {
grid-column-gap: 5em;
grid-row-gap: 5em;
width: 35em;
height: 100%;
padding-bottom: 2em;
padding-top: calc(3 * var(--menu-padding));
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
margin-left: auto;
position: relative;
overflow: auto;
}
.eyebrow {
z-index: 1;
color: #ff4c24;
text-transform: uppercase;
font-weight: 400;
position: relative;
}
.menu-inner {
z-index: 1;
grid-column-gap: 5em;
grid-row-gap: 5em;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
height: 100%;
display: flex;
position: relative;
overflow: auto;
}
.p-large {
font-size: 1.125em;
}
.menu-details {
grid-column-gap: 1.25em;
grid-row-gap: 1.25em;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: 2em;
display: flex;
}
.menu-list-item-2 {
height: 6em;
position: relative;
overflow: hidden;
}
.cloneable {
min-height: 100svh;
padding: var(--section-padding) var(--container-padding);
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.menu-list {
flex-flow: column;
width: 100%;
margin-bottom: 0;
padding-left: 0;
list-style: none;
display: flex;
}
.menu-link-2 {
grid-column-gap: .75em;
grid-row-gap: .75em;
width: 100%;
padding-top: .75em;
padding-bottom: .75em;
padding-left: 2em;
text-decoration: none;
display: flex;
}
.menu-link-heading {
z-index: 1;
text-transform: uppercase;
font-size: 5.625em;
font-weight: 700;
line-height: .75;
transition: transform .55s cubic-bezier(.65, .05, 0, 1);
position: relative;
}
.overlay-5 {
z-index: 0;
cursor: pointer;
background-color: #13131366;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.menu-link-bg {
z-index: 0;
transform-origin: 50% 100%;
transform-style: preserve-3d;
background-color: #131313;
transition: transform .55s cubic-bezier(.65, .05, 0, 1);
position: absolute;
inset: 0%;
transform: scale3d(1, 0, 1);
}
.code-embed-css, .code-embed-js {
pointer-events: none;
width: 0;
height: 0;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.carousel_track {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.carousel_item {
border-radius: .5rem;
flex: none;
position: absolute;
overflow: hidden;
}
.carousel_content_wrap {
z-index: 2;
position: relative;
}
.carousel_content_item {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
padding: 1.8rem;
display: flex;
}
.carousel_sticky {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.carousel_arrow_wrap {
z-index: 3;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.carousel_list {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.carousel_component {
position: relative;
}
.carousel_arrow_link {
background-color: #c8ff00;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/685b5572171ad248f8868953_arrow-left.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 31%;
border-radius: 100vw;
width: 4.2rem;
height: 2rem;
}
.carousel_arrow_link.is-right {
transform: rotate(-180deg);
}
.carousel_arrow_sticky {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: center;
align-items: flex-end;
height: 100vh;
padding: 2.5rem;
display: flex;
position: sticky;
top: 0;
}
.glass_wrapper {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
text-align: center;
background-color: #0d0d0e80;
border: 1px solid #ffffff14;
border-radius: 2rem;
flex-direction: column;
justify-content: center;
align-items: stretch;
min-width: 34rem;
padding: 5rem;
display: flex;
}
.header__logo {
color: #fff;
padding-bottom: 2px;
position: relative;
overflow: hidden;
}
.service-wrap {
text-transform: uppercase;
font-size: .75rem;
line-height: 1;
}
.service-wrap.mod--center {
transform: translate(0%, -50%);
}
.service-wrap.mod--right {
transform: translate(-50%, -50%);
}
.service-wrap.mod--left {
transform: translate(50%, -50%);
}
.scroll-indicator-3 {
text-transform: uppercase;
font-size: .875rem;
line-height: 1;
}
.h-line {
opacity: .6;
background-image: linear-gradient(to right, #fff3, #fff 50%, #fff3);
width: 100%;
height: .5px;
}
.menu__link-underline {
z-index: 2;
background-color: #be0000;
width: 100%;
height: 5px;
position: absolute;
inset: auto 0% 50% -100%;
}
.menu__link-underline.mod--header {
background-color: #fff;
height: 1px;
bottom: 0%;
left: -100%;
}
.menu__bg {
z-index: 1;
transform-origin: 50% 0;
background-color: #fefef1;
flex-direction: column;
justify-content: space-between;
width: 110%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.image-41 {
object-fit: cover;
width: 100%;
height: 100%;
}
.menu__btn-txt {
text-align: center;
}
.menu__btn-txt.mod--bottom {
position: absolute;
inset: 100% 0% 0%;
}
.menu-4 {
z-index: 2;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: stretch stretch;
width: 100vw;
height: 100vh;
display: block;
position: fixed;
inset: 0%;
overflow: hidden;
}
.heading-small {
text-transform: uppercase;
font-size: .75rem;
line-height: 1;
}
.heading-small.heading-sans {
margin-bottom: 2rem;
}
.menu__link-title {
z-index: 1;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 5vw;
font-weight: 400;
line-height: 1;
transition: all .2s;
position: relative;
}
.heading-big {
text-align: center;
letter-spacing: -.02em;
text-transform: uppercase;
font-size: 6vw;
line-height: 1;
}
.heading-big.heading-sans {
display: none;
}
.menu__content {
z-index: 2;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: block;
position: relative;
}
.header-3 {
z-index: 3;
text-transform: uppercase;
mix-blend-mode: difference;
grid-template-rows: auto;
grid-template-columns: 5% 90% 5%;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: center stretch;
width: 100%;
padding: 2rem 2.5rem;
font-size: .75rem;
line-height: 1;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.grain-overlay {
z-index: 1000;
opacity: .02;
mix-blend-mode: multiply;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/686845bcf1cefe6d032fad6c_noise.webp");
background-position: 0 0;
background-size: auto;
width: 100vw;
height: 100vh;
position: fixed;
inset: 0%;
}
.menu__links {
grid-column-gap: 5vh;
grid-row-gap: 5vh;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.menu__btn-txt-wrap {
flex-direction: column;
justify-content: center;
align-items: center;
padding-bottom: 2px;
display: flex;
}
.v-line {
opacity: .6;
background-image: linear-gradient(#ffffff0d 6%, #fff 50%, #ffffff0d);
width: .5px;
height: 100%;
}
.heading-wrap {
text-align: center;
padding: 1rem;
position: relative;
}
.page-wrapper-4 {
width: 100%;
position: relative;
}
.content-3 {
z-index: 2;
flex-direction: column;
grid-template-rows: auto 1fr 1fr auto;
grid-template-columns: 8% 84% 8%;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
padding: 1rem;
display: grid;
position: relative;
}
.menu__link-title-wrap {
padding-left: .5rem;
padding-right: .5rem;
position: relative;
overflow: hidden;
}
.menu__btn {
color: #fff;
background-color: #0000;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
}
.image-wrap-2 {
flex: none;
width: 18vw;
height: 18vw;
overflow: hidden;
transform: translate(0);
}
.image-wrap-2.mod--4 {
transform: translate(1rem, -33%)rotate(16deg);
}
.image-wrap-2.mod--3 {
transform: translate(0, -50%);
}
.image-wrap-2.mod--1 {
transform: translate(0, 28%)rotate(-35deg);
}
.image-wrap-2.mod--5 {
transform: translate(0, 28%)rotate(35deg);
}
.image-wrap-2.mod--2 {
transform: translate(-1rem, -33%)rotate(-16deg);
}
.css {
width: 0;
height: 0;
position: fixed;
inset: 0% auto auto 0%;
}
.menu__link {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
color: #272727;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.images {
z-index: 1;
grid-column-gap: 6vw;
grid-row-gap: 6vw;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: absolute;
inset: auto 0% -8%;
}
.section__hero {
z-index: 1;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
position: relative;
overflow: hidden;
}
.menu__link-numb {
letter-spacing: -.02em;
text-transform: capitalize;
font-size: 1.25vw;
font-weight: 400;
line-height: 1;
}
.sp-track-wrapper {
-webkit-backdrop-filter: saturate(200%) blur(15px);
backdrop-filter: saturate(200%) blur(15px);
background-color: #ffffff1a;
border: 1px solid #ffffff1a;
border-radius: 4px;
width: 60px;
padding: 10px;
}
.sp-track {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.sp-controla-wrapper {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.sp-play {
cursor: pointer;
width: 100%;
margin-right: 0;
}
.sp-pause {
cursor: pointer;
width: 30px;
margin-right: 0;
}
.true-media-player-single-track {
display: none;
}
.grid {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 100%;
width: 100%;
margin: 10vh auto 50vh;
display: grid;
position: relative;
}
.grid__item-img {
aspect-ratio: 1.5;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: auto;
display: grid;
position: relative;
overflow: hidden;
}
.grid__item {
margin: 0;
position: relative;
}
.title-2 {
letter-spacing: -.02em;
max-width: 550px;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: clamp(1.5rem, 10vw, 4rem);
font-weight: 300;
line-height: 1.1;
}
.grid__item-img-inner {
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
}
.css-2 {
position: fixed;
inset: 0% auto auto 0%;
}
.header-4 {
width: 100%;
min-height: 450px;
padding: 2rem 3rem;
}
.grid__item-caption {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #7f7f8f;
flex-flow: wrap;
margin-top: 0;
margin-bottom: 0;
padding: .5rem;
font-size: 12px;
font-weight: 500;
line-height: 1;
display: flex;
position: absolute;
}
.spacer-2 {
min-height: 40vh;
}
.divider-3 {
background-color: #1e1d1d;
width: 100%;
height: 1.5px;
display: block;
}
.scene---sticky {
position: sticky;
top: 0;
}
.spiral {
perspective: 90rem;
width: 20rem;
height: 20rem;
position: relative;
transform: perspective(902px);
}
.scene---trigger {
height: 200vh;
}
.spiral---img {
object-fit: cover;
border-radius: 1rem;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.scene---extra {
height: 100vh;
}
.section-54 {
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
}
.spiral---item {
width: 20rem;
height: 20rem;
transform-style: preserve-3d;
transform: translate3d(0, 0, 30rem);
}
.spiral---item.x-07 {
transform-style: preserve-3d;
transform: translate3d(0, 70rem, 30rem);
}
.spiral---item.x-04 {
transform-style: preserve-3d;
transform: translate3d(0, 40rem, 30rem);
}
.spiral---item.x-01 {
transform-style: preserve-3d;
transform: translate3d(0, 10rem, 30rem);
}
.spiral---item.x-06 {
transform-style: preserve-3d;
transform: translate3d(0, 60rem, 30rem);
}
.spiral---item.x-02 {
transform-style: preserve-3d;
transform: translate3d(0, 20rem, 30rem);
}
.spiral---item.x-03 {
transform-style: preserve-3d;
transform: translate3d(0, 30rem, 30rem);
}
.spiral---item.x-05 {
transform-style: preserve-3d;
transform: translate3d(0, 50rem, 30rem);
}
.spiral---rotate {
transform-style: preserve-3d;
position: absolute;
inset: 0%;
transform: rotateX(0)rotateY(45deg)rotateZ(0);
}
.spiral---rotate.x-00 {
transform-style: preserve-3d;
transform: rotateX(0)rotateY(-3deg)rotateZ(0);
}
.copy-me {
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
position: relative;
}
.copy-me.scale-up {
display: none;
transform: scale(1.3);
}
.toggle-width-hover {
grid-column-gap: 6.79658px;
background-image: linear-gradient(162deg, #3f3f3f, #050505);
border-radius: 6795.9px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 5.4rem;
padding: 2px;
text-decoration: none;
transition: transform .4s ease-in-out, box-shadow .25s ease-in-out;
display: flex;
box-shadow: 0 4px 9px #0000004f, 0 6px 30px #0000001a, 0 0 9px #0000000f, 0 0 #00000005, 0 0 11px #0000;
}
.toggle-width-hover:hover {
transform: translate(0, -3px);
box-shadow: 1px 2px 4px #0000001f, 0 6px 30px #0000001a, 0 14px 9px #0000000f, 0 26px 10px #00000005, 0 41px 11px #0000;
}
.toggle-stroke {
grid-column-gap: 6.79658px;
border: .29052px solid #4f4f4f;
border-radius: 6795.9px;
flex: 0 auto;
justify-content: space-between;
align-items: center;
width: 120%;
height: 100%;
padding: 10px;
text-decoration: none;
display: flex;
box-shadow: inset 0 .871561px 2.9052px #ffffff2b, inset .29052px .29052px .29052px #fff6, inset -.29052px -.29052px .581041px #ffffff40;
}
.circle-moving {
background-image: radial-gradient(circle at 0 0, #5a5a5a, #383838);
border: 1px solid #50505033;
border-radius: 9999px;
width: 1.9rem;
height: 1.9rem;
margin-left: -4px;
position: absolute;
box-shadow: inset 1px 2px 4px #79797959, 0 2px 2px #000000fa, inset -2px -3px 7px -1px #00000082;
}
.on {
grid-row-gap: 3px;
background-color: #3febb7;
border-radius: 2904.91px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.2rem;
height: 1.2rem;
padding: 3px;
text-decoration: none;
display: flex;
box-shadow: inset 0 1px 1px #00000059;
}
.frame-32977 {
grid-row-gap: 3px;
background-color: #2c2c2c;
border-radius: 9999px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
text-decoration: none;
display: flex;
box-shadow: 1px 1px 2px #00000059;
}
.off {
grid-row-gap: 3px;
background-color: #7a3030;
border-radius: 2.9052px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 15px;
padding-top: 3px;
padding-bottom: 3px;
text-decoration: none;
display: flex;
box-shadow: inset 1px 1px 1px #0000008c;
}
.section-70 {
display: none;
}
.image-divider_wrapper {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.hero_heading {
font-family: The Aquebella Otf, Georgia, sans-serif;
font-size: 140px;
font-weight: 400;
}
.intro_content-parent {
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 10%;
min-width: 41rem;
height: 100%;
display: none;
}
.intro_content-parent._3, .intro_content-parent._2 {
display: none;
}
.intro_content-parent._5 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68d21a7f550b10eafc4e9095_FW25_D2_LOOKBOOK_PDP_24_1600x.webp");
background-position: 50%;
background-size: cover;
}
.intro_content-parent._5.page-5 {
background-image: none;
background-size: auto;
justify-content: flex-end;
align-items: stretch;
width: 100%;
min-width: auto;
display: flex;
}
.intro_content-parent.page-8 {
display: none;
}
.intro_content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: none;
display: flex;
}
.articles_list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.work_card-image-wrap {
flex: 1;
margin-bottom: 1rem;
position: relative;
overflow: hidden;
}
.hero_sub-text-wrap {
font-size: 1vw;
}
.padding-global-2 {
height: 100%;
padding-left: 4.5rem;
padding-right: 4.5rem;
}
.intro_image-proportions {
width: 100%;
padding-top: 130%;
position: relative;
overflow: hidden;
}
.text-link_line {
background-color: #252525;
width: 100%;
height: 1px;
position: absolute;
inset: auto 0% 0%;
}
.text-link_line.is-white {
background-color: #fff;
}
.horizontal-scroll_section-height {
width: 100%;
height: 500vh;
}
.cta_title-wrap {
margin-bottom: 1.25rem;
}
.hero_content {
z-index: 2;
background-image: linear-gradient(#25252500, #1a1a1a30 72%, #0009);
height: 100%;
position: relative;
}
.padding-section-medium {
height: 100%;
padding-top: 2rem;
padding-bottom: 2rem;
display: none;
}
.padding-section-medium.base {
display: block;
}
.article_card-image-wrap {
flex: 1;
margin-bottom: 1rem;
position: relative;
overflow: hidden;
}
.intro_image-wrap {
width: 8rem;
margin-bottom: 3px;
margin-left: auto;
margin-right: auto;
font-family: Suisse Intl, Georgia, sans-serif;
font-weight: 400;
overflow: hidden;
}
.section_line-seprator {
background-color: #25252540;
width: 1px;
height: 100%;
position: absolute;
inset: 0% 0% 0% auto;
}
.section_jornal {
color: #fff;
background-color: #f06446;
flex: none;
font-size: 1vw;
display: none;
position: relative;
}
.jornal_content {
flex-direction: column-reverse;
justify-content: space-between;
height: 100%;
display: flex;
}
.cta_quorte-title {
max-width: 25ch;
}
.section_image-divider {
flex: none;
width: 50vw;
display: none;
overflow: hidden;
}
.section_intro {
flex: none;
width: 700px;
display: block;
position: relative;
}
.section_intro._2 {
filter: none;
background-color: #fff;
width: 700px;
display: block;
}
.section_intro._2.page-6 {
filter: invert();
width: 670px;
display: block;
}
.section_intro._2.page-6._2nd {
display: block;
}
.section_intro._2.sib {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6977a5bdf6b60d2472da7e0d_noubnou.png");
background-position: 50%;
background-size: cover;
}
.section_intro._3 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68d2c14bb0eda5023151ee61_ChatGPT%20Image%20Sep%2023%2C%202025%2C%2011_32_26%20AM.png"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68d0b39f81fd6b44c8ba4bd5_E91E7F8F-2250-43FA-A35F-EF10C66592F6%20(1).jpg");
background-position: 50%, 50%;
background-size: cover, cover;
width: 780px;
display: none;
}
.section_intro._3.page-6 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68d0b39f81fd6b44c8ba4bd5_E91E7F8F-2250-43FA-A35F-EF10C66592F6%20(1).jpg");
background-position: 50%;
background-size: cover;
display: none;
}
.section_intro.page-5 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68d3488082d182b0ee1a57a5_lnfldjnkflkf.png");
background-position: 50%;
background-size: cover;
width: 780px;
}
.section_intro.page-5.bl {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6977ac9d3b7e73d87759e656_npinp.png");
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 670px;
padding: 30px 40px;
display: flex;
}
.section_intro.page-3 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/696ebbce3e80f20d76ca6db1_ChatGPT%20Image%20Jan%2019%2C%202026%2C%2006_18_17%20PM.png");
background-position: 50%;
background-size: cover;
width: 670px;
display: block;
}
.section_intro.page-3.page-8 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68d33efba9afe1bb21cc9da3_xlknxcxc%3B.png");
background-position: 50%;
background-size: cover;
display: none;
}
.text-link_wrap {
text-transform: capitalize;
font-size: 1.125rem;
font-style: italic;
line-height: 1.1;
text-decoration: none;
position: relative;
overflow: hidden;
}
.text-link_wrap.is-proportion {
font-size: 1.15em;
line-height: 1.2;
}
.text-link_wrap.page-3 {
display: none;
}
.article_card-content {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.cta_quorte {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
padding-left: 3em;
padding-right: 3em;
font-size: 1vw;
display: flex;
}
.hero_heading-wrapper {
width: 100%;
margin-bottom: -1.5rem;
overflow: hidden;
}
.heading-style-h1-2 {
letter-spacing: -.025em;
font-size: 13vw;
line-height: 1.1;
}
.intro_top {
justify-content: space-between;
width: 100%;
display: flex;
}
.intro_top.page-3 {
flex-flow: column;
justify-content: center;
width: 20%;
}
.jornal_subtext {
max-width: 27ch;
}
.heading-style-h3-2 {
font-size: 2.5rem;
line-height: 1.2;
}
.heading-style-h3-2.is-hero {
max-width: 25vw;
font-size: 1.35em;
}
.cta_content {
text-align: center;
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 100%;
display: flex;
}
.horizontal-scroll_stickey-element {
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.hero_content-wrapper {
z-index: 2;
flex-direction: column-reverse;
justify-content: space-between;
align-items: flex-end;
height: 100%;
display: flex;
position: relative;
}
.work_list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: flex-start;
align-items: stretch;
height: 100%;
display: flex;
}
.image-full-cover {
filter: none;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.articles_colum {
flex-direction: column;
min-width: 35vw;
height: 100%;
display: flex;
}
.articles_colum.is-2nd {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.hero_background-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.jornal_content-wrap {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.section_articles {
flex: none;
display: none;
position: relative;
}
.horizontal-scroll_section-wrapper {
width: 100%;
}
.work_card-content {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.image-divider_image {
object-fit: cover;
width: 150%;
max-width: none;
height: 100%;
position: absolute;
inset: 0% auto 0% 0%;
}
.work_card {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 30vw;
height: 100%;
display: flex;
}
.cta_quorte-subtext {
justify-content: center;
align-items: center;
font-size: 1.15em;
display: flex;
}
.horizontal-scroll_track {
flex: none;
justify-content: flex-start;
align-items: center;
height: 100%;
display: flex;
transform: translate(0%);
}
.jornal_title-wrap {
margin-bottom: -2.5rem;
display: flex;
overflow: hidden;
}
.section_work {
display: none;
}
.article_card {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
}
.hero_background-image-wrap {
z-index: 0;
position: absolute;
inset: 0%;
overflow: hidden;
}
.section_hero {
color: #fff;
background-color: #252525;
flex: none;
width: 100vw;
display: none;
position: relative;
overflow: hidden;
}
.section_cta {
flex: none;
display: none;
position: relative;
}
.image-divider_image-wrap {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden;
}
.horizontal-scroll_track-list {
flex: none;
justify-content: flex-start;
align-items: stretch;
height: 100%;
margin-right: -100vw;
display: flex;
}
.test-size-title-small {
font-family: Helvetica, sans-serif;
font-size: 1.125rem;
font-weight: 700;
}
.section-71 {
display: none;
}
.nav_menu_link-2 {
perspective-origin: 100% 0;
transform-origin: 100% 0;
letter-spacing: -.025em;
background-color: #fff;
border: 1px solid #25252540;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
padding: 2rem;
font-size: 2.5rem;
line-height: 1;
transition: color .3s cubic-bezier(.165, .84, .44, 1), background-color .3s cubic-bezier(.165, .84, .44, 1);
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.nav_menu_link-2:hover {
color: #fff;
background-color: #f06446;
}
.nav_menu_link-2.is-50 {
width: 50%;
height: 50%;
}
.nav_menu_link-2.is-25 {
width: 25%;
height: 25%;
}
.nav_menu_link-2.is-75 {
width: 75%;
height: 75%;
}
.nav_logo-wrap {
z-index: 998;
color: #fff;
transition: opacity .3s;
display: none;
position: fixed;
inset: 3rem auto auto 4.5rem;
transform: translate(-30%);
}
.nav_logo-wrap.w--current {
z-index: 1001;
position: fixed;
}
.nav_top-logo {
justify-content: center;
align-items: flex-start;
display: flex;
position: absolute;
inset: 2rem 0% auto;
}
.nav_bottom-progress {
justify-content: center;
align-items: stretch;
display: flex;
position: absolute;
inset: auto 0% 2rem;
}
.padding-global-3 {
justify-content: center;
align-items: center;
height: 100%;
padding-left: 4.5rem;
padding-right: 4.5rem;
display: flex;
}
.global-styles-2 {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.nav_logo-text {
perspective-origin: 0%;
transform-origin: 50%;
white-space: nowrap;
margin-top: 1em;
font-style: italic;
font-weight: 300;
transition: opacity .3s;
position: absolute;
transform: rotate(90deg);
}
.nav_logo-text.is-bottom {
perspective-origin: 50%;
transform-origin: 50%;
text-align: right;
margin-top: 0;
font-family: The Aquebella Otf, Georgia, sans-serif;
font-style: normal;
position: absolute;
inset: auto 0% 0%;
}
.nav_logo-text.is-top {
font-family: The Aquebella Otf, Georgia, sans-serif;
font-style: normal;
display: none;
}
.nav_icon-line {
perspective-origin: 50% 100%;
transform-origin: 50% 100%;
background-color: #252525;
width: 1px;
height: 100%;
}
.nav_trigger {
cursor: pointer;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.hero_logo-embed {
flex-direction: column;
justify-content: center;
align-items: center;
width: 4.6875rem;
height: 4.8125rem;
display: flex;
}
.nav_menu_close-trigger {
z-index: 1;
cursor: pointer;
background-color: #252525cc;
display: block;
position: absolute;
inset: 0%;
}
.loader_colums {
background-color: #f06446;
flex: 1;
height: 100%;
}
.nav_logo-embed {
opacity: 0;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 6.25rem;
transition: opacity .3s;
display: none;
}
.nav_compoenent {
display: none;
}
.nav_icon {
justify-content: space-between;
align-items: stretch;
width: 1rem;
height: 2.1875rem;
display: flex;
position: relative;
top: -20px;
overflow: hidden;
}
.nav_bar {
z-index: 999;
cursor: pointer;
background-color: #fff;
border-left: 1px solid #00000040;
min-width: 3rem;
padding-top: 2rem;
padding-bottom: 2rem;
position: fixed;
inset: 0% 0% 0% auto;
}
.nav_menu_wrap {
z-index: 2;
width: 75%;
height: 100%;
margin-right: 3rem;
position: absolute;
inset: 0% 0% 0% auto;
}
.heading-style-h1-3 {
letter-spacing: -.025em;
font-size: 13vw;
line-height: 1.1;
}
.loader_component {
z-index: 1001;
display: none;
position: fixed;
inset: 0%;
}
.nav_menu_list {
position: absolute;
inset: 0%;
}
.loader_flex {
justify-content: space-between;
align-items: stretch;
display: flex;
position: absolute;
inset: 0%;
}
.page-wrapper-6 {
display: none;
}
.nav_menu_other-links {
z-index: 4;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: center;
display: flex;
position: absolute;
inset: auto 3rem 2.5rem auto;
}
.nav_menu_component {
z-index: 997;
display: none;
position: fixed;
inset: 0%;
}
.padding-global-4 {
height: 100%;
padding-left: 4.5rem;
padding-right: 4.5rem;
}
.global-styles-3 {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.heading-style-h1-4 {
letter-spacing: -.025em;
font-size: 13vw;
line-height: 1.1;
}
.global-styles-4 {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.image-cover {
object-fit: cover;
width: 100%;
height: 100%;
overflow: hidden;
}
.max-width-62 {
width: 100%;
max-width: 62ch;
}
.heading-style-h2 {
letter-spacing: -.03em;
font-size: 3rem;
font-weight: 400;
line-height: 1em;
}
.text-link-wrap {
width: 100%;
overflow: hidden;
}
.image-ratio-square {
aspect-ratio: 1;
}
.image-ratio-square.max-width-20 {
max-width: 20rem;
}
.horizontal-screen {
flex: none;
width: 100vw;
height: 100%;
position: static;
}
.horizontal-screen._03 {
color: #f0eeea;
background-color: #192a07;
width: 60vw;
display: flex;
}
.horizontal-screen._02 {
display: flex;
}
.horizontal-screen._04 {
background-color: #fff;
width: auto;
min-width: 50vw;
padding-right: 20vw;
display: flex;
}
.horizontal-screen._01 {
background-color: #fff;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.container-space-between {
flex-flow: column;
justify-content: space-between;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 5.5rem;
padding-right: 5.5rem;
display: flex;
position: relative;
}
.empty-space {
height: 0;
}
.heading-style-h0 {
font-size: clamp(8rem, 12vw, 12rem);
line-height: 1;
}
.heading-style-h4 {
letter-spacing: -.03em;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.4;
}
.col-2 {
display: flex;
}
.col-2.v-flex {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.text-link-2 {
text-transform: uppercase;
line-height: 1.3;
}
.heading-style-h3-3 {
font-size: 2rem;
font-weight: 400;
line-height: 1.2;
}
.horizontal-wrap {
width: 100%;
height: 100%;
display: flex;
}
.track-flex {
margin-right: -100vw;
display: none;
}
.section-73 {
position: relative;
}
.section-73.horizontal-scroll {
z-index: 2;
justify-content: center;
align-items: center;
width: 100%;
padding-bottom: 100vh;
display: none;
position: relative;
}
.section-73.horizontal-scroll.welcome {
display: block;
}
.h-flex {
justify-content: space-between;
align-items: stretch;
display: flex;
}
.track {
flex: none;
display: flex;
position: relative;
}
.max-width-50 {
width: 100%;
max-width: 50ch;
}
.horizontal-half {
width: 50%;
}
.horizontal-half._02-02 {
border-left: 1px solid #b1a89d;
border-radius: 1px;
width: 40%;
padding: 3.5rem 3.5rem 3.5rem 5.5rem;
}
.horizontal-half._02-01 {
width: 60%;
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
.horizontal-half._01 {
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
.horizontal-half._03 {
width: 100%;
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
.horizontal-half._04 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-left: 1px solid #b1a89d;
border-radius: 1px;
flex-flow: column;
width: 100%;
padding: 3.5rem 3.5rem 3.5rem 5.5rem;
display: flex;
}
.text-link-underline {
background-color: #222;
width: 100%;
height: 1px;
margin-left: auto;
margin-right: auto;
}
.text-link-underline.background-color-alternate {
background-color: #fff;
}
.horizontal-height {
flex-flow: row;
align-items: stretch;
width: 100%;
height: 300vw;
display: block;
}
.horizontal-sticky-wrapper {
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.horizontal-sticky {
position: absolute;
inset: 0%;
}
.paragraph-21 {
color: var(--black);
text-align: center;
letter-spacing: 0;
font-family: Helvetica, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 1.2em;
}
.heading-110 {
letter-spacing: .6px;
font-family: The Aquebella Otf, Georgia, sans-serif;
font-weight: 700;
}
.heading-110.page3 {
display: none;
}
.text-block-223 {
letter-spacing: .3px;
text-transform: capitalize;
font-family: Helvetica, sans-serif;
font-size: 1.13rem;
font-style: normal;
}
.div-block-177 {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
}
.div-block-177.blk {
display: flex;
}
.heading-111 {
margin-bottom: 0;
font-family: The Aquebella Otf, Georgia, sans-serif;
font-size: 11em;
font-weight: 400;
line-height: .78em;
}
.heading-111._2 {
margin-bottom: 0;
font-size: 12em;
}
.heading-111._1 {
margin-top: 0;
margin-bottom: -20px;
font-size: 12.6em;
line-height: .85em;
}
.text-span-50 {
height: 100px;
margin-right: 10px;
font-family: Vtks tatuage2, sans-serif;
font-weight: 400;
position: relative;
top: -25px;
}
.heading-112 {
text-align: center;
letter-spacing: -1px;
text-transform: none;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 1em;
}
.text-span-51 {
position: static;
top: -6px;
}
.text-span-51.dash {
position: relative;
top: -8px;
}
.div-block-178 {
margin-top: 0;
margin-bottom: 0;
}
.text-span-52 {
margin-left: 10px;
}
.heading-113 {
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 10px;
display: none;
}
.div-block-179 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68d1650a28285dc0141dac46_dsknhdp.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 30px;
height: 80px;
font-size: 16px;
}
.div-block-180 {
justify-content: space-between;
align-items: stretch;
display: flex;
}
.div-block-181 {
width: auto;
height: 90px;
display: block;
}
.heading-114 {
font-family: The Aquebella Otf, Georgia, sans-serif;
font-size: 16px;
font-weight: 400;
}
.nav-wrapper-front {
z-index: 1000;
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
background-color: #ffffff7d;
width: 100%;
max-width: none;
height: 100vh;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: none;
position: relative;
}
.container-174 {
background-color: #ffffff45;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
height: 100vh;
display: flex;
}
.heading-115 {
letter-spacing: -.025px;
}
.heading-116 {
grid-column-gap: 0px;
grid-row-gap: 0px;
letter-spacing: -3px;
text-transform: uppercase;
flex-flow: column;
justify-content: flex-start;
align-items: center;
font-family: The Aquebella Otf, Georgia, sans-serif;
font-size: 100px;
font-style: normal;
font-weight: 400;
line-height: .6em;
transition: opacity 1.2s;
display: flex;
}
.heading-116:hover {
color: var(--black);
}
.div-block-182 {
position: relative;
top: -25px;
}
.b1 {
text-align: center;
transition: opacity 1.5s;
}
.b1:hover {
color: var(--black);
font-style: italic;
}
.b2 {
text-align: center;
transition: opacity 1.5s;
}
.b2:hover {
color: var(--black);
font-style: italic;
}
.b3 {
text-align: center;
font-style: normal;
}
.b3:hover {
font-style: italic;
}
.scenery {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68d30b3f6168e6f1e2a251f7_cst%20garden%20middle%20adjustr.png");
background-position: 50%;
background-size: cover;
width: 670px;
display: block;
}
.div-block-183 {
justify-content: flex-end;
align-self: flex-end;
align-items: center;
display: flex;
}
.paragraph-22 {
width: auto;
color: var(--black);
text-align: right;
font-family: Helvetica, sans-serif;
font-size: 10px;
line-height: 1.4em;
}
.div-block-184 {
width: 55%;
line-height: 16px;
}
.div-block-185 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68d401534f1e8d9e9c8d65e1_cs%20logo%20sqaure%201.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 24px;
height: 35px;
}
.heading-117 {
font-size: 10px;
}
.heading-118 {
font-family: Helvetica, sans-serif;
font-size: 5px;
}
.div-block-186 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68d33efba9afe1bb21cc9da3_xlknxcxc%3B.png");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
}
.hero-subhead {
margin-top: 0;
margin-bottom: 0;
font-size: 1vw;
line-height: 1.4;
}
.nav_logo-line {
background-color: #1b2c13;
width: 1px;
height: 100%;
margin-left: 1.6vw;
}
.nav-4 {
background-color: #fdfbf4;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr 1fr;
grid-auto-columns: 1fr;
height: 3.6vw;
min-height: 3.6vw;
max-height: 3.6vw;
display: none;
}
.nav_brand-2 {
align-items: center;
height: 100%;
padding-left: 1.6vw;
display: flex;
}
.hero-sec {
display: none;
}
.product-image-4 {
object-fit: cover;
border: 1px solid #1b2c1300;
width: 100%;
height: 100%;
margin-bottom: 1vw;
}
.product-image-4.xte {
display: none;
}
.nav_right {
justify-content: flex-end;
display: flex;
}
.footer-para {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69509c966833503069228df0_dot.svg");
background-position: 0 8%;
background-repeat: no-repeat;
background-size: auto;
}
.nav_center {
text-transform: uppercase;
justify-content: space-around;
align-items: center;
margin-top: 1vw;
margin-bottom: 1vw;
display: flex;
}
.submit-button-8 {
color: #1b2c13;
background-color: #0000;
border-bottom: 1px solid #1b2c13;
padding: 0;
line-height: 1;
}
.form-field-2 {
background-color: #0000;
border: 0 solid #000;
border-bottom: 1px solid #1b2c13;
margin-bottom: 0;
padding: 0;
line-height: 1;
}
.nav_contain {
border-bottom: .5px solid #1b2c13;
grid-template-rows: auto;
grid-template-columns: 1fr 1.5fr 1fr;
grid-auto-columns: 1fr;
height: 100%;
display: grid;
}
.footer-image {
object-fit: cover;
width: 100%;
height: 24vw;
}
.footer-logo-3 {
width: 4vw;
margin-right: 2vw;
display: inline-block;
}
.nav_link {
margin-left: 0;
margin-right: 0;
padding: 0;
display: flex;
}
.nav_link:hover {
text-decoration: underline;
}
.nav_link.is-cart {
color: #fdfbf4;
background-color: #1b2c13;
border-left: 1px solid #1b2c13;
justify-content: center;
align-items: center;
margin-right: 0;
padding-left: 1.6vw;
padding-right: 1.6vw;
}
.nav_link.is-right {
border-left: 1px solid #1b2c13;
justify-content: center;
align-items: center;
margin-right: 0;
padding-left: 1.6vw;
padding-right: 1.6vw;
}
.nav_link.is-mob {
border-left: 1px solid #1b2c13;
justify-content: center;
align-items: center;
margin-right: 0;
padding-left: 1.6vw;
padding-right: 1.6vw;
display: none;
}
.nav_circle {
align-items: center;
margin-right: .5vw;
display: flex;
}
.product_info-wrap-2 {
grid-column-gap: 2vw;
grid-template-rows: auto;
grid-template-columns: 1.25fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: none;
}
.hero_image-wrap {
margin-bottom: 0;
display: none;
}
.footer_form-block {
margin-bottom: 0;
}
.product-sec {
width: 100%;
}
.hero-para {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69509c966833503069228df0_dot.svg");
background-position: 0 8%;
background-repeat: no-repeat;
background-size: auto;
width: 80%;
margin-top: auto;
margin-bottom: 0;
font-size: 1.6vw;
font-weight: 400;
line-height: 1.4;
}
.footer-link-4 {
color: #fff;
width: 100%;
height: 100%;
position: relative;
}
.hero_image {
object-fit: cover;
width: 100%;
}
.grid-item-2 {
border-top: .3px #bdbdbd;
border-right: .3px #bdbdbd;
width: 100%;
height: auto;
padding: .4vw;
position: relative;
}
.grid-item-2.is-hero-bottom {
padding-top: 3.6vw;
display: flex;
}
.grid-item-2.is--footer {
flex-direction: row;
padding: 0;
display: flex;
}
.grid-item-2.is-connect {
flex-direction: column;
display: flex;
}
.grid-item-2.is--hero {
border-top-width: 0;
flex-direction: column;
display: none;
}
.grid-item-2.is-footer-logo {
display: flex;
}
.product-contain-2 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69cff5979d6b4ef6581d72c7_SN_Heliot_Emil_AW25main_ecom_womens_78388_1.webp");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
display: block;
}
.product-contain-2:hover {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69cff597cb196c7a2ad399c2_SN_Heliot_Emil_AW25main_ecom_womens_78392_1.webp");
}
.product-contain-2._1 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69cff5940e474f2fed6c1b15_Copy_of_SN_Heliot_Emil_SS26_Main_ecom_mens_106000.webp");
background-position: 50%;
background-size: cover;
height: 100%;
}
.product-contain-2._1:hover {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69cff595b2e2828e53987f11_Copy_of_SN_Heliot_Emil_SS26_Main_ecom_mens_106017.webp");
}
.product-contain-2._7 {
height: auto;
}
.product-contain-2._7.cxe {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69e42206c47c5d689184ed77_rdykftvgulhb.png");
}
.product-contain-2._7.cxe:hover {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69e42258c41993e05a46e88f_rdyftugi.png");
}
.product-contain-2.pop1x.tlt8x {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69e421714fb055068977e6b2_CopyofSN_Heliot_Emil_SS26_Main_ecom_mens_106219.webp");
}
.product-contain-2.pop1x.tlt8x:hover {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d02d8f3c603d87d0b01830_CopyofSN_Heliot_Emil_SS26_Main_ecom_mens_106217.webp");
}
.product-contain-2.tp6x {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d185f369d828e27d242d46_iugog.png");
}
.product-contain-2.tp6x:hover {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d185e62699aad318579528_IMG_3937.webp");
}
.product-contain-2._5tp7xc {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69cff598e8cff23c09c401cf_Copy_of_SN_Heliot_Emil_SS26_Main_ecom_mens_106646.webp");
}
.product-contain-2._5tp7xc:hover {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d02e512d04e2ddf9f99ed9_Copy_of_SN_Heliot_Emil_SS26_Main_ecom_mens_106648%20(1).webp");
}
.product-contain-2.bsx {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69e4231febfeadb7299bc240_cyfckghvj.png");
}
.footer_connect-link {
margin-bottom: .4vw;
}
.footer-grid-2 {
text-transform: uppercase;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.hero-grid-3 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: 100%;
display: grid;
}
.hero-grid-3._2ndpt {
display: none;
}
.footer_form {
display: flex;
}
.product-grid-2 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.footer-text {
position: absolute;
inset: auto auto 2vw 2vw;
}
.footer-text.is--dark {
color: #1b2c13;
}
.flex-block-2 {
width: 100%;
height: 95vh;
}
.div-block-190._1, .div-block-190._2 {
width: 100%;
height: 100%;
}
.flex-block-3 {
justify-content: space-between;
align-items: center;
display: none;
}
.div-block-191 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d02d8f21f547d6f835c193_SS26_16_156_BLK01-08.webp");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
}
.div-block-191:hover {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69e41e02bfafaca132e6bb3e_SS26_16_156_BLK01-03.webp");
}
.div-block-192._2 {
height: 450px;
}
.div-block-192._2.n8, .div-block-192._2.n9 {
width: 100%;
}
.div-block-192._2.n10.hei {
background-color: #f5f5f5;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69e41e05ac60b415810f3e9b_697eaf662d138f5d952eba1e_jtsxrfcyhgkvujlb.png");
background-position: 50%;
background-size: cover;
width: 100%;
}
.div-block-192._2.n10.hei:hover {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d02d8fec87cc85196efdb6_CopyofSN_Heliot_Emil_SS26_Main_ecom_mens_105749_4ae75103-c62b-488f-9bd5-d33b96a4d6d3.webp");
}
.div-block-192._2.n13 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d02d8fec87cc85196efdb6_CopyofSN_Heliot_Emil_SS26_Main_ecom_mens_105749_4ae75103-c62b-488f-9bd5-d33b96a4d6d3.webp");
background-position: 50%;
background-size: cover;
width: 100%;
}
.div-block-192._2.n13:hover {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69e41e022d2df9195e25b650_CopyofSN_Heliot_Emil_SS26_Main_ecom_mens_105751_3cd3a637-ae70-4359-a696-6a3a7fef12fd.webp");
}
.div-block-192._2.n13.dkf {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d02d9229d977ae0936232a_SN_Heliot_Emil_AW25main_ecom_mens_76420%20(1).webp");
width: 100%;
}
.div-block-192._2.n13.dkf:hover {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d02d949333ddf8643bab3e_SN_Heliot_Emil_AW25main_ecom_mens_76423.webp");
}
.div-block-192._2.kjbjgo {
background-color: #e0e0e0;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d164152b453887372c646b_vj%20blcjv.png");
background-position: 50%;
background-size: cover;
width: 100%;
}
.div-block-192._2.kjbjgo:hover {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69cff2db90f37c6d79ac80ca_CopyofSN_Heliot_Emil_SS26_Main_ecom_mens_106438.webp");
}
.div-block-192._3 {
height: 450px;
}
.div-block-192._5 {
width: 100%;
height: 450px;
}
.div-block-192._6 {
width: 100%;
height: 450px;
display: none;
}
.background-video-2, .background-video-2.v2._1x._3x.new, .foot {
display: none;
}
.grid-item-3 {
border-top: 1px solid #1b2c13;
border-right: 1px solid #1b2c13;
width: 100%;
height: 100%;
padding: 1.6vw;
position: relative;
}
.grid-item-3.is-connect {
flex-direction: column;
display: flex;
}
.grid-item-3.is-footer-logo {
display: flex;
}
.heading-122 {
font-family: Suisse Intl, Georgia, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 16px;
}
.text-span-53 {
letter-spacing: 1px;
text-transform: capitalize;
font-family: Relationship Of Melodrame, Georgia, sans-serif;
font-size: 16px;
font-style: italic;
}
.text-span-54, .text-span-55, .text-span-56 {
letter-spacing: 1px;
text-transform: lowercase;
font-family: Relationship Of Melodrame, Georgia, sans-serif;
font-size: 16px;
font-style: italic;
}
.heading-123 {
margin-right: 0;
font-family: Suisse Intl, Georgia, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 22px;
}
.heading-123.l2 {
margin-left: 120px;
margin-right: auto;
font-size: 10px;
font-weight: 400;
}
.flex-block-4.phase {
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
}
.flex-block-4.phase._2 {
filter: invert();
margin-top: 20px;
padding-left: 40px;
padding-right: 40px;
}
.menu-outer-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
filter: invert();
background-color: #1a1b1e00;
border: 1px #222325;
border-radius: 100px;
flex-direction: column;
max-width: 26%;
padding: 9px;
display: flex;
position: relative;
}
.menu-inner-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #000000b0;
border: .2px solid #ffffff14;
border-radius: .7em;
justify-content: space-between;
width: 100%;
padding: 6px;
display: flex;
overflow: auto;
}
.menu-link-3 {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
cursor: pointer;
border: 1px solid #222325;
border-radius: 80px;
flex: none;
justify-content: space-between;
align-items: center;
padding: 16px;
font-size: 14px;
font-weight: 400;
line-height: 114.286%;
text-decoration: none;
transition: background-color .2s ease-in-out;
display: flex;
}
.menu-link-3:hover {
background-color: #36353a;
}
.menu-link-3.get-in-touch {
background-color: #36353a;
transition: color .2s ease-in-out, background-color .2s ease-in-out;
}
.menu-link-3.get-in-touch:hover {
color: #111;
background-color: #fff;
}
.menu-expand {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: #1a1b1e;
border-radius: 23px;
flex-direction: column;
max-width: 100%;
padding: 0;
display: flex;
overflow: hidden;
}
.menu-expand-header {
color: #313235;
border-bottom: 1px solid #222325;
margin-top: 24px;
margin-left: 24px;
margin-right: 24px;
padding-bottom: 13px;
font-size: 10px;
line-height: 120%;
}
.menu-expand-content {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: center;
margin-bottom: 24px;
margin-left: 24px;
margin-right: 24px;
display: grid;
}
.menu-expand-link {
color: #fff;
text-align: center;
font-size: 14px;
font-weight: 400;
line-height: 142.857%;
text-decoration: none;
transition: all .2s ease-in-out;
}
.menu-expand-link:hover {
text-decoration: underline;
}
.div-block-195 {
z-index: 500;
width: 100%;
padding-top: 1em;
display: none;
position: fixed;
inset: 0% 0% auto;
}
.cart-7 {
padding: 10px 20px;
transition: opacity .2s ease-in-out;
}
.cart-7:hover {
opacity: .5;
}
.nav-menu-9 {
order: -1;
margin-right: 80px;
}
.menu-5 {
padding: 10px 20px;
transition: opacity .2s ease-in-out;
}
.menu-5:hover {
opacity: .5;
}
.search-5 {
padding: 10px;
transition: opacity .2s ease-in-out;
}
.search-5:hover {
opacity: .5;
}
.navigation-5 {
background-color: #fff;
justify-content: space-between;
display: flex;
}
.navigation-5.home {
border-top: .2px #7e7e7e8c;
border-bottom: .2px #7e7e7e8c;
align-items: center;
height: 35px;
top: 0;
}
.navigation-5.product-view {
background-color: #f9f6f6;
}
.logo-7 {
letter-spacing: .05em;
text-transform: uppercase;
font-family: Oswald, sans-serif;
font-size: 18px;
font-weight: 500;
display: none;
}
.join-sign-in-2 {
padding: 10px;
transition: opacity .2s ease-in-out;
}
.join-sign-in-2:hover {
opacity: .5;
}
.section-74 {
z-index: 700;
width: 100%;
position: sticky;
top: 0;
overflow: hidden;
}
.wishlist-2 {
color: #000;
letter-spacing: .05em;
text-transform: uppercase;
cursor: pointer;
background-color: #fff;
border-radius: 2px;
margin-left: 8px;
padding: 12px 32px;
font-family: Oswald, sans-serif;
font-size: 12px;
text-decoration: none;
transition: all .4s ease-in-out;
display: none;
box-shadow: 0 2px 12px -2px #5d677433;
}
.wishlist-2:hover {
transform: translate(0, -2px);
}
.size-button-2 {
color: #000;
text-align: center;
background-color: #0000;
border: 1px solid #bfc5c9;
border-radius: 2px;
min-width: 52px;
margin-right: 8px;
padding-left: 16px;
padding-right: 16px;
font-size: 12px;
}
.size-button-2.active {
border-color: #000;
}
.slide-9 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60b5b291bae0263d97f06876_4.jpg");
background-position: 50% 100%;
background-size: cover;
}
.column-product-info-2 {
flex-direction: column;
justify-content: space-between;
height: 100vh;
padding: 60px 5% 28px;
display: flex;
}
.slide-10 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60b5b291bae026af94f06871_2.jpg");
background-position: 50% 100%;
background-size: cover;
}
.slide-11 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60b5b291bae0264ec7f0687c_1.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.shipping-text-2 {
margin-left: 12px;
font-size: 12px;
font-weight: 700;
display: inline-block;
}
.section-75 {
width: 100vw;
height: 100vh;
display: none;
position: absolute;
inset: 0% 0% auto;
}
.breadcrumbs-2 {
color: #bfc5c9;
font-size: 13px;
text-decoration: none;
}
.button-group-4 {
margin-top: 32px;
margin-bottom: 20px;
}
.slider-4 {
background-color: #f9f6f6;
width: 100%;
height: 100%;
padding-top: 40px;
}
.product-content-2 {
flex-direction: column;
flex: 1;
justify-content: center;
align-self: flex-start;
height: 100%;
padding-bottom: 100px;
display: flex;
}
.arrow-3 {
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
position: absolute;
inset: auto 0% 0%;
}
.name-3 {
letter-spacing: 0;
text-transform: uppercase;
margin-left: -3px;
font-family: Helvetica, sans-serif;
font-size: 11px;
font-weight: 200;
line-height: 28px;
}
.price-4 {
letter-spacing: .04em;
text-transform: uppercase;
margin-top: 8px;
margin-bottom: 40px;
font-family: Helvetica, sans-serif;
font-size: 11px;
font-weight: 500;
}
.column-product-photo-2 {
height: 100vh;
padding-left: 0;
padding-right: 0;
}
.image-42 {
display: none;
}
.size-selection-2 {
margin-top: 12px;
display: none;
}
.size-text-2 {
color: #bfc5c9;
margin-right: 20px;
font-family: Helvetica, sans-serif;
font-size: 10px;
display: inline-block;
}
.extra-info-mobile-2 {
display: none;
}
.wishlist-text-2 {
margin-right: 16px;
display: inline-block;
}
.size-chart-2 {
color: #bfc5c9;
text-transform: uppercase;
cursor: pointer;
font-size: 10px;
text-decoration: none;
display: inline-block;
}
.brand-7 {
letter-spacing: .04em;
text-transform: uppercase;
font-family: Oswald, sans-serif;
font-size: 12px;
font-weight: 500;
display: none;
}
.add-to-bag-2 {
color: #fff;
letter-spacing: .05em;
text-transform: uppercase;
cursor: pointer;
background-color: #000;
border-radius: 2px;
justify-content: center;
align-items: center;
width: 100%;
padding: 4px 32px;
font-family: Oswald, sans-serif;
font-size: 12px;
text-decoration: none;
transition: all .4s ease-in-out;
display: flex;
box-shadow: 0 2px 12px -2px #5d677433;
}
.add-to-bag-2:hover {
transform: translate(0, -2px);
}
.slide-12 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60b5b291bae02651f1f06883_3.jpg");
background-position: 50% 100%;
background-size: cover;
}
.tabs-content-3 {
padding-top: 5px;
font-size: 14px;
line-height: 22px;
}
.slide-nav-5 {
margin-bottom: 12px;
font-size: 5px;
}
.capture_field {
border: 1px solid #dde1e6;
border-radius: 3rem;
justify-content: center;
align-items: center;
height: 2.75rem;
margin-bottom: 0;
padding: 1rem 1rem 1em 1.25rem;
font-size: 1rem;
transition: border-color .3s;
display: flex;
}
.capture_field:hover, .capture_field:focus {
border-color: #0f62fe;
}
.capture_field::placeholder {
color: #878d96;
}
.spacer-small-6 {
padding-top: 1.5rem;
}
.checks_wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
display: none;
}
.success_message {
color: #198038;
background-color: #defbe6;
border-radius: .5rem;
padding: .75rem 1.5rem;
}
.check-row_small {
grid-column-gap: .5rem;
align-items: center;
display: flex;
}
.text-style-muted-2 {
opacity: .7;
}
.space-between-vertically {
flex-direction: column;
justify-content: space-between;
height: 100%;
display: flex;
}
.footer_list-small {
grid-column-gap: .4px;
grid-row-gap: .4px;
text-transform: uppercase;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-left: 0;
list-style-type: none;
display: flex;
}
.footer_list-small._1x {
display: none;
}
.icon-xxsmall {
flex: none;
width: 1rem;
height: 1rem;
}
.divider-4 {
background-color: #dde1e6;
width: 100%;
height: 1px;
}
.spacer-xxlarge-4 {
padding-top: 4rem;
}
.footer_grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.footer_grid.is-4x-gutter {
grid-column-gap: 4rem;
}
.email_capture {
width: 100%;
min-width: auto;
max-width: none;
margin-bottom: .75rem;
position: relative;
}
.padding-global-24 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.email-capture_button {
color: #000;
letter-spacing: -.02em;
background-color: #fffb00;
border-radius: 3rem;
height: 2.75rem;
padding: .75rem 1.5rem;
font-size: .8rem;
font-weight: 500;
line-height: 1.25rem;
transition: background-color .3s;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.email-capture_button:hover {
background-color: #0043ce;
}
.center-content-horizontally {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.padding-section-medium-10 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.footer_link-small {
color: var(--grey-background);
letter-spacing: 0;
text-transform: uppercase;
margin-right: auto;
font-size: .56rem;
font-weight: 400;
line-height: 1.33333;
text-decoration: none;
transition: color .2s;
}
.footer_link-small:hover {
color: #0f62fe;
}
.footer_link-small._1firts._2cv {
color: var(--grey-background);
font-family: Suisse Intl Book, Georgia, sans-serif;
font-size: .56rem;
font-weight: 300;
}
.footer_link-small._1firts._1x {
margin-bottom: .4em;
font-size: .56rem;
}
.div-block-345 {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 250px;
height: 80%;
display: flex;
}
.social_links-wrap_medium {
grid-column-gap: 1rem;
display: flex;
}
.social_links-wrap_medium.xnone {
display: none;
}
.div-block-344 {
margin-bottom: 1.2rem;
}
.container-large-15 {
width: 100%;
max-width: 60rem;
margin-left: auto;
margin-right: auto;
}
.form_row {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
display: flex;
}
.icon-small-2 {
flex: none;
width: 1.5rem;
height: 1.5rem;
}
.xnone {
display: none;
}
.footer_title-small {
margin-bottom: 1.5rem;
font-size: .9rem;
font-weight: 700;
display: none;
}
.paragraph-61 {
margin-bottom: auto;
font-size: .8rem;
font-weight: 300;
}
.text-size-xsmall {
letter-spacing: 0;
font-size: .75rem;
line-height: 1.25rem;
}
.paragraph-60 {
margin-bottom: .5rem;
font-size: .8rem;
font-weight: 300;
}
.logo-medium-3 {
height: 2rem;
}
.spacer-xxsmall-2 {
padding-top: .75rem;
}
.error_message {
color: #da1e28;
background-color: #fff1f1;
border-radius: .5rem;
margin-top: 1rem;
padding: .75rem 1.5rem;
}
.heading-193 {
margin-bottom: 1.5rem;
font-size: 1.1rem;
line-height: 1.5rem;
}
.spacer-xlarge {
padding-top: 3rem;
}
.spacer-medium-3 {
padding-top: 2rem;
}
.section-76 {
display: none;
}
.text-style-muted-3 {
opacity: .7;
}
.divider-5 {
background-color: #dde1e6;
width: 100%;
height: 1px;
}
.div-block-611 {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 250px;
height: 80%;
display: flex;
}
.div-block-612 {
margin-bottom: 1.2rem;
}
.container-large-16 {
width: 100%;
max-width: 60rem;
margin-left: auto;
margin-right: auto;
}
.paragraph-62 {
margin-bottom: auto;
font-size: .8rem;
font-weight: 300;
}
.paragraph-63 {
margin-bottom: .5rem;
font-size: .8rem;
font-weight: 300;
}
.heading-194 {
margin-bottom: 1.5rem;
font-size: 1.1rem;
line-height: 1.5rem;
}
.right-arrow-4, .left-arrow-4 {
display: none;
}
.flex-block-6 {
width: 100%;
height: 95.5vh;
}
.container-175 {
width: 100%;
max-width: none;
height: 100%;
}
.container-175._2card {
background-color: #f9f6f6;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-616 {
justify-content: center;
align-items: center;
width: 55%;
height: 100%;
display: flex;
}
.flex-block-8.wtr {
background-color: #e40101;
justify-content: space-between;
align-items: center;
width: 100%;
height: 13vh;
padding-left: 3em;
padding-right: 3em;
}
.heading-197 {
text-transform: uppercase;
font-size: 12px;
font-weight: 400;
}
.flex-block-9 {
grid-column-gap: 4em;
grid-row-gap: 4em;
justify-content: center;
align-items: center;
width: 100%;
height: 50vh;
}
.section-77 {
border-top: .4px #00000059;
width: 100%;
}
.div-block-618 {
margin-left: 0;
margin-right: 0;
}
.flex-block-11 {
margin-left: auto;
margin-right: 0;
}
.section-78 {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 90vh;
display: flex;
}
.heading-198 {
text-transform: uppercase;
margin-bottom: 20px;
font-family: Suisse Intl, Georgia, sans-serif;
font-size: 9px;
}
.div-block-619._2 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/697573ffdbd8f23e2076fb9b_Medium-824387YC2TE2478_A.avif");
background-position: 50%;
background-size: cover;
width: 200px;
height: 235px;
margin-right: 10px;
}
.div-block-619._3 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/697573acfbee567e177fbe37_Medium-8532403YI862100_A.avif");
background-position: 50%;
background-size: cover;
width: 200px;
height: 235px;
}
.div-block-619._4 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6974630b00abfe0a8cdc7a2e_Medium-837416YCTY22512_A.avif");
background-position: 50%;
background-size: cover;
width: 200px;
height: 235px;
margin-right: 10px;
}
.div-block-619._5 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/697576ff17f8c645fe45df92_862859Y99581000_A.avif");
background-position: 50%;
background-size: cover;
width: 200px;
height: 235px;
margin-right: 10px;
}
.div-block-619._6 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6975769f7e64b06c485795b5_Medium-843656YCNF21000_A.avif");
background-position: 50%;
background-size: cover;
width: 200px;
height: 235px;
margin-right: 10px;
}
.div-block-619._1 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/697575889b53bdf7dbeaffb7_Medium-820148Y76ZL3217_A.avif");
background-position: 50%;
background-size: cover;
width: 200px;
height: 235px;
margin-right: 10px;
}
.flex-block-12 {
margin-top: 10px;
}
.flex-block-13 {
margin-bottom: 20px;
}
.text-block-228 {
letter-spacing: .3px;
text-transform: uppercase;
margin-top: 32px;
font-family: Helvetica, sans-serif;
font-size: 10.4px;
line-height: 13px;
}
.text-block-228.bottomxc {
margin-top: 10px;
font-size: 7px;
line-height: 12px;
}
.text-block-229, .text-block-230, .text-block-231 {
text-transform: uppercase;
font-size: 9px;
}
.image-43, .image-44 {
display: none;
}
.image-45 {
max-width: 60%;
}
.dropdown-4 {
width: 100%;
margin-top: 3px;
}
.dropdown-toggle-5 {
border-bottom: .2px solid #949494;
width: 100%;
padding: 5px 0;
}
.div-block-620 {
justify-content: space-between;
display: flex;
}
.text-block-232 {
font-family: Helvetica, sans-serif;
font-size: 8px;
}
.icon-17 {
margin-right: 0;
font-size: 10px;
}
.div-block-621, .div-block-622 {
display: none;
}
.heading-204 {
color: var(--black);
font-family: Helvetica, sans-serif;
font-size: 9px;
display: block;
}
.image-46, .image-47 {
display: none;
}
.image-48 {
max-width: 55%;
}
.div-block-626 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/697eb5c17ed85a62c979e746_gigbouhbgo.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 120px;
height: 25px;
display: none;
}
.div-block-627 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/697eb5c17ed85a62c979e746_gigbouhbgo.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 90px;
height: 30px;
}
.list-item-6 {
font-size: 10px;
line-height: 7px;
}
.list-item-7, .list-item-8, .list-item-9, .list-item-10, .list-item-11, .list-item-12, .list-item-13 {
line-height: 7px;
}
.div-block-641 {
display: none;
}
.text-span-58 {
text-transform: uppercase;
}
.text-span-59 {
font-style: normal;
}
.text-span-60 {
letter-spacing: 0;
font-size: 10px;
position: relative;
bottom: 4px;
}
.section-83 {
width: 100%;
height: 8em;
padding-left: 1em;
padding-right: 1em;
}
.flex-block-19 {
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 100%;
padding-bottom: .5em;
}
.heading-207 {
margin-top: auto;
font-family: Helvetica, sans-serif;
font-size: 9px;
}
.heading-207.sort {
font-size: 9px;
}
.flex-block-20 {
z-index: 20;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 2em;
padding-bottom: .5em;
padding-left: 4em;
position: fixed;
inset: 0% auto auto 0%;
overflow: hidden;
}
.button-23 {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
color: #5f5f5f;
letter-spacing: .3px;
background-color: #ecececb3;
border: .2px #cecece;
border-radius: 20px;
padding: 7px 20px;
font-family: Helvetica, sans-serif;
font-size: 10px;
font-weight: 700;
box-shadow: 0 0 20px -2px #ffffff45;
}
.flex-block-21 {
width: 100%;
}
.flex-block-22 {
grid-column-gap: .8vw;
grid-row-gap: .8vw;
width: 100%;
height: 90vh;
padding: .4vw;
}
.div-block-649 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69c984f3d971a97b47d8a38d_ChatGPT%20Image%20Mar%2029%2C%202026%2C%2003_59_30%20PM.png");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
}
.div-block-649._1 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69c984c9d98626dab37fc14f_ChatGPT%20Image%20Mar%2029%2C%202026%2C%2003_59_34%20PM.png");
background-position: 50%;
background-size: cover;
}
.link-block-11, .link-block-12, .link-block-13, .link-block-14 {
width: 100%;
height: 100%;
}
.div-block-650 {
border: .2px solid #cecece;
border-radius: 300px;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
display: none;
}
.section-85 {
z-index: 10;
justify-content: center;
padding-top: 160px;
padding-bottom: 160px;
display: flex;
position: relative;
}
.section-85.clip {
overflow: hidden;
}
.stacked-content-3 {
z-index: 20;
grid-column-gap: 16px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: space-between;
display: grid;
position: relative;
}
.stacked-intro-5 {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: start;
display: grid;
}
.subtitle-7 {
color: #667479;
letter-spacing: 4px;
text-transform: uppercase;
font-size: 14px;
font-weight: 300;
line-height: 1.3em;
}
.dark-slide-arrow-2 {
background-color: #080808;
border: 1px #e4e9ec;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
display: flex;
bottom: 90px;
}
.heading-208 {
font-size: 36px;
font-weight: 600;
line-height: 1.35em;
}
.heading-208.large {
font-size: 42px;
}
.slider-arrow-4 {
width: 15px;
}
.basic-slide-wrapper {
flex-direction: column;
justify-content: flex-end;
min-height: 700px;
margin-left: 3px;
margin-right: 3px;
padding: 80px;
display: flex;
position: relative;
overflow: hidden;
}
.section-86 {
z-index: 10;
justify-content: center;
padding-top: 160px;
padding-bottom: 160px;
display: flex;
position: relative;
}
.section-86.no-padding {
padding: 0;
}
.arrow-icon {
width: 14px;
}
.arrow-icon.invert {
filter: none;
}
.slide-nav-6 {
flex-direction: row;
justify-content: center;
align-items: center;
height: 48px;
min-height: 12px;
margin: auto;
padding: 0;
font-size: 6px;
display: flex;
inset: auto 0 48px;
transform: none;
}
.slide-nav-6.tablet-mobile-slide-nav {
align-items: flex-end;
height: 36px;
display: none;
bottom: 0;
}
.overlay-6 {
background-color: #0808084d;
position: absolute;
inset: 0%;
}
.overlay-6.gradient {
background-color: #08080800;
background-image: linear-gradient(#07090c00 30%, #07090c1a 55%, #07090c40);
}
.stacked-intro-6 {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: start;
display: grid;
}
.basic-slider {
background-color: #ddd0;
justify-content: center;
width: 100%;
max-width: 1500px;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.basic-slide-content {
z-index: 25;
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #fff;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 475px;
position: relative;
}
.dark-slide-arrow-3 {
background-color: #080808;
border: 1px #e4e9ec;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
display: flex;
bottom: 90px;
}
.button-text-wrapper-4 {
cursor: pointer;
flex-direction: column;
justify-content: center;
display: flex;
overflow: hidden;
}
.basic-mask {
width: 100%;
overflow: visible;
}
.link-arrow-wrapper {
overflow: hidden;
}
.underline-link-2 {
grid-column-gap: 24px;
grid-row-gap: 16px;
color: #667479;
letter-spacing: 4px;
text-transform: uppercase;
border-bottom: 1px #e4e9ec;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: space-between;
align-items: center;
padding-bottom: 0;
font-size: 11px;
line-height: 1.5em;
text-decoration: none;
display: grid;
}
.underline-link-2.light {
color: #fff;
border-bottom-color: #ffffff80;
}
.full-width-slider-wrapper {
justify-content: center;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
}
.background-wrapper-3 {
position: absolute;
inset: 0%;
overflow: hidden;
}
.heading-209 {
font-size: 36px;
font-weight: 600;
line-height: 1.35em;
}
.slider-arrow-5 {
width: 15px;
}
.feature-background {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6a528910347fb3edad963e01_Image004%202.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
inset: 0%;
}
.feature-background.two {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6a528910347fb3edad963df8_Image002%201.jpg");
}
.feature-background.one {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6a528910347fb3edad963e0a_Image001%201.jpg");
}
.feature-background.three {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6a528910347fb3edad963e13_Image008%201.jpg");
}
@media screen and (min-width: 1280px) {
.body.fxhome {
background-image: linear-gradient(to top, #000000c9, #00000063), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/656c01d250c7f84477ee1966_WALPPER.png"), linear-gradient(#0000, #0000), linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/656c01d250c7f84477ee1966_WALPPER.png");
background-position: 0 0, 50%, 0 0, 0 0, 0 0;
background-repeat: repeat, no-repeat, repeat, repeat, repeat;
background-size: auto, cover, auto, auto, cover;
}
.hero-background-image.about-intro-background {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60e34c6e25cc1476fe621923_2021w22-london-women-desktop.jpg");
background-position: 100%;
background-size: cover;
}
.hero-background-image.about-hero-background {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60e34d9e1994a83a796263ef_Reese_Cooper_Autumn_Winter_2019_Menswear_Hitchhiking_Campaign_1_1125x.jpg");
}
.subtitle.large.fx-about.fx290 {
color: #fff;
}
.navbar.product-view {
display: none;
}
.steps-grid {
grid-column-gap: 100px;
grid-template-columns: .8fr 1fr;
}
.steps-card {
padding: 36px;
}
.team-image {
min-height: 275px;
}
.button.fx-abbout {
background-color: #000;
font-family: Helvetica, sans-serif;
font-weight: 800;
}
.featured-journal-wrapper {
grid-column-gap: 60px;
padding-top: 48px;
padding-left: 48px;
padding-right: 48px;
}
.popular-vacations {
padding-top: 48px;
padding-left: 48px;
padding-right: 48px;
}
.journal-post {
grid-column-gap: 80px;
}
.hero-video-wrapper, .video-flyout {
max-width: 700px;
}
.popular-vacations-wrapper, .journal-cards {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.form-block {
padding: 60px;
}
.team-intro-wrapper {
grid-column-gap: 80px;
}
.paralax-background.about-one {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a8814fc13b96346230d6a3_clints-apparel-2020.jpeg");
}
.paralax-background.about-two {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a9b95bda6c83336d28daa5_anr-championship-lookbook-03_1800x%402x.progressive.jpg");
}
.paralax-background.about-three {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a885c310cd7f80c7ed8e31_Clints-Sting-TRL-Footprints-Manchester-Worker-Bee-Lead.jpeg");
}
.paralax-background.about-four {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60e34d9e1994a83a796263ef_Reese_Cooper_Autumn_Winter_2019_Menswear_Hitchhiking_Campaign_1_1125x.jpg");
}
.paralax-background.about-five {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60e34dacde7884f96c26508f_reese-cooper-ss20-lookbook-00.jpg");
}
.paralax-background.about-six {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60e34db8b641d8c01ec89559_reese-cooper-fall-winter-2018-lone-pine-lookbook-8.jpg");
}
.paralax-background.about-seven {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60e34e3ceaa766b6fd5550a7_reese-cooper1.jpeg");
}
.steps-intro {
padding-left: 18px;
padding-right: 18px;
}
.flyout-menu-wrapper {
display: none;
}
.flyout-menu-content {
display: block;
}
.footer.fx {
margin-top: 927px;
display: block;
position: static;
}
.marquee-text, .marquee-text.alt {
font-family: Attriumvirate Condensed, sans-serif;
}
.image-3 {
width: 230px;
}
.project-hero.hh {
display: none;
}
.sticky-image-box {
min-height: 525px;
}
.intro-box {
min-height: 475px;
}
.sticky-image-bar {
margin-bottom: -110px;
padding-bottom: 110px;
top: 110px;
}
.sticky-image {
width: 450px;
min-width: 450px;
height: 450px;
min-height: 450px;
top: 110px;
}
.section-16 {
margin-top: 52px;
font-size: 13px;
}
.section-17 {
display: none;
}
.text-block-150 {
text-transform: uppercase;
font-size: 6vw;
line-height: 140%;
}
.text-span-28 {
font-size: 5vw;
}
.nav-parent-2 {
background-color: #0d0d0d00;
}
.text-white-2 {
font-family: Fontspring Demo Veneer, sans-serif;
font-size: 19px;
}
.text-white-2.animate-line {
font-size: 24px;
}
.text-white-2.light-typeface.text-height-1-4.split-text {
text-transform: uppercase;
}
.super-text-xl.text-white {
letter-spacing: 10px;
font-size: 16em;
display: none;
}
.nav-child {
text-decoration: none;
}
.body-5 {
background-image: linear-gradient(#0d0d0df7, #0d0d0df7), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/62ffb6a5f4dbe2082a43232e_Fotos_%20Niemeyer%2C%20obra%20y%20retrato%20de%20un%20genio%20del%20siglo%20XX.jpg");
background-position: 0 0, 0 0;
background-size: auto, contain;
}
.home-hero-3 {
background-color: #0d0d0d00;
height: 80vh;
}
.hero-grid-2 {
margin-top: 609px;
}
.image-16 {
min-width: 125px;
max-width: 0%;
min-height: 125px;
margin-left: 247px;
}
.intro-section {
border-radius: 0;
padding: 0;
}
.f2wf-columns {
border-radius: 0;
}
.section-style {
border-radius: 0;
padding: 0;
}
.grid-item-2 {
border-top-width: .3px;
border-top-color: #bdbdbd;
}
}
@media screen and (min-width: 1440px) {
.body.fxhome {
background-image: linear-gradient(to top, #000000d9, #0000005e), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/656c01d250c7f84477ee1966_WALPPER.png"), linear-gradient(#0000, #0000), linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/656bcdffe0e11e567b8e1e0a_20F20HF.png");
background-position: 0 0, 50%, 0 0, 0 0, 0 0;
background-repeat: repeat, no-repeat, repeat, repeat, repeat;
background-size: auto, cover, auto, auto, cover;
}
.about-wrapper {
display: block;
}
.benefits-wrapper {
padding-bottom: 0;
}
.steps-grid {
grid-column-gap: 140px;
grid-template-columns: .8fr 1fr;
}
.steps-sticky-card {
grid-column-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.team-image {
min-height: 325px;
}
.benefit-card {
padding-left: 36px;
padding-right: 36px;
}
.benefits-bottom {
display: none;
}
.featured-journal-wrapper {
grid-column-gap: 80px;
}
.home-hero {
display: none;
}
.journal-post {
padding: 60px;
}
.hero-video-wrapper, .video-flyout {
max-width: 750px;
}
.popular-vacations-wrapper, .journal-cards {
grid-column-gap: 36px;
grid-row-gap: 36px;
}
.footer-wrapper, .about-images-wrapper, .testimonial-section {
display: none;
}
.marquee-text.alt {
font-family: Attriumvirate Condensed, sans-serif;
}
.nav-links {
text-transform: uppercase;
font-family: Helvetica, sans-serif;
font-size: 12px;
}
.nav-links.join {
font-family: Helvetica, sans-serif;
}
.logo-holder {
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.tab-title {
margin-left: 22px;
margin-right: 22px;
}
.tab-title.first.w--current {
margin-right: 22px;
}
.tab-title.lastw {
margin-right: 0;
}
.add-to-bag-text {
margin-right: 0;
font-family: Suisse Intl, Georgia, sans-serif;
font-size: 12px;
}
.k-tab-slider-wrapper {
margin-top: 4vw;
}
.k-product-slider {
left: 22.5vw;
}
.image-3 {
width: 230px;
}
.paragraph-6 {
font-size: 19px;
}
.intro-content-2, .content-wrapper {
height: 112px;
}
.heading-35.large {
font-family: Attriumvirate Condensed, sans-serif;
font-size: 26px;
}
.text-block-124 {
font-family: Helvetica, sans-serif;
}
.navbar-2 {
margin-top: 99px;
display: flex;
}
.sticky-image-box {
min-height: 550px;
}
.intro-box {
min-height: 500px;
}
.sticky-image {
width: 475px;
min-width: 475px;
height: 475px;
min-height: 475px;
}
.heading-56 {
letter-spacing: 1px;
}
.section-16 {
margin-top: 57px;
}
.section-17 {
display: none;
}
.ab-wrapper {
font-size: 9px;
}
.free-shipping.product-window, .free-shipping.product-view {
display: none;
}
.div-hide.line-animation {
padding-left: 0;
padding-right: 0;
}
.nav-parent-2 {
background-color: #0d0d0d00;
}
.text-white-2 {
font-family: Fontspring Demo Veneer, sans-serif;
font-size: 18px;
}
.text-white-2.animate-line {
font-family: Fontspring Demo Veneer, sans-serif;
font-size: 24px;
}
.text-white-2.light-typeface.text-height-1-4.split-text {
width: 220px;
padding-left: 0;
padding-right: 0;
font-size: 12px;
}
.hero-text-parent {
padding-left: 0;
padding-right: 0;
}
.super-text-xl.text-white {
letter-spacing: 12px;
font-size: 17em;
display: none;
}
.nav-child {
text-decoration: none;
}
.body-5 {
background-image: linear-gradient(#0d0d0df7, #0d0d0df7), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/62ffb6a5f4dbe2082a43232e_Fotos_%20Niemeyer%2C%20obra%20y%20retrato%20de%20un%20genio%20del%20siglo%20XX.jpg");
background-position: 0 0, 0 0;
background-size: auto, contain;
}
.navigation-2 {
margin-top: -9px;
}
.home-hero-3 {
background-color: #0d0d0d00;
}
.hero-grid-2 {
margin-top: 619px;
}
.image-16 {
min-width: 135px;
max-width: 0;
min-height: 135px;
margin-top: 17px;
margin-left: 259px;
}
.navbar-logo-center.shop {
display: none;
}
.product_info {
margin-bottom: 10px;
}
.spacer {
display: none;
}
.divider-3 {
background-color: #1e1d1d;
margin-bottom: 0;
padding-bottom: 0;
padding-right: 0;
}
.section-70 {
display: none;
}
.hero_heading {
font-size: 200px;
}
.intro_content-parent._5.page-5 {
display: flex;
}
.intro_content-parent.page-8, .padding-section-medium {
display: none;
}
.padding-section-medium.base {
display: block;
}
.section_jornal, .section_image-divider {
display: none;
}
.section_intro {
width: 760px;
}
.section_intro._2 {
width: 780px;
display: block;
}
.section_intro._2.page-6 {
width: 800px;
display: block;
}
.section_intro._2.page-6._2nd {
display: block;
}
.section_intro._2.sib {
background-color: #1b1b1b;
background-image: none;
background-size: auto;
width: 800px;
padding: 0;
display: block;
}
.section_intro._3 {
filter: invert();
background-color: #fff;
background-image: none;
background-position: 0 0;
background-size: auto;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 25px 40px 30px;
font-weight: 300;
display: block;
}
.section_intro._3.page-6 {
filter: none;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/696eab6d03ce2c727343b148_ChatGPT%20Image%20Jan%2019%2C%202026%2C%2005_08_30%20PM.png");
justify-content: flex-end;
align-items: center;
display: flex;
}
.section_intro._3.page-6.landscape {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69779bd7c01edc0eade5c7bb_tyuuy.png");
width: 780px;
display: none;
}
.section_intro._3.invert {
filter: invert();
width: 800px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
display: none;
}
.section_intro.page-5 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/697532d88a5d6eca2f8926b4_cbnncj.png");
background-position: 50%;
background-size: cover;
display: block;
}
.section_intro.page-5.bl {
filter: none;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6977ac9d3b7e73d87759e656_npinp.png");
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 800px;
padding: 30px 40px;
display: flex;
}
.section_intro.page-3 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/696ebbce3e80f20d76ca6db1_ChatGPT%20Image%20Jan%2019%2C%202026%2C%2006_18_17%20PM.png");
background-position: 50%;
background-size: cover;
width: 800px;
display: block;
}
.section_intro.page-3.page-8 {
background-color: #f2f2f2;
background-image: none;
background-size: auto;
width: 820px;
display: none;
}
.image-full-cover {
display: block;
}
.section_articles {
display: none;
}
.section_work {
background-color: #fff;
background-image: none;
background-size: auto;
width: 800px;
display: none;
}
.section_hero, .section_cta {
display: none;
}
.horizontal-scroll_track-list {
padding-right: 0;
}
.section-72 {
display: block;
}
.nav_bottom-progress {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-flow: column;
justify-content: space-between;
align-items: center;
}
.nav_trigger {
display: flex;
}
.nav_compoenent {
display: none;
}
.nav_bar {
z-index: 200;
min-width: 2.6rem;
display: block;
}
.loader_component, .page-wrapper-6, .nav_menu_component, .section-73.horizontal-scroll {
display: none;
}
.section-73.horizontal-scroll.welcome, .horizontal-height {
display: block;
}
.div-block-177 {
overflow: hidden;
}
.heading-111._2 {
font-size: 14em;
}
.heading-111._1 {
margin-bottom: -10px;
font-size: 15em;
}
.heading-113 {
margin-top: -40px;
}
.div-block-179 {
width: 20px;
height: 60px;
}
.nav-wrapper-front {
background-color: #ffffffc2;
display: none;
position: absolute;
inset: 0%;
}
.container-174 {
z-index: auto;
flex-flow: column;
justify-content: space-between;
padding-bottom: 40px;
display: flex;
position: relative;
}
.div-block-182 {
margin-top: auto;
margin-bottom: auto;
}
.scenery {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68d30b3f6168e6f1e2a251f7_cst%20garden%20middle%20adjustr.png");
background-size: cover;
width: 800px;
display: block;
}
.paragraph-22.tb3 {
color: var(--outline);
display: none;
}
.div-block-184.tw3 {
color: var(--outline);
}
.div-block-186 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6975353c8a5d6eca2f896194_ChatGPT%20Image%20Jan%2024%2C%202026%2C%2003_39_20%20PM.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: flex-end;
width: auto;
height: 100%;
padding-bottom: 3em;
padding-left: 3em;
padding-right: 3em;
display: flex;
overflow: hidden;
}
.div-block-187 {
filter: grayscale();
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b9619603059e2_add(24x24)%402x.svg");
background-position: 50%;
background-size: cover;
width: 45px;
height: 45px;
transition: transform .4s;
transform: translate(0)rotate(45deg);
}
.div-block-187:hover {
transform: translate(0, -10px)rotate(45deg);
}
.nav-4, .hero-sec, .product-image-4.xte {
display: none;
}
.footer-para {
color: var(--grey-background);
letter-spacing: 1px;
background-image: none;
background-repeat: repeat;
background-size: auto;
font-family: Suisse Intl Book, Georgia, sans-serif;
font-size: 12px;
font-weight: 400;
}
.submit-button-8 {
color: var(--ghost-white);
font-size: 12px;
}
.product_info-wrap-2 {
flex-flow: column;
align-items: center;
line-height: 40px;
display: none;
}
.hero_image-wrap {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6950a6091601bbcde1d9c800_ChatGPT%20Image%20Dec%2027%2C%202025%2C%2010_37_31%20PM.png");
background-position: 50%;
background-size: cover;
height: 998.047px;
display: none;
}
.footer_form-block {
width: 53.4%;
}
.product-sec {
width: 100%;
padding-left: .4em;
padding-right: .4em;
display: block;
}
.hero-para, .hero_image {
display: none;
}
.grid-item-2 {
opacity: 1;
background-color: #fff;
border-top: .5px #bdbdbd;
border-right: .5px #bdbdbd;
padding: .2vw;
}
.grid-item-2.is-hero-bottom {
padding-top: 1vw;
padding-bottom: 1vw;
}
.grid-item-2.is-empty {
background-color: #fff;
border-top-color: #00000059;
border-right-color: #00000059;
}
.grid-item-2.is--hero {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6950a654ab726ade91eb8503_ChatGPT%20Image%20Dec%2027%2C%202025%2C%2010_38_46%20PM.png");
background-size: cover;
display: none;
}
.product-contain-2 {
filter: brightness(102%);
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69cff5979d6b4ef6581d72c7_SN_Heliot_Emil_AW25main_ecom_womens_78388_1.webp");
background-position: 50%;
background-size: cover;
height: 100%;
}
.product-contain-2:hover {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69cff597cb196c7a2ad399c2_SN_Heliot_Emil_AW25main_ecom_womens_78392_1.webp");
}
.product-contain-2._1 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69cff5940e474f2fed6c1b15_Copy_of_SN_Heliot_Emil_SS26_Main_ecom_mens_106000.webp");
background-position: 50%;
background-size: cover;
}
.product-contain-2._1:hover {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69cff595b2e2828e53987f11_Copy_of_SN_Heliot_Emil_SS26_Main_ecom_mens_106017.webp");
background-position: 50% 100%;
}
.footer_connect-link {
color: var(--ghost-white);
margin-bottom: .2vw;
font-size: 12px;
}
.hero-grid-3 {
padding-right: 2.9em;
}
.hero-grid-3._2ndpt {
width: 100%;
height: auto;
padding-right: 0;
display: none;
}
.product-grid-2 {
border-bottom: .3px #00000059;
}
.page-wrapper-8 {
z-index: 4;
position: relative;
}
.div-block-189 {
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 2em;
padding-bottom: 2em;
font-weight: 800;
display: flex;
}
.heading-119 {
margin-bottom: 5px;
font-family: Helvetica, sans-serif;
font-size: 60px;
font-weight: 700;
}
.flex-block-2 {
width: 100%;
height: 95vh;
padding-top: .2em;
padding-bottom: .2em;
}
.div-block-190 {
width: 100%;
height: 100%;
}
.div-block-190._1 {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69c984c9d98626dab37fc14f_ChatGPT%20Image%20Mar%2029%2C%202026%2C%2003_59_34%20PM.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-top: .5px #00000059;
border-bottom: .5px #00000059;
border-right: .5px #00000059;
margin-right: .2em;
}
.div-block-190._2 {
opacity: 1;
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69c984f3d971a97b47d8a38d_ChatGPT%20Image%20Mar%2029%2C%202026%2C%2003_59_30%20PM.png");
background-position: 50%;
background-size: cover;
border-top: .5px #00000059;
border-bottom: .5px #00000059;
margin-left: .2em;
}
.flex-block-3 {
justify-content: space-between;
align-items: center;
display: block;
}
.div-block-191 {
filter: brightness(104%);
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d02d8f21f547d6f835c193_SS26_16_156_BLK01-08.webp");
background-position: 50%;
background-size: cover;
width: 100%;
height: 640px;
}
.div-block-191:hover {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69e41e02bfafaca132e6bb3e_SS26_16_156_BLK01-03.webp");
}
.link-block-6 {
margin-bottom: 40px;
margin-right: 0;
font-weight: 300;
transform: rotate(90deg);
}
.link-block-6._1 {
margin-bottom: 60px;
}
.link-block-6._1x {
display: none;
}
.heading-120 {
color: var(--black);
text-transform: uppercase;
font-family: Helvetica, sans-serif;
font-size: 12px;
}
.div-block-192 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
width: 100%;
height: 640px;
}
.div-block-192._2 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69cff2b0b222719c0df8101f_CopyofSN_Heliot_Emil_SS26_Main_ecom_mens_105832_8fd0053c-e76b-47ea-8e85-ca28aa76c67d.webp");
background-position: 50%;
background-size: cover;
height: 640px;
}
.div-block-192._2:hover {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69cff2da95679b97614ef973_SS26_15_088_BLK01-01.webp");
}
.div-block-192._2.n8 {
filter: none;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69e42206c47c5d689184ed77_rdykftvgulhb.png");
}
.div-block-192._2.n8:hover {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69e42258c41993e05a46e88f_rdyftugi.png");
}
.div-block-192._2.n9 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69e4231febfeadb7299bc240_cyfckghvj.png");
background-position: 50%;
}
.div-block-192._2.n10 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69594e6ffe674186604127c3_IMG_1291.jpg");
display: block;
}
.div-block-192._2.n10.hei {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69e41e05ac60b415810f3e9b_697eaf662d138f5d952eba1e_jtsxrfcyhgkvujlb.png");
background-position: 50%;
background-size: cover;
}
.div-block-192._2.n10.hei:hover {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69cff2b0b222719c0df8101f_CopyofSN_Heliot_Emil_SS26_Main_ecom_mens_105832_8fd0053c-e76b-47ea-8e85-ca28aa76c67d.webp");
}
.div-block-192._2.n13 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d02d8fec87cc85196efdb6_CopyofSN_Heliot_Emil_SS26_Main_ecom_mens_105749_4ae75103-c62b-488f-9bd5-d33b96a4d6d3.webp");
background-size: cover;
}
.div-block-192._2.n13:hover {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d02d8f21f547d6f835c193_SS26_16_156_BLK01-08.webp");
}
.div-block-192._2.n13.jkhgodf {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6959433f7019aa860005f3b0_SN_Heliot_Emil_AW25main_ecom_womens_78331.webp");
background-position: 50%;
}
.div-block-192._2.n13.dkf {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d02d9229d977ae0936232a_SN_Heliot_Emil_AW25main_ecom_mens_76420%20(1).webp");
background-position: 50%;
}
.div-block-192._2.n13.dkf:hover {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d02d949333ddf8643bab3e_SN_Heliot_Emil_AW25main_ecom_mens_76423.webp");
}
.div-block-192._2.kjbjgo {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d164152b453887372c646b_vj%20blcjv.png");
}
.div-block-192._2.kjbjgo:hover {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69cff2db90f37c6d79ac80ca_CopyofSN_Heliot_Emil_SS26_Main_ecom_mens_106438.webp");
}
.div-block-192._2._4tpx {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d185f369d828e27d242d46_iugog.png");
}
.div-block-192._2._4tpx:hover {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d185e62699aad318579528_IMG_3937.webp");
}
.div-block-192._3 {
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69cff598e8cff23c09c401cf_Copy_of_SN_Heliot_Emil_SS26_Main_ecom_mens_106646.webp");
background-position: 50%;
background-size: cover;
height: 640px;
}
.div-block-192._3:hover {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d02e512d04e2ddf9f99ed9_Copy_of_SN_Heliot_Emil_SS26_Main_ecom_mens_106648%20(1).webp");
}
.div-block-192._5 {
filter: brightness(101%);
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d02d8f3c603d87d0b01830_CopyofSN_Heliot_Emil_SS26_Main_ecom_mens_106217.webp");
height: 640px;
display: block;
}
.div-block-192._5:hover {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69e421714fb055068977e6b2_CopyofSN_Heliot_Emil_SS26_Main_ecom_mens_106219.webp");
}
.div-block-192._6 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69594e17adb9cd4562b90257_0407-11655copy.webp");
display: none;
}
.background-video-2 {
width: 100%;
height: 640px;
display: none;
}
.background-video-2.v2 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69594e6ffe674186604127c3_IMG_1291.jpg");
background-position: 50%;
background-size: cover;
display: none;
}
.background-video-2.v2.pop1x {
background-image: none;
background-size: auto;
display: none;
}
.background-video-2.v2._1x {
background-image: none;
background-size: auto;
}
.background-video-2.v2._1x._3x.olc, .background-video-2.v2._1x._3x.new {
display: none;
}
.background-video-2.xzo {
background-image: none;
background-size: auto;
display: block;
}
.background-video-3 {
width: 100%;
height: 640px;
display: none;
}
.foot {
width: 100%;
height: auto;
padding-top: 20px;
padding-bottom: 20px;
display: none;
}
.grid-item-3.is-connect {
border-top-style: none;
border-right-style: none;
}
.grid-item-3.is-footer-logo {
border-top-style: none;
border-right-style: none;
flex-flow: column;
justify-content: center;
align-items: center;
}
.grid-item-3.is-footer-form {
border-top-style: none;
border-right-style: none;
}
.paragraph-23 {
color: var(--black);
margin-bottom: 6px;
font-size: 12px;
font-weight: 300;
}
.heading-121 {
color: var(--shaddow);
letter-spacing: 1px;
font-family: Suisse Intl, Georgia, sans-serif;
font-size: 14px;
font-weight: 400;
}
.link-8 {
color: var(--ghost-white);
}
.div-block-193 {
width: 100%;
height: auto;
line-height: 15px;
}
.heading-122 {
text-transform: uppercase;
font-family: Suisse Intl, Georgia, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 20px;
}
.heading-122._1orign {
display: none;
}
.text-span-53 {
letter-spacing: 1px;
text-transform: capitalize;
font-family: Relationship Of Melodrame, Georgia, sans-serif;
font-size: 21px;
font-style: italic;
}
.text-span-54 {
letter-spacing: 1.4px;
text-transform: lowercase;
font-family: Relationship Of Melodrame, Georgia, sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 400;
}
.text-span-55, .text-span-56 {
letter-spacing: 1px;
text-transform: lowercase;
font-family: Relationship Of Melodrame, Georgia, sans-serif;
font-size: 21px;
font-style: italic;
}
.heading-123 {
letter-spacing: .2px;
text-transform: none;
margin-bottom: auto;
font-family: Suisse Intl, Georgia, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.heading-123.l2 {
margin-top: 0;
margin-left: 120px;
margin-right: auto;
font-size: 13px;
display: block;
}
.flex-block-4 {
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: auto;
}
.flex-block-4.phase {
filter: none;
}
.flex-block-4.phase._2 {
z-index: 20;
filter: invert();
margin-top: 30px;
padding-left: 40px;
padding-right: 40px;
display: flex;
position: absolute;
}
.div-block-194 {
filter: invert();
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69779d8a241aca83d57459ec_ChatGPT%20Image%20Jan%2026%2C%202026%2C%2011_57_49%20AM.png");
background-position: 50% 100%;
background-size: cover;
width: 220px;
height: 240px;
margin-bottom: 0;
}
.menu-outer-2 {
filter: invert();
background-color: #1a1b1e00;
border-style: none;
max-width: 26%;
}
.menu-inner-2 {
grid-column-gap: 5px;
grid-row-gap: 5px;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #000000b0;
border: .2px solid #ffffff14;
border-radius: .7em;
padding: 6px;
box-shadow: 0 0 10px #fff3;
}
.menu-link-3 {
-webkit-backdrop-filter: none;
backdrop-filter: none;
color: #fff;
letter-spacing: .4px;
text-transform: none;
background-color: #000;
border-radius: .4em;
padding-top: 8px;
padding-bottom: 8px;
font-size: 12px;
}
.menu-link-3.get-in-touch {
background-color: #000;
border-radius: .4em;
}
.menu-link-3.mo {
display: none;
}
.menu-expand {
background-color: #000;
display: none;
}
.div-block-195 {
z-index: 500;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 1em;
display: none;
position: fixed;
inset: 0% 0% auto;
}
.text-block-224 {
color: #797979;
letter-spacing: 1px;
font-family: Suisse Intl Book, Georgia, sans-serif;
font-size: 10px;
line-height: 10px;
}
.text-block-225 {
color: #797979;
letter-spacing: 1px;
font-family: Suisse Intl, Georgia, sans-serif;
font-size: 10px;
line-height: 10px;
}
.text-block-226 {
color: #797979;
letter-spacing: 1px;
font-family: Suisse Intl Book, Georgia, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 10px;
}
.text-block-227 {
color: #797979;
letter-spacing: 1px;
font-family: Suisse Intl Book, Georgia, sans-serif;
font-size: 10px;
line-height: 10px;
}
.cart-7 {
padding-top: 0;
padding-bottom: 5px;
}
.nav-menu-9 {
margin-right: 80px;
}
.menu-5 {
line-height: 15px;
}
.search-5 {
padding-left: 20px;
padding-right: 20px;
line-height: 14px;
}
.navigation-5 {
background-color: #f9f6f6;
border-bottom: .2px solid #7e7e7e8c;
margin-bottom: 0;
position: sticky;
top: 0;
}
.navigation-5.home {
background-color: #fff;
border-top: .2px solid #7e7e7e8c;
align-items: stretch;
height: auto;
}
.navigation-5.product-view {
border-bottom-style: none;
padding-top: 5px;
padding-bottom: 5px;
}
.nav-menu-10 {
justify-content: center;
align-items: center;
display: flex;
}
.logo-7 {
display: none;
}
.join-sign-in-2 {
padding-left: 20px;
padding-right: 20px;
line-height: 16px;
}
.flex-block-5 {
border-bottom: 1px #a1a1a1a8;
width: 100%;
}
.section-74 {
z-index: 700;
width: 100%;
margin-bottom: 0;
display: block;
position: sticky;
top: 0;
overflow: hidden;
}
.wishlist-2 {
display: none;
}
.slide-10 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60b5b291bae026af94f06871_2.jpg");
background-position: 50%;
background-size: cover;
}
.slide-11 {
background-color: #f9f6f6;
background-image: none;
margin-top: 0;
top: 0;
}
.section-75 {
z-index: 50;
display: none;
}
.breadcrumbs-2 {
display: none;
}
.button-group-4 {
margin-bottom: 60px;
}
.slider-4 {
background-color: #f9f6f6;
width: 100%;
height: 100%;
padding-top: 0;
}
.product-content-2 {
justify-content: center;
align-items: stretch;
height: 100%;
padding-bottom: 100px;
}
.name-3 {
letter-spacing: 0;
text-transform: uppercase;
font-family: Helvetica, sans-serif;
font-size: 14px;
font-weight: 700;
}
.price-4 {
font-family: Helvetica, sans-serif;
font-size: 14px;
}
.image-42, .size-selection-2 {
display: none;
}
.size-text-2 {
text-transform: uppercase;
font-family: Helvetica, sans-serif;
font-size: 12px;
}
.size-chart-2 {
text-transform: uppercase;
font-family: Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
}
.brand-7 {
margin-bottom: 10px;
font-family: Helvetica, sans-serif;
font-weight: 500;
display: none;
}
.add-to-bag-2 {
justify-content: center;
align-items: center;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
font-family: Helvetica, sans-serif;
font-size: 8px;
display: flex;
}
.tabs-content-3 {
padding-top: 16px;
}
.slide-nav-5 {
margin-bottom: 20px;
font-size: 7px;
}
.capture_field {
height: 4rem;
font-weight: 300;
}
.div-block-346 {
margin-left: auto;
margin-right: auto;
padding-right: 0;
}
.div-block-346._5th-tabs {
display: none;
}
.space-between-vertically {
width: 140px;
margin-left: auto;
}
.footer_list-small {
grid-column-gap: .4rem;
grid-row-gap: .4rem;
text-transform: uppercase;
font-size: 10px;
line-height: 7px;
}
.spacer-xxlarge-4 {
padding-top: 4rem;
}
.footer_grid.is-4x-gutter {
grid-column-gap: 4.6rem;
height: auto;
display: flex;
}
.footer_grid.is-4x-gutter.foot {
justify-content: space-between;
align-items: stretch;
height: 220px;
}
.footer-9 {
z-index: 0;
position: sticky;
bottom: 0;
}
.footer-9.vaq {
background-color: #141414;
display: block;
position: static;
}
.email_capture {
height: 44px;
}
.div-block-605 {
background-color: #000;
border-radius: .6em;
justify-content: center;
align-items: center;
width: 35px;
height: 35px;
margin-right: 10px;
display: flex;
}
.padding-global-24 {
padding-left: 3rem;
padding-right: 3rem;
}
.padding-global-24.vaq {
padding-top: 1em;
}
.email-capture_button {
height: 3rem;
box-shadow: none;
color: #fff;
background-color: #000;
background-image: none;
transition: background-color .3s;
top: .5rem;
right: .6rem;
}
.div-block-606 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68bb1080b9e29f9ad92ca580_Adobe%20Express%20-%20file.png");
background-position: 50%;
background-size: cover;
width: 80%;
height: 80%;
}
.padding-section-medium-10 {
padding-top: 1rem;
padding-bottom: 3rem;
}
.footer_link-small {
width: auto;
color: var(--grey-background);
text-transform: uppercase;
margin-left: 0;
margin-right: auto;
font-family: Suisse Intl Book, Georgia, sans-serif;
font-size: .7rem;
font-weight: 300;
}
.footer_link-small.bf {
font-size: .8rem;
}
.footer_link-small._1firts {
margin-left: auto;
margin-right: 0;
}
.footer_link-small._1firts._2cv {
text-transform: uppercase;
margin-left: 0;
font-size: .7rem;
}
.footer_link-small._1firts._1x {
text-transform: uppercase;
margin-bottom: .4em;
margin-left: 0;
margin-right: auto;
font-size: .7rem;
}
.div-block-604 {
display: none;
}
.div-block-345 {
width: 400px;
height: 100%;
margin-right: auto;
padding-bottom: 10px;
overflow: hidden;
}
.social_links-wrap_medium {
opacity: .2;
margin-top: auto;
margin-bottom: 0;
display: none;
}
.div-block-344 {
justify-content: flex-start;
align-items: flex-end;
margin-bottom: 1.4rem;
display: flex;
}
.container-large-15 {
background-color: #fff;
border: .2px solid #e7e7e7;
border-radius: 2rem;
max-width: none;
padding: 3.6em 3.5em 3em;
box-shadow: 0 1px 40px -3px #9292923b;
}
.div-block-348 {
grid-column-gap: 5em;
grid-row-gap: 5em;
margin-left: auto;
display: flex;
}
.footer_title-small {
margin-bottom: .5rem;
font-size: 1.1rem;
font-weight: 400;
display: none;
}
.paragraph-61 {
color: #141414;
letter-spacing: .4px;
font-size: 1rem;
font-weight: 300;
line-height: 1.3;
}
.text-size-xsmall {
color: #b3b3b3;
font-size: 1rem;
font-weight: 300;
}
.div-block-347 {
margin-left: auto;
margin-right: auto;
}
.paragraph-60 {
color: #b3b3b3;
letter-spacing: 1px;
margin-bottom: .7rem;
font-size: 1.1rem;
font-weight: 300;
}
.logo-medium-3.lgogfooter {
height: 1.8rem;
margin-bottom: 2px;
}
.heading-193 {
margin-top: 0;
margin-bottom: 1.5rem;
font-size: 1.2rem;
font-weight: 500;
}
.div-block-349 {
justify-content: space-between;
display: flex;
}
.spacer-medium-3 {
padding-top: 3rem;
}
.section-76 {
z-index: 1;
width: 100%;
display: none;
position: fixed;
inset: auto 0% 0%;
}
.div-block-607 {
margin-left: auto;
margin-right: auto;
padding-right: 0;
}
.div-block-607._5th-tabs {
display: none;
}
.div-block-608 {
background-color: #000;
border-radius: .6em;
justify-content: center;
align-items: center;
width: 35px;
height: 35px;
margin-right: 10px;
display: flex;
}
.div-block-609 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68bb1080b9e29f9ad92ca580_Adobe%20Express%20-%20file.png");
background-position: 50%;
background-size: cover;
width: 80%;
height: 80%;
}
.div-block-610 {
display: none;
}
.div-block-611 {
width: 400px;
height: 100%;
margin-right: auto;
padding-bottom: 10px;
overflow: hidden;
}
.div-block-612 {
justify-content: flex-start;
align-items: flex-end;
margin-bottom: 1.4rem;
display: flex;
}
.container-large-16 {
background-color: #fff;
border: .2px solid #e7e7e7;
border-radius: 2rem;
max-width: none;
padding: 3.6em 3.5em 3em;
box-shadow: 0 1px 40px -3px #9292923b;
}
.div-block-613 {
grid-column-gap: 5em;
grid-row-gap: 5em;
margin-left: auto;
display: flex;
}
.paragraph-62 {
color: #141414;
letter-spacing: .4px;
font-size: 1rem;
font-weight: 300;
line-height: 1.3;
}
.div-block-614 {
margin-left: auto;
margin-right: auto;
}
.paragraph-63 {
color: #b3b3b3;
letter-spacing: 1px;
margin-bottom: .7rem;
font-size: 1.1rem;
font-weight: 300;
}
.heading-194 {
margin-top: 0;
margin-bottom: 1.5rem;
font-size: 1.2rem;
font-weight: 500;
}
.div-block-615 {
justify-content: space-between;
display: flex;
}
.right-arrow-4, .left-arrow-4 {
display: none;
}
.flex-block-6 {
z-index: 50;
width: 100%;
height: 95.5vh;
display: flex;
position: relative;
}
.container-175 {
background-color: #9b8a8a;
width: 100%;
max-width: none;
height: 100%;
}
.container-175._2card {
background-color: #f9f6f6;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-616 {
justify-content: center;
align-items: center;
width: 55%;
height: 100%;
display: flex;
}
.flex-block-7 {
background-color: #6f2828;
width: 100%;
height: 12vh;
display: none;
}
.flex-block-8 {
background-color: #e40101;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 13vh;
padding-left: 3em;
padding-right: 3em;
display: none;
}
.flex-block-8.pt2 {
display: none;
}
.flex-block-8.wtr {
display: flex;
}
.div-block-617 {
justify-content: flex-end;
align-items: center;
width: 100%;
margin-bottom: auto;
display: flex;
}
.text-span-57 {
color: var(--shaddow);
}
.heading-195 {
margin-right: 100px;
font-family: Suisse Intl, Georgia, sans-serif;
font-size: 40px;
line-height: 1.1em;
}
.heading-196 {
margin-bottom: 20px;
font-family: Suisse Intl Book, Georgia, sans-serif;
}
.heading-197 {
text-transform: uppercase;
margin-left: auto;
font-family: Suisse Intl, Georgia, sans-serif;
font-size: 16px;
}
.flex-block-9 {
grid-column-gap: 4em;
grid-row-gap: 4em;
justify-content: center;
align-items: center;
width: 100%;
height: 50vh;
}
.section-77 {
border-top: .2px #ebebeb59;
width: 100%;
}
.flex-block-10 {
margin-left: 0;
margin-right: 0;
}
.div-block-618 {
margin-left: 60px;
margin-right: 60px;
padding-right: 0;
}
.div-block-618._1row {
margin-left: 0;
margin-right: 0;
line-height: 7px;
}
.flex-block-11 {
margin-left: auto;
margin-right: 60px;
line-height: 7px;
}
.section-78 {
background-color: #fff;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 90vh;
padding-top: 100px;
display: flex;
}
.heading-198 {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 25px;
font-family: Suisse Intl, Georgia, sans-serif;
font-size: 12px;
font-weight: 400;
}
.div-block-619 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69594003e561a98bc4fedb04_CopyofIMG_2612.webp");
background-position: 50% 20%;
background-size: cover;
width: 270px;
height: 295px;
margin-right: 10px;
}
.div-block-619._2 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6975739ea430a098d74fc5dc_Medium-848169Y5J192498_A.avif");
background-position: 50% 20%;
width: 270px;
height: 295px;
}
.div-block-619._3 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/697573acfbee567e177fbe37_Medium-8532403YI862100_A.avif");
width: 270px;
height: 295px;
}
.div-block-619._4 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/697573bc6253f6edfb3c79b0_851251Y6J981701_B.avif");
background-position: 50% 20%;
width: 270px;
height: 295px;
}
.div-block-619._5 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/697576ff17f8c645fe45df92_862859Y99581000_A.avif");
background-position: 50% 120%;
width: 270px;
height: 295px;
}
.div-block-619._6 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/697573ffdbd8f23e2076fb9b_Medium-824387YC2TE2478_A.avif");
background-position: 50% 20%;
width: 270px;
height: 295px;
}
.div-block-619._1 {
filter: none;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/697575889b53bdf7dbeaffb7_Medium-820148Y76ZL3217_A.avif");
width: 270px;
height: 295px;
}
.flex-block-12 {
margin-top: 10px;
}
.flex-block-13 {
margin-bottom: 60px;
}
.text-block-228 {
letter-spacing: .4px;
text-transform: uppercase;
margin-top: 32px;
font-family: Helvetica, sans-serif;
font-size: 14px;
line-height: 17px;
}
.text-block-228.bottomxc {
letter-spacing: .5px;
margin-top: 10px;
font-size: 10px;
line-height: 17px;
}
.text-block-229, .text-block-230, .text-block-231 {
text-transform: uppercase;
font-size: 12px;
}
.image-43 {
max-width: 50%;
display: none;
}
.image-44 {
max-width: 26%;
display: none;
}
.image-45 {
max-width: 80%;
}
.dropdown-4 {
width: 100%;
margin-top: 10px;
}
.dropdown-toggle-5 {
border-bottom: .2px solid #949494;
width: 100%;
padding: 10px 0;
}
.div-block-620 {
justify-content: space-between;
display: flex;
}
.text-block-232 {
font-family: Helvetica, sans-serif;
font-size: 11px;
}
.icon-17 {
margin-right: 0;
font-size: 14px;
}
.div-block-621 {
background-image: none;
background-size: auto;
width: auto;
height: auto;
display: none;
}
.heading-199 {
font-family: Helvetica, sans-serif;
font-size: 12px;
}
.flex-block-14 {
width: 100%;
height: 100%;
padding: 2em 2.5em;
}
.heading-200 {
text-transform: uppercase;
font-family: Helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
}
.heading-201 {
margin-top: auto;
font-family: Helvetica, sans-serif;
}
.flex-block-15 {
z-index: 5;
background-color: #1b1b1b;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6977a5bdf6b60d2472da7e0d_noubnou.png");
background-position: 50%;
background-size: cover;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 100%;
display: block;
position: relative;
}
.div-block-622 {
background-color: #161616;
flex-flow: column;
justify-content: flex-end;
align-items: center;
width: 350px;
height: 350px;
padding: 2em;
display: none;
}
.heading-202 {
color: var(--outline);
margin-top: auto;
margin-bottom: auto;
font-family: Helvetica, sans-serif;
}
.heading-203 {
color: var(--outline);
text-transform: none;
margin-top: 0;
font-family: Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
}
.div-block-623 {
width: 30px;
height: 30px;
margin-bottom: 0;
margin-right: auto;
}
.div-block-624 {
filter: grayscale();
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/682fb628e265690f5bdaa9a6_circle-arrow.svg");
background-position: 50%;
background-size: cover;
width: 80%;
height: 80%;
transform: rotate(180deg);
}
.div-block-625 {
z-index: 1;
background-color: #aa3b3b;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6977ac9d3b7e73d87759e656_npinp.png");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
display: block;
position: relative;
}
.heading-204 {
color: var(--black);
letter-spacing: 0;
margin-top: 6px;
margin-bottom: 6px;
margin-left: 60px;
font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
display: block;
}
.image-46, .image-47 {
display: none;
}
.image-48 {
max-width: 80%;
}
.div-block-626 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/697d5f890b970b91b8829fe1_ifvi.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 160px;
height: 40px;
display: none;
}
.div-block-627 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/697eb5c17ed85a62c979e746_gigbouhbgo.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 120px;
height: 30px;
}
.div-block-641 {
display: none;
}
.section-83 {
height: auto;
padding: 7em 2em .5em;
}
.flex-block-19 {
justify-content: space-between;
align-items: flex-end;
width: 100%;
padding-left: 0;
}
.heading-207 {
font-size: 12px;
font-weight: 700;
}
.heading-207.sort {
font-size: 12px;
}
.section-84 {
background-image: linear-gradient(#ffffffa3, #ffffffa3), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6977ac9d3b7e73d87759e656_npinp.png");
background-position: 0 0, 50%;
background-size: auto, cover;
width: 100%;
height: 30em;
display: none;
}
.flex-block-20 {
z-index: 20;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 2em;
padding-bottom: .5em;
padding-left: 4em;
position: fixed;
inset: 0% auto auto 0%;
overflow: hidden;
}
.button-23 {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
color: #5f5f5f;
text-transform: uppercase;
background-color: #ececec80;
background-image: none;
border: .2px #cecece;
border-radius: 20px;
padding: 10px 22px;
font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
box-shadow: inset 0 0 20px -2px #c9c9c982;
}
.flex-block-22 {
display: none;
}
}
@media screen and (min-width: 1920px) {
.body {
background-image: linear-gradient(#ffffff80, #ffffff80), linear-gradient(#ffffffa8, #ffffffa8), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60c80b93b0b74f0caa442ee5_Wallpaper-Kemra-Marble-1-1100x1318.jpg");
background-position: 0 0, 0 0, 0 0;
background-size: auto, auto, cover;
}
.body.fxhome {
background-color: #0d0d0d;
background-image: linear-gradient(to top, #000000d6, #00000057), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/656c01d250c7f84477ee1966_WALPPER.png"), linear-gradient(#0d0d0d, #0d0d0d), linear-gradient(#ffffffa8, #ffffffa8), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/656bccecccb09777eb1ce82b_VC030G3.png");
background-position: 0 0, 50%, 0 0, 0 0, 50%;
background-size: auto, cover, auto, auto, cover;
}
.hero-background-image.about-intro-background {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60e34db8b641d8c01ec89559_reese-cooper-fall-winter-2018-lone-pine-lookbook-8.jpg");
}
.overlay.dark {
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.overlay.fx-darklight {
background-color: #ffffff8c;
box-shadow: inset 4px 4px 20px -7px #0000007d;
}
.subtitle {
z-index: 10;
color: #000;
font-size: 10px;
font-weight: 700;
position: relative;
}
.subtitle.large._2 {
color: #fff;
}
.subtitle.fx-dd._2 {
color: #000;
}
.navbar.product-view {
overflow: hidden;
}
.section {
padding-top: 106px;
}
.grid-wrapper {
margin-bottom: -33px;
}
.grid-wrapper._2fxx.back, .grid-wrapper._12-fxx._2-none {
display: none;
}
.testimonial-slide-wrapper {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding-left: 138px;
display: flex;
}
.benefits-bottom {
display: none;
}
.vacations-section {
margin-bottom: 33px;
}
.navigation-content {
margin-right: -81px;
}
.testimonial-content {
position: static;
}
.vacation-results {
padding-top: 36px;
}
.locations-slider-mask {
border-radius: 0;
}
.vacation-slider-content {
border-radius: 0;
box-shadow: 0 0 35px -11px #00000085;
}
.hero-video-wrapper, .video-flyout {
max-width: 1000px;
}
.heading-title-grid {
flex-direction: column;
display: flex;
}
.nav-button-toggle {
z-index: 5500;
}
.dropdown-wrapper._2._3 {
z-index: 50;
background-color: var(--grey-background);
position: relative;
}
.locations-slide-content {
border-radius: 0;
}
.paralax-background.two {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/618ee2903f480934143b3024_tt-header-hoodie-01%20(1).jpg");
background-position: 50%;
}
.dropdown-button.none-drop, .about-images-wrapper, .testimonial-section {
display: none;
}
.marquee-horizontal {
border: 0 #000;
margin-top: 20px;
padding-top: 56px;
display: none;
}
.marquee-horizontal.desktop {
color: #0d0d0d;
background-color: #0d0d0d;
height: 200px;
max-height: 200px;
margin-top: -7px;
padding-top: 93px;
display: block;
}
.marquee-text {
letter-spacing: 0;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 21px;
}
.marquee-text.alt {
letter-spacing: 0;
}
.heading-13.spec-fx {
font-size: 31px;
}
.heading-18 {
font-weight: 800;
}
.product-content {
margin-right: 22px;
padding-right: 66px;
overflow: hidden;
}
.cart-3 {
left: 183px;
}
.cart-wrapper-2 {
z-index: 6000;
}
.image-3 {
width: 280px;
}
.product-info {
overflow: hidden;
}
.text-block-110 {
margin-bottom: 8px;
}
.dropdown-toggle {
top: 24px;
left: -134px;
}
.flyout-menu-2.close, .flyout-menu-wrapper-2 {
display: none;
}
.section-16 {
margin-top: 49px;
}
.header {
display: none;
}
.copyright {
color: #ff5e00;
font-family: Tom brother, sans-serif;
}
.text-block-2-copy {
color: #ff5e00;
font-family: Helvetica, sans-serif;
}
.new-media {
color: #ff5e00;
}
.a {
color: #ff5e00;
font-family: Attriumvirate Condensed, sans-serif;
}
.section-17 {
display: none;
}
.text-block-150 {
color: var(--ghost-white);
font-family: Attriumvirate Condensed, sans-serif;
}
.text-block-151 {
color: #ff5e00;
font-family: Helvetica, sans-serif;
}
.text-block-2-copy-2 {
color: #ff5e00;
font-family: Attriumvirate Condensed, sans-serif;
}
.text-span-23 {
text-transform: none;
}
.text-span-24 {
font-family: Attriumvirate Condensed, sans-serif;
}
.div-hide.line-animation {
left: 100px;
}
.nav-parent-2 {
background-color: #0d0d0d00;
}
.text-white-2 {
font-size: 22px;
}
.text-white-2.animate-line {
font-size: 26px;
text-decoration: none;
}
.text-white-2.light-typeface.text-height-1-4.split-text {
width: 260px;
font-size: 13px;
}
.text-white-2.light-typeface.text-height-1-4.split-text.fx2 {
font-size: 12px;
position: relative;
top: 45px;
}
.inner-hero-marquee {
justify-content: center;
margin-bottom: -69px;
display: none;
}
.super-text-xl.text-white {
letter-spacing: 10px;
font-family: Fontspring Demo Veneer, sans-serif;
font-size: 35em;
font-style: normal;
}
.hero-grid-middle {
margin-top: 68px;
}
.nav-child {
text-decoration: none;
}
.hero-marquee {
background-color: #0d0d0d00;
margin-bottom: 44px;
}
.nav-grid-parent {
font-size: 18px;
}
.body-5 {
background-color: #0d0d0d;
background-image: linear-gradient(#0d0d0df7, #0d0d0df7), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/62ffb6a5f4dbe2082a43232e_Fotos_%20Niemeyer%2C%20obra%20y%20retrato%20de%20un%20genio%20del%20siglo%20XX.jpg");
background-position: 0 0, 50% 60%;
background-size: auto, contain;
}
.navigation-2 {
margin-top: -21px;
}
.hero-marquee-2, .marquee-circle-2 {
display: none;
}
.home-hero-3 {
background-color: #0d0d0d00;
height: 79vh;
}
.hero-grid-2 {
margin-top: 560px;
}
.scroll-home {
border: 0 #000;
margin-top: 20px;
padding-top: 56px;
display: block;
}
.scroll-home.desktop {
color: #0d0d0d;
background-color: #0d0d0d;
height: 200px;
max-height: 200px;
margin-top: -7px;
padding-top: 93px;
display: block;
}
.track-horizontal-alt-2 {
justify-content: flex-start;
}
.marquee-text-desktop {
letter-spacing: 1px;
margin-right: 146px;
font-size: 15em;
font-weight: 400;
}
.marquee-circle-2-desktop {
display: none;
}
.marquee-text-2 {
letter-spacing: 1px;
margin-right: 146px;
font-size: 15em;
font-weight: 400;
}
.main-wrapper {
display: none;
}
.image-16 {
width: 0;
min-width: 150px;
max-width: 0%;
height: 0;
min-height: 150px;
max-height: 0;
margin-top: 86px;
}
.div-block-70 {
margin-left: 286px;
}
.hero, .navbar-logo-center.home, .curve-block-center.top {
display: none;
}
.nav-open {
width: 60px;
}
.nav-button-3 {
width: 140px;
height: 140px;
}
.nav-open-2 {
width: 60px;
}
.div-block-79, .grid-4-photo._2x, .big-image.first {
display: none;
}
.error-message-6 {
color: #ff2a2a;
background-color: #fff2f2;
border-radius: 80px;
margin-top: 27px;
padding: 19px 28px;
}
.input-relative::placeholder {
color: #615e83;
font-size: 16px;
}
.section-51 {
display: none;
}
.spiral {
height: 10rem;
}
.footer-9 {
background-color: #fff;
}
}
@media screen and (max-width: 991px) {
h1 {
font-size: 42px;
}
h2 {
font-size: 28px;
}
.subtitle {
color: #575757;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 13px;
display: block;
}
.top-nav-wrapper {
grid-template-columns: minmax(60px, 1fr) minmax(auto, 1400px);
}
.left-nav {
border-bottom-style: none;
width: 65px;
height: 65px;
}
.right-nav {
z-index: 20;
grid-template-columns: 1fr;
position: relative;
}
.scroll-indicator {
width: 65px;
padding-top: 65px;
}
.section {
padding-top: 80px;
padding-bottom: 80px;
}
.section.no-top-padding {
padding-bottom: 60px;
}
.section.no-top-padding.noonw-fx.contact.terms {
display: none;
}
.nav-link {
border-bottom: 1px solid var(--indicator-outline);
color: var(--body-display);
padding-top: 24px;
padding-bottom: 24px;
}
.grid-wrapper {
grid-template-columns: minmax(65px, 1fr) minmax(auto, 1400px) minmax(65px, 1fr);
}
.slider-wrapper {
margin-left: 65px;
padding-top: 48px;
}
.location-card-slider {
margin-left: -65px;
}
.location-mask {
width: 70%;
}
.nav-menu {
z-index: 15;
background-color: #0000;
max-width: none;
height: 100vh;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-bottom: 0;
padding-left: 65px;
display: flex;
position: absolute;
left: 0;
right: 0;
}
.grey-cover {
margin-left: 65px;
}
.about-wrapper {
grid-row-gap: 36px;
grid-template-columns: 1fr;
padding-top: 80px;
}
.about-images {
margin-left: 65px;
overflow: auto;
}
.horizontal-line.left {
margin-left: 65px;
}
.xxl-heading {
font-size: 54px;
}
.menu-lottie {
margin: auto;
position: absolute;
inset: 2px 0 0;
}
.benefits-wrapper {
grid-row-gap: 80px;
padding-top: 80px;
padding-bottom: 80px;
padding-left: 36px;
}
.membership-plans-wrapper {
margin-left: 0;
padding-bottom: 80px;
}
.steps-grid {
grid-row-gap: 60px;
grid-template-rows: 1fr;
grid-template-columns: 1fr;
}
.steps-sticky-card {
grid-template-columns: 1fr;
position: relative;
top: auto;
}
.steps-card-wrapper {
grid-row-gap: 48px;
}
.team-wrapper {
padding-top: 48px;
padding-bottom: 140px;
padding-left: 36px;
}
.team-box {
grid-template-columns: 1fr 1fr;
}
.team-image {
min-height: 320px;
}
.testimonial-wrapper {
margin-left: 65px;
margin-right: 65px;
}
.testimonial-slider {
justify-content: center;
}
.testimonial-arrow {
right: 36px;
}
.testimonial-arrow.right {
left: 113px;
}
.testimonial-slide-wrapper {
margin-left: 0;
margin-right: 0;
padding-left: 36px;
padding-right: 36px;
}
.testimonial-mask {
max-width: 100%;
}
.testimonial-slide {
width: 100%;
}
.intro-wrapper {
grid-template-columns: 1fr;
}
.intro-right-image {
min-height: 200px;
}
.featured-journal-wrapper {
grid-row-gap: 120px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-rows: 1fr;
margin-top: -48px;
margin-left: 36px;
padding: 24px 24px 0;
}
.featured-journal-wrapper.full-width {
padding: 24px 24px 0;
}
.vacations-dual-grid {
grid-template-columns: 1fr;
}
.vacation-items {
padding-top: 0;
padding-left: 65px;
}
.sticky-vacation-right {
height: 70vh;
position: relative;
}
.inner-page-intro {
justify-items: stretch;
width: 100%;
}
.navigation-content {
height: 66px;
margin-left: 65px;
padding-left: 18px;
padding-right: 18px;
}
.testimonial-content {
width: 100%;
}
.team-image-location {
display: none;
}
.checkout-form {
grid-row-gap: 48px;
grid-template-columns: 1fr;
}
.checkout-details {
padding: 36px;
}
.order-info {
grid-row-gap: 36px;
padding-top: 0;
}
.order-top-bar {
min-height: auto;
}
.vacation-results {
padding-top: 0;
padding-left: 36px;
padding-right: 36px;
}
.location-slider-top {
display: none;
}
.vacations-slider {
width: 100%;
height: 100%;
position: absolute;
}
.locations-slider-mask {
border-radius: 0;
}
.vacation-slide-arrow {
margin-bottom: 0;
bottom: 36px;
}
.vacation-slide-arrow.right {
bottom: 36px;
}
.location-page-slide {
height: 100%;
min-height: auto;
}
.vacation-slider-content {
border-radius: 0;
width: auto;
}
.home-hero {
height: auto;
min-height: 93vh;
max-height: 900px;
}
.home-hero-content {
grid-column-gap: 36px;
grid-template-rows: auto auto;
grid-template-columns: 1fr auto;
padding-top: 140px;
padding-left: 36px;
}
.hero-video-button {
width: auto;
height: auto;
margin-top: 0;
margin-bottom: 140px;
}
.home-hero-intro {
text-align: left;
margin-bottom: 140px;
}
.video-hover-button {
width: 120px;
height: 120px;
}
.popular-vacations {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.section-intro {
padding-left: 36px;
}
.journal-post {
grid-row-gap: 36px;
grid-template-columns: 1fr;
padding: 36px 36px 0;
}
.hero-video-wrapper {
width: 85vw;
display: flex;
}
.large-journal-post {
min-height: 375px;
}
.journal-right-wrapper {
grid-row-gap: 24px;
}
.video-icon-wrapper {
width: 75%;
height: 75%;
}
.popular-vacations-wrapper {
grid-template-columns: 1fr 1fr;
}
.product-slider-arrow {
bottom: 48px;
}
.product-slider-arrow.left {
bottom: 120px;
right: 0;
}
.vacation-images {
grid-row-gap: 12px;
grid-template-columns: 1fr;
}
.small-vacation-image {
min-height: 200px;
}
.slider-background-wrapper {
padding: 60px;
}
.slider-background-wrapper.hero-wrapper {
height: auto;
min-height: auto;
padding-left: 60px;
}
.hero-slide-arrow {
left: 101px;
right: auto;
}
.bottom-grid-wrapper {
grid-template-columns: minmax(65px, 1fr) minmax(auto, 1400px) minmax(65px, 1fr);
}
.featured-location {
width: auto;
margin-left: 106px;
}
.product-hero-content {
padding-bottom: 48px;
padding-left: 36px;
padding-right: 60px;
}
.journal-intro {
padding-left: 36px;
}
.vacation-info {
padding-top: 60px;
}
.vacation-features {
grid-row-gap: 0px;
grid-template-rows: auto 1px auto;
grid-template-columns: 1fr 1px 1fr;
margin-top: 48px;
margin-bottom: 48px;
}
.map-section {
padding-bottom: 80px;
}
.vacation-content {
grid-row-gap: 36px;
grid-template-columns: 1fr;
}
.vacation-body {
padding-left: 0;
padding-right: 0;
}
.team-images {
grid-template-columns: .5fr .5fr .5fr;
}
.about-us-intro {
grid-row-gap: 60px;
padding: 36px 36px 0;
}
.team-items {
padding-bottom: 80px;
}
.team-banner {
padding-top: 100px;
padding-bottom: 180px;
}
.all-journal-posts {
margin-left: 36px;
}
.team-conteact-info {
grid-row-gap: 0px;
grid-template-rows: auto 1px auto;
grid-template-columns: 1fr 1px 1fr;
}
.team-member-vacations {
margin-left: 36px;
}
.small-image {
min-height: 300px;
margin-top: 0;
margin-bottom: 0;
}
.medium-image {
min-height: 300px;
margin-top: 0;
}
.locations-slide-content {
margin-left: 65px;
}
.subtitle-dynamic-text.menu-flyout {
display: none;
}
.benefits-box {
grid-template-rows: auto 1px auto;
grid-template-columns: 1fr 1px 1fr;
}
.mission-wrapper {
padding-top: 80px;
padding-bottom: 80px;
}
.vacation-hero {
min-height: 600px;
}
.journal-cards {
grid-template-columns: 1fr 1fr;
}
.journal-card {
padding-bottom: 24px;
}
.journal-card-info {
padding-left: 24px;
padding-right: 24px;
}
.contact-form-wrapper {
grid-row-gap: 36px;
grid-template-columns: 1fr;
}
.form-block {
padding: 36px;
}
.team-intro-wrapper {
grid-row-gap: 36px;
grid-template-columns: 1fr;
}
.portrait-image {
min-height: 300px;
}
.collection-list-wrapper {
height: 100%;
}
.menu-button {
border-right: 1px none var(--indicator-outline);
background-color: #c8c8c800;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.menu-button.w--open {
background-color: #c8c8c800;
}
.mobile-destinations-wrapper {
z-index: 20;
position: relative;
}
.footer-wrapper {
grid-template-columns: 1fr;
}
.footer-pages {
margin-bottom: 24px;
}
.nav-menu-links {
z-index: 20;
grid-row-gap: 0px;
background-color: var(--grey-background);
grid-template-columns: 1fr;
position: relative;
}
.invoice-grid {
grid-row-gap: 48px;
grid-template-columns: 1fr;
}
.invoice-image {
border-radius: 0;
min-height: 500px;
padding-bottom: 48px;
padding-left: 65px;
}
.invoice-content-wrapper {
padding-top: 0;
}
.invoice-content {
margin-left: 65px;
padding-top: 0;
padding-left: 36px;
padding-right: 36px;
}
.order-confirmation {
padding: 100px 36px 36px;
}
.order-confirmation-content {
grid-row-gap: 24px;
grid-template-columns: 1fr;
}
.order-sticky {
position: relative;
top: 0;
}
.confirmation-grid {
grid-row-gap: 24px;
grid-template-columns: 1fr;
}
.lightbox-hover-coontent {
display: none;
}
.success-message-content {
padding: 12px;
}
.flyout-menu, .flyout-menu-wrapper {
display: none;
}
.flyout-social-media {
opacity: 0;
}
.testimonial-section {
padding-top: 160px;
padding-bottom: 280px;
}
.vacation-hero-intro {
padding-right: 18px;
}
.mobile-navigation-shade {
z-index: 5;
background-color: #0c192e8c;
margin-top: 66px;
display: none;
position: fixed;
inset: 0%;
}
.slider-arrow-2 {
width: 160px;
height: 160px;
}
.xxl-heading-2 {
font-size: 48px;
}
.slider {
padding-left: 0;
padding-right: 0;
}
.inner-hero-content {
padding-top: 36px;
}
.nav-menu-2 {
background-color: #fff;
}
.nav-menu-3 {
color: #fff;
background-color: #f9f9f9;
margin-top: 72px;
}
.logo-holder {
padding-top: 20px;
padding-bottom: 20px;
}
.menu-button-2 {
padding-left: 20px;
padding-right: 20px;
position: absolute;
inset: 0% 0% auto auto;
}
.menu-button-2.w--open {
background-color: #fff;
position: absolute;
inset: 0% 0% auto auto;
}
.icon {
color: #000;
}
.menu {
display: none;
}
.tab-title-mobile {
color: #bfc5c9;
margin-bottom: 10px;
}
.product-tabs {
display: none;
}
.slider-2 {
padding-top: 60px;
}
.breadcrumbs {
display: none;
}
.add-to-bag {
display: block;
}
.wishlist {
margin-left: 0;
display: block;
}
.column-product-info {
height: 100vh;
padding-top: 60px;
padding-left: 32px;
padding-right: 32px;
}
.extra-info-mobile {
display: block;
}
.image {
float: right;
}
.cards-container-3 {
padding-right: 32px;
}
.k-r-arrow {
margin-right: 5vw;
}
.k-slider-custom-menu {
z-index: 9;
padding-left: 2.5vw;
padding-right: 2.5vw;
}
.k-l-arrow {
margin-left: 5vw;
}
.heading-2-wrapper.heading-space-2 {
max-width: 50em;
}
.k-container-1 {
padding-left: 5vw;
padding-right: 5vw;
}
.k-product-slider {
padding-left: 4vw;
padding-right: 4vw;
position: static;
}
.k-slider-mask {
overflow: scroll;
}
.k-slider-img.last-img {
margin-right: 0;
}
.section-ajk-5 {
grid-column-gap: 0px;
grid-template-columns: 1fr 1fr 1fr;
}
.link-ajk-1 {
flex-basis: 31%;
}
.image-3 {
width: 180px;
}
.heading-25 {
color: #000;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 25px;
}
.button-4.default-button.card-cta {
text-align: center;
transition: color .2s, background-color .2s, box-shadow .2s;
display: block;
bottom: 20px;
left: 30px;
right: 30px;
}
.card-headline.dark-card-headline._6col-card {
width: 65%;
}
.dropdown-ajf-2 {
flex: none;
}
.section-ajf-6 {
margin-bottom: 20px;
}
.section-ajf-19 {
height: auto;
padding-top: 10px;
padding-bottom: 10px;
}
.dropdown-ajf-1 {
flex: none;
}
.section-ajf-1 {
margin-bottom: 40px;
}
.heading-31 {
color: #000;
text-transform: none;
font-family: Attriumvirate Condensed, sans-serif;
font-weight: 700;
}
.project-hero {
min-height: 93vh;
}
.hero-content {
padding-top: 160px;
padding-bottom: 180px;
}
.content-wrapper {
grid-template-columns: 1fr;
}
.stacked-content {
padding-left: 48px;
padding-right: 48px;
}
.heading-35.large {
font-size: 42px;
}
.full-screen-menu {
display: none;
}
.menu-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: stretch center;
align-items: end;
width: auto;
display: grid;
}
.menu-items {
text-align: center;
}
.navbar-wrapper {
grid-template-columns: auto 1fr;
height: 65px;
}
.menu-link {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: end;
align-items: end;
padding-bottom: 24px;
padding-left: 0;
padding-right: 0;
font-size: 48px;
display: grid;
}
.menu-link.w--current {
grid-auto-columns: 1fr;
}
.title {
color: #fff;
-webkit-text-fill-color: transparent;
background-color: #fff;
-webkit-background-clip: text;
background-clip: text;
margin-top: auto;
}
.brand-3 {
border-left-style: none;
padding-left: 36px;
padding-right: 36px;
}
.menu-center {
width: 70vw;
height: 55vw;
display: none;
}
.reel-link {
display: none;
}
.product-image {
margin-bottom: 1.6vw;
}
.footer-bottom {
flex-direction: column;
}
.footer-column {
padding-right: 20px;
}
.menu-lottie-2 {
margin: auto;
position: absolute;
inset: 2px 0 0;
}
.nav-menu-5 {
z-index: 15;
background-color: #0000;
max-width: none;
height: 100vh;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-bottom: 0;
padding-left: 65px;
display: flex;
position: absolute;
left: 0;
right: 0;
}
.nav-link-3 {
color: #516381;
border-bottom: 1px solid #c0c0d333;
padding-top: 24px;
padding-bottom: 24px;
}
.flyout-menu-2 {
display: none;
}
.right-nav-2 {
z-index: 20;
grid-template-columns: 1fr;
position: relative;
}
.menu-button-4 {
background-color: #c8c8c800;
border-right: 1px #c0c0d333;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.menu-button-4.w--open {
background-color: #c8c8c800;
}
.mobile-navigation-shade-2 {
z-index: 5;
background-color: #0c192e8c;
margin-top: 66px;
display: none;
position: fixed;
inset: 0%;
}
.top-nav-wrapper-2 {
grid-template-columns: minmax(60px, 1fr) minmax(auto, 1400px);
}
.navigation-content-2 {
height: 66px;
margin-left: 65px;
padding-left: 18px;
padding-right: 18px;
}
.left-nav-2 {
border-bottom-style: none;
width: 65px;
height: 65px;
}
.nav-menu-links-2 {
z-index: 20;
grid-row-gap: 0px;
background-color: #f7f8fc;
grid-template-columns: 1fr;
position: relative;
}
.text-block-131, .text-block-132 {
color: #ff4d00;
font-family: Helvetica, sans-serif;
font-weight: 800;
}
.section-5 {
padding-top: 100px;
padding-bottom: 100px;
}
.dark-slide-arrow {
bottom: 140px;
}
.product-slider-wrapper {
padding-left: 5vw;
padding-right: 5vw;
overflow: hidden;
}
.heading-37 {
font-size: 32px;
}
.heading-37.large {
font-size: 38px;
}
.showcase-products {
padding-left: 6px;
padding-right: 6px;
}
.showcase-products.single-column {
padding-left: 0;
padding-right: 0;
}
.product-mask {
width: 45%;
}
.stacked-content-2.medium {
grid-row-gap: 60px;
}
.tab-list {
max-width: none;
}
.product-sidebar {
max-width: 675px;
padding-top: 48px;
padding-left: 5vw;
padding-right: 5vw;
}
.tab-top:hover {
padding-left: 0;
padding-right: 0;
}
.hover-cover {
display: none;
}
.featured-product-list {
grid-row-gap: 36px;
}
.filter-tabs {
padding-top: 44px;
}
.tab-link {
font-size: 14px;
}
.filter-bar {
padding-top: 60px;
}
.faq-question-wrap, .faq-question-wrap-1 {
padding-left: 20px;
padding-right: 20px;
}
.container-6 {
display: none;
}
.faq-grid {
grid-template-columns: 1fr 4fr;
}
.glitch {
font-size: 12vw;
}
.background-video {
width: 40vw;
height: 64vh;
}
.nav {
margin-bottom: 0;
}
.nav-list {
grid-template-columns: auto auto auto auto;
}
.section_grid {
height: auto;
padding: 32px;
}
.grid__wrapper {
flex-direction: column;
}
.responsive__grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-flow: column;
}
.responsive__grid.reverse {
grid-template-columns: 1fr 1fr;
}
.block-hor-text__wrapper {
z-index: 1;
min-width: 70%;
max-width: none;
position: relative;
}
.section-10 {
display: none;
}
.dashboard-wrapper {
padding-top: 60px;
}
.explore-dropdown__flex-row {
justify-content: space-between;
align-items: center;
display: flex;
}
.explore-dropdown__heading {
font-size: 24px;
line-height: 32px;
}
.explore-col {
display: none;
}
.explore-dropdown {
border: 1px solid #ececec;
border-radius: 8px;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
padding: 20px;
transition: all .2s;
display: block;
}
.explore-dropdown:hover {
background-color: #ececec;
border-style: solid;
border-color: #ececec;
}
.dashboard__grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.explore__list-wrapper.tablet {
margin-top: 20px;
}
.mobile-intro-box-image {
width: 100%;
height: 375px;
margin-bottom: 48px;
display: flex;
}
.intro-box {
min-height: auto;
}
.sticky-box-list {
grid-row-gap: 80px;
max-width: 700px;
padding-bottom: 0;
}
.sticky-image-bar {
display: none;
}
.services-grid {
grid-template-columns: 1fr;
margin-bottom: 0;
}
.grid-wrapper-6 {
grid-row-gap: 48px;
}
.scroll-arrow {
min-width: 16px;
}
.section-12 {
padding-top: 120px;
padding-bottom: 120px;
}
.heading-56 {
letter-spacing: 1px;
font-size: 15px;
}
.section-16 {
margin-top: 48px;
}
.about-content-inner {
max-width: 50%;
}
.push-50 {
margin-top: 30px;
margin-left: 0%;
}
.grid-4 {
grid-template-rows: 1.4fr 1fr;
}
.header {
display: none;
}
.text-block-2-copy {
color: #f60;
font-family: Helvetica, sans-serif;
font-size: 2vw;
}
.new-media {
color: #f60;
font-size: 5vw;
}
.a {
color: #f60;
font-family: Attriumvirate Condensed, sans-serif;
}
.text-block-150 {
color: #fff;
font-family: Attriumvirate Condensed, sans-serif;
}
.image-wrapper {
bottom: 121px;
}
.text-block-151 {
color: #f60;
font-family: Helvetica, sans-serif;
font-size: 2vw;
}
.text-block-2-copy-2 {
color: #f60;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 2vw;
}
.text-span-24, .text-span-25 {
color: #f60;
font-family: Attriumvirate Condensed, sans-serif;
}
.section-19 {
display: none;
}
.dropdown-icon-3 {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
inset: auto 0% auto auto;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.filters5_filters-dropdown-list.w--open {
min-width: 90vw;
}
.filters5_dropdown {
width: 100%;
}
.filters5_sort-link {
width: auto;
padding: .75rem 0 .75rem 5%;
}
.filters5_filters-wrapper {
z-index: 9999;
}
.filters5_sort-dropdown-toggle {
align-items: center;
display: flex;
}
.filters5_filter-group-list {
grid-template-columns: 1fr;
}
.filters5_category-menu {
justify-content: flex-start;
}
.filters5_layout {
grid-template-columns: 1fr;
}
.grid-quarter {
grid-template-columns: .75fr .75fr;
}
.filters5_form {
flex-direction: column;
justify-content: space-between;
height: 100%;
display: flex;
}
.filters5_filters-button {
justify-content: center;
display: flex;
}
.filters5_sort-dropdown-list {
overflow: hidden;
}
.filters5_sort-dropdown-list.w--open {
min-width: 12rem;
overflow: hidden;
}
.filters5_feed-header-top {
grid-column-gap: 1.5rem;
grid-row-gap: 2rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.filters5_dropdown-icon {
margin-top: 0;
margin-bottom: 0;
inset: auto 0% auto auto;
}
.filters5_form-block {
z-index: 999;
max-width: 100%;
}
.ths05-search-wrapper, .div-footer-space {
display: none;
}
.heading-footer-cta {
font-size: 6vw;
}
.footer-social-container {
grid-template-columns: .5fr;
}
.heading-rg {
font-size: 4vw;
}
.list-parent-grid {
grid-template-columns: 1fr;
}
.process-container {
padding-right: 0;
}
.heading-md {
font-size: 4vw;
}
.heading-semi {
font-size: 6vw;
}
.mobile-open-nav {
position: relative;
}
.heading-xsm {
font-size: 2vw;
}
.heading-sm {
font-size: 3vw;
}
.projects-info-text {
grid-template-columns: 1fr 1fr 1fr 1.5fr 2fr;
}
.super-text-xl {
font-size: 12em;
}
.super-text-xl.text-white {
font-size: 20vw;
}
.info-circle {
margin-right: 4em;
}
.process-container-2 {
padding-right: 0;
}
.super-text {
font-size: 12vw;
}
.process-grid-parent-mobile {
display: none;
}
.hero-grid {
grid-template-columns: 1fr 2.25fr 1fr;
}
.mobile-nav-open-parent {
display: none;
}
.home-info-grid {
grid-template-columns: 4.75fr 1fr;
}
.home-hero-2 {
height: 100vh;
}
.process-info-text {
grid-template-columns: 1fr 1fr .25fr 1.25fr 2.5fr;
}
.navigation-2 {
position: fixed;
}
.home-hero-3 {
height: 100vh;
}
.hero-grid-2 {
grid-template-columns: 1fr 2.25fr 1fr;
}
.scroll-link {
white-space: nowrap;
min-width: 48vw;
padding-left: 48px;
padding-right: 48px;
}
.content-grid {
grid-row-gap: 0px;
grid-template-columns: 1fr 1fr 1fr;
}
.looping-heading {
font-size: 48px;
}
.hero-section {
display: none;
}
.product7_heading-wrapper {
grid-column-gap: 3rem;
}
.heading-large {
font-size: 2.25rem;
}
.filters5_sort-dropdown-toggle-2 {
align-items: center;
display: flex;
}
.button-row_shop {
flex: none;
}
.button-row_shop.padding-vertical.align-center.margin-top-small {
justify-content: center;
margin-top: 50px;
}
.filters5_feed-header-top-2 {
grid-column-gap: 1.5rem;
grid-row-gap: 2rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.filters5_filters-wrapper-2 {
z-index: 9999;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.product7_heading {
margin-right: 3rem;
}
.search-2 {
flex-direction: row;
height: auto;
padding: 4px;
}
.search-input {
color: #07090c;
min-height: 40px;
padding-left: 24px;
}
.lottie-animation-5 {
filter: invert();
}
.cart-container-3 {
width: 90%;
}
.menu-button-5 {
justify-content: center;
align-items: center;
padding: 0;
display: flex;
}
.menu-button-5.w--open {
background-color: #0000;
}
.search-icon-2 {
background-color: #f4f8fa;
padding-right: 9px;
}
.nav-content {
grid-template-columns: 1fr 1fr;
}
.dropdown-search-list {
display: flex;
}
.search-base {
flex: 1;
width: auto;
}
.right-nav-3 {
grid-column-gap: 30px;
align-items: center;
}
.nav-link-5 {
color: #000;
border-bottom: 1px solid #e4e9ec;
padding-top: 24px;
padding-bottom: 24px;
}
.menu-icon {
width: 28px;
}
.cart-list-3 {
padding-top: 24px;
padding-bottom: 24px;
}
.search-button {
background-color: #e4e9ec;
background-image: none;
background-position: 50%;
background-repeat: no-repeat;
background-size: 14px;
min-width: 40px;
min-height: 40px;
margin-left: 0;
display: block;
}
.menu-wrapper-2 {
grid-row-gap: 0px;
color: #000;
background-color: #fff;
border-top: 1px solid #e4e9ec;
grid-auto-flow: row;
width: 100%;
padding-top: 0;
padding-bottom: 0;
}
.nav-link-text {
color: #000;
}
.menu-base {
grid-row-gap: 0px;
background-color: #fff;
grid-template-columns: 1fr;
}
.search-wrapper {
padding-left: 12px;
padding-right: 12px;
}
.search-toggle {
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px;
margin-left: -40px;
display: none;
}
.dropdown-search {
background-color: #f4f8fa;
width: 100%;
max-width: 500px;
margin: 12px auto;
padding-top: 0;
padding-bottom: 0;
}
.section-24 {
padding-top: 80px;
padding-bottom: 80px;
}
.section-24.no-top-padding.fx, .section-24.no-verticle-padding {
display: none;
}
.project-description {
padding: 36px 24px;
}
.project-features {
padding-top: 0;
display: none;
}
.sticky-services-menu {
position: relative;
top: 0;
}
.project-description-wrapper {
grid-row-gap: 48px;
grid-template-columns: 1fr;
}
.page-info-ribbon {
grid-template-columns: 1fr;
}
.page-info {
overflow: auto;
}
.chat-wrapper {
z-index: 99;
}
.text-block-172 {
display: none;
}
.hero-section-2 {
padding-bottom: 120px;
}
.hero-layout {
height: auto;
}
.cell-content {
flex-wrap: wrap;
min-height: 250px;
}
.section-27 {
display: none;
}
.pop-up {
grid-template-columns: 1fr;
}
.og-pop-up {
width: 100%;
height: 100vh;
}
.pop-up-button {
position: relative;
}
.field_wrap {
align-items: flex-start;
}
.field_wrap.select {
align-items: stretch;
}
.main-form_component {
flex-direction: column;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
margin-top: 189px;
display: flex;
}
.header--content {
justify-content: space-between;
}
.cms_version {
z-index: 99;
}
.hide-tablet-mobile {
display: none;
}
.form-9 {
width: 100%;
}
.page-padding-2 {
z-index: 20;
position: relative;
}
.image-15 {
width: 100%;
position: absolute;
inset: 0% 0% auto;
}
.container-14 {
flex-direction: column;
align-items: center;
}
.navbar-logo-left {
padding-right: 0;
}
.navbar-menu {
max-width: unset;
}
.navbar-link, .navbar-button {
justify-content: center;
}
.grid-5.is-product {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: .55fr 1fr;
}
.grid-5.is-hero {
grid-template-columns: .55fr 1fr;
}
.grid-5.is-awards {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
}
.grid-5.is-wood {
grid-template-columns: .55fr 1fr;
}
.container-16 {
max-width: 728px;
}
.navbar-wrapper-three {
justify-content: space-between;
}
.navbar-brand-three {
position: relative;
}
.nav-menu-wrapper-three {
background-color: #0000;
top: 70px;
}
.nav-menu-three {
background-color: #fff;
border-radius: 50px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-top: 10px;
padding: 20px;
display: flex;
box-shadow: 0 8px 50px #0000000d;
}
.nav-link-6 {
padding-left: 5px;
padding-right: 5px;
}
.nav-dropdown-list.shadow-three.w--open {
position: absolute;
}
.menu-button-9 {
padding: 12px;
}
.menu-button-9.w--open {
color: #fff;
background-color: #a6b1bf;
}
.credit-component-image-wrapper {
display: none;
}
.section-35.is-hero {
padding-top: 12rem;
padding-bottom: 6em;
}
.image-wood {
max-width: 80vw;
}
.social-author {
max-width: none;
}
.first-image-slide.is-wood-intro {
padding-top: 14rem;
padding-bottom: 4rem;
}
.first-image-slide.is-wood-image {
min-height: 40vh;
}
.image-hero {
object-fit: cover;
}
.explore-info-text {
min-height: 11rem;
}
.column-3.is-explore-info {
max-width: 20rem;
bottom: 2.5rem;
}
.column-3.product-teaser-right {
padding-left: 2rem;
}
.column-3.footer-right {
flex-direction: column;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.primary-nav {
padding-right: 0;
}
.navbar-menu-3 {
max-width: unset;
}
.navbar-link-3, .navbar-link-4, .navbar-link-5 {
justify-content: center;
}
.f2wf-columns, .f2wf-columns-2 {
flex-direction: column;
align-items: center;
}
.hero-rotate-base {
width: 30%;
}
.xxl-heading-3 {
font-size: 42px;
}
.video-box {
margin-top: 60px;
margin-bottom: 120px;
padding: 60px;
}
.stacked-heading {
grid-row-gap: 28px;
}
.content-heading-wrapper {
margin-bottom: 25px;
}
.transition-block {
display: block;
}
.section-p {
text-align: center;
}
.image-27 {
margin-bottom: 25px;
}
.content-top {
flex-direction: column;
align-items: center;
}
.dev-letter {
font-size: 5em;
}
.content-bottom {
flex-direction: column;
align-items: center;
}
.image-28, .image-29 {
margin-bottom: 25px;
}
.design-letter, .interaction-letter {
font-size: 5em;
}
.image-30 {
margin-bottom: 25px;
}
.block {
top: 28%;
}
.col-right {
align-self: stretch;
margin-top: 24px;
}
.padding-section-large {
padding-top: 6rem;
padding-bottom: 6rem;
}
._2x1-grid-layout {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
justify-items: start;
}
.featuresv8_content {
max-width: 45rem;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.transition-block-2 {
display: block;
}
.content-heading-wrapper-2 {
margin-bottom: 25px;
}
.dev-letter-2 {
font-size: 5em;
}
.transition-block-3 {
display: block;
}
.content-heading-wrapper-3 {
margin-bottom: 25px;
}
.section-p-2 {
text-align: center;
}
.design-letter-2 {
font-size: 5em;
}
.dashboard_recent {
width: 100%;
}
.heading-small {
font-size: 3rem;
}
.info-card {
padding: 3rem;
}
.info-cards-wrapper {
flex-direction: column;
}
.body-medium {
font-size: 1.15rem;
}
.nav-open {
width: 30px;
}
.nav-button-3 {
width: 70px;
height: 70px;
}
.nav-open-2 {
width: 30px;
}
.nav_menu_link {
border: 1px #000;
border-radius: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.nav-layout {
justify-content: space-between;
align-items: center;
display: flex;
}
.nav_menu {
background-color: #f4f4f4;
border: 1px #000;
border-radius: 20px;
margin-left: 20px;
margin-right: 20px;
padding-left: 20px;
}
.nav_button {
color: #fff;
background-color: #0000;
border-radius: 20px;
}
.nav_button.w--open {
background-color: #0000;
}
.float-nav {
z-index: 9999;
background-color: #0000;
padding-top: 12px;
padding-bottom: 12px;
position: fixed;
right: auto;
}
.icon-12 {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
color: #101010;
background-color: #0000;
border-radius: 0;
}
.acess {
width: 100%;
}
.layout-content.horizontal {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.project-list-img-parent {
height: 50vw;
}
.product-image-3 {
margin-bottom: 1.6vw;
}
.product_info {
font-size: 1.4vw;
}
.big-image {
padding: 2vw;
}
.container-36 {
max-width: 728px;
}
.nav-menu-wrapper {
background-color: #0000;
}
.nav-menu-two {
background-color: #fff;
border-radius: 50px;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
margin-top: 10px;
padding: 20px;
display: flex;
box-shadow: 0 8px 50px #0000000d;
}
.nav-link-7 {
padding-left: 5px;
padding-right: 5px;
}
.nav-dropdown-list-2.shadow-three.w--open {
position: absolute;
}
.menu-button-11 {
padding: 12px;
}
.menu-button-11.w--open {
color: #fff;
background-color: #a6b1bf;
}
.grid-two-column {
grid-template-columns: 1fr;
}
.nav-container-lines {
padding-top: 24px;
padding-bottom: 24px;
}
.nav-container {
grid-template-columns: 1fr 1fr;
}
.faq-grid-2 {
grid-template-columns: 1fr;
}
.button-primary-small {
display: flex;
}
.nav-button-group {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.grid-three-column {
grid-template-columns: 1fr 1fr;
}
.nav-menu-8 {
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
background-color: #0000007a;
border-bottom: 1px solid #1b1b1d;
margin-left: 5.25%;
margin-right: 5.25%;
padding: 12px 24px;
top: 72px;
}
.cta-side {
max-width: none;
}
.menu-button-12 {
color: #fff;
background-color: #070707;
background-image: linear-gradient(#ffffff05, #ffffff05);
border: 1px solid #252527;
border-bottom-color: #1b1b1d;
border-radius: 12px;
padding: 12px;
box-shadow: inset 0 -4px 12px #ffffff0a;
}
.menu-button-12.w--open {
background-color: #070707;
background-image: linear-gradient(#ffffff0a, #ffffff0a);
border: 1px solid #252527;
border-radius: 12px;
padding: 12px;
}
.footer-side {
max-width: none;
}
.cta-block {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
align-items: flex-start;
}
.navigation-link {
text-align: center;
margin-top: 12px;
margin-bottom: 12px;
}
.cta-content {
max-width: none;
padding-right: 44px;
}
.navigation-line {
inset: auto 0% -40px;
}
.footer-main {
grid-column-gap: 72px;
grid-row-gap: 72px;
}
.video-lightbox-wrapper {
background-position: 0 0, 0 0;
background-size: cover, 984px;
}
.footer-grid {
grid-row-gap: 40px;
grid-template-columns: 1fr;
}
.footer-links {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.button-primary-3 {
display: flex;
}
.button-secondary-2 {
max-width: 150px;
display: flex;
}
.table-row {
grid-template-columns: 1fr 3fr;
}
.project {
width: 80%;
}
.heading-h1 {
margin-left: 5vw;
}
.img-2 {
object-fit: cover;
}
.project-container {
margin-top: 20vh;
margin-bottom: 20vh;
}
.sticky-container.mobil {
top: 65vh;
}
.section-48.hero-container {
padding-top: 65vh;
}
.caption-text {
font-size: .8rem;
}
.margin-left-large {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.margin-left-large.flex-center-center-horizontal {
margin-left: 5em;
}
.h1---style {
font-size: 9.2em;
}
.social-link-parent {
flex-direction: column;
display: flex;
}
.section-49.hero-container {
padding-top: 65vh;
}
.grid-2-col-right {
grid-template-columns: 1fr 4fr;
display: flex;
}
.button-txt {
font-size: 1rem;
}
.social-link-icon {
width: 2em;
height: 2em;
margin-bottom: 10px;
}
.footer-credit {
font-size: 1rem;
}
.whipe {
display: block;
}
.nav-link-8 {
font-size: 1rem;
}
.paragraph-large {
font-size: 1.5rem;
}
.designer {
font-size: .7rem;
}
.spacer-4em {
height: 4em;
}
.designer-small {
font-size: .7rem;
}
.paragraph-large-2 {
font-size: 1.5rem;
}
.intro-parent {
display: flex;
}
.nav-2 {
margin-top: 0;
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
}
.cursor-parent {
display: none;
}
.paragraph-large-3 {
font-size: 1.5rem;
}
.accordion-section {
padding-left: 6%;
padding-right: 6%;
}
.accordion-pane {
width: 100%;
}
.accordion-header {
font-size: 3.5rem;
}
.accordion-item, .accordion-item-2 {
margin-bottom: 20px;
}
.accordion-header-2 {
font-size: 3.5rem;
}
.accordion-section-2 {
padding-left: 6%;
padding-right: 6%;
}
.video-bg {
min-width: auto;
}
.title-name-intro {
font-size: 19vw;
}
.col-left {
width: 100%;
position: relative;
}
.background-content {
display: none;
}
.section-50.split-col {
flex-flow: column;
height: auto;
}
.col-content-parent {
padding-top: 2rem;
}
.col-right-2 {
width: 100%;
height: 100vh;
position: relative;
}
.menu-wrapper-3, .menu-wrapper-4 {
display: none;
}
.header-button {
font-size: 1em;
}
.header-button:hover {
padding-left: 1.6em;
padding-right: 1.6em;
}
.header-button:active {
transform: scale(.94);
}
.page-padding-3 {
padding-left: 6vw;
padding-right: 6vw;
}
.header-inner {
padding-top: 2em;
}
.clone-in-webflow {
margin-right: -.5em;
}
.snap-container, .container-wrapper {
padding: 1.5rem;
}
.images {
bottom: 0%;
}
.padding-global-2 {
padding-left: 3rem;
padding-right: 3rem;
}
.heading-style-h3-2.is-hero {
max-width: 49vw;
font-size: 2.5em;
}
.articles_colum {
min-width: 50vw;
}
.work_card {
width: 50vw;
}
.section-72 {
display: block;
}
.nav_menu_link-2 {
font-size: 2rem;
}
.padding-global-3, .padding-global-4 {
padding-left: 3rem;
padding-right: 3rem;
}
.container-space-between {
padding-left: 2rem;
padding-right: 2rem;
}
.hero-subhead {
font-size: 1.4vw;
}
.nav_logo-line {
display: none;
}
.nav-4 {
height: 48px;
min-height: auto;
max-height: none;
}
.nav_brand-2 {
padding-left: 16px;
}
.product-image-4 {
margin-bottom: 1.6vw;
}
.nav_right {
color: #fdfbf4;
background-color: #1b2c13;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100vw;
height: 100vh;
font-style: normal;
inset: 0%;
overflow: auto;
}
.nav_center {
display: none;
}
.nav-icon {
margin-top: -11px;
}
.nav_contain {
justify-content: space-between;
display: flex;
}
.div-block-188 {
margin-bottom: 25px;
}
.nav_link.is-cart {
color: #fdfbf4;
justify-content: flex-start;
margin-bottom: 23px;
padding-left: 16px;
font-size: 16px;
display: block;
}
.nav_link.is-right {
color: #fdfbf4;
justify-content: flex-start;
margin-bottom: 8px;
padding-left: 16px;
font-size: 16px;
display: block;
}
.nav_link.is-mob {
color: #fdfbf4;
border-bottom: 1px solid #fdfbf4;
justify-content: flex-start;
padding: 15px 20px;
font-size: 28px;
display: block;
}
.hero-para {
font-size: 2.4vw;
}
.hero_image {
height: 540px;
}
.grid-item-2 {
padding: 2vw;
}
.nav_menu-2 {
justify-content: center;
align-items: center;
padding: 12px 16px;
display: flex;
}
.nav_menu-2.w--open {
background-color: #0000;
border-left: 1px solid #fdfbf4;
}
.footer-text.is--dark {
width: 80%;
}
.grid-item-3 {
padding: 2vw;
}
.menu-button-13 {
padding-left: 20px;
padding-right: 20px;
position: absolute;
inset: 0% 0% auto auto;
}
.menu-button-13.w--open {
background-color: #fff;
position: absolute;
inset: 0% 0% auto auto;
}
.icon-16 {
color: #000;
}
.nav-menu-9 {
color: #fff;
background-color: #f9f9f9;
margin-top: 72px;
}
.menu-5 {
display: none;
}
.nav-menu-10 {
background-color: #fff;
}
.wishlist-2 {
margin-left: 0;
display: block;
}
.column-product-info-2 {
height: 100vh;
padding-top: 60px;
padding-left: 32px;
padding-right: 32px;
}
.product-tabs-2, .breadcrumbs-2 {
display: none;
}
.slider-4 {
padding-top: 60px;
}
.image-42 {
float: right;
}
.tab-title-mobile-2 {
color: #bfc5c9;
margin-bottom: 10px;
}
.extra-info-mobile-2, .add-to-bag-2 {
display: block;
}
.capture_field {
border-radius: 55px;
}
.footer_grid {
grid-row-gap: 2rem;
}
.footer_grid.is-4x-gutter {
grid-column-gap: 2.5rem;
}
.email_capture {
min-width: 20rem;
}
.padding-global-24 {
padding-left: 2rem;
padding-right: 2rem;
}
.padding-section-medium-10 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.container-large-15 {
max-width: 50rem;
}
.footer_title-small {
margin-bottom: 1rem;
}
.container-large-16 {
max-width: 50rem;
}
.div-block-619._1 {
height: 235px;
}
.section-85 {
padding-top: 100px;
padding-bottom: 100px;
}
.dark-slide-arrow-2 {
bottom: 140px;
}
.heading-208 {
font-size: 32px;
}
.heading-208.large {
font-size: 38px;
}
.basic-slide-wrapper {
min-height: 65vw;
padding: 48px;
}
.section-86 {
padding-top: 100px;
padding-bottom: 100px;
}
.slide-nav-6 {
bottom: 36px;
}
.slide-nav-6.tablet-mobile-slide-nav {
display: flex;
}
.basic-slider {
padding-bottom: 36px;
}
.dark-slide-arrow-3 {
bottom: 140px;
}
.heading-209 {
font-size: 32px;
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 38px;
}
h2 {
font-size: 26px;
}
.body, .body.fxhome {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60f4cda55532a1754bb1b722_tuur.png"), linear-gradient(#000, #000), linear-gradient(#ffffffa8, #ffffffa8), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60c80b93b0b74f0caa442ee5_Wallpaper-Kemra-Marble-1-1100x1318.jpg");
background-position: 50%, 0 0, 0 0, 0 0;
background-repeat: no-repeat, repeat, repeat, repeat;
background-size: auto, auto, auto, cover;
}
.navbar {
display: none;
}
.left-nav {
z-index: 30;
}
.right-nav {
grid-column-gap: 0px;
}
.scroll-indicator {
display: none;
}
.section {
padding-top: 60px;
padding-bottom: 60px;
display: none;
}
.section.no-padding {
display: none;
}
.section.no-top-padding {
padding-bottom: 48px;
}
.nav-link {
border-bottom: 1px solid var(--indicator-outline);
border-top-style: none;
}
.grid-wrapper {
grid-template-columns: minmax(36px, 1fr) minmax(auto, 1400px) minmax(36px, 1fr);
}
.grid-wrapper.maybe-none {
display: none;
}
.slider-wrapper {
margin-left: 0;
padding-top: 36px;
}
.location-card-slider {
margin-left: 0;
}
.location-mask {
width: 90%;
}
.nav-menu {
margin-left: 0;
padding-left: 0;
}
.grey-cover {
margin-left: 0;
}
.about-us-section {
display: none;
}
.about-wrapper {
padding-top: 60px;
padding-left: 0;
}
.about-images {
margin-left: 0;
}
.about-image-item {
min-width: 200px;
min-height: 200px;
}
.horizontal-line.left {
margin-left: 0;
}
.xxl-heading {
font-size: 48px;
}
.benefits-wrapper {
grid-row-gap: 60px;
padding-top: 60px;
padding-bottom: 60px;
padding-left: 0;
}
.membership-plans-wrapper {
padding-bottom: 60px;
}
.vacations-tab-menu {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr;
height: auto;
margin-bottom: 24px;
}
.vacations-tab-link {
border: 1px solid var(--indicator-outline);
border-radius: 5px;
flex-direction: column;
height: auto;
min-height: 60px;
padding-top: 24px;
padding-bottom: 24px;
position: relative;
}
.membership-circle {
width: 36px;
height: 36px;
position: relative;
bottom: 12px;
}
.membership-dot.four {
width: 9px;
height: 9px;
}
.location-indicator {
display: none;
}
.steps-grid {
padding-left: 0;
}
.steps-card-wrapper {
grid-row-gap: 36px;
}
.team-wrapper {
padding-left: 0;
}
.team-box {
grid-template-columns: 1fr;
}
.team-image {
min-height: 450px;
}
.testimonial-wrapper {
margin-left: 0;
margin-right: 36px;
}
.benefit-card {
grid-row-gap: 48px;
grid-template-rows: 1fr auto;
min-height: auto;
}
.featured-journal-wrapper {
grid-row-gap: 100px;
margin-left: 0;
padding: 24px 24px 0;
}
.featured-journal-wrapper.full-width {
margin-left: 0;
}
.vacations-section {
display: none;
}
.vacation-items {
padding-left: 36px;
padding-right: 36px;
}
.vacation-item {
grid-row-gap: 24px;
grid-template-columns: 1fr;
padding-bottom: 24px;
padding-right: 18px;
}
.vacation-image {
height: 250px;
}
.vacation-item-info {
grid-row-gap: 36px;
padding: 0 12px;
}
.navigation-content {
padding-left: 6px;
}
.checkout-form {
grid-row-gap: 24px;
padding: 24px;
}
.checkout-details {
padding: 24px;
}
.payment-tabs-intro {
grid-template-columns: 1fr;
}
.vacation-results {
padding-left: 0;
padding-right: 0;
}
.home-hero {
height: auto;
min-height: auto;
max-height: none;
display: none;
}
.home-hero-content {
grid-template-columns: 1fr;
padding-left: 0;
}
.hero-video-button {
margin-bottom: 48px;
}
.home-hero-intro {
grid-row-gap: 24px;
text-align: center;
margin-bottom: 48px;
}
.video-hover-button {
width: 100px;
height: 100px;
}
.section-intro {
padding: 80px 0 140px;
}
.inner-page-hero {
min-height: 550px;
padding-top: 65px;
display: none;
}
.journal-post {
margin-left: 0;
padding: 24px 24px 0;
}
.hero-video-wrapper {
grid-row-gap: 12px;
width: 95vw;
}
.large-journal-post {
padding-left: 24px;
padding-right: 24px;
}
.journal-right-wrapper {
grid-row-gap: 24px;
}
.popular-vacations-wrapper {
grid-template-columns: 1fr;
}
.product-slider-arrow {
width: 48px;
height: 48px;
}
.product-slider-arrow.left {
bottom: 108px;
}
.product-images-row {
padding-top: 48px;
}
.vacation-images {
grid-row-gap: 12px;
margin-left: 0;
}
.large-vacation-image {
min-height: 300px;
max-height: 450px;
}
.small-vacation-image {
min-height: 175px;
}
.slider-background-wrapper {
flex-direction: row;
padding: 20px;
}
.slider-background-wrapper.hero-wrapper {
padding-left: 18px;
padding-right: 18px;
}
.hero-slide-arrow {
left: 36px;
}
.bottom-grid-wrapper {
grid-template-columns: minmax(36px, 1fr) minmax(auto, 1400px) minmax(80px, 1fr);
}
.featured-location {
margin-left: 70px;
}
.featured-location-icon {
display: none;
}
.heading-title-grid {
grid-row-gap: 6px;
grid-template-columns: auto;
}
.product-hero-content {
padding-left: 0;
padding-right: 48px;
}
.journal-intro {
padding-left: 0;
}
.nav-button-toggle {
padding-right: 12px;
}
.dropdown-wrapper {
min-width: 300px;
}
.destinations-list {
grid-row-gap: 9px;
grid-template-columns: 1fr;
}
.vacation-info {
padding-top: 48px;
}
.vacation-features {
margin-top: 36px;
margin-bottom: 48px;
margin-left: 0;
}
.map-section {
padding-bottom: 60px;
}
.map-wrapper, .vacation-content {
margin-left: 0;
}
.about-us-intro {
margin-left: 0;
padding: 24px 24px 0;
}
.team-items {
margin-left: 0;
padding-bottom: 60px;
}
.team-banner {
padding-bottom: 160px;
}
.all-journal-posts, .team-member-vacations {
margin-left: 0;
}
.dual-buttons {
grid-template-columns: 1fr;
}
.large-image, .small-image, .medium-image {
min-height: 200px;
}
.locations-slide-content {
margin-left: 0;
}
.mission-wrapper {
margin-left: 0;
padding-top: 60px;
padding-bottom: 60px;
}
.journal-cards {
grid-template-columns: 1fr;
}
.form-block {
padding: 24px;
}
.contact-field-wrapper {
grid-template-columns: 1fr;
}
.menu-button {
padding-left: 0;
padding-right: 0;
}
.contact-options {
padding: 24px;
}
.footer-wrapper {
padding-left: 0;
}
.footer-pages {
grid-template-columns: 1fr;
}
.footer-destination-text {
border-bottom: 1px solid var(--indicator-outline);
background-color: #0000;
justify-content: center;
align-items: center;
padding-bottom: 18px;
display: flex;
}
.dynamic-heading-text {
grid-row-gap: 0px;
grid-template-columns: auto;
}
.invoice-image {
min-height: 400px;
padding-left: 0;
}
.invoice-content {
margin-left: 0;
}
.row {
flex-direction: column;
}
.order-summary {
margin-bottom: 0;
}
.order-confirmation {
padding-bottom: 24px;
padding-left: 24px;
padding-right: 24px;
}
.order-left {
padding: 24px;
}
.invoice-vacation {
text-align: center;
padding-left: 0;
}
.testimonial-section {
padding-top: 140px;
display: none;
}
.footer {
display: none;
}
.vacation-hero-intro {
padding-right: 12px;
}
.marquee-horizontal {
display: none;
}
.slider-arrow-2 {
width: 140px;
height: 140px;
padding-left: 80px;
left: -80px;
}
.slider-arrow-2.right {
padding-right: 80px;
right: -80px;
}
.xxl-heading-2 {
font-size: 42px;
}
.hero-intro-2 {
padding-left: 40px;
padding-right: 40px;
}
.inner-hero-content {
padding-left: 0;
padding-right: 0;
}
.logo {
float: left;
padding-left: 22px;
}
.product-content {
width: 100%;
}
.product-tabs {
display: block;
}
.column-product-photo {
height: 80vh;
}
.slider-2 {
height: 80vh;
padding-top: 0;
}
.breadcrumbs {
display: block;
}
.add-to-bag, .wishlist {
display: inline-block;
}
.column-product-info {
height: 80vh;
min-height: 640px;
padding-top: 28px;
}
.extra-info-mobile {
display: none;
}
.button-group {
margin-bottom: 48px;
}
.horizontal-scroll-wrapper-3 {
margin-right: 32px;
}
.cards-container-3 {
flex-direction: row;
position: relative;
overflow: hidden;
}
.k-r-arrow {
width: 36px;
height: 36px;
margin-right: 2.5vw;
}
.k-slider-wrapper-with-arrows {
padding-left: 5vw;
padding-right: 5vw;
}
.k-slider-custom-arrows.arrow-right, .k-slider-custom-arrows.arrow-left {
width: 36px;
height: 36px;
}
.k-slider-custom-menu {
z-index: 9;
}
.k-l-arrow {
width: 36px;
height: 36px;
margin-left: 2.5vw;
}
.heading-2-wrapper {
max-width: 55em;
}
.heading-2-wrapper.heading-space-2 {
max-width: 48em;
margin-bottom: 10px;
}
.k-col-slider-mask {
width: 55%;
}
.section-ajk-2 {
margin-bottom: 10px;
}
.section-ajk-5 {
grid-template-columns: 1fr 1fr;
}
.link-ajk-1 {
flex-basis: 48%;
padding-left: 10px;
padding-right: 10px;
}
.button-4.default-button.card-cta {
bottom: 20px;
left: 30px;
right: auto;
}
.card-headline.dark-card-headline._6col-card {
width: auto;
}
.section-ajg-2 {
padding: 20px;
}
.section-ajf-8 {
margin-bottom: -10px;
margin-left: -1%;
margin-right: -1%;
}
.section-ajf-9 {
flex-basis: 98%;
margin-bottom: 0;
margin-left: 1%;
margin-right: 1%;
padding-top: 0;
padding-right: 0;
}
.section-ajf-9.alt_sectionyn_1 {
border-right-style: none;
margin-bottom: 20px;
}
.text-drop-ajf-1 {
font-size: 13px;
}
.section-ajf-22 {
flex: none;
display: flex;
}
.text-ajf-10 {
font-size: 13px;
}
.link-ajg-1 {
height: 42px;
padding-left: 20px;
padding-right: 20px;
}
.section-ajf-24 {
flex: none;
display: flex;
}
.icon-drop-ajf-2 {
margin-left: 10px;
}
.section-ajf-20 {
margin-right: 10px;
}
.text-drop-ajf-12, .text-drop-ajf-2 {
font-size: 13px;
}
.section-ajf-2 {
margin-bottom: 30px;
}
.section-ajf-26 {
margin-left: -1%;
margin-right: -1%;
}
.section-ajf-21 {
margin-right: 10px;
}
.text-ajg-3 {
max-width: none;
}
.icon-drop-ajf-1 {
margin-left: 10px;
}
.section-ajf-5 {
flex: none;
margin-right: 15px;
}
.section-ajf-1 {
margin-bottom: 30px;
}
.empty-state-ajf-1 {
padding-left: 1%;
padding-right: 1%;
}
.section-ajf-12 {
margin-bottom: 5px;
}
.text-ajf-5 {
font-size: 14px;
}
.product-info {
display: none;
}
.mask {
padding-left: 0;
}
.menuwrapper {
display: none;
}
.hero-products {
margin-left: 20px;
margin-right: 0;
padding-bottom: 2vw;
display: none;
overflow: auto;
}
.hero_products-item {
border-radius: 1rem;
min-width: 300px;
margin-bottom: 8px;
margin-right: 16px;
overflow: hidden;
}
.hero_products-image {
height: 400px;
}
.hero_products-name {
font-size: 4vw;
}
.hero_products-blur {
display: none;
}
.hero_products-view {
font-size: 10vw;
display: none;
}
.project-hero {
display: none;
}
.hero-content {
padding-top: 140px;
padding-bottom: 180px;
}
.stacked-content {
padding-left: 36px;
padding-right: 36px;
}
.heading-35.large {
font-size: 36px;
}
.navbar-wrapper {
grid-column-gap: 18px;
}
.menu-link {
font-size: 36px;
}
.page-title {
padding-right: 18px;
}
.menu-button-3 {
width: 84px;
}
.brand-3 {
padding-left: 24px;
padding-right: 24px;
font-size: 18px;
}
.menu-center {
width: 100vw;
height: 60vw;
}
.product-grid_2 {
grid-column-gap: 0vw;
grid-template-columns: 1fr 1fr;
}
.product-image {
margin-bottom: 16px;
}
.footer-bottom {
flex-wrap: wrap;
margin-top: 40px;
}
.footer-grid-01 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.footer-01 {
display: none;
}
.footer-column {
padding-right: 0;
}
.nav-menu-5 {
margin-left: 0;
padding-left: 0;
}
.nav-link-3 {
border-top-style: none;
border-bottom: 1px solid #c0c0d333;
}
.dropdown-wrapper-2 {
min-width: 300px;
}
.nav-button-toggle-2 {
padding-right: 12px;
}
.right-nav-2 {
grid-column-gap: 0px;
}
.menu-button-4 {
padding-left: 0;
padding-right: 0;
}
.navigation-content-2 {
padding-left: 6px;
}
.left-nav-2 {
z-index: 30;
}
.section-5 {
padding-top: 80px;
padding-bottom: 80px;
}
.heading-37.large {
font-size: 36px;
}
.heading-37.small {
font-size: 22px;
}
.showcase-products.single-column {
padding-left: 0;
padding-right: 0;
}
.wrapper-intro {
grid-template-columns: 1fr;
justify-content: start;
justify-items: start;
}
.product-mask {
width: 75%;
}
.stacked-content-2.medium {
grid-row-gap: 48px;
}
.product-sidebar {
padding-top: 36px;
}
.industry-filter-list, .vision-filter-list {
grid-template-columns: 1fr 1fr;
}
.filter-tabs {
padding-top: 65px;
}
.tab-link {
padding-left: 30px;
padding-right: 30px;
font-size: 12px;
}
.filter-left {
grid-template-columns: 1fr;
width: 100%;
}
.filter-bar {
padding-top: 48px;
}
.container-6 {
display: none;
}
.faq-grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.content-h1 {
font-size: 55px;
}
.hero-products-2 {
margin-left: 20px;
margin-right: 0;
padding-bottom: 2vw;
display: none;
overflow: auto;
}
.nav-copy {
padding-top: 2px;
}
.glitch {
font-size: 12vw;
}
.nav-link-4 {
border-top: 1px solid #000;
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.nav-link-4.cc-social {
border-top-style: none;
}
.nav-brand {
margin-left: 2em;
}
.nav-menu-lottie {
width: 40px;
height: 40px;
display: flex;
}
.nav-menu-button {
justify-content: center;
align-items: center;
margin-right: 1.7em;
padding: 4px 0 0 0;
display: flex;
transform: translate(.5em, -2px);
}
.nav-menu-button.w--open {
background-color: #fff;
}
.wrapper {
flex-direction: column;
min-height: 100vh;
display: none;
}
.background-video {
background-image: none;
flex: 1;
width: 100%;
height: 100%;
position: relative;
}
.container-7 {
grid-template-rows: auto auto auto auto;
padding: 0 2em 3em;
}
.nav-list_item {
margin-bottom: 0;
}
.nav-menu-6 {
background-color: #fff;
border-bottom: 1px solid #000;
padding-left: 2em;
padding-right: 2em;
}
.nav {
background-color: #fff;
padding: 2em 0;
}
.nav-list {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: 1fr;
margin-bottom: 0;
display: grid;
}
.social_list {
flex-direction: row;
justify-content: space-between;
margin-top: 0;
margin-bottom: 0;
padding-top: 1.2em;
padding-bottom: 1.2em;
}
.section-9 {
min-height: auto;
}
.section_grid {
padding: 16px;
display: none;
}
.grid-2 {
display: none;
}
.block-hor-img.yellow {
justify-content: space-between;
}
.body-2 {
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60f4cda55532a1754bb1b722_tuur.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
}
.section-10 {
display: none;
}
.dashboard__grid {
grid-template-columns: 1fr 1fr;
}
.mobile-intro-box-image {
height: 325px;
}
.stacked-intro-3 {
grid-row-gap: 36px;
}
.grid-wrapper-6 {
display: none;
}
.section-12 {
padding-top: 100px;
padding-bottom: 100px;
}
.section-14, .section-15, .section-16 {
display: none;
}
.about-content-inner {
max-width: 100%;
}
.nav-parent {
margin-left: 40px;
}
.container-wrap {
display: none;
}
.copyright {
font-size: 3vw;
}
.footer-2 {
display: none;
}
.new-media, .a {
font-size: 3vw;
}
.section-17 {
background-color: #0000;
display: flex;
}
.text-block-150 {
display: none;
}
.image-wrapper {
display: none;
bottom: 102px;
}
.text-block-151, .text-block-2-copy-2 {
font-size: 2vw;
}
.section-18, .text_color_grey.blanks-fgx, .font_weight_bold, .section-19 {
display: none;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.filters5_menu-link.last-link {
margin-right: 2rem;
}
.text-size-medium {
font-size: 1rem;
}
.product7_image-wrapper {
height: 100%;
}
.heading-xsmall-2 {
font-size: 1.125rem;
}
.filters5_category-menu {
overflow: scroll;
}
.filters5_category-menu.no-scrollbar {
display: none;
}
.text-size-large {
font-size: 1.125rem;
}
.ths05-search-wrapper, .heading-60 {
display: none;
}
.body-4 {
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60f4cda55532a1754bb1b722_tuur.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
}
.footer-social-parent {
padding-left: 0;
display: flex;
}
.heading-footer-cta {
font-size: 8vw;
}
.footer-cta-r {
grid-template-columns: .25fr 1.25fr;
}
.footer-social-container {
grid-template-columns: 1fr;
}
.footer-social-grid {
grid-row-gap: 4em;
grid-template-columns: 1fr;
}
.heading-rg {
font-size: 6vw;
}
.process-grid-parent.hide {
display: none;
}
.mobile-nav-parent.hide {
cursor: pointer;
display: block;
}
.heading-md {
font-size: 6vw;
}
.process-grid-child {
grid-template-columns: 1fr;
}
.heading-semi {
font-size: 8vw;
}
.mobile-open-nav {
width: 100%;
height: 100%;
}
.heading-xsm {
font-size: 3vw;
}
.heading-sm {
font-size: 4vw;
}
.projects-info-text {
grid-template-columns: 1fr .25fr 1fr 1.5fr 4.25fr;
}
.hero-text-parent {
font-size: 16px;
}
.mobile-nav-btm {
position: relative;
}
.mobile-nav-social-parent {
grid-column-gap: 8em;
justify-content: flex-start;
display: flex;
}
.mobile-nav-top {
grid-row-gap: 3em;
flex-direction: column;
align-items: flex-start;
margin-bottom: 5em;
display: flex;
}
.super-text-xl {
font-size: 14vw;
}
.info-circle {
margin-right: 2em;
}
.process-container-2 {
margin-left: 0;
}
.super-text {
font-size: 14vw;
}
.hero-grid-middle {
grid-template-columns: 1fr 3.75fr;
}
.process-grid-parent-mobile {
display: block;
}
.hero-marquee {
display: none;
}
.hero-grid {
grid-template-columns: 1fr 7.25fr 1fr;
}
.mobile-nav-holder {
width: 100%;
position: absolute;
inset: 0% 0% auto auto;
}
.mobile-nav-open-parent {
z-index: 20;
background-color: #0d0d0d;
align-items: flex-end;
width: 100%;
height: 100vh;
padding-bottom: 8em;
position: fixed;
inset: 0% auto auto 0%;
}
.home-info-grid {
grid-template-columns: 1.75fr;
}
.mobile-social-text {
padding-top: 2em;
padding-bottom: 2em;
}
.home-hero-2 {
height: 95vh;
}
.process-info-text {
grid-template-columns: 1fr .25fr 1.25fr 3.5fr;
}
.navigation-2 {
width: 100%;
height: auto;
display: none;
}
.home-hero-3 {
height: 95vh;
display: none;
}
.hero-grid-2 {
grid-template-columns: 1fr 7.25fr 1fr;
}
.scroll-home {
display: none;
}
.looping-hero-top {
padding-top: 36px;
}
.scroll-link {
border-style: none solid;
border-color: #000 #ffffff1a;
min-height: 65px;
}
.looping-heading {
font-size: 42px;
}
.hero-section {
display: none;
}
.product7_heading-wrapper {
grid-row-gap: 2rem;
flex-direction: column;
grid-template-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
}
.heading-large {
font-size: 2rem;
}
.button-row_shop {
justify-content: flex-start;
width: 100%;
}
.button-row_shop.padding-vertical.align-center.margin-top-small {
justify-content: center;
margin-top: 50px;
}
.filters5_menu-link-2.last-link {
margin-right: 2rem;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.product7_heading {
margin-right: 0;
}
.close-cart {
padding-right: 24px;
}
.cart-item-top {
margin-bottom: 24px;
}
.cart-footer-2 {
padding-top: 24px;
padding-left: 36px;
padding-right: 36px;
}
.cart-top {
padding-left: 36px;
padding-right: 36px;
}
.cart-list-3 {
grid-row-gap: 24px;
margin-left: 36px;
}
.error-message {
margin-left: 36px;
margin-right: 36px;
}
.section-24 {
padding-top: 60px;
padding-bottom: 60px;
}
.section-24.no-top-padding.fx, .section-24.no-verticle-padding {
display: none;
}
.project-description {
grid-row-gap: 36px;
grid-template-columns: 1fr;
}
.field-wrapper {
grid-template-columns: 1fr;
}
.project-features {
display: none;
}
.list-item-arrow {
width: 14px;
min-width: 14px;
}
.menu-list-item {
grid-template-columns: auto 1fr;
}
.banner-items {
height: 80px;
}
.page-info {
height: auto;
}
.chat-wrapper {
z-index: 99;
display: flex;
}
.text-block-172, .section-27, .section-30 {
display: none;
}
.form-block-6 {
width: 90%;
}
.og-pop-up {
padding: 20px;
display: none;
}
.pop-up-wrapper, .pop-up-wrapper.preorder {
display: none;
}
.pop-up-form {
flex-direction: column;
}
.cms_button {
margin-left: auto;
margin-right: auto;
}
.padding-vertical-2 {
padding-top: 5.8em;
padding-bottom: 0;
}
.checkbox-form_component {
width: 100%;
}
.cms_version {
left: 0;
right: 0;
}
.top-text_wrapper {
margin-bottom: 2em;
}
.hide-mobile-ins {
display: none;
}
.text-style-allcaps.slide-up.tricks {
overflow: visible;
}
.form-9 {
width: 100%;
}
.page-padding-2 {
padding-left: 1.25em;
padding-right: 1.25em;
}
.collaborators_select {
grid-column-gap: .875rem;
grid-row-gap: 1rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: auto;
grid-auto-flow: row;
display: grid;
}
.grid-5.is-casestudy {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1.2fr;
}
.grid-5.is-product {
grid-template-columns: 1fr;
}
.grid-5.is-awards {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
}
.grid-5.is-credit {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-columns: 24px .25fr 1fr 24px;
}
.grid-5.is-wood {
grid-template-columns: 1fr;
}
.grid-5.is-intro {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-columns: 1fr;
}
.navbar-brand-three {
padding-left: 0;
}
.nav-menu-three {
border-radius: 20px;
flex-direction: column;
padding-bottom: 30px;
}
.nav-menu-block {
flex-direction: column;
}
.nav-link-6 {
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.nav-dropdown {
flex-direction: column;
align-items: center;
display: flex;
}
.nav-dropdown-toggle {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list.shadow-three {
box-shadow: 0 8px 50px #0000000d;
}
.nav-dropdown-list.shadow-three.w--open {
position: relative;
}
.nav-dropdown-list.shadow-three.mobile-shadow-hide {
box-shadow: none;
}
.nav-link-accent {
margin-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.mobile-margin-top-10 {
margin-top: 10px;
}
.text-size-large-2 {
font-size: 1.25rem;
}
.section-35.case-study {
padding-top: 8rem;
padding-bottom: 4rem;
}
.section-35.is-hero {
padding-top: 8rem;
padding-bottom: 4em;
}
.link-6.is-product-teaser {
width: 100%;
}
.spacer-huge {
padding-top: 4rem;
}
.social-author {
max-width: none;
}
.wood-component-title {
align-items: center;
margin-bottom: .5rem;
}
.first-image-slide.is-product-teaser {
flex-direction: column;
}
.first-image-slide.is-wood-intro {
padding-top: 8rem;
}
.first-image-slide.is-awards {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.first-image-slide.is-wood-image {
min-height: 30vh;
}
.social-wrapper {
align-items: flex-start;
}
.social-wrapper.left-aligned {
align-items: center;
}
.wood-component-item {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.spacer-footer {
padding-top: 8rem;
}
.padding-global {
padding-left: 1rem;
padding-right: 1rem;
}
.padding-global.nospace-right {
padding-right: 1rem;
}
.column-3.is-explore-info {
left: 1rem;
}
.column-3.wood-right {
padding-left: 0;
}
.column-3.product-teaser-right {
order: 1;
width: 100%;
}
.column-3.footer-right {
flex-direction: column;
justify-content: flex-start;
}
.image-wrapper-3.wood {
max-width: 12rem;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.hero-rotate-base {
width: 40%;
}
.xxl-heading-3 {
font-size: 36px;
}
.video-box {
margin-bottom: 200px;
padding: 70px 36px 34px;
}
.stacked-heading {
grid-row-gap: 24px;
}
.transition-block {
display: block;
}
.dev-letter, .design-letter, .interaction-letter {
font-size: 4em;
}
.block {
margin-bottom: 40px;
}
.padding-section-large {
padding-top: 4rem;
padding-bottom: 4rem;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.transition-block-2 {
display: block;
}
.dev-letter-2 {
font-size: 4em;
}
.transition-block-3 {
display: block;
}
.design-letter-2 {
font-size: 4em;
}
.dashboard_recent {
width: 100%;
}
.heading-small {
font-size: 2.8rem;
}
.service-card-open-close {
width: 3rem;
height: 3rem;
}
.info-card {
grid-row-gap: 2.5rem;
min-height: 32rem;
padding: 1.6rem;
}
.body-small {
font-size: 1rem;
}
.body-medium {
font-size: 1.15rem;
}
.mini-nav-menu-wrap, .mini-nav-menu-wrap.frosted-glass, .mini-nav-menu-wrap.frosted-glass {
width: 100vw;
}
.nav-button-3, .mini-nav-button-outline {
width: 70px;
height: 70px;
}
.acess {
width: 100%;
}
.heading-medium {
font-size: 1.5rem;
}
.project-list-img-parent {
height: 80vw;
}
.product-image-3 {
margin-bottom: 16px;
}
.product_info-wrap {
grid-template-columns: 2.75fr 1fr;
}
.product_info {
font-size: 14px;
}
.big-image {
padding: 20px;
}
.product-grid {
grid-template-columns: 1fr 1fr;
}
.navbar-logo-left-container {
max-width: 100%;
}
.navbar-brand-4 {
padding-left: 0;
}
.nav-menu-two {
border-radius: 20px;
flex-direction: column;
padding-bottom: 30px;
}
.nav-link-7 {
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.nav-dropdown-2 {
flex-direction: column;
align-items: center;
display: flex;
}
.nav-dropdown-toggle-2 {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list-2.shadow-three {
box-shadow: 0 8px 50px #0000000d;
}
.nav-dropdown-list-2.shadow-three.w--open {
position: relative;
}
.nav-dropdown-list-2.shadow-three.mobile-shadow-hide {
box-shadow: none;
}
.nav-divider {
width: 200px;
max-width: 100%;
height: 1px;
margin-top: 10px;
margin-bottom: 10px;
}
.nav-link-accent-2 {
margin-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.mobile-margin-top-11 {
margin-top: 10px;
}
.feature-caption {
flex-direction: column;
align-items: stretch;
}
.carousel-container-lines {
padding-bottom: 72px;
}
.footer-container-lines {
padding: 72px 24px;
}
.logo-group {
grid-column-gap: 64px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
}
.container-lines-legal, .video-container-lines, .nav-container-lines {
padding-left: 24px;
padding-right: 24px;
}
.cta-button-wrap {
flex-direction: column;
align-items: stretch;
width: 100%;
}
.video-lightbox-link {
padding: 24px;
}
.grid-three-column {
grid-template-columns: 1fr;
}
.footer-legal-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
}
.cta-side {
padding-top: 32px;
padding-bottom: 32px;
padding-left: 32px;
}
.container-lines-regular {
padding-left: 24px;
padding-right: 24px;
}
.footer-line {
top: -72px;
}
.integration-circle-inner {
width: 180px;
height: 180px;
}
.feature-container-lines {
padding-top: 72px;
padding-left: 24px;
padding-right: 24px;
}
.cta-content {
padding-bottom: 32px;
padding-left: 32px;
padding-right: 32px;
}
.footer-main {
padding-top: 16px;
}
.container-lines-large, .container-lines-large.overflow {
padding: 72px 24px;
}
.video-lightbox-wrapper {
height: 380px;
}
.footer-links {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.button-secondary-2 {
max-width: 100%;
}
.content-container-lines {
padding: 72px 24px;
}
.arrow-up-icon {
width: 20px;
height: 20px;
}
.body-large {
font-size: 14px;
line-height: 24px;
}
.table-row {
padding-top: 15px;
padding-bottom: 15px;
}
.project {
height: 90vh;
}
.project-container {
margin-top: 15vh;
margin-bottom: 15vh;
}
.section-48.hero-container {
padding-top: 74vh;
}
.video-parent {
width: 30%;
}
.caption-text {
font-size: .6rem;
}
.container-small-2 {
width: 85%;
}
.margin-left-large {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.section-49.hero-container {
padding-top: 74vh;
}
.grid-2-col-right {
grid-template-columns: 1fr 4fr;
}
.scroll-section-small {
padding-top: 80px;
}
.nav-link-8 {
font-size: .8rem;
}
.scroll-section {
padding-top: 80px;
}
.intro-parent {
display: flex;
}
.nav-logo-3 {
width: 6rem;
}
.accordion-header {
line-height: 1.2;
}
.accordion-tab-button {
width: 90vw;
padding-top: 20px;
padding-bottom: 20px;
}
.accordion-header-2 {
line-height: 1.2;
}
.menu-drop-down {
padding-top: 2.2rem;
}
.primary-btn.menu {
background-color: #000;
}
.tag-sm.nav {
background-color: #000;
width: 100%;
}
.menu-parent-3 {
background-color: #000;
left: -1px;
}
.menu-parent-3:hover {
background-color: #000;
}
.nav-flex.hide-mobile {
display: none;
}
.title-name-intro {
font-size: 24vw;
}
.col-content-parent {
padding-right: 2rem;
}
.menu-parent-4 {
background-color: #000;
left: -1px;
}
.menu-parent-4:hover {
background-color: #000;
}
.menu__logo {
margin-right: 0;
}
.menu-2 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.menu__item {
padding: 8px;
}
.button-relative {
padding: 16px 34px;
font-size: 16px;
line-height: 18px;
}
.form-newsletter {
width: 100%;
padding-left: 0;
}
.page-intro-text-wrapper {
margin-top: -4vh;
}
.intro-title {
font-size: 2.8em;
}
.heading-style-h1 {
font-size: 3rem;
}
.page-intro-title {
font-size: 13vw;
}
.page-intro-title.is-webdesign {
margin-left: 0;
}
.page-intro-title.is-animation {
flex: 1;
margin-left: 0;
}
.page-intro-title.is-skills {
margin-left: 0;
}
.intro-copy-text {
padding-left: 0;
padding-right: 0;
}
.page-intro-title-small {
font-size: 2.6vw;
}
.page-intro-title-small.is-made-in-webflow {
margin-right: 0;
}
.page-intro-title-small.is-best-in-class {
margin-left: 0;
}
.header-left {
flex-wrap: wrap;
justify-content: center;
}
.header-inner {
grid-column-gap: 1.3em;
grid-row-gap: 1.3em;
flex-flow: column;
justify-content: center;
padding-top: 4.5em;
}
.nav-row__right {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
}
.nav-logo-row {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
width: auto;
}
.osmo-ui__bg, .cloneable-title__gradient {
display: block;
}
.cloneable-title__h1 {
font-size: .875em;
}
.clone-in-webflow__p {
display: none;
}
.clone-in-webflow {
justify-content: flex-end;
width: 100%;
margin-right: 0;
padding-left: .75em;
}
.cloneable-title__nr {
font-size: .875em;
}
.cloneable-title {
pointer-events: none;
width: calc(100% - 5.25em);
padding-left: 1em;
position: absolute;
overflow: hidden;
}
.animation3 {
font-size: 70px;
}
.sub-title {
font-size: 17px;
}
.container-wrapper {
padding: 0;
}
.snap-text {
font-size: 5rem;
}
.section-52 {
border-bottom-style: none;
}
.socials-row {
grid-column-gap: 1em;
grid-row-gap: 1em;
}
.bg-panel {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.menu-3 {
width: 100%;
padding-top: calc(6 * var(--menu-padding));
}
.p-large.text-link {
font-size: 1em;
}
.menu-list-item-2 {
height: 4.5em;
}
.menu-link-heading {
font-size: 4em;
}
.glass_wrapper {
min-width: 0;
padding-left: 4rem;
padding-right: 4rem;
}
.sp-track-wrapper {
padding: 20px;
}
.spiral {
width: 10rem;
height: 10rem;
}
.spiral---img {
border-radius: .5rem;
}
.spiral---item {
width: 10rem;
height: 10rem;
transform: translate3d(0, 0, 10rem);
}
.spiral---item.x-07 {
transform: translate3d(0, 70rem, 10rem);
}
.spiral---item.x-04 {
transform: translate3d(0, 40rem, 10rem);
}
.spiral---item.x-01 {
transform: translate3d(0, 10rem, 10rem);
}
.spiral---item.x-06 {
transform: translate3d(0, 60rem, 10rem);
}
.spiral---item.x-02 {
transform: translate3d(0, 20rem, 10rem);
}
.spiral---item.x-03 {
transform: translate3d(0, 30rem, 10rem);
}
.spiral---item.x-05 {
transform: translate3d(0, 50rem, 10rem);
}
.container-163, .container-168 {
width: 0;
}
.hero_heading {
font-size: 13em;
}
.intro_content-parent {
width: 100%;
min-width: auto;
}
.intro_content {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
width: 100%;
max-width: none;
}
.articles_list {
grid-template-columns: 1fr;
}
.work_card-image-wrap {
padding-bottom: 114%;
}
.padding-global-2 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.horizontal-scroll_section-height {
height: auto;
}
.hero_content {
background-image: linear-gradient(#25252500, #1a1a1a30 31%, #0009);
flex-direction: row;
justify-content: flex-start;
width: 100%;
height: auto;
display: flex;
}
.padding-section-medium {
width: 100%;
height: auto;
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
.article_card-image-wrap {
padding-bottom: 56%;
}
.intro_image-wrap {
width: 12.5rem;
}
.section_line-seprator {
background-color: #25252526;
width: 100%;
height: 1px;
inset: auto 0% 0%;
}
.section_jornal {
height: 100vh;
}
.jornal_content {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.cta_quorte-title {
max-width: none;
font-size: 1.75rem;
}
.section_image-divider {
width: 100%;
height: 100vh;
}
.section_intro {
justify-content: flex-start;
align-items: stretch;
width: 100%;
min-height: 100vh;
display: flex;
}
.text-link_wrap {
font-size: .875rem;
}
.text-link_wrap.is-proportion {
font-size: 1rem;
}
.cta_quorte {
padding-left: 0;
padding-right: 0;
font-size: 1rem;
}
.hero_heading-wrapper {
margin-bottom: 0;
}
.heading-style-h1-2 {
font-size: 5rem;
}
.intro_top {
margin-bottom: 4rem;
}
.jornal_subtext {
font-size: 1.75rem;
}
.heading-style-h3-2 {
font-size: 2rem;
}
.heading-style-h3-2.is-hero {
max-width: 100%;
font-size: 3.7em;
}
.cta_content {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.horizontal-scroll_stickey-element {
height: auto;
}
.hero_content-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
}
.work_list {
grid-column-gap: 3.125rem;
grid-row-gap: 3.125rem;
flex-direction: column;
}
.jornal_content-wrap {
font-size: 1rem;
}
.section_articles {
color: #fff;
background-color: #f06446;
}
.image-divider_image {
width: 100%;
}
.work_card {
width: auto;
}
.cta_quorte-subtext {
font-size: 1rem;
}
.horizontal-scroll_track {
width: 100%;
}
.jornal_title-wrap {
border-bottom: 1px solid #fff3;
margin-bottom: 0;
padding-bottom: 2.5rem;
}
.section_hero {
width: 100%;
min-height: 100vh;
font-size: 1vw;
display: flex;
}
.section_cta {
flex-direction: row;
min-height: 100vh;
display: flex;
}
.horizontal-scroll_track-list {
flex-direction: column;
width: 100%;
margin-right: 0;
}
.test-size-title-small {
font-size: .875rem;
}
.section-72 {
display: none;
}
.padding-global-3 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.nav_compoenent {
display: none;
}
.heading-style-h1-3 {
font-size: 5rem;
}
.padding-global-4 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.heading-style-h1-4 {
font-size: 5rem;
}
.heading-style-h2 {
font-size: 2rem;
}
.container-space-between {
padding-left: 1rem;
padding-right: 1rem;
}
.heading-style-h4 {
font-size: 1rem;
}
.heading-style-h3-3 {
font-size: 1.5rem;
}
.hero-subhead {
font-size: 14px;
}
.product-image-4 {
margin-bottom: 16px;
}
.footer-para {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.submit-button-8 {
border-bottom-width: 0;
}
.form-field-2 {
margin-bottom: 16px;
}
.footer-image {
height: 400px;
}
.footer-logo-3 {
width: 26px;
}
.product_info-wrap-2 {
grid-template-columns: 2.75fr 1fr;
}
.footer_form-block {
margin-top: 16px;
}
.hero-para {
width: 90%;
font-size: 18px;
}
.footer-link-4 {
padding: 20px;
}
.footer-link-4.is-museum {
padding: 0;
}
.hero_image {
height: 360px;
}
.grid-item-2 {
padding: 20px;
}
.grid-item-2.is-hero-bottom {
padding-top: 20px;
}
.grid-item-2.is-connect {
padding-top: 32px;
padding-bottom: 32px;
}
.grid-item-2.is-footer-logo {
justify-content: center;
align-items: center;
padding: 32px 20px;
}
.grid-item-2.is-footer-form {
padding-top: 32px;
padding-bottom: 32px;
}
.footer_connect-link {
margin-bottom: 8px;
}
.footer-grid-2 {
text-align: center;
grid-template-columns: 1fr;
justify-items: center;
}
.footer_form {
flex-direction: column;
}
.product-grid-2 {
grid-template-columns: 1fr 1fr;
}
.footer-text {
bottom: 16px;
left: 16px;
}
.footer-text.is--dark {
width: auto;
margin-left: auto;
margin-right: auto;
position: static;
}
.grid-item-3 {
padding: 20px;
}
.grid-item-3.is-connect {
padding-top: 32px;
padding-bottom: 32px;
}
.grid-item-3.is-footer-logo {
justify-content: center;
align-items: center;
padding: 32px 20px;
}
.grid-item-3.is-footer-form {
padding-top: 32px;
padding-bottom: 32px;
}
.menu-expand-content {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.logo-7 {
float: left;
padding-left: 22px;
}
.wishlist-2 {
display: inline-block;
}
.column-product-info-2 {
height: 80vh;
min-height: 640px;
padding-top: 28px;
}
.product-tabs-2, .breadcrumbs-2 {
display: block;
}
.button-group-4 {
margin-bottom: 48px;
}
.slider-4 {
height: 80vh;
}
.product-content-2 {
width: 100%;
}
.column-product-photo-2 {
height: 80vh;
}
.extra-info-mobile-2 {
display: none;
}
.add-to-bag-2 {
display: inline-block;
}
.spacer-small-6 {
padding-top: 1.25rem;
}
.spacer-xxlarge-4 {
padding-top: 3rem;
}
.footer_grid {
grid-row-gap: 1.5rem;
grid-template-columns: 1fr 1fr 1fr;
}
.email_capture {
width: 100%;
max-width: 25rem;
margin-bottom: .5rem;
}
.padding-global-24 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.footer_link-small {
font-size: 12px;
}
.icon-small-2 {
width: 1.25rem;
height: 1.25rem;
}
.footer_title-small {
margin-bottom: .75rem;
}
.text-size-xsmall {
font-size: .625rem;
line-height: 1rem;
}
.logo-medium-3 {
height: 1.5rem;
}
.spacer-xlarge {
padding-top: 2.25rem;
}
.spacer-medium-3 {
padding-top: 1.5rem;
}
.div-block-641 {
background-color: #000;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
}
.div-block-642 {
filter: invert();
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69af63aa3e0491f6790524c7_4503813.png");
background-position: 50%;
background-size: cover;
width: 150px;
height: 150px;
}
.container-180 {
width: 0;
}
.section-85 {
padding-top: 80px;
padding-bottom: 80px;
}
.heading-208.large {
font-size: 36px;
}
.basic-slide-wrapper {
padding: 36px;
}
.section-86 {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media screen and (max-width: 479px) {
h1 {
font-size: 36px;
}
h2 {
font-size: 24px;
}
.body {
background-color: #000;
background-image: none;
border: 0 #fff;
min-width: auto;
height: auto;
}
.body.fxhome {
background-color: #000;
background-image: linear-gradient(#fff, #fff);
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.body.files {
background-color: #000;
}
.hero-background-image {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/64e5696b3e949526476f88c0_265162.png");
background-repeat: no-repeat;
background-size: cover;
border-radius: 5px;
}
.hero-background-image.about-intro-background {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60e34db8b641d8c01ec89559_reese-cooper-fall-winter-2018-lone-pine-lookbook-8.jpg");
background-position: 50%;
}
.hero-background-image.about-hero-background {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60e34edfcaa9c04722c7c530_cb1002508989f406a7a9ba89302c974e.jpg");
}
.hero-background-image.support-hero-background {
filter: saturate(67%);
background-image: linear-gradient(#fff, #fff), linear-gradient(#0000007a, #0000007a), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/61904276e6b9612938b0b32a_https___hypebeast.com_image_2019_06_represent-fall-winter-2019-campaign-lookbook-1.jpg");
background-position: 0 0, 0 0, 50%;
background-repeat: repeat, repeat, no-repeat;
background-size: auto, auto, cover;
}
.hero-background-image.support-hero-background._1-support {
filter: none;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/63aa3f9daba7a85a6b79a86e_c4e221b14d01b7e11da708659008ecbb22918b71_810.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.hero-background-image.benefit-intro-background {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/61904276e6b9612938b0b32a_https___hypebeast.com_image_2019_06_represent-fall-winter-2019-campaign-lookbook-1.jpg"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a885c310cd7f80c7ed8e31_Clints-Sting-TRL-Footprints-Manchester-Worker-Bee-Lead.jpeg");
background-position: 50% 100%, 50%;
background-repeat: repeat, no-repeat;
background-size: cover, cover;
border-bottom: 1px #000;
margin-bottom: 26px;
padding-bottom: 0;
}
.hero-background-image.benefit-intro-background.og {
border-radius: 0;
}
.overlay {
color: #000;
background-color: #00000080;
border-radius: 0;
height: 100%;
min-height: 100%;
max-height: 100%;
display: block;
position: absolute;
box-shadow: inset 4px 4px 9px #0000006e;
}
.overlay:hover {
background-color: #0000008f;
}
.overlay.dark {
z-index: 0;
box-shadow: none;
-webkit-backdrop-filter: contrast(122%) saturate(43%);
backdrop-filter: contrast(122%) saturate(43%);
background-color: #141417c4;
}
.overlay.dark:hover {
background-color: #19191fa6;
}
.overlay.dark.fx {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60d8f3fcd33b390443faae2a_tear.png"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60b7d8802a8ce927e4887d28_unnamed%20(1).png");
background-position: 50% 0, 50% 98%;
background-repeat: no-repeat, no-repeat;
background-size: auto, contain;
}
.overlay.light {
box-shadow: none;
color: #ff2b00;
font-family: Attriumvirate Condensed, sans-serif;
}
.overlay.light:hover {
background-color: #01020547;
}
.overlay.extra-light {
box-shadow: none;
}
.overlay._2 {
background-color: #ffffffdb;
border-radius: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: 126px;
max-height: 126px;
padding-top: 0;
padding-bottom: 0;
display: block;
box-shadow: inset 0 7px 38px -3px #7a7a7a;
}
.overlay.headerr {
box-shadow: none;
background-color: #00000059;
background-image: linear-gradient(#0000, #94949400 69%, #000000bd);
justify-content: center;
align-items: center;
display: flex;
}
.overlay.new {
background-color: #e7e7e724;
}
.overlay.fx-2 {
background-color: #ffffffd9;
}
.overlay.fx-darklight {
background-color: #ffffffe3;
}
.subtitle {
color: #000;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 10px;
font-weight: 800;
}
.subtitle:hover {
color: #000;
}
.subtitle.small {
font-family: Attriumvirate Condensed, sans-serif;
font-size: 10px;
}
.subtitle.small.blk-none {
color: #000;
}
.subtitle.white {
color: #fff;
font-size: 9px;
}
.subtitle.white.fx-you-may {
color: #000;
font-size: 11px;
}
.subtitle.large {
color: #fff;
-webkit-text-stroke-color: #fff;
font-size: 17px;
}
.subtitle.large._2, .subtitle.large.fx-about {
color: #fff;
}
.subtitle.large.fx-nonne, .subtitle.fx {
display: none;
}
.subtitle.fx-dd._2 {
color: #000;
}
.subtitle.cards {
color: #fff;
}
.subtitle.cards.small {
margin-bottom: 0;
}
.subtitle.test {
color: #fff;
}
.subtitle.test.new-reg {
font-size: 10px;
}
.subtitle.test.new-reg.top {
letter-spacing: 2px;
margin-bottom: 0;
font-size: 11px;
}
.subtitle.fx2 {
text-align: center;
}
.subtitle.neew {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: -52px;
font-family: Helvetica, sans-serif;
font-size: 15px;
}
.subtitle.x-none-no {
margin-bottom: -10px;
}
.subtitle.x-none-no._1-home {
margin-bottom: -10px;
font-size: 12px;
}
.subtitle.x-none-no._1-home.na {
font-family: Helvetica, sans-serif;
font-size: 10px;
font-weight: 700;
line-height: 2em;
}
.subtitle.mone {
display: none;
}
.subtitle.none-no-more {
margin-bottom: -4px;
display: none;
}
.navbar {
display: flex;
box-shadow: 1px 1px 20px #00000045;
}
.navbar.product-view {
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
display: flex;
}
.top-nav-wrapper {
border-bottom: 1px solid #ffffff12;
grid-template-columns: minmax(60px, 1fr) minmax(auto, 1400px);
}
.left-nav {
border-right-style: solid;
border-right-color: #00000021;
font-size: 11px;
display: flex;
}
.right-nav {
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: 1fr;
display: none;
}
.brand {
justify-content: flex-start;
padding-right: 0;
position: relative;
left: 3px;
}
.brand.w--current {
justify-content: flex-end;
align-items: center;
padding-right: 0;
}
.scroll-indicator {
display: none;
}
.section {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
padding-top: 44px;
display: flex;
}
.section.no-padding {
background-color: #000;
background-image: linear-gradient(#ffffffc4, #ffffffc4), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60c80b93b0b74f0caa442ee5_Wallpaper-Kemra-Marble-1-1100x1318.jpg");
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, auto;
margin-top: 88px;
margin-bottom: -55px;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.section.no-padding.tittle {
margin-top: -1px;
margin-bottom: -54px;
position: relative;
}
.section.no-padding.tittle.fx-none {
margin-bottom: -15px;
display: none;
}
.section.no-padding.nnonnoug, .section.no-padding.nnonnoug.nonxx {
display: none;
}
.section.no-padding.extraas {
margin-top: 15px;
}
.section.no-top-padding.noonw-fx.contact {
margin-top: 53px;
padding-bottom: 0;
}
.section.no-top-padding.noonw-fx.contact.terms {
display: none;
}
.section.fx-catta-page {
background-color: #fff0;
margin-bottom: 28px;
padding-top: 25px;
}
.section.fx-33 {
display: none;
}
.section._1-home {
margin-bottom: 40px;
padding-top: 20px;
display: none;
}
.section.campaigns {
margin-bottom: 25px;
padding-top: 25px;
}
.nav-link {
padding-top: 20px;
padding-bottom: 20px;
}
.nav-link.w--current, .nav-link.hide-old {
display: flex;
}
.grid-wrapper {
grid-template-columns: minmax(24px, 1fr) minmax(auto, 1400px) minmax(24px, 1fr);
padding-top: 0;
}
.grid-wrapper.catta-page {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 1fr;
grid-template-columns: minmax(24px, 1fr) minmax(auto, 1400px) minmax(24px, 1fr);
grid-auto-columns: 1fr;
margin-bottom: 99px;
display: grid;
}
.grid-wrapper._12-fxx._2-none {
display: none;
}
.grid-wrapper.neew-wrap {
background-image: linear-gradient(#ffffff78, #ffffff78), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60c80b93b0b74f0caa442ee5_Wallpaper-Kemra-Marble-1-1100x1318.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
border-radius: 0;
}
.grid-wrapper.home-grid-1 {
margin-top: 6px;
margin-bottom: 8px;
}
.grid-wrapper.home-grid-1.campaign {
margin-top: -11px;
}
.grid-wrapper.maybe-none {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 1fr;
grid-template-columns: minmax(24px, 1fr) minmax(auto, 1400px) minmax(24px, 1fr);
grid-auto-columns: 1fr;
max-height: 42em;
margin-top: 42px;
padding-top: 0;
padding-left: 12px;
padding-right: 12px;
display: block;
}
.grid-wrapper.maybe-none.campaigns {
background-color: #fff;
margin-bottom: 15px;
padding-top: 0;
display: flex;
}
.body-display {
font-family: Helvetica, sans-serif;
}
.body-display.large {
color: #555;
letter-spacing: 1px;
text-transform: uppercase;
padding-right: 0;
font-family: Helvetica, sans-serif;
font-size: 9px;
font-style: italic;
line-height: 1.6em;
}
.body-display.large.white {
color: #fff;
font-family: Helvetica, sans-serif;
}
.body-display.small {
color: #636363;
text-align: center;
text-transform: none;
font-size: 12px;
display: none;
}
.body-display.small.fx {
display: none;
}
.body-display.small.dn {
color: #656565;
text-transform: none;
font-size: 10px;
display: none;
}
.subtitle-wrapper {
padding-top: 0;
}
.slider-wrapper {
background-color: #fff;
}
.slider-wrapper.home-1 {
padding-top: 15px;
}
.location-mask {
width: 85%;
}
.location-card-wrapper {
border-radius: 8px;
min-height: 325px;
}
.slider-arrow {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
margin-left: -65px;
display: none;
box-shadow: 0 7px 20px -12px #00000061;
}
.slider-arrow.right {
margin-left: 31px;
margin-right: -50px;
}
.nav-menu {
filter: invert();
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
background-color: #84848447;
height: 120vh;
margin-right: 0;
}
.nav-button {
border-style: none;
border-color: #00000069;
border-radius: 0;
width: 100%;
height: 100%;
padding-top: 2px;
padding-bottom: 2px;
display: none;
}
.location-slide {
margin-left: 0;
font-family: Attriumvirate Condensed, sans-serif;
}
.location-slide._1 {
margin-right: 0;
}
.grey-cover {
background-image: linear-gradient(#ffffffa8, #ffffffa8), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60c80b93b0b74f0caa442ee5_Wallpaper-Kemra-Marble-1-1100x1318.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
}
.grey-cover.nnn, .about-us-section {
display: none;
}
.about-wrapper {
padding-bottom: 0;
}
.about-images {
margin-top: 20px;
display: none;
}
.card-arrow-icon.fx-2, .card-arrow-icon._3 {
filter: invert();
}
.location-card {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
border: 1px solid #0003;
border-radius: 6px;
padding-top: 18px;
padding-bottom: 18px;
}
.location-card-background {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
border: 0 #000;
}
.horizontal-line {
background-color: #70707033;
}
.horizontal-line.left.footer {
background-color: #70707000;
}
.horizontal-line.light {
min-width: auto;
}
.horizontal-line.u-may {
background-color: #69696933;
display: block;
}
.thin-span {
color: #fff;
font-size: 19px;
font-weight: 800;
}
.xxl-heading {
text-transform: uppercase;
width: 272px;
margin-bottom: 10px;
font-size: 34px;
display: none;
}
.menu-lottie {
filter: invert() grayscale();
margin-left: auto;
margin-right: auto;
display: none;
position: absolute;
left: 0;
right: 0;
}
.benefits-wrapper {
grid-column-gap: 80px;
grid-row-gap: 48px;
border-bottom: 1px solid #d6d6d6a3;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
min-height: 100px;
max-height: 26.5em;
margin-bottom: -22px;
padding-top: 0;
padding-bottom: 0;
display: grid;
}
.membership-plans-wrapper {
margin-top: -80px;
padding-bottom: 48px;
padding-left: 6px;
padding-right: 6px;
display: none;
}
.vacations-tab-menu {
grid-column-gap: 6px;
grid-row-gap: 6px;
box-shadow: none;
background-color: #fff0;
border-top-left-radius: 5px;
border-top-right-radius: 0;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 12px 0 0;
display: grid;
}
.vacations-tabs {
box-shadow: none;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
display: none;
}
.vacations-tab-link {
padding-top: 30px;
}
.vacations-tabs-wrapper.fx1 {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.steps-grid {
width: 100%;
max-width: 100%;
padding-left: 0;
}
.steps-sticky-card {
min-width: auto;
padding: 12px 12px 24px;
}
.steps-cards {
grid-template-columns: auto;
width: 100%;
}
.steps-card-wrapper {
grid-row-gap: 24px;
grid-template-columns: auto;
}
.steps-tracker, .steps-circle, .subtitle-intro-wrapper {
display: none;
}
.subtitle-intro-wrapper.product-view-fx {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: auto;
height: 324.391px;
margin-top: -73px;
margin-bottom: 94px;
padding-top: 309px;
display: grid;
position: static;
}
.subtitle-intro-wrapper.product-view-fx.reviews {
margin-top: 0;
margin-bottom: 23px;
}
.subtitle-intro-wrapper.nun-more {
display: none;
}
.team-image {
min-height: 325px;
}
.testimonial-wrapper {
margin-right: 0;
}
.testimonial-slider {
justify-content: center;
}
.testimonial-tracker {
width: 36px;
display: none;
}
.testimonial-arrow {
bottom: 0;
right: 72px;
}
.testimonial-arrow.right {
left: 72px;
}
.testimonial-arrow.comments {
background-color: #0000;
border: 1px solid #bbbbbbba;
}
.tracker-item {
width: 36px;
}
.testimonial-slide-wrapper {
padding-left: 0;
padding-right: 0;
}
.testimonial-mask {
margin-left: 0;
}
.benefit-card {
grid-row-gap: 36px;
}
.benefits-bottom {
display: none;
}
.intro-right-image {
filter: saturate(76%);
border-radius: 0;
min-height: 205px;
margin-top: -20px;
}
.intro-content {
grid-row-gap: 36px;
padding-bottom: 14px;
}
.button.white {
color: #fff;
background-color: #fff0;
border: 1px solid #fff3;
border-radius: 2px;
padding: 13px 19px;
display: block;
}
.button.white:hover {
color: #fff;
background-color: #000;
border: .5px #fff;
}
.button.white.home {
width: 175.188px;
display: none;
}
.button.white.new-sma {
border-radius: 4px;
padding: 9px 20px;
}
.button.white.shopnow-none {
font-size: 8px;
display: none;
}
.button.fx-abbout {
background-color: #000;
font-family: Helvetica, sans-serif;
font-weight: 800;
}
.featured-journal-wrapper {
margin-bottom: 0;
padding-top: 12px;
padding-left: 12px;
padding-right: 12px;
}
.featured-journal-wrapper.full-width {
grid-row-gap: 120px;
padding: 12px 12px 0;
}
.vacations-section {
margin-bottom: 111px;
display: block;
}
.vacations-section.shop-men {
margin-top: -132px;
display: block;
}
.vacation-items {
margin-bottom: 2px;
padding-left: 24px;
padding-right: 24px;
}
.vacation-items.shop-now {
border-radius: 0;
margin-bottom: -57px;
padding-top: 34px;
}
.sticky-vacation-right.none {
display: none;
}
.vacation-item {
box-shadow: none;
border-radius: 11px;
}
.vacation-image {
border-radius: 0;
height: 300px;
max-height: 310px;
}
.vacation-item-top {
grid-template-rows: auto 1fr;
}
.vacation-item-top.fx {
grid-template-rows: auto 1fr;
font-size: 12px;
}
.price {
grid-template-rows: 1fr 1fr;
grid-template-areas: ". Area"
". .";
}
.deal, .inner-page-intro {
display: none;
}
.navigation-content {
z-index: 30;
border: 1px #000;
justify-content: space-between;
padding-left: 6px;
}
.testimonial-content {
padding-left: 12px;
padding-right: 12px;
}
.testimonial-client {
font-family: Helvetica, sans-serif;
}
.team-background-image.five {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a9b92cd93f7d792057e3c2_EuK8vugXYAkwv8z.jpeg");
}
.team-background-image.six {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a9b95bda6c83336d28daa5_anr-championship-lookbook-03_1800x%402x.progressive.jpg");
}
.checkout-form {
background-image: linear-gradient(#fff6, #fff6), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60c80b93b0b74f0caa442ee5_Wallpaper-Kemra-Marble-1-1100x1318.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
padding: 36px 12px 12px;
}
.checkout-details {
grid-row-gap: 36px;
padding: 18px;
}
.block-header {
background-color: #fff0;
border-color: #777 #777 #9e9e9e36;
border-bottom-style: solid;
border-radius: 0;
}
.order-top-bar {
grid-template-columns: 1fr;
padding-top: 0;
padding-bottom: 0;
}
.order-top-bar.star {
background-color: #fff;
background-image: linear-gradient(#000, #000), linear-gradient(#ffffffad, #ffffffad), linear-gradient(to right, #dbe6f6 27%, #dac9ca 70%, #c5796d);
border-radius: 9px;
margin-top: -16px;
margin-bottom: -24px;
padding-top: 14px;
padding-bottom: 14px;
padding-left: 18px;
}
.payment-tab-content {
grid-row-gap: 24px;
}
.payment-info-wrapper {
grid-row-gap: 36px;
}
.payment-tabs-intro {
grid-row-gap: 24px;
}
.customer-info {
padding: 18px;
}
.special-pay-button {
border-radius: 7px;
}
.order-item {
grid-template-columns: 1fr;
}
.order-button {
background-color: #000;
border-radius: 8px;
}
.vacation-results {
grid-column-gap: 16px;
grid-row-gap: 18px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: stretch;
display: grid;
}
.vacation-slide-arrow {
background-color: #ffffff17;
border: 1px solid #ffffff6e;
left: -60px;
right: 0;
}
.vacation-slide-arrow.right {
background-color: #ffffff17;
border: 1px solid #ffffff6e;
margin-bottom: 0;
left: 60px;
}
.vacation-slide-arrow.right._13.fx {
background-color: #fff0;
border-style: solid;
margin-bottom: 21px;
}
.vacation-slide-arrow.right._13.fx.invis {
display: none;
}
.vacation-slide-arrow._14 {
background-color: #fff0;
border-style: solid;
margin-bottom: 21px;
}
.vacation-slide-arrow._14.invis {
display: none;
}
.vacation-slider-content {
box-shadow: none;
display: block;
}
.home-hero {
background-color: #000;
justify-content: center;
min-height: 85vh;
display: flex;
}
.home-hero-content {
grid-row-gap: 48px;
padding: 136px 0;
}
.hero-video-button {
margin-bottom: 12px;
display: flex;
}
.home-hero-intro {
margin-bottom: 0;
}
.home-hero-intro.nun-more {
display: none;
}
.video-hover-button {
width: 95px;
height: 95px;
display: none;
}
.video-icon {
width: 12px;
}
.outline-button.small {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-top-style: none;
border-left-style: none;
border-right-style: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 220px;
max-height: 30px;
margin-top: -37px;
margin-left: 0;
padding: 4px 23px;
display: flex;
}
.outline-button.small:hover {
background-color: #fff;
border-style: none none solid;
border-color: #dee4ef;
border-radius: 0;
}
.outline-button.white {
margin-bottom: 30px;
}
.vacations-verticle-card {
grid-column-gap: 16px;
grid-row-gap: 24px;
border-bottom-style: solid;
border-radius: 10px;
grid-template-rows: 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 16px;
transition: box-shadow .5s cubic-bezier(.25, .46, .45, .94);
display: grid;
box-shadow: 14px 14px 20px -8px #4444443d;
}
.verticle-card-image {
min-height: 338px;
box-shadow: none;
opacity: 1;
background-color: #fff;
border-radius: 10px;
}
.vacation-card-info {
grid-template-rows: auto;
grid-auto-columns: .25fr;
min-height: 20px;
margin-bottom: 9px;
font-size: 7px;
}
.popular-vacations {
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
background-color: #ffffffa3;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
padding: 0;
display: none;
}
.section-intro {
padding-top: 100px;
padding-bottom: 100px;
}
.section-intro.home {
padding-top: 60px;
padding-bottom: 94px;
}
.location-card-bottom {
margin-bottom: -44px;
padding-top: 0;
}
.location-image {
filter: contrast(112%) grayscale() saturate(0%);
}
.location-card-content {
border-radius: 20px;
}
.inner-page-hero {
min-height: 525px;
display: flex;
}
.inner-page-hero.contact-about {
display: none;
}
.inner-page-hero.contt {
min-height: 200px;
margin-top: 45px;
padding-top: 0;
display: flex;
}
.inner-page-hero.contt.shop-now {
min-height: 200px;
}
.journal-post {
padding: 18px;
}
.hero-video-wrapper {
grid-row-gap: 12px;
padding: 4px;
}
.hero-video-popup {
display: none;
}
.large-journal-post {
padding-left: 12px;
padding-right: 12px;
}
.journal-post-info {
padding: 0 18px 18px;
}
.journal-right-wrapper {
grid-row-gap: 18px;
}
.journal-list-item {
grid-row-gap: 0px;
grid-template-columns: 1fr;
}
.journal-list-image {
min-height: 140px;
}
.journal-list-item-content {
z-index: 10;
grid-row-gap: 18px;
margin-top: -12px;
padding-top: 0;
padding-left: 12px;
padding-right: 12px;
position: relative;
}
.video-icon-wrapper {
width: 75%;
height: 75%;
}
.product-slider-arrow {
bottom: 36px;
left: 60px;
right: 0;
}
.product-slider-arrow.left {
bottom: 36px;
left: 0;
right: 60px;
}
.product-images-row {
padding-top: 36px;
}
.vacation-images {
grid-row-gap: 9px;
}
.large-vacation-image {
min-height: 200px;
max-height: 350px;
}
.small-image-grid {
grid-column-gap: 9px;
grid-row-gap: 9px;
}
.small-vacation-image {
min-height: 125px;
}
.slider-background {
margin-top: 104px;
}
.slider-background-wrapper {
min-height: auto;
padding: 51px 6% 40px;
position: relative;
}
.slider-background-wrapper.hero-wrapper {
padding-top: 100px;
padding-bottom: 100px;
}
.background.one {
filter: none;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/62f81bb938a3a87b35ab29ac_NEW%20TANK.png"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a8814fc13b96346230d6a3_clints-apparel-2020.jpeg");
background-position: 54%, 50%, 50%;
background-repeat: repeat, repeat, no-repeat;
background-size: cover, cover, cover;
}
.hero-slide-arrow {
border-right-style: solid;
width: 60px;
height: 60px;
margin-left: 0;
display: none;
inset: auto 0 0% auto;
}
.hero-slide-arrow.left {
border-radius: 0;
display: none;
bottom: 60px;
}
.slider-bottom {
height: 120px;
display: none;
}
.bottom-grid-wrapper {
grid-template-columns: minmax(24px, 1fr) minmax(auto, 1400px) minmax(80px, 1fr);
}
.featured-location {
background-color: #f7f8fc;
margin-left: 0;
margin-right: 60px;
padding: 18px 18px 18px 24px;
}
.featured-location-icon {
display: none;
}
.dropdown-list.w--open {
padding-top: 18px;
}
.locations-results-top {
grid-column-gap: 16px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
justify-items: center;
margin-bottom: -14px;
padding-bottom: 12px;
display: none;
}
.heading-title-grid {
text-align: left;
border: 1px #000;
border-color: #000 #000 #00000024 #0000004f;
padding-bottom: 12px;
}
.heading-title-grid.shop-now._2 {
border-bottom-style: none;
border-bottom-color: #87878724;
align-items: center;
}
.heading-title-grid.shop-now._2.fx-none {
display: none;
}
.locations-wrapper {
grid-template-columns: 1fr;
padding-bottom: 56px;
}
.product-hero-content {
text-align: center;
align-items: center;
padding-bottom: 120px;
padding-right: 0;
}
.nav-button-toggle {
border: 1px #000;
border-radius: 0;
padding-left: 14px;
}
.dropdown-wrapper {
min-width: 88vw;
}
.dropdown-wrapper._2 {
filter: none;
}
.dropdown-wrapper._2._3 {
box-shadow: 0 9px 20px 0 #828282e6, 0 7px 48px -4px var(--shaddow);
background-color: #fff;
border: 1px solid #beced1;
border-radius: 10px;
}
.vacation-card-bottom {
grid-row-gap: 24px;
grid-template-rows: 1fr;
justify-items: center;
display: none;
}
.vacation-details {
color: #000;
border-top-style: none;
grid-template-columns: 1fr;
justify-items: stretch;
margin-top: -21px;
padding-top: 0;
display: none;
}
.vacation-details.old {
display: none;
}
.vacation-price {
height: 30px;
margin-top: 11px;
}
.vacation-price.old {
display: none;
}
.vacation-info {
padding-top: 48px;
}
.vacation-features {
grid-template-rows: auto 1px auto 1px auto 1px auto;
grid-template-columns: 1fr;
margin-top: 24px;
margin-bottom: 36px;
}
.map-section {
padding-top: 36px;
padding-bottom: 48px;
}
.map-wrapper {
min-height: 250px;
}
.featured-location-heading {
font-family: Attriumvirate Condensed, sans-serif;
font-size: 18px;
font-weight: 700;
}
.inquire-card {
grid-row-gap: 24px;
padding: 18px;
}
.vacation-body {
grid-row-gap: 36px;
}
.centered-intro {
line-height: 10px;
}
.centered-intro.fx-2 {
margin-left: 0;
}
.team-images {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.about-us-intro {
grid-row-gap: 36px;
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
background-color: #ffffff1f;
border-radius: 20px;
margin-top: -48px;
padding: 14px 9px 17px;
}
.team-items {
margin-top: -48px;
}
.team-banner {
padding-top: 80px;
padding-bottom: 120px;
}
.team-conteact-info {
grid-template-rows: auto 1px auto 1px auto 1px auto;
grid-template-columns: 1fr;
}
.slider-arrow-icon {
filter: none;
}
.slider-arrow-icon.comments.home.fx.spe, .slider-arrow-icon.shop, .slider-arrow-icon.home, .slider-arrow-icon.home.fx.special-pay-button, .slider-arrow-icon.fx-new, .slider-arrow-icon.fx-new.ar.fx, .slider-arrow-icon.fx-new.ar.fx.browse-1 {
filter: invert();
}
.large-image, .small-image, .medium-image {
min-height: 120px;
}
.locations-slide-content {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60b7d8802a8ce927e4887d28_unnamed%20(1).png");
background-position: 50% 105%;
background-repeat: no-repeat;
background-size: contain;
padding: 136px 24px;
}
.featured-vacation-info {
grid-row-gap: 24px;
text-align: center;
}
.featured-vacation-info.caterg {
margin-bottom: 0;
}
.featured-vacation-info.cater {
margin-bottom: 21px;
}
.subtitle-dynamic-text {
display: flex;
}
.dynamic-price-text {
color: #4f4f4f;
font-family: Helvetica, sans-serif;
font-size: 11px;
}
.benefits-box {
grid-template-rows: auto 1px auto 1px auto 1px auto;
grid-template-columns: 1fr;
}
.vacation-hero {
min-height: 500px;
}
.dropdown-lottie {
margin-left: -9px;
display: flex;
position: absolute;
left: 47px;
}
.dropdown-lottie._2 {
top: 20px;
left: 298px;
}
.form-block {
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
background-color: #fefefe;
margin-top: -12px;
padding: 20px;
}
.text-field {
text-transform: uppercase;
border-top-style: none;
border-bottom-color: #3c3c4133;
border-left-style: none;
border-right-style: none;
border-radius: 0;
min-height: 30px;
font-family: Helvetica, sans-serif;
font-size: 11px;
}
.text-field.large {
border-bottom-color: #0003;
border-radius: 10px;
}
.field-label {
color: #000;
text-transform: uppercase;
font-family: Attriumvirate Condensed, sans-serif;
display: none;
}
.contact-quick-links.fxx-nonne {
display: none;
}
.team-portrait-grid {
grid-template-columns: 1fr;
}
.hero-collection-wrapper {
padding-bottom: 0;
}
.popular-location-item {
margin-bottom: -29px;
padding-top: 22px;
padding-bottom: 22px;
}
.menu-button {
z-index: 100;
border-radius: 0;
padding-left: 0;
padding-right: 0;
}
.menu-button.product-view {
border-right: 0 #c0c0d326;
font-size: 12px;
line-height: 15px;
position: relative;
transform: scale(.9);
}
.menu-button.product-view.w--open {
border-right-color: #c0c0d312;
}
.mobile-destinations {
padding: 0;
display: block;
}
.mobile-destinations-list {
grid-column-gap: 9px;
grid-row-gap: 9px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.mobile-destination-link {
border: 1px solid var(--indicator-outline);
width: 100%;
color: var(--black);
border-radius: 5px;
padding: 18px 12px;
text-decoration: none;
}
.preloader {
display: block;
}
.preloader.side {
display: none;
}
.mobile-destinations-wrapper {
grid-column-gap: 16px;
grid-row-gap: 18px;
background-color: #fff;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-top: 0;
padding: 30px 24px;
display: none;
}
.agent-inquire-top {
grid-template-columns: auto;
padding-top: 6px;
}
.inquire-agent-info {
text-align: center;
}
.contact-options {
padding: 20px;
}
.footer-wrapper {
z-index: 2;
background-color: #fff;
margin-top: -10vh;
padding-top: 0;
padding-bottom: 0;
display: none;
position: sticky;
bottom: 0;
}
.footer-logo {
display: flex;
}
.footer-destinations {
grid-auto-flow: row;
}
.credit-text {
text-align: center;
font-size: 7px;
line-height: 15px;
}
.footer-destination-text {
padding-bottom: 12px;
}
.paralax-background {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60d6c1bbf4eecc4ce0358ce5_giphy%20(15).gif");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.paralax-background.two {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/64d1cddb948f3ec944ee7f65_OMRIWEBVIDEO516_AdobeExpress.gif"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60e34ec979a66e06472e04c4_7561971bd93d8b2ae44f9b0162b4ad2f.jpg");
background-position: 50%, 50%;
background-repeat: no-repeat, no-repeat;
background-size: cover, cover;
}
.paralax-background.about-one {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60e34dacde7884f96c26508f_reese-cooper-ss20-lookbook-00.jpg");
}
.paralax-background.about-two {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a9b92cd93f7d792057e3c2_EuK8vugXYAkwv8z.jpeg");
}
.paralax-background.about-three {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60d6c1bbf4eecc4ce0358ce5_giphy%20(15).gif");
}
.paralax-background.about-four {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a9b95bda6c83336d28daa5_anr-championship-lookbook-03_1800x%402x.progressive.jpg");
}
.paralax-background.about-five {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60e34fb470566d116e930b96_a592341ff49c219803ff9352af4f7a7f9a19ad24_reesecooper1-copy.jpg");
}
.paralax-background.about-six {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60e3501379a66ee2a92e0d6f_BTS-4_2048x2048.jpg");
background-position: 50%;
background-size: cover;
}
.paralax-background.about-seven {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60e34ec979a66e06472e04c4_7561971bd93d8b2ae44f9b0162b4ad2f.jpg");
}
.large-journal-content {
grid-row-gap: 18px;
}
.link-text {
color: #000;
letter-spacing: 1px;
font-weight: 700;
}
.link-text.footer-1 {
color: #fff;
}
.link-text.move {
left: 10px;
}
.steps-intro {
grid-row-gap: 24px;
}
.password-wrapper {
flex-direction: column;
}
.password-field {
border-style: solid;
border-color: var(--indicator-outline);
background-color: var(--grey-background);
border-radius: 5px;
min-height: 48px;
margin-bottom: 9px;
}
.password-button {
min-height: 48px;
}
.dynamic-heading-text {
grid-row-gap: 0px;
grid-template-columns: auto;
}
.password-hero {
padding-left: 18px;
padding-right: 18px;
}
.invoice-image {
border-radius: 0;
min-height: 350px;
}
.invoice-content {
padding-left: 24px;
padding-right: 24px;
}
.invoice-agent {
grid-template-columns: 1fr;
}
.payment-buttons {
grid-row-gap: 6px;
}
._404-page-info {
z-index: 3000;
}
.order-confirmation {
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px;
}
.order-left {
padding: 18px;
}
.invoice-list {
grid-template-columns: 1fr;
}
.invoice-agent-info {
text-align: center;
}
.invoice-bottom {
grid-template-columns: 1fr;
padding: 24px;
}
.dropdown-button:hover {
background-color: #000;
}
.success-message-content {
padding: 6px;
}
.about-images-wrapper {
margin-top: -1px;
display: block;
}
.flyout-menu.close, .flyout-menu.open, .dropdown-text {
display: none;
}
.dropdown-icon {
filter: grayscale();
width: 22px;
height: 11px;
margin-right: 0;
display: block;
}
.flyout-menu-wrapper {
display: none;
}
.testimonial-section {
padding-top: 145px;
padding-bottom: 220px;
display: none;
}
.footer {
background-color: #000;
background-image: linear-gradient(#000000e0, #000000e0), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60c80ea6ae626b2264828083_85c2bc5117b432014f3f894845d43323.jpg");
background-position: 0 0, 0 0;
background-repeat: repeat, repeat;
background-size: auto, auto;
border-top: 0 #f5f5f500;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 0;
display: none;
position: static;
inset: auto 0% 0%;
}
.footer.fx {
margin-top: 0;
display: block;
}
.submit-button.subb-contact {
letter-spacing: 2px;
background-color: #000;
border: 1px solid #eaeaea;
border-radius: 6px;
padding: 16px 4px;
font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight: 800;
}
.vacation-hero-intro {
flex-direction: column;
justify-content: center;
align-items: center;
padding-right: 0;
}
.mobile-navigation-shade {
display: none;
}
.marquee-horizontal {
z-index: 200;
color: #242424;
background-color: #000;
height: 100px;
margin-top: 8px;
padding-top: 66px;
display: block;
position: fixed;
}
.marquee-horizontal.fx {
padding-top: 68px;
display: block;
}
.marquee-horizontal._2 {
margin-top: 12px;
position: fixed;
}
.flex-horizontal {
color: #b9b9b9;
}
.marquee-text {
color: #999;
letter-spacing: 1px;
margin-left: 5px;
margin-right: 5px;
font-family: Orange kid, sans-serif;
font-size: 15px;
overflow: hidden;
}
.marquee-text.alt {
color: #646464;
letter-spacing: 1px;
margin-left: 10px;
margin-right: 15px;
font-family: Orange kid, sans-serif;
font-size: 15.3px;
}
.outline-button-2.light {
justify-content: center;
display: none;
position: static;
}
.button-text {
color: #555;
letter-spacing: 0;
border: 1px solid #dfdfdf;
padding: 4px 8px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 13px;
}
.heading-2 {
color: var(--black);
text-transform: uppercase;
font-size: 19px;
line-height: 1.1em;
}
.heading-2.fx2 {
text-align: center;
}
.heading-2.home {
letter-spacing: .15em;
margin-top: -6px;
font-weight: 700;
}
.heading-2.home.aw22 {
color: #000;
letter-spacing: 1px;
margin-top: -10px;
font-size: 17px;
line-height: 1em;
}
.text-block {
font-size: 19px;
}
.slider-arrow-2 {
width: 120px;
height: 120px;
padding-left: 60px;
top: auto;
bottom: 140px;
left: -60px;
}
.slider-arrow-2.right {
padding-right: 60px;
right: -60px;
}
.xxl-heading-2 {
font-size: 36px;
}
.hero-intro-2 {
grid-row-gap: 24px;
padding-left: 0;
padding-right: 0;
}
.slide-content {
padding-top: 124px;
padding-bottom: 260px;
}
.hero-top {
padding-top: 36px;
padding-bottom: 36px;
}
.inner-hero-content {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.slide-hero-background.slider-002 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a9bf022a84955da5e2f470_Spend%20Your%20Summer%20Sipping%20Sabella.png");
background-position: 50% 0;
background-repeat: repeat;
}
.heading-3 {
text-align: center;
font-size: 25px;
font-weight: 400;
display: none;
}
.heading-4 {
text-align: left;
margin-bottom: 5px;
font-size: 27px;
line-height: 1.1em;
}
.heading-5 {
color: #1d1d1d;
letter-spacing: .05em;
font-family: Helvetica, sans-serif;
font-size: 30px;
}
.heading-5.new-home {
margin-bottom: -14px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 34px;
}
.heading-5.new-home.newe {
color: #191c1f;
text-align: left;
letter-spacing: .04em;
margin-bottom: -18px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 19px;
font-weight: 700;
line-height: 1.2em;
}
.heading-5.new-home.newe.contact {
letter-spacing: -3px;
margin-bottom: -10px;
font-family: Didot, sans-serif;
font-size: 40px;
font-weight: 700;
}
.bold-text {
letter-spacing: .1em;
font-size: 25px;
line-height: 0;
}
.heading-6 {
color: #000;
letter-spacing: 1px;
text-transform: uppercase;
padding-right: 0;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 12px;
font-weight: 700;
}
.heading-7.same {
letter-spacing: 1px;
margin-top: -13px;
}
.text-span {
font-size: 10px;
}
.text-span-2 {
font-size: 12px;
display: none;
}
.text-block-2, .text-block-3 {
font-size: 19px;
}
.text-span-3 {
color: #fff;
font-size: 19px;
}
.text-span-4 {
font-size: 19px;
}
.paragraph {
text-align: left;
font-size: 14px;
display: flex;
}
.heading-12 {
font-size: 19px;
}
.divider-2 {
margin-top: 6px;
margin-bottom: -19px;
display: none;
}
.divider-2.disco {
background-color: #222;
margin: 13px 1em -27px;
}
.divider-2.disco.marketplace {
background-color: #22222212;
margin-top: 14px;
margin-bottom: 18px;
display: none;
}
.divider-2.disco.marketplace._3 {
margin-top: 27px;
margin-bottom: -21px;
margin-left: 1.6em;
display: block;
}
.divider-2.disco.marketplace._3.diveder-bottom {
margin-top: 59px;
margin-bottom: 21px;
}
.divider-2.disco.marketplace._3.diveder-bottom.x {
margin-top: -88px;
margin-bottom: 37px;
margin-left: 1.4em;
}
.divider-2.disco.marketplace._3.diveder-bottom.x.top {
background-color: #22222212;
margin-top: 20px;
margin-bottom: -162px;
margin-left: 1em;
display: none;
}
.heading-13 {
color: #051225;
text-align: left;
font-size: 26px;
}
.heading-13.spec-fx {
font-family: Attriumvirate Condensed, sans-serif;
font-size: 20px;
}
.heading-13.spec-fx.shop-now {
font-size: 16px;
}
.heading-13.spec-fx.shop-now._2 {
color: #fff;
text-align: center;
flex: 0 auto;
justify-content: flex-start;
margin-bottom: 4px;
padding-left: 0;
padding-right: 0;
font-size: 15px;
display: block;
}
.text-block-4 {
font-family: Helvetica, sans-serif;
font-size: 9px;
font-weight: 700;
display: none;
}
.heading-15 {
text-transform: none;
font-family: Helvetica, sans-serif;
font-size: 27px;
font-weight: 800;
}
.collection-list-wrapper-2 {
margin-top: 10px;
}
.heading-16 {
margin-bottom: 10px;
font-family: Helvetica, sans-serif;
font-size: 26px;
font-weight: 800;
line-height: 1.2em;
}
.collection-item:hover, .heading-17:hover {
color: #fff;
}
.text-block-5 {
color: #000;
margin-top: 11px;
font-size: 0;
display: none;
}
.text-span-5 {
letter-spacing: -.07em;
font-family: Treadstone Grunge, sans-serif;
font-size: 34px;
}
.collection-item-2 {
border-radius: 0;
}
.heading-19 {
font-family: Helvetica, sans-serif;
font-weight: 800;
}
.logo {
float: left;
}
.name-2 {
letter-spacing: .06em;
text-transform: uppercase;
margin-top: 20px;
padding-right: 22px;
font-family: Helvetica, sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 20px;
}
.name-2.top {
color: #000;
text-align: left;
letter-spacing: .04em;
background-image: none;
background-size: auto;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-right: 0;
font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight: 800;
line-height: 19px;
}
.product-content {
border-top: .5px #000;
min-height: 100px;
max-height: 810px;
margin-top: -10px;
margin-bottom: 12px;
margin-left: 0;
padding: 16px 14px 0;
display: flex;
}
.slide-1 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60b5b291bae0264ec7f0687c_1.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.tab-title-mobile {
color: #3b3b3b;
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 7px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 11.5px;
font-weight: 700;
text-decoration: none;
display: flex;
}
.tab-title-mobile.shipping, .tab-title-mobile.payment, .tab-title-mobile.dont-need {
display: none;
}
.size-chart {
color: #858585;
text-transform: uppercase;
margin-left: 10px;
padding-left: 0;
font-size: 10px;
display: none;
position: relative;
left: 173px;
}
.product-tabs {
display: none;
}
.size-text {
color: #858585;
text-transform: none;
font-family: Helvetica, sans-serif;
font-size: 10.5px;
}
.tab-content-mobile {
color: #535353;
letter-spacing: 0;
text-transform: uppercase;
font-family: Helvetica, sans-serif;
font-size: 11.5px;
}
.tab-content-mobile.shipping {
display: none;
}
.column-product-photo {
height: 60vh;
max-height: 60px;
margin-bottom: -100px;
display: none;
position: static;
}
.slider-2 {
z-index: 25;
background-color: #61030300;
border-top: .3px #000;
border-bottom: .3px solid #000;
border-radius: 0;
height: 65vh;
margin-right: 0;
padding-top: 0;
}
.tab-title {
margin-left: 0;
margin-right: 0;
}
.slide-nav-3 {
filter: none;
outline-offset: 0px;
color: #fff;
text-align: center;
background-color: #fff0;
border: 1px #000;
outline: 3px #fff;
margin-bottom: -8px;
padding-top: 0;
padding-bottom: 0;
font-size: 7px;
font-style: normal;
text-decoration: none;
}
.breadcrumbs {
display: none;
}
.size-selection {
margin-bottom: -3px;
display: none;
}
.price-2 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica, sans-serif;
font-size: 12.6px;
font-weight: 400;
display: block;
}
.wishlist-text {
font-family: Attriumvirate Condensed, sans-serif;
font-weight: 700;
}
.size-button {
font-family: Helvetica, sans-serif;
}
.add-to-bag {
height: 44px;
display: block;
}
.shippinh {
margin-top: 98px;
margin-bottom: 108px;
position: relative;
top: 0;
}
.shippinh.fllexx-2 {
padding-top: 83px;
}
.section-2 {
height: 116vh;
margin-top: 43px;
margin-bottom: -35px;
padding-bottom: 0;
display: none;
position: static;
inset: 0%;
}
.section-2.product-sec-1 {
z-index: 20;
position: relative;
}
.wishlist {
width: 340px;
max-width: 322px;
margin-top: -30px;
display: none;
}
.wishlist:active {
background-color: #dbe9ff;
}
.arrow {
filter: invert();
color: #fff;
}
.arrow._2 {
filter: none;
}
.column-product-info {
height: auto;
min-height: 580px;
max-height: 480px;
margin-top: 564px;
margin-bottom: 100px;
padding-top: 0;
padding-bottom: 0;
display: none;
position: absolute;
}
.extra-info-mobile {
min-height: 40px;
max-height: 280px;
margin-top: 25px;
margin-bottom: 10px;
padding-bottom: 5px;
display: block;
}
.image {
position: static;
}
.image:active {
-webkit-text-fill-color: inherit;
background-color: #d8757500;
background-clip: border-box;
}
.image.fx {
opacity: 1;
position: relative;
top: -31px;
left: 260px;
}
.image.fx.add-to-cart {
display: none;
top: -44px;
left: -23px;
}
.image.fx.nonee, .button-group {
display: none;
}
.brand-2 {
letter-spacing: .04em;
margin-top: 10px;
margin-bottom: -10px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 16px;
display: flex;
}
.brand-2.headlinee-eccomrce {
color: #081c3a63;
margin-top: -3px;
margin-bottom: 0;
font-family: Helvetica, sans-serif;
font-size: 11px;
display: none;
}
.shipping-text {
color: #000;
font-family: Helvetica, sans-serif;
font-weight: 800;
}
.button-2 {
background-color: #000;
width: 256px;
height: 44px;
margin-top: 20px;
margin-bottom: 0;
padding-top: 13px;
padding-bottom: 13px;
padding-left: 19px;
font-family: Helvetica, sans-serif;
font-size: 11px;
font-weight: 800;
display: none;
box-shadow: 1px 1px 12px -2px #4f525747;
}
.text-span-12 {
font-size: 10px;
font-weight: 400;
}
.text-span-10 {
font-family: Helvetica, sans-serif;
font-size: 11px;
font-weight: 400;
}
.cards-h-div-2 {
justify-content: flex-start;
display: none;
}
.cards-h-div-2.fxx {
display: none;
}
.text-span-11 {
font-size: 11px;
font-weight: 400;
}
.cards-img-6 {
opacity: 1;
border-radius: 0;
align-self: center;
width: 100%;
height: 200px;
margin-top: -28px;
box-shadow: 0 9px 50px -16px #0000003d;
}
.scroll-content-2 {
margin-top: -15px;
padding-top: 19px;
padding-bottom: 19px;
padding-left: 6px;
}
.scroll-content-2.top-sellers {
width: 100%;
margin-left: 0;
padding-bottom: 34px;
padding-left: 32px;
padding-right: 0;
}
.div-block-57 {
width: 30%;
margin-left: 24px;
font-family: Helvetica, sans-serif;
font-weight: 700;
display: flex;
position: relative;
left: 11px;
}
.text-span-14 {
color: #ffd058;
}
.horizontal-scroll-wrapper-3 {
width: 100%;
max-width: 463px;
margin-left: -15px;
margin-right: 153px;
padding-left: 0;
padding-right: 0;
display: block;
}
.text-block-102 {
color: #969696;
width: 72.8803%;
display: block;
overflow: hidden;
}
.product-price-tag {
z-index: 60;
letter-spacing: 1px;
background-color: #ffffffd1;
border-radius: 20px;
width: 42px;
margin-top: -10px;
margin-left: .6em;
padding: 5px .7em;
font-family: Helvetica, sans-serif;
font-size: 10px;
font-weight: 700;
display: none;
position: relative;
top: 20px;
left: 5px;
}
.horizontal-scroll-2 {
width: 100%;
margin-left: .5em;
margin-right: 95px;
display: block;
}
.cards-container-3 {
width: 100%;
margin-top: -25px;
margin-bottom: -26px;
margin-right: 0;
padding-right: 0;
}
.cards-container-3.suggested-producta {
margin-top: -3px;
margin-bottom: 6px;
display: block;
}
.cards-link-3 {
background-color: #ffffff87;
border-radius: 0;
width: 160px;
margin-top: 12px;
margin-right: 13px;
padding-left: 0;
box-shadow: 0 8px 50px -18px #0003;
}
.card-heading-3 {
color: #333;
width: 70%;
padding-right: 0;
font-family: Helvetica, sans-serif;
font-size: 11px;
line-height: 180%;
}
.heading-20 {
font-family: Helvetica, sans-serif;
}
.you-may {
z-index: 50;
border-bottom: 1px solid #f3f3f3;
align-items: center;
height: 40px;
margin-top: 0;
margin-bottom: 20px;
margin-left: 0;
padding-top: 0;
padding-bottom: 19px;
padding-left: 24px;
font-family: Oswald, sans-serif;
font-size: 16px;
font-weight: 800;
display: none;
position: relative;
}
.text-block-103, .icon-2 {
display: none;
}
.cart-button-2 {
z-index: 700;
background-color: #000;
position: relative;
}
.cart-quantity-2 {
filter: none;
color: #fff;
background-color: #0000;
border-radius: 50px;
justify-content: center;
align-items: center;
width: 16px;
min-width: 16px;
height: 16px;
margin-left: -11px;
padding: 9px 3px 3px;
font-size: 10px;
display: flex;
transform: scale(.9);
}
.cart-3 {
z-index: 700;
filter: invert();
background-color: #fff;
margin-right: 0;
top: -2px;
left: 0;
}
.cart-wrapper-2 {
z-index: 3000;
}
.cart-header-2 {
z-index: 300;
}
.cart-header-2.fx-open {
background-color: #fff;
background-image: none;
padding-left: 0;
padding-right: 0;
font-family: Attriumvirate Condensed, sans-serif;
}
.cart-form-wrapper {
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
background-color: #fff0;
width: 390px;
padding-top: 23px;
position: absolute;
}
.image-2 {
filter: invert();
margin-right: 3px;
}
.text-span-15 {
font-weight: 800;
}
.cate-footer {
font-weight: 700;
}
.k-r-arrow {
z-index: 9;
background-color: #fff;
}
.k-slider-overflow {
margin-left: 0%;
margin-right: 0%;
}
.k-slider-wrapper-with-arrows {
padding-bottom: 64px;
padding-left: 0;
padding-right: 0;
}
.k-col-slide {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
margin-right: 10%;
padding-left: 0%;
padding-right: 0%;
}
.k-slider-custom-arrows.arrow-left {
margin-right: 12px;
}
.k-slider-custom-menu {
justify-content: flex-end;
position: absolute;
top: auto;
bottom: 0;
}
.k-l-arrow {
z-index: 9;
}
.k-section-header.k-s-header--pair {
flex-direction: column;
align-items: flex-start;
}
.k-col-slider {
margin-left: 4vw;
margin-right: 4vw;
}
.section-3.section--spaced-1 {
z-index: 20;
margin-top: 228px;
position: relative;
}
.heading-2-wrapper {
max-width: 75em;
}
.heading-2-wrapper.heading-space-2 {
max-width: 17em;
margin-bottom: 12px;
}
.k-container-1 {
padding-left: 4vw;
padding-right: 4vw;
}
.k-h2 {
padding-bottom: 4px;
font-family: Helvetica, sans-serif;
font-size: 18px;
font-weight: 800;
}
.k-col-slider-mask {
width: 75%;
}
.k-s__block {
width: 100%;
max-width: 100%;
}
.k-s__block.k-s--space-r-1 {
width: 100%;
max-width: 100%;
margin-bottom: 15px;
}
.text-block-104 {
color: #000;
letter-spacing: 2px;
font-family: Attriumvirate Condensed, sans-serif;
}
.cart-list-2 {
margin-top: 29px;
padding-left: 3px;
padding-right: 3px;
}
.heading-21 {
color: #000;
text-transform: uppercase;
padding-left: 0;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 20px;
font-weight: 800;
}
.heading-21.fx-open {
color: #000;
letter-spacing: .5px;
flex: 1;
justify-content: flex-start;
margin-left: 18px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 20px;
font-weight: 700;
display: block;
position: static;
left: 0;
}
.text-block-105 {
color: #2c2c2c;
text-transform: uppercase;
margin-bottom: 5px;
padding-bottom: 0;
padding-right: 0;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 15px;
font-weight: 800;
line-height: 14px;
}
.text-block-106 {
color: #949494;
border-bottom: 0 #949494;
font-family: Helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
}
.cart-line-item {
border-top: 0 #e6e6e600;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 15px;
font-family: Helvetica, sans-serif;
}
.checkout-button {
z-index: 15;
letter-spacing: 1px;
text-transform: uppercase;
background-color: #000;
border-radius: 4px;
padding: 15px 0;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 14px;
font-weight: 800;
position: relative;
}
.right-arrow {
padding-left: 0;
}
.left-arrow {
margin-left: 0;
}
.k-product-slider {
margin-top: -75px;
margin-bottom: 250px;
margin-left: 0;
padding-left: 0;
padding-right: 0;
display: block;
position: static;
}
.k-product-slider._2fx {
display: none;
}
.k-slider-mask {
border-radius: 0;
}
.k-slider-img {
border-radius: 0;
min-height: 200px;
max-height: 250px;
margin-right: 1.9vw;
}
.heading-22 {
margin-top: -35px;
margin-bottom: 106px;
padding-left: 0;
font-family: Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
}
.heading-22.you-may {
margin-bottom: 101px;
display: block;
}
.heading-22.you-may.headder {
border-bottom-style: none;
margin-top: -246px;
margin-bottom: 371px;
font-weight: 800;
display: block;
}
.heading-23 {
font-size: 15px;
}
.add-to-cart-button {
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
background-color: #000;
border-radius: 0;
justify-content: center;
align-items: center;
width: 100%;
max-width: 400px;
height: 42px;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 11px;
font-family: Helvetica, sans-serif;
font-size: 11px;
font-weight: 800;
box-shadow: 4px 4px 13px #5d67742e;
}
.quantity {
margin-top: 10px;
margin-bottom: 15px;
display: none;
}
.columns {
height: 50px;
margin-bottom: 0;
padding-bottom: 0;
display: none;
position: static;
}
.heading-24 {
border-bottom: 1px solid #afafaf38;
margin-top: -97px;
margin-bottom: 100px;
padding-bottom: 10px;
font-family: Helvetica, sans-serif;
font-size: 14px;
font-weight: 700;
display: none;
}
.section-ajk-5 {
grid-column-gap: 10px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.link-ajk-1 {
flex-basis: 46%;
}
.button-3 {
padding: 18px 28px;
}
.button-3.light {
width: 190px;
padding-top: 13px;
padding-bottom: 13px;
}
.button-3.light.shop-now {
width: 150px;
}
.text-block-107 {
font-family: Helvetica, sans-serif;
}
.image-3 {
filter: invert();
flex: 0 auto;
order: 0;
align-self: auto;
width: 200px;
max-width: 75%;
padding-right: 0;
display: block;
position: relative;
top: 0;
left: -11px;
}
.card.card3-content {
background-image: linear-gradient(#98989859, #98989859), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a885c310cd7f80c7ed8e31_Clints-Sting-TRL-Footprints-Manchester-Worker-Bee-Lead.jpeg");
background-position: 0 0, 50%;
background-repeat: repeat, repeat;
background-size: auto, cover;
border-style: none;
border-radius: 30px;
flex-direction: column;
justify-content: center;
height: 290px;
margin-bottom: -19px;
padding-top: 0;
padding-bottom: 0;
display: none;
box-shadow: 10px 10px 40px -17px #0000008f;
}
.tagline.tagline-promo-40 {
text-align: center;
margin-bottom: 2px;
}
.button-4.default-button.card-cta.ex {
border: 1px solid #393939;
border-radius: 20px;
justify-content: center;
width: 160px;
margin-top: 37px;
margin-left: 15px;
margin-right: 15px;
padding: 13px 0;
font-size: 11px;
display: none;
position: relative;
box-shadow: 0 10px 20px #000c;
}
.card-headline.dark-card-headline._6col-card {
text-align: center;
text-transform: uppercase;
width: 100%;
margin-bottom: 18px;
font-size: 15px;
}
.text-block-108 {
font-family: Helvetica, sans-serif;
}
.heading-26 {
color: #000;
text-align: center;
text-transform: uppercase;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 15px;
}
.paragraph-2 {
color: #fff;
text-align: center;
padding-right: 8px;
font-family: Helvetica, sans-serif;
font-size: 13px;
line-height: 1.2em;
}
.section-ajf-18 {
margin-bottom: 23px;
}
.link-ajf-2 {
margin-left: 10px;
}
.section-ajf-6 {
display: none;
}
.text-ajf-1 {
color: #000;
text-transform: uppercase;
margin-bottom: 9px;
font-family: Helvetica, sans-serif;
font-size: 15px;
font-weight: 800;
display: none;
}
.text-drop-ajf-1 {
font-family: Helvetica, sans-serif;
}
.background-color-ajf-2.fx {
display: none;
}
.background-color-ajf-1 {
background-color: #000000f7;
}
.section-ajf-4 {
filter: contrast(200%) grayscale();
background-color: #3c3c3c;
margin-bottom: 14px;
}
.text-ajf-2, .text-ajf-2.total-rating {
font-size: 13px;
}
.section-ajf-3 {
margin-bottom: 8px;
}
.section-ajf-19 {
border-top-style: none;
width: 340px;
padding-top: 17px;
padding-bottom: 17px;
}
.section-ajf-2 {
flex-wrap: wrap;
margin-top: -207px;
margin-bottom: -694px;
padding-top: 0;
display: none;
position: static;
}
.background-image-ajf-1 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60c8125815cbccf05f8dc565_Exclusion%2016%402x.png");
background-repeat: no-repeat;
background-size: cover;
}
.text-ajf-3 {
font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight: 800;
}
.text-ajf-9 {
font-family: Helvetica, sans-serif;
font-weight: 800;
}
.section-ajf-5 {
margin-bottom: 15px;
font-family: Helvetica, sans-serif;
font-size: 9px;
display: none;
}
.section-ajf-1.hidden-reviews {
background-color: #fff0;
width: 270px;
margin-top: 0;
margin-bottom: -162px;
position: static;
}
.section-ajg-9 {
flex: 1;
}
.text-block-109 {
margin-bottom: 15px;
font-family: Helvetica, sans-serif;
font-size: 13px;
font-weight: 800;
}
.section-ajf-13 {
font-family: Helvetica, sans-serif;
}
.section-ajf-12 {
margin-top: -5px;
margin-bottom: 30px;
}
.section-ajf-4-2 {
filter: contrast(200%) grayscale();
}
.background-image-ajf-1-2 {
background-color: #555;
background-position: 100%;
background-size: cover;
}
.script-ajf-1 {
opacity: 0;
}
.text-ajf-5 {
color: #7f7f7f;
margin-left: 2px;
}
.text-ajf-6.text-name {
font-family: Helvetica, sans-serif;
font-size: 13px;
font-weight: 800;
}
.paragraph-3 {
font-family: Helvetica, sans-serif;
font-size: 14px;
}
.paragraph-4 {
color: #646464;
letter-spacing: 1px;
margin-bottom: 20px;
font-family: Helvetica, sans-serif;
font-size: 13px;
}
.container {
margin-top: 30px;
}
.product-info {
z-index: 5;
background-color: #fff;
border-bottom-style: none;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
flex-direction: column;
width: auto;
margin-top: 0;
margin-bottom: 0;
display: flex;
position: sticky;
top: 0;
}
.mask {
border-radius: 0;
padding-left: 0;
}
.text-block-111 {
font-family: Helvetica, sans-serif;
}
.dropdown-toggle {
border: 1px solid #e0e0e0;
border-radius: 8px;
left: 0;
}
.dropdown-toggle.w--open {
width: 260px;
}
.dropdown-list-2 {
background-color: #ddddddf2;
}
.dropdown-list-2.w--open {
background-color: #fff;
background-image: linear-gradient(#ffffffba, #ffffffba), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60c80b93b0b74f0caa442ee5_Wallpaper-Kemra-Marble-1-1100x1318.jpg");
background-position: 0 0, 0 0;
background-size: auto, auto;
width: 200px;
min-width: 130%;
margin-left: -33px;
padding: 14px 33px 72px;
top: 64.2222px;
left: 0;
}
.dropdown {
width: 300px;
position: absolute;
left: 32px;
}
.text-span-16 {
color: #000;
font-family: Helvetica, sans-serif;
font-size: 11px;
}
.heading-27 {
color: #000;
font-family: Helvetica, sans-serif;
font-size: 45px;
font-weight: 800;
}
.text-block-112, .text-block-113 {
font-family: Helvetica, sans-serif;
}
.field-label-2 {
color: #fff;
text-align: center;
font-family: Helvetica, sans-serif;
font-weight: 800;
display: none;
}
.text-field-2 {
text-transform: none;
background-color: #fff;
border-radius: 9px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 15px;
font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
box-shadow: inset 1px 1px 9px 1px #00000061, 4px 4px 11px -5px #000000b8;
}
.heading-28 {
color: #fff;
text-align: center;
text-transform: uppercase;
border-bottom: 0 #000;
margin-bottom: 5px;
font-family: Helvetica, sans-serif;
font-size: 20px;
font-weight: 800;
display: block;
}
.form-2 {
display: flex;
}
.submit-button-2 {
filter: none;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
color: #6b6b6b;
background-color: #000;
border: 1px #8e8e8e29;
border-radius: 0;
max-width: 135.109px;
height: 100%;
min-height: 7px;
max-height: 35px;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0 34px;
font-family: Helvetica, sans-serif;
font-size: 10px;
font-weight: 400;
box-shadow: 6px 6px 10px -8px #0000002b;
}
.fx-new {
min-width: 10%;
max-width: 10%;
position: relative;
top: 0;
left: 1px;
right: -3px;
}
.text-block-114 {
color: #fff;
text-align: center;
margin-top: -5px;
font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
display: none;
}
.heading-29 {
color: #000;
text-transform: uppercase;
font-family: Helvetica, sans-serif;
font-size: 28px;
font-weight: 800;
}
.heading-30, .text-block-115, .text-block-116, .text-block-117 {
color: #000;
}
.fxx-noone {
display: none;
}
.paragraph-5 {
color: #fff;
}
.section-4 {
z-index: 200;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60d6c049610392a7915e7c33_giphy%20(10).gif");
background-position: 50%;
background-size: cover;
margin-top: 105px;
position: relative;
}
.container-3 {
z-index: 200;
height: 180px;
margin-top: 104px;
margin-bottom: -96px;
padding-top: 0;
display: none;
position: static;
}
.image-4 {
min-width: 31%;
height: 180px;
}
.text-block-118 {
font-size: 9px;
}
.text-block-119 {
font-family: Helvetica, sans-serif;
font-size: 9px;
}
.text-block-120 {
color: var(--black);
font-family: Helvetica, sans-serif;
}
.text-block-121 {
color: #3f3f3f;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 10px;
}
.cart-4 {
z-index: 1100;
}
.container-4 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60d8f3fcd33b390443faae2a_tear.png"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60b7d8802a8ce927e4887d28_unnamed%20(1).png"), linear-gradient(#00000047, #00000047), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60d6c049610392a7915e7c33_giphy%20(10).gif");
background-position: 50% -70%, 50% 165%, 0 0, 0 0;
background-repeat: no-repeat, no-repeat, repeat, repeat;
background-size: auto, auto, auto, cover;
border: 5px #000;
border-width: 5px 5px 3px .5px;
margin-top: 16px;
padding-top: 74px;
padding-bottom: 74px;
display: block;
}
.container-4.fx-shoop-product-view {
margin-bottom: 24px;
display: none;
}
.error-state-2, .image-5 {
display: none;
}
.image-6 {
border-radius: 7px;
width: 30%;
height: 100%;
max-height: 100px;
padding-left: 0;
}
.menuwrapper {
width: 100%;
height: 100%;
display: none;
}
.menucontentholder {
cursor: auto;
border-right-style: none;
flex-direction: column;
justify-content: center;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.menucolumn._1 {
align-items: center;
}
.menutitle {
margin-top: 0;
font-size: 2vh;
line-height: 2vh;
}
.sidemenuclose {
width: 10vw;
}
.menucontentwrapper {
border-bottom: 1px solid #000;
justify-content: flex-start;
align-items: center;
padding: 0 30px 0 60px;
display: flex;
}
.menuno {
text-align: left;
margin-top: 0%;
margin-bottom: 0%;
font-size: 6vh;
line-height: 6vh;
}
.menucolumnwrapper {
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.lottie-animation {
cursor: auto;
}
.paragraph-6 {
text-align: center;
font-size: 10px;
}
.slider-3 {
margin-left: -4px;
margin-right: -4px;
}
.r_slider_wrap {
margin-top: 8px;
padding-bottom: 0;
padding-left: 20px;
}
.slide_img {
padding-left: 4px;
padding-right: 4px;
}
.left-arrow-2 {
width: 0;
padding-left: 16px;
display: none;
position: relative;
bottom: 0;
left: 0;
right: auto;
}
.right-arrow-2 {
width: 0;
padding-right: 32px;
display: none;
position: relative;
bottom: 0;
right: 4px;
}
.mask-2 {
width: 50%;
padding-right: 8px;
}
.r_h6_en-2 {
color: #000;
margin-top: 105px;
margin-bottom: 0;
font-size: 10px;
font-weight: 500;
line-height: 1;
}
.r_h6_en-2.slide_nav {
display: none;
}
.text-block-122 {
color: #2c2c2c;
flex-direction: row;
margin-bottom: 5px;
font-size: 11px;
display: block;
position: relative;
top: 54px;
left: -62px;
}
.hero-products {
display: none;
}
.hero_products-item {
border-radius: 0;
min-width: 300px;
}
.hero_products-item.fx-last {
margin-right: 31px;
}
.hero_products-image {
opacity: 1;
}
.hero_products-arrow-view {
padding-bottom: 3px;
padding-left: 13px;
display: none;
}
.hero_products-name {
display: none;
}
.heading-32 {
font-family: Poppins, sans-serif;
}
.heading-32.same {
letter-spacing: 1px;
margin-top: -13px;
font-family: Attriumvirate Condensed, sans-serif;
}
.heading-33 {
color: #292929;
text-align: center;
letter-spacing: .07em;
text-transform: uppercase;
padding-left: 31px;
padding-right: 31px;
font-family: Helvetica, sans-serif;
font-size: 11px;
font-weight: 700;
display: block;
}
.heading-34 {
letter-spacing: 1.4px;
text-transform: uppercase;
margin-top: -5px;
margin-bottom: -39px;
padding-left: 0;
padding-right: 0;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 1.1em;
}
.project-hero {
display: none;
}
.project-hero.shop-now.sn {
display: flex;
}
.project-hero.shop-now.sn.shop-now-men {
display: none;
}
.hero-content {
padding-top: 120px;
padding-bottom: 160px;
}
.content-wrapper {
align-content: stretch;
align-items: stretch;
}
.content-wrapper.on-home {
margin-bottom: 15px;
}
.hero-background-image-2 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6190429f38f8db8df5547423_Represent-FW19-Campaign-15.jpg"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/618f05e609868d6ba70d22bb_Image008.jpeg");
background-position: 50%, 50%;
background-repeat: no-repeat, repeat;
background-size: cover, auto;
}
.stacked-content {
grid-row-gap: 36px;
padding-left: 18px;
padding-right: 18px;
}
.heading-35.large {
font-size: 34px;
}
.heading-35.large.cover {
text-transform: uppercase;
margin-bottom: -26px;
font-family: Oswald, sans-serif;
font-size: 16px;
line-height: 1.3em;
}
.underline-link {
grid-column-gap: 12px;
}
.underline-link.product-card {
grid-column-gap: 7px;
color: #2b2b2b;
grid-template-columns: 1fr 1fr;
min-width: 100%;
padding-bottom: 4px;
display: none;
}
.text-block-124 {
letter-spacing: 2px;
font-family: Helvetica, sans-serif;
font-size: 9px;
text-decoration: none;
}
.full-screen-menu {
display: none;
}
.menu-wrapper {
padding-bottom: 0;
}
.menu-content {
padding-top: 80px;
}
.navbar-wrapper {
height: 60px;
}
.menu-link {
font-size: 36px;
}
.page-title {
display: none;
}
.menu-center {
width: 100vw;
height: 75vw;
}
.light-separator.dot {
display: none;
}
.navbar-2 {
position: fixed;
top: 11%;
}
.product-grid_2 {
grid-template-columns: 1fr;
margin-left: 0;
margin-right: 0;
display: flex;
}
.grid-item {
margin-left: 5px;
margin-right: 5px;
}
.text-block-125 {
font-family: Helvetica, sans-serif;
}
.text-block-126, .text-block-127 {
color: #000;
letter-spacing: 2px;
font-family: Attriumvirate Condensed, sans-serif;
}
.text-block-128 {
letter-spacing: 2px;
-webkit-text-stroke-color: #000;
font-family: Attriumvirate Condensed, sans-serif;
}
.text-block-129 {
font-family: Helvetica, sans-serif;
}
.text-field-3 {
letter-spacing: 0;
text-transform: uppercase;
border-style: none solid none none;
border-top-color: #8e8e8e29;
border-bottom-color: #ffffff14;
border-right-color: #8e8e8e29;
border-radius: 0;
min-width: 220px;
height: 100%;
min-height: 30px;
max-height: 35px;
margin-right: 0;
padding: 0 38px 0 10px;
font-family: Helvetica, sans-serif;
font-size: 10px;
}
.footer-link-2 {
color: #b6b6b6;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b962f7e3059f7_arrowhead-right-icon-dark-light.svg");
background-position: 100%;
background-repeat: no-repeat;
background-size: 4%;
border-bottom: 1px solid #141414;
min-width: 100%;
padding-bottom: 5px;
padding-left: 10px;
font-family: Helvetica, sans-serif;
font-size: 10px;
display: block;
}
.footer-link-2.nonnr {
display: flex;
}
.footer-link-2.nonnr.terms, .footer-link-2.about-none {
display: none;
}
.footer-bottom {
text-align: center;
border-top: 1px #ffffff1a;
border-bottom-style: none;
flex-direction: column;
display: none;
}
.footer-grid-01 {
grid-row-gap: 21px;
grid-template-rows: auto auto auto;
grid-template-columns: 2fr;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-left: 14px;
padding-right: 14px;
}
.footer-grid-01.x2 {
width: 100%;
display: none;
}
.footer-wrapper-2 {
flex-wrap: wrap;
justify-content: center;
height: 0;
padding-left: 12px;
display: flex;
}
.form-block-3 {
align-self: flex-start;
width: 100%;
margin-bottom: 5px;
padding-left: 0;
display: block;
overflow: hidden;
}
.footer-title-button {
text-align: center;
text-transform: uppercase;
margin-bottom: 20px;
margin-right: 0;
padding-left: 33px;
padding-right: 33px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 28px;
line-height: 1.3;
}
.footer-title-button.bottom-2 {
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
justify-content: center;
min-width: 335px;
max-width: 335px;
margin-top: -41px;
margin-bottom: -10px;
padding-left: 0;
padding-right: 0;
font-family: Helvetica, sans-serif;
font-size: 8px;
line-height: 1.5;
display: none;
position: static;
overflow: hidden;
}
.form-3 {
border: 1px solid #8e8e8e29;
justify-content: center;
align-items: center;
width: 100%;
height: 75%;
margin-bottom: 22px;
margin-left: 0;
}
.footer-title {
color: #fff;
letter-spacing: 1px;
margin-bottom: 9px;
margin-left: 0;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 15px;
font-weight: 800;
}
.footer-title.noen {
display: none;
}
.container-5 {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: none;
}
.container-5.new-x {
margin-top: -10px;
margin-bottom: 20px;
padding-top: 0;
display: block;
}
.secondary-link {
letter-spacing: -1px;
margin-right: 0;
padding-top: 20px;
font-family: Fontspring Demo Veneer, sans-serif;
font-size: 25px;
font-weight: 700;
}
.submit-button-3 {
background-color: #ddd;
border-radius: 8px;
}
.footer-01 {
z-index: 25;
color: #000;
text-transform: uppercase;
background-color: #000;
background-image: linear-gradient(#000, #000), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6205613771b8fce7d4ec24c5_BURN%20FOOTER2.png"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60c80ea6ae626b2264828083_85c2bc5117b432014f3f894845d43323.jpg");
background-position: 0 0, 100%, 0 0;
background-size: auto, cover, auto;
border-top: 1px solid #141414;
border-bottom: 0 #000;
border-radius: 0;
height: 315.188px;
margin-top: 0;
margin-left: 0;
padding-top: 0;
padding-left: 1%;
padding-right: 1%;
font-size: 10px;
display: none;
position: relative;
}
.footer-top {
flex-direction: column;
align-items: flex-start;
}
.footer-column {
background-color: #a6333300;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: -38px;
padding-right: 0;
}
.footer-column._22.bottom {
margin-top: 13px;
}
.footer-column._22.bottom.new {
justify-content: center;
align-items: flex-start;
width: 100%;
min-width: 100%;
margin-left: 0;
}
.footer-column._22.bottom.nonee {
display: none;
}
.footer-logo-2 {
margin-bottom: 32px;
}
.menu-lottie-2 {
margin-left: auto;
margin-right: auto;
position: absolute;
left: 0;
right: 0;
}
.nav-menu-5 {
margin-right: 0;
}
.dropdown-text-2 {
display: none;
}
.nav-link-3 {
padding-top: 20px;
padding-bottom: 20px;
}
.dropdown-wrapper-2 {
min-width: 88vw;
}
.nav-button-toggle-2 {
padding-left: 14px;
}
.right-nav-2 {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: 1fr;
display: grid;
}
.menu-button-4 {
padding-left: 0;
padding-right: 0;
}
.top-nav-wrapper-2 {
grid-template-columns: minmax(60px, 1fr) minmax(auto, 1400px);
}
.navigation-content-2 {
padding-left: 6px;
}
.dropdown-list-3.w--open {
padding-top: 18px;
}
.dropdown-icon-2 {
margin-right: 0;
display: block;
}
.link-block {
position: relative;
}
.button-6 {
border-color: #9e9e9e;
}
.button-6.ggj {
display: none;
}
.text-block-133 {
font-family: Helvetica, sans-serif;
}
.heading-36 {
letter-spacing: 1px;
text-transform: uppercase;
margin-top: -13px;
font-family: Attriumvirate Condensed, sans-serif;
}
.text-span-17 {
font-size: 0;
}
.bold-text-2 {
letter-spacing: .1em;
padding-right: 0;
font-size: 22px;
line-height: 1.15em;
}
.text-span-18, .text-span-19 {
font-size: 14px;
}
.bold-text-3 {
font-size: 18px;
}
.subtitle-3.small {
letter-spacing: 1px;
justify-content: center;
margin-bottom: -7px;
font-family: Helvetica, sans-serif;
line-height: 1em;
display: none;
}
.section-5 {
padding-top: 72px;
padding-bottom: 72px;
}
.dark-slide-arrow {
width: 40px;
height: 40px;
margin-left: -2vw;
margin-right: -2vw;
}
.heading-37 {
font-size: 26px;
}
.heading-37.large {
font-size: 32px;
}
.heading-37.small {
font-size: 20px;
}
.showcase-products.single-column {
padding-left: 0;
padding-right: 0;
}
.product-mask {
width: 90%;
}
.stacked-content-2 {
grid-row-gap: 36px;
}
.collection-list-wrapper-5 {
display: block;
}
.tab-bottom-content {
padding: 36px 24px;
}
.button-text-wrapper {
flex-direction: row;
}
.apple-pay {
border-radius: 4px;
height: 43px;
}
.dropdown-toggle-2 {
border: 1px solid #777;
height: 44px;
margin-bottom: -11px;
padding-top: 12px;
padding-bottom: 12px;
padding-right: 228px;
}
.dropdown-toggle-2.w--open {
border-style: none;
border-color: #929292;
}
.section-6 {
width: 340px;
max-width: 322px;
font-family: Attriumvirate Condensed, sans-serif;
display: none;
}
.icon-3 {
opacity: .64;
}
.div-block-58 {
align-self: auto;
margin-bottom: 5px;
display: none;
}
.div-block-58._2nd {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: space-between;
align-self: auto;
align-items: center;
width: 100%;
margin-bottom: 15px;
display: flex;
}
.add-to-cart-2 {
margin-bottom: -31px;
}
.text-block-136 {
color: #696969;
}
.dropdown-link {
background-color: #dbdbdb00;
}
.dropdown-list-4 {
background-color: #ddddddf2;
}
.dropdown-list-4.w--open {
background-color: #f8f8f8;
border: 1px solid #929292;
}
.dropdown-2 {
opacity: 1;
border: 1px #cecece;
}
.select-field {
color: #696969;
text-transform: uppercase;
background-color: #fff;
border-radius: 0;
width: 100%;
max-width: 400px;
height: 41px;
margin-bottom: -11px;
padding: 0 5px;
font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight: 800;
}
.section-7, .field-label-3 {
display: none;
}
.option, .option-list {
border-radius: 0;
width: 100%;
}
.text-block-137 {
color: #2c2c2c;
}
.cart-quantity-3 {
background-color: #fafafa00;
border-style: solid;
border-color: #8b8b8b26;
border-radius: 10px;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: stretch;
margin-left: 84px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 6px;
font-size: 12px;
display: flex;
position: relative;
}
.div-block-59 {
color: #000;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 20px;
font-weight: 700;
}
.heading-38 {
color: #000;
letter-spacing: .5px;
text-transform: uppercase;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 20px;
}
.heading-39 {
color: #000;
text-transform: uppercase;
font-family: Attriumvirate Condensed, sans-serif;
}
.heading-40 {
font-family: Helvetica, sans-serif;
}
.heading-41, .heading-42, .heading-43 {
font-family: Attriumvirate Condensed, sans-serif;
}
.heading-44 {
text-transform: uppercase;
font-family: Attriumvirate Condensed, sans-serif;
}
.heading-44.co {
color: #fff;
letter-spacing: 1px;
-webkit-text-stroke-color: #fff;
text-transform: uppercase;
}
.heading-45 {
color: #000;
text-transform: uppercase;
font-family: Attriumvirate Condensed, sans-serif;
font-weight: 700;
}
.heading-46 {
font-family: Attriumvirate Condensed, sans-serif;
}
.icon-4 {
opacity: .54;
filter: none;
color: #000;
font-size: 10px;
line-height: 10px;
transform: scale(.9);
}
.bold-text-4 {
color: #fff;
}
.image-7 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: auto;
}
.filter-tabs {
padding-top: 70px;
padding-left: 0;
padding-right: 0;
}
.filter-list {
grid-template-columns: 1fr 1fr;
}
.tabs-menu-2 {
flex-direction: row;
}
.category-wrapper {
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #dfdfdf00;
border-radius: 13px;
flex-flow: wrap;
place-content: stretch center;
align-items: center;
max-width: 500px;
margin-top: -36px;
margin-left: 10px;
margin-right: 0;
padding: 0 9px;
display: flex;
}
.category-item {
flex-direction: row;
margin-top: 11px;
}
.filter-left {
z-index: 20;
border-radius: 0;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
position: static;
}
.category-item-wrapper {
color: #555;
flex-direction: row;
}
.filter-bar {
z-index: 25;
border-bottom: 1px solid #ededed;
border-left: 1px solid #ededed;
border-right: 1px solid #ededed;
border-radius: 0 0 20px 20px;
justify-content: flex-start;
align-items: stretch;
margin-top: 40px;
margin-bottom: 3px;
padding: 0 0;
display: none;
position: relative;
}
.text-block-138 {
margin-right: 12px;
}
.collection-item-4 {
margin-right: 8px;
}
.text-block-139 {
border: 1px solid #dfdfdf;
border-radius: 0;
padding-left: 8px;
padding-right: 8px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 13px;
}
.button-text-wrapper-2 {
border: 1px solid #c7c7c7;
margin-top: 9px;
padding: 0 6px;
}
.button-text-2 {
color: #858585;
border: 1px #b00;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 13px;
}
.shop-filters {
color: #7c7c7c;
background-color: #fff0;
border: 1px #e6e6e6;
border-right-color: #e9e9e9;
border-radius: 0;
justify-content: center;
min-width: 50px;
max-width: 200200px;
margin-top: 10px;
margin-right: 8px;
padding: 4px 8px 3px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 12px;
font-weight: 800;
display: flex;
}
.shop-filters.last-line {
border-right-style: none;
}
.div-block-60 {
display: none;
}
.text-block-140, .text-block-141 {
font-size: 16px;
}
.default-state-2 {
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #fff;
}
.empty-state {
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
background-color: #fff0;
}
.faq-question-wrap {
padding-left: 25px;
padding-right: 25px;
}
.faq-question-bar {
border-bottom-style: solid;
padding-top: 15px;
padding-bottom: 15px;
}
.faq-question-bar.new {
color: #fff;
border: 1px #1a1a1a;
border-bottom-style: solid;
font-weight: 700;
}
.faq-question-bar.last-bar {
border-bottom-style: none;
}
.faq-question-bar._1 {
border-top: 1px solid #00000012;
}
.question-title {
color: #272727;
letter-spacing: .05em;
text-transform: none;
flex: 1;
padding-right: 8px;
font-family: Helvetica, sans-serif;
font-size: 10px;
font-weight: 700;
}
.faq-circle {
opacity: 1;
filter: none;
background-color: #fff0;
width: 23px;
min-width: 23px;
height: 23px;
min-height: 23px;
}
.faq-circle.new {
filter: invert();
}
.plus-icon {
max-width: 50%;
}
.faq-paragraph {
color: #4e4e4e;
letter-spacing: 0;
text-transform: none;
padding-top: 0;
padding-bottom: 0;
font-family: Helvetica, sans-serif;
font-size: 11.5px;
font-weight: 700;
}
.title-wrap {
align-items: center;
margin-bottom: -29px;
font-family: Attriumvirate Condensed, sans-serif;
}
.faq-question-wrap-1.product-view-1 {
min-width: 100%;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.faq-question-wrap-1.product-view-1.hide {
display: none;
}
.faq-question-wrap-1.product-view-1.footer {
min-width: 260px;
display: none;
}
.container-6 {
padding-top: 38px;
display: none;
}
.faq-grid.contact {
margin-top: 14px;
}
.content-h1 {
text-align: center;
letter-spacing: .03em;
text-transform: uppercase;
padding-left: 45px;
padding-right: 45px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 25px;
}
.paragraph-7 {
color: #fff;
text-align: center;
text-transform: none;
margin-top: -13px;
font-family: Helvetica, sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 1.2em;
}
.paragraph-8 {
color: #585858;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
margin-top: -3px;
padding-left: 28px;
padding-right: 28px;
font-family: Engula, Georgia, sans-serif;
font-size: 9px;
font-weight: 700;
line-height: 1.8em;
}
.bold-text-5 {
color: #2e2e2e;
font-size: 8px;
font-weight: 800;
}
.section-8 {
margin-top: -5px;
margin-bottom: 10px;
}
.paragraph-9 {
color: #535353;
text-align: left;
text-transform: none;
flex-direction: row;
margin-top: 13px;
font-family: Helvetica, sans-serif;
font-size: 11.5px;
display: flex;
overflow: visible;
}
.paragraph-9.dont-need {
display: none;
}
.text-block-142 {
color: #2c2c2c;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 11px;
}
.close-button {
margin-right: 25px;
position: static;
}
.cart-item {
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #fafafa00;
border-radius: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 7px;
padding-left: 20px;
display: flex;
box-shadow: 9px 9px 20px 3px #0d1b2412;
}
.hero-products-2 {
margin-bottom: 2vw;
display: flex;
}
.hero-products-2.old, .hero_products-arrow-view-2 {
display: none;
}
.heading-47 {
color: #000;
letter-spacing: .2em;
margin-top: -27px;
padding-left: 20px;
font-family: Helvetica, sans-serif;
font-size: 9px;
}
.heading-47.rec {
display: none;
}
.nav-copy {
padding-top: 2px;
font-size: .875em;
line-height: 16px;
}
.glitch {
font-family: Helvetica, sans-serif;
font-size: 13vw;
line-height: 1em;
}
.nav-brand {
margin-left: 1.2em;
}
.nav-menu-button {
margin-right: .9em;
display: none;
transform: translate(.3em);
}
.wrapper {
height: auto;
margin-top: 112px;
margin-bottom: 0;
display: none;
}
.background-video {
background-image: none;
}
.container-7 {
align-content: start;
align-items: start;
padding: 0 1.2em 3em;
}
.nav-menu-6 {
padding-left: 1.2em;
padding-right: 1.2em;
}
.nav {
background-color: #fff0;
margin-bottom: 1em;
padding-top: 1.5em;
display: flex;
}
.section-9 {
background-image: linear-gradient(#f3f3f3bf, #f3f3f3bf), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60c80b93b0b74f0caa442ee5_Wallpaper-Kemra-Marble-1-1100x1318.jpg");
background-position: 0 0, 50%;
background-size: auto, auto;
justify-content: flex-start;
}
.button-7 {
border-radius: 0;
margin-top: .2em;
padding: .5em 1.6em;
}
.button-7:hover {
background-color: #000;
}
.text-block-144 {
text-align: center;
}
.section_grid {
margin-bottom: -26px;
padding: 0;
display: none;
}
.my_container__1160 {
margin-top: 16px;
}
.responsive__grid {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
margin-bottom: 0;
}
.responsive__grid.reverse {
grid-template-columns: 1fr;
}
.grid__image {
margin-top: -16px;
}
.grid-2 {
margin-top: 39px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
display: none;
}
.block-hor-img.yellow {
background-image: linear-gradient(#ffffffc7, #ffffffc7), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/61904276e6b9612938b0b32a_https___hypebeast.com_image_2019_06_represent-fall-winter-2019-campaign-lookbook-1.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.block-hor-img.black {
background-color: #afafaf82;
background-image: linear-gradient(#afafaf82, #afafaf82), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6209e1a7519bf335cab442f5_FILM%20BILL%20SMALL.png");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
height: 200px;
box-shadow: 9px 9px 20px -10px #48484878;
}
.block-hor-img.gray {
background-image: linear-gradient(#afafaf82, #afafaf82), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6190429f38f8db8df5547423_Represent-FW19-Campaign-15.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
border-radius: 5px;
height: 250px;
box-shadow: 4px 4px 20px -4px #48484878;
}
.block-hor-img.orange {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #ffffff7d;
background-image: linear-gradient(#afafaf82, #afafaf82), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/61904276e6b9612938b0b32a_https___hypebeast.com_image_2019_06_represent-fall-winter-2019-campaign-lookbook-1.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
border-radius: 5px;
height: 250px;
box-shadow: 4px 4px 11px -6px #48484878;
}
.block-hor-img.yellow {
background-image: linear-gradient(#afafaf82, #afafaf82), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/61904276e6b9612938b0b32a_https___hypebeast.com_image_2019_06_represent-fall-winter-2019-campaign-lookbook-1.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
height: 200px;
box-shadow: 7px 7px 20px -9px #48484878;
}
.block-hor-text__wrapper {
flex: 1;
min-width: 70%;
}
.block-hor-text__heading {
text-transform: uppercase;
margin-bottom: 5px;
font-family: Helvetica, sans-serif;
font-size: 16px;
font-weight: 800;
}
.woman-phone {
width: 120px;
}
.woman-phone.yellow {
flex: 0 auto;
width: 170px;
}
.slide-6 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.body-2 {
background-color: #000;
background-image: none;
}
.section-10 {
height: 120px;
max-height: 100px;
margin-top: 13px;
margin-bottom: 110px;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 10px;
display: block;
}
.section-10.fitst {
display: none;
}
.div-block-61 {
justify-content: center;
align-items: center;
display: flex;
}
.container-8 {
text-align: center;
justify-content: flex-start;
align-items: center;
margin-top: -13px;
line-height: 18px;
display: flex;
}
.text-block-145 {
color: #fff;
text-align: left;
letter-spacing: .7px;
text-transform: uppercase;
justify-content: center;
padding-left: 0;
padding-right: 0;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 75px;
font-weight: 800;
line-height: 71px;
display: block;
}
.body-3 {
background-color: #000;
background-image: linear-gradient(#ffffffa1, #ffffffa1), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60c80b93b0b74f0caa442ee5_Wallpaper-Kemra-Marble-1-1100x1318.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.dashboard-wrapper {
background-color: #fff;
margin-top: 107px;
padding-top: 22px;
padding-bottom: 29px;
display: none;
}
.grid-3 {
grid-template-rows: auto;
}
.grid-3.second-shoop {
margin-top: -13px;
}
.explore-dropdown__heading {
color: #000;
font-family: Helvetica, sans-serif;
font-size: 14px;
line-height: 22px;
}
.block-hor-text__heading-2 {
color: #fff;
justify-content: center;
font-family: Attriumvirate Condensed, sans-serif;
display: flex;
}
.block-hor-text__heading-2.m-none {
font-family: Attriumvirate Condensed, sans-serif;
display: none;
}
.explore__list-item {
padding-top: 4px;
padding-bottom: 4px;
}
.explore-dropdown {
background-color: #ececec00;
border-style: none;
margin-bottom: 6px;
display: none;
}
.explore-dropdown:hover {
background-color: #ececec00;
}
.explore__emoji {
display: none;
}
.section-11 {
background-image: linear-gradient(#000000ad, #000000ad), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/61904276e6b9612938b0b32a_https___hypebeast.com_image_2019_06_represent-fall-winter-2019-campaign-lookbook-1.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
border-radius: 0 0 20px 20px;
margin-top: 103px;
padding-top: 140px;
padding-bottom: 140px;
display: none;
}
.container-10 {
object-fit: fill;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 600px;
margin-bottom: 4px;
padding-left: 0;
padding-right: 0;
display: block;
position: static;
left: -70px;
}
.heading-48 {
letter-spacing: .1em;
max-width: 100%;
margin-bottom: 15px;
padding-right: 89px;
font-family: Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
}
.button-8 {
color: #000;
letter-spacing: 1px;
background-color: #fff;
border: 1px solid #000;
border-radius: 2px;
max-width: 100%;
padding: 10px 106px;
font-family: Helvetica, sans-serif;
font-size: 12px;
}
.mobile-intro-box-image {
height: 275px;
}
.stacked-intro-3 {
max-width: 280px;
}
.intro-box {
max-width: 288px;
}
.subtitle-4 {
color: #000c;
}
.grid-wrapper-6 {
grid-column-gap: 0px;
grid-row-gap: 48px;
border-top: 1px #0f0f0f;
grid-template-rows: 1fr;
grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr);
grid-auto-columns: 1fr;
display: grid;
}
.grid-wrapper-6._3 {
border-top: 1px solid #0e0e0e;
}
.grid-wrapper-6._4 {
border-top-style: solid;
border-top-color: #111;
}
.grid-wrapper-6.guide-1 {
border-top-style: solid;
border-top-color: #1a1919;
}
.link {
border-color: #0000001a;
border-radius: 0;
min-width: 100%;
}
.section-12 {
background-color: #fff;
margin-top: 44px;
padding-top: 90px;
padding-bottom: 90px;
display: none;
}
.body-display-3 {
color: #000000e6;
display: none;
}
.text-block-146, .text-block-147, .text-block-148 {
color: #000;
}
.heading-49, .heading-50 {
display: none;
}
.section-13 {
background-color: #fff0;
min-height: 100px;
margin-top: 34px;
margin-bottom: 30px;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.section-13.shop-card-1 {
background-color: #fff0;
margin-top: 103px;
}
.container-11 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/61904265d1875017ca75a94f_Represent-FW19-Campaign-9.jpg");
background-position: 50%;
background-size: auto;
border-radius: 10px;
justify-content: center;
min-height: 240px;
padding-left: 10px;
padding-right: 10px;
display: flex;
box-shadow: 2px 2px 20px #58666b45;
}
.container-11.pic-shop-2 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/619042b87dd18b48e6f14146_https___hypebeast.com_image_2019_06_represent-fall-winter-2019-campaign-lookbook-11.jpg");
border-radius: 10px;
min-height: 240px;
box-shadow: 0 4px 20px #58666b45;
}
.container-11.pic-shop-2._3 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/61904276e6b9612938b0b32a_https___hypebeast.com_image_2019_06_represent-fall-winter-2019-campaign-lookbook-1.jpg");
}
.heading-51 {
text-align: left;
letter-spacing: .1em;
text-transform: uppercase;
margin-top: 20px;
margin-bottom: 4px;
padding-left: 0;
padding-right: 20px;
font-family: Helvetica, sans-serif;
font-size: 13px;
font-weight: 800;
line-height: 1.1em;
display: block;
}
.button-9 {
-webkit-backdrop-filter: blur(9px);
backdrop-filter: blur(9px);
color: #000;
letter-spacing: 1.1px;
text-transform: uppercase;
background-color: #ffffff38;
border: 1px solid #adadad;
border-radius: 5px;
justify-content: center;
min-width: 100%;
max-width: 100%;
max-height: 40px;
padding: 22px 0 38px;
font-family: Helvetica, sans-serif;
font-size: 11px;
display: flex;
}
.paragraph-10 {
color: #636363;
text-align: left;
letter-spacing: .1px;
margin-bottom: 26px;
padding-left: 0;
padding-right: 0;
font-size: 14px;
font-style: normal;
}
.heading-52 {
font-family: Attriumvirate Condensed, sans-serif;
position: static;
}
.icon-5 {
color: #000;
display: none;
}
.dropdown-link-2 {
color: #000;
text-align: center;
text-transform: none;
background-color: #f7f8fc;
font-family: Helvetica, sans-serif;
font-size: 10px;
font-weight: 700;
}
.dropdown-link-3 {
color: #000;
text-align: center;
background-color: #fff;
font-family: Helvetica, sans-serif;
font-size: 10px;
}
.dropdown-link-3.dt {
background-color: #f7f8fc;
font-weight: 700;
}
.dropdown-link-4 {
color: #000;
text-align: center;
background-color: #f7f8fc;
font-family: Helvetica, sans-serif;
font-size: 10px;
font-weight: 700;
}
.dropdown-list-5 {
background-color: #ddddddeb;
}
.dropdown-list-5.w--open {
background-color: #ddd0;
}
.heading-53 {
color: #0f0f0f;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
font-family: Helvetica, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.15em;
}
.heading-54 {
color: #000;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 13px;
font-family: Helvetica, sans-serif;
font-size: 11px;
font-weight: 700;
}
.text-span-20 {
letter-spacing: .5px;
text-transform: lowercase;
font-family: Helvetica, sans-serif;
font-weight: 400;
}
.text-span-21 {
letter-spacing: .5px;
text-transform: none;
font-family: Helvetica, sans-serif;
font-weight: 400;
}
.empty-state-2 {
text-transform: uppercase;
background-color: #ddd0;
font-family: Attriumvirate Condensed, sans-serif;
}
.text-block-149 {
color: #3b3b3b;
letter-spacing: 0;
text-transform: capitalize;
margin-bottom: 10px;
font-family: Helvetica, sans-serif;
font-size: 11px;
font-weight: 700;
display: none;
}
.heading-55 {
text-align: left;
text-transform: uppercase;
margin-top: 20px;
margin-bottom: 10px;
font-family: Helvetica, sans-serif;
font-size: 20px;
}
.bold-text-6 {
color: #000;
letter-spacing: .4px;
text-transform: none;
font-family: Helvetica, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: .7em;
}
.section-14 {
padding-left: 10px;
display: block;
}
.section-15 {
margin-top: 114px;
margin-bottom: 47px;
padding-left: 20px;
padding-right: 10px;
display: block;
}
.section-16 {
display: none;
}
.heading-57 {
padding-top: 40px;
}
.row-bottom {
height: 60px;
}
.menu-parent {
width: 50px;
padding-right: 0;
top: 3px;
}
.menu-txt {
font-size: 40px;
}
.about-content-inner {
padding-bottom: 100px;
padding-right: 30px;
}
.content-parent {
height: 200px;
}
.close {
top: 20px;
right: 20px;
}
.grid-4 {
grid-row-gap: 30px;
grid-template-rows: 1.2fr 1fr 1.2fr;
grid-template-columns: 1fr 1fr;
}
.nav-parent {
margin-left: 20px;
}
.container-wrap {
height: auto;
padding-left: 20px;
padding-right: 20px;
}
.menu-parent-slide {
width: 100%;
}
.row-top {
align-items: flex-start;
height: 100px;
}
.copyright {
font-size: 3.5vw;
}
.text-block-2-copy {
font-size: 2.4vw;
}
.new-media, .a {
font-size: 3.5vw;
}
.section-17 {
display: none;
}
.content {
margin-bottom: 35px;
}
.text-block-150 {
font-size: 15vw;
}
.image-wrapper {
right: -20%;
}
.text-block-151 {
font-size: 2.4vw;
}
.image-9 {
max-width: 50%;
}
.text-block-152, .text-block-153, .text-block-154, .text-block-155, .text-block-156 {
font-family: Helvetica, sans-serif;
}
.text-span-26 {
color: #444;
letter-spacing: -1.5px;
font-family: Treadstone Grunge, sans-serif;
font-size: 18px;
}
.text-span-26.home {
color: #fff;
}
.section-18 {
margin-top: 0;
margin-bottom: 0;
padding-left: 5px;
padding-right: 5px;
display: block;
}
.section-18.shop {
background-color: #fff;
margin-top: 153px;
margin-bottom: 0;
padding-top: 0;
}
.section-18.shop.shop-page {
margin-top: 0;
display: none;
}
.product_image {
background-image: linear-gradient(#fff, #fff);
min-width: 100%;
max-width: 149px;
min-height: 100px;
}
.product_image._3 {
background-image: linear-gradient(#fff, #fff);
min-width: 100%;
}
.product_image._3:hover {
background-image: linear-gradient(#fff, #fff);
}
.product_image._4 {
min-width: 100%;
}
.product_image._2 {
background-image: linear-gradient(#fff, #fff);
min-width: 100%;
}
.discount_tag {
font-size: 10px;
}
.discount_tag.button {
display: none;
}
.spacing_48 {
background-color: #fff0;
height: 8px;
margin-top: 7px;
}
.spacing_48.h {
display: none;
}
.product_image_wrapper {
border-radius: 0;
height: 251px;
}
.text_color_grey {
color: #000;
letter-spacing: .5px;
text-transform: uppercase;
margin-bottom: 0;
padding-right: 8px;
font-family: Helvetica, sans-serif;
font-size: 8px;
font-weight: 800;
line-height: 1.1em;
}
.text_color_grey.blanks-fgx {
margin-top: 16px;
display: flex;
}
.spacing_4, .spacing_32.fx, .line_divider {
display: none;
}
.blog_grid {
grid-column-gap: 6px;
grid-row-gap: 30px;
margin-bottom: 26px;
}
.blog_grid.copy {
grid-column-gap: 4px;
grid-row-gap: 31px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 15px;
display: none;
}
.blog_grid.copy._3 {
grid-column-gap: 6px;
margin-bottom: 30px;
}
.blog_grid.copy._3._4 {
grid-row-gap: 30px;
}
.blog_grid.add-1 {
margin-top: 15px;
margin-bottom: 30px;
}
.blog_grid.add-1.fx-old, .blog_grid.add-1.hddn, .blog_grid.add-1.old, .blog_grid.add-1.nonee123 {
display: none;
}
.blog_grid.fx-home {
margin-bottom: 16px;
}
.font_weight_bold {
text-transform: uppercase;
font-family: Helvetica, sans-serif;
font-size: 11px;
font-weight: 700;
display: block;
}
.button-10.background_white {
opacity: 1;
color: #49494999;
letter-spacing: 2.5px;
text-transform: uppercase;
background-color: #fff0;
border: 1px solid #b4b4b47a;
border-radius: 0;
margin-bottom: -4px;
font-family: Helvetica, sans-serif;
font-size: 12px;
}
.button-10.background_white:hover {
border-radius: 5px;
}
.section_title {
text-align: center;
text-transform: uppercase;
font-family: Helvetica, sans-serif;
}
.section_title.font-neef {
color: #5c5c5c;
letter-spacing: .1em;
text-transform: uppercase;
margin-top: 29px;
font-size: 10px;
}
.section_title.font-neef.shop {
letter-spacing: .1em;
border: 1px #a73535;
border-bottom-color: #00000014;
margin-top: 4px;
margin-bottom: 3px;
padding-bottom: 6px;
font-size: 9px;
display: none;
}
.text-span-27 {
font-weight: 700;
}
.bold-text-7 {
color: #424242;
text-transform: none;
font-family: Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: 700;
line-height: 13px;
}
.bold-text-8 {
letter-spacing: .02em;
font-size: 17px;
}
.div-block-62 {
padding-top: 0;
}
.text-block-157 {
color: #000;
text-align: center;
letter-spacing: .5px;
margin-top: 0;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 13px;
font-weight: 800;
}
.text-block-158 {
letter-spacing: 1px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 15px;
}
.paragraph-11 {
display: none;
}
.heading-58 {
color: #fff;
letter-spacing: .7px;
text-transform: uppercase;
flex-direction: column;
margin-top: -48px;
margin-bottom: 50px;
margin-left: 0;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 16px;
font-weight: 800;
display: none;
position: static;
}
.heading-59 {
color: #353535;
letter-spacing: .01em;
text-transform: uppercase;
padding-top: 7px;
padding-left: 13px;
font-family: Helvetica, sans-serif;
font-size: 18px;
font-weight: 800;
display: block;
position: static;
}
.heading-59.filters {
padding-top: 11px;
font-size: 12px;
}
.section-19 {
justify-content: space-between;
margin-top: 55px;
font-family: Helvetica, sans-serif;
display: block;
}
.button-11 {
color: #707070;
text-transform: uppercase;
background-color: #3898ec00;
border: 1px solid #0000001f;
justify-content: center;
align-items: center;
margin-right: 9px;
padding-top: 3px;
padding-bottom: 3px;
font-size: 11px;
display: flex;
}
.dropdown-toggle-3 {
display: none;
}
.dropdown-icon-3.no-margin-right {
color: #777676db;
margin-right: -1.6rem;
}
.dropdown-icon-3.no-margin-right._2 {
margin-right: -3rem;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.filters5_menu-link {
color: #333;
text-transform: uppercase;
border-color: #0000000f;
border-top-style: none;
border-left-style: none;
min-width: 100px;
padding: .7rem 2.5rem;
}
.filters5_menu-link.w--current {
border-bottom-style: solid;
border-bottom-color: #0000000f;
border-right-style: solid;
border-right-color: #0000000f;
}
.filters5_menu-link.current {
border-color: #0000000f;
}
.filters5_menu-link.current.fx {
border-top-style: none;
border-left-style: solid;
padding-top: .7rem;
padding-bottom: .7rem;
}
.filters5_menu-link.current.fx.w--current {
border-right-style: solid;
}
.filters5_menu-link.current.fx.menu-nav.w--current {
border-bottom-style: none;
}
.filters5_menu-link.current.fx.menu-nav._1.w--current {
border-left-style: none;
}
.filters5_menu-link.outwear.w--current {
border-bottom-style: solid;
border-bottom-color: #0000000f;
}
.filters5_menu-link.menu-nav {
border-bottom-style: none;
}
.text-size-medium.text-weight-semibold {
font-size: 1.3rem;
}
.filters5_filters-wrapper {
margin-top: -7px;
display: none;
}
.form-input-2.is-search-input {
border-color: #1b1b1b33;
font-family: Helvetica, sans-serif;
font-size: 13px;
}
.filters5_sort-dropdown-toggle {
justify-content: space-between;
margin-right: 0;
padding-left: .5rem;
padding-right: 5.2rem;
}
.filters5_sort-dropdown-toggle._2 {
margin-left: -13px;
}
.filters5_category-menu.no-scrollbar {
z-index: 100;
background-color: #fff;
margin-top: 112px;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.filters5_category-menu.no-scrollbar.menu-nav {
filter: invert();
border-top: 1px solid #ededede3;
margin-top: 0;
padding-top: 3px;
padding-bottom: 3px;
font-size: 15px;
position: relative;
}
.filters5_item-text-wrapper {
font-family: Helvetica, sans-serif;
font-size: 13px;
}
.grid-quarter {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-columns: 1fr;
}
.filters5_dropdown-toggle {
border-color: #00000030;
font-family: Helvetica, sans-serif;
font-size: 12px;
}
.button-icon-left {
display: none;
}
.text-size-small {
font-size: 12px;
}
.filters5_filters-button.button-tertiary {
color: #1b1b1b;
border-color: #1b1b1b4f;
padding: .2rem 1.5rem;
font-family: Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
display: none;
}
.filters5_feed-header-top {
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: minmax(200px, .25fr);
grid-auto-flow: row;
align-content: stretch;
margin-top: 36px;
}
.filters5_component {
margin: 11px 1px -42px;
position: relative;
}
.text-block-159 {
color: #838383;
letter-spacing: 1.3px;
text-transform: uppercase;
font-family: Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
text-decoration: none;
}
.bold-text-9 {
color: #000;
text-transform: uppercase;
font-family: Helvetica, sans-serif;
font-size: 10px;
font-weight: 800;
}
.bold-text-9.fx {
font-weight: 700;
}
.bold-text-9.menu-nav {
font-family: Attriumvirate Condensed, sans-serif;
font-size: 11px;
font-weight: 700;
}
.text-block-160 {
color: #000000ed;
letter-spacing: 1px;
text-transform: uppercase;
font-family: Helvetica, sans-serif;
font-size: 10px;
font-weight: 700;
}
.text-block-160.fx {
font-family: Helvetica, sans-serif;
font-size: 10px;
font-weight: 700;
}
.text-block-160.fx.selected {
font-weight: 800;
}
.text-block-160.fx-blanks {
font-weight: 700;
}
.text-block-161 {
letter-spacing: 1px;
font-family: Helvetica, sans-serif;
font-size: 12px;
}
.ths05-search-wrapper {
height: 50px;
margin-top: 40px;
margin-bottom: -7px;
font-family: Helvetica, sans-serif;
font-size: 12px;
display: none;
}
.ths05-search {
flex-direction: row;
justify-content: space-around;
font-family: Helvetica, sans-serif;
display: flex;
}
.ths05-search-input {
color: #1b1b1b;
text-transform: uppercase;
border-bottom-style: solid;
border-bottom-color: #00000029;
border-radius: 0;
height: 45px;
padding-left: 13px;
font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight: 800;
position: static;
inset: 0% auto 0% 0%;
box-shadow: 6px 6px 30px -3px #121e5a1a;
}
.ths05-search-button {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/62f73642d95bf703b149538d_%5B6%5Dhs96_ico_search.svg");
background-position: 50%;
background-repeat: no-repeat;
width: 20px;
height: 20px;
margin-top: 14px;
margin-bottom: 8px;
margin-right: 7px;
inset: 0% 0% 0% auto;
}
.ths05-button.white {
display: none;
}
.text-block-162 {
color: #333333ba;
letter-spacing: 1px;
text-transform: uppercase;
font-family: Helvetica, sans-serif;
font-size: 12px;
}
.text-block-163 {
font-size: 14px;
}
.slide-7 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
}
.div-block-63 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/62f843eed95bf73624570bc0_filter_filters_funnel_list_navigation_sort_sorting_icon_123212.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
min-width: 10px;
}
.section-20 {
min-height: 35px;
max-height: 15px;
margin-top: 29px;
padding-bottom: 0;
}
.free-shipping {
z-index: 101;
background-image: linear-gradient(#f1f1f1, #f1f1f1);
border: 1px #000;
border-bottom: 1.2px #e6e6e6;
justify-content: center;
align-items: center;
max-height: 42px;
margin-top: 106px;
margin-bottom: -1px;
padding-top: 18px;
padding-bottom: 18px;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.free-shipping.product-window {
max-height: 25px;
box-shadow: none;
background-image: linear-gradient(#fff, #fff);
margin-top: 65px;
padding-top: 17px;
padding-bottom: 17px;
display: none;
position: absolute;
}
.free-shipping.product-view {
background-image: linear-gradient(#ffffff80, #ffffff80), linear-gradient(#f1f1f1, #f1f1f1);
margin-top: 65px;
display: none;
}
.heading-60 {
color: #3b3b3b;
text-align: center;
letter-spacing: 1.5px;
text-transform: uppercase;
font-family: Helvetica, sans-serif;
font-size: 8px;
font-weight: 700;
display: block;
}
.heading-61 {
color: #0c0c0c;
letter-spacing: .04em;
text-transform: uppercase;
justify-content: center;
margin-top: 17px;
margin-bottom: 10px;
font-family: Helvetica, sans-serif;
font-size: 11px;
font-weight: 800;
display: none;
}
.heading-61.fx-shirts, .heading-61.fx-pants, .heading-61.fx-outerwear {
margin-bottom: 20px;
}
.body-4 {
background-color: #fff;
background-image: none;
}
.heading-62 {
letter-spacing: 1px;
text-transform: uppercase;
margin-top: -13px;
font-family: Attriumvirate Condensed, sans-serif;
}
.text-block-164 {
letter-spacing: 2px;
width: 15px;
font-size: 10px;
}
.text-block-165 {
color: #353535;
letter-spacing: 1.5px;
margin-left: 3px;
font-size: 10px;
}
.text-block-165.old {
display: none;
}
.text-block-166, .text-block-167 {
font-size: 10px;
}
.success-message-2 {
color: #fff;
background-color: #ddd0;
height: 50px;
padding-top: 10px;
padding-bottom: 10px;
}
.text-white {
font-family: Helvetica, sans-serif;
font-size: 12px;
}
.footer-social-parent {
display: flex;
}
.heading-footer-cta {
font-size: 12vw;
}
.heading-footer-cta.text-white {
font-family: Helvetica, sans-serif;
}
.footer-parent.bg-black {
background-color: #000;
}
.footer-cta-r {
grid-column-gap: 0px;
grid-template-columns: .25fr;
grid-auto-columns: 4fr;
padding-left: 0;
display: flex;
}
.footer-social-grid {
width: 100%;
}
.footer-btm-grid {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
display: flex;
}
.link-2 {
color: #5e5e5e;
font-family: Helvetica, sans-serif;
}
.product-text-container {
padding-left: 0;
}
.heading-rg, .heading-md {
font-size: 7vw;
}
.heading-semi {
font-size: 12vw;
}
.list-image-parent {
display: none;
}
.heading-xsm {
font-size: 4vw;
}
.heading-sm {
font-size: 6vw;
}
.projects-info-text {
grid-template-columns: 1.5fr 4.25fr;
}
.mobile-nav-social-parent {
grid-column-gap: 2em;
}
.info-img-parent {
display: none;
}
.super-text-xl, .super-text {
font-size: 16vw;
}
.hero-grid-middle {
grid-template-columns: 3fr;
font-size: 16px;
}
.hero-grid {
grid-column-gap: 0px;
grid-template-columns: .25fr 3.75fr;
}
.mobile-nav-open-parent {
display: none;
}
.home-hero-2 {
height: 95vh;
}
.process-info-text {
grid-template-columns: 1.25fr 2.75fr;
}
.list-parent {
height: 100px;
}
.mobile-nav-link {
font-weight: 400;
overflow: hidden;
}
.body-5 {
background-color: #000;
}
.navigation-2 {
display: none;
position: fixed;
}
.home-hero-3 {
height: 95vh;
display: none;
}
.hero-grid-2 {
grid-column-gap: 0px;
grid-template-columns: .25fr 3.75fr;
}
.scroll-home {
z-index: 200;
color: #242424;
background-color: #000;
height: 100px;
margin-top: 8px;
padding-top: 66px;
display: block;
position: absolute;
}
.marquee-text-desktop, .marquee-text-2 {
color: #999;
letter-spacing: 1px;
margin-left: 5px;
margin-right: 5px;
font-size: 15px;
overflow: hidden;
}
.lottie-animation-3 {
z-index: 300;
filter: invert();
position: absolute;
top: 22px;
left: 19px;
right: 3px;
}
.looping-wrapper {
grid-column-gap: 24px;
color: #b4b4b4;
display: none;
}
.looping-hero-top {
margin-top: 78px;
padding-top: 0;
padding-bottom: 120px;
}
.looping-hero-top.campaign {
margin-bottom: -16px;
}
.heading-separator {
width: 36px;
}
.heading-separator.mobile-only {
display: block;
}
.scroll-link {
grid-column-gap: 24px;
min-width: 70vw;
}
.looping-heading-wrapper {
grid-column-gap: 24px;
padding-right: 24px;
}
.overlay-4.light {
background-color: #04080c38;
border-radius: 8px;
}
.circle-link {
background-color: #000;
border-style: solid;
border-color: #3b3b3b1a;
}
.looping-heading {
font-size: 30px;
}
.looping-heading.mobile-only {
display: block;
}
.background-wrapper-2 {
margin-top: -26px;
}
.button-text-3 {
letter-spacing: 3px;
font-family: Helvetica, sans-serif;
font-size: 8px;
}
.link-wrapper {
margin-top: -61px;
}
.background-image-2.home-background {
filter: saturate(0%);
background-image: linear-gradient(#000 9%, #14141412 42%, #0a0a0a30 70%, #000000d9 94%), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/64d31042ff7e8be4ffbb3536_OMDFG4515.png");
background-position: 0 0, 56%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.background-image-2.home-background.guide {
background-image: linear-gradient(#000 9%, #14141412 42%, #0a0a0a30 70%, #000000d9 94%), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/64e5696b3e949526476f88c0_265162.png");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.background-image-2.home-background.ep1pt1 {
background-image: linear-gradient(#000 9%, #14141412 42%, #0a0a0a30 70%, #000000d9 94%), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/64ce83fa6fdedd41e7d6e5c9_web7451.png");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.background-image-2.home-background.fx-2 {
background-image: linear-gradient(#000, #14141412 42%, #0a0a0a30 70%, #000000d9 94%), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/64ce83b20b77087d65f66d91_web56456.png");
background-position: 0 0, 50%;
}
.hero-section {
min-height: 93vh;
display: flex;
}
.outline {
border-style: solid;
}
.div-block-64 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
}
.link-block-3 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6331fbfc2033d5533b67bc29_WEB%20BLANK%205.png");
background-position: 50%;
background-size: cover;
border-radius: 6px;
width: 100%;
height: 100%;
padding-bottom: 295px;
}
.section-22 {
margin-top: 10px;
margin-bottom: 25px;
padding-left: 5px;
padding-right: 5px;
display: none;
}
.section-22.home {
padding-left: 17px;
padding-right: 17px;
}
.link-block-4 {
border-radius: 0;
width: 100%;
height: 400px;
}
.div-block-65 {
opacity: 1;
filter: brightness(114%);
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6363ba63197ee48b22261e09_FHF.png");
background-position: 50%;
background-size: cover;
border-radius: 0;
}
.paragraph-12 {
color: #848484;
text-align: center;
letter-spacing: .4px;
text-transform: none;
margin-top: -5px;
margin-bottom: 25px;
padding-left: 20px;
padding-right: 20px;
font-family: Helvetica, sans-serif;
font-size: 8.3px;
line-height: 1.4em;
display: none;
}
.section-23 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/635b28b492ddf2da8adb9d49_dqwd.png");
background-position: 50%;
background-size: cover;
min-height: 600px;
margin-bottom: 10px;
}
.section-23._2 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/63b22b189c26953e48dafd8b_ghgh.png");
margin-top: -19px;
margin-bottom: 10px;
display: none;
}
.section-23._2._3 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/635b29cdfa0ae4eaad7cc186_fhjfj.png");
}
.section-23._2._3._5 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/635b31ce4742ac0affa3d178_asf.png");
}
.section-23._2._3._5._6 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/635b28b492ddf2da8adb9d49_dqwd.png");
}
.section-23._2._3._4 {
filter: saturate(41%);
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/63aa42a3e93ff816a0886b03_1helmut-lang-ss21-slogn-capsule.webp");
background-size: cover;
}
.text-block-168 {
color: #000;
letter-spacing: 1.1px;
text-transform: uppercase;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 17px;
font-weight: 800;
}
.div-block-66 {
filter: invert();
min-height: 450px;
}
.button-row_shop.padding-vertical.align-center {
justify-content: center;
}
.button-row_shop.padding-vertical.align-center.margin-top-small {
margin-top: 50px;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.quantity-cart-item {
margin-bottom: 9px;
}
.default-state-3 {
height: 100%;
}
.cart-container-3 {
width: 93%;
min-width: auto;
}
.menu-button-5 {
justify-content: center;
align-items: center;
}
.cart-line-item-2 {
margin-bottom: 24px;
padding-bottom: 18px;
}
.nav-content {
grid-template-columns: 1fr 1fr;
}
.cart-item-bottom {
flex-direction: column;
align-items: flex-start;
}
.cart-item-top {
margin-bottom: 24px;
}
.cart-footer-2 {
padding-top: 18px;
padding-left: 24px;
padding-right: 24px;
}
.cart-top {
padding: 9px 24px;
}
.cart-list-3 {
margin-left: 24px;
margin-right: 12px;
}
.error-message {
margin-left: 24px;
margin-right: 24px;
}
.text-block-169 {
letter-spacing: 4px;
}
.section-24 {
padding-top: 60px;
padding-bottom: 60px;
}
.section-24.no-top-padding {
background-color: #fff;
margin-top: 0;
padding-bottom: 0;
}
.section-24.no-top-padding.fx {
display: flex;
}
.section-24.no-verticle-padding {
background-color: #fff;
margin-top: 0;
display: flex;
}
.section-24.no-verticle-padding.conatct {
margin-top: 66px;
}
.project-description {
grid-row-gap: 24px;
padding-left: 18px;
padding-right: 18px;
}
.project-description.top-grey-border {
background-color: #f3f6fc00;
border-top-style: none;
padding: 19px 7px 21px;
}
.service-menu-list {
grid-auto-rows: 1fr;
}
.list-item-text {
letter-spacing: 1.4px;
text-transform: uppercase;
font-family: Helvetica, sans-serif;
font-size: 9px;
}
.field-label-4 {
color: #646464ab;
letter-spacing: 2px;
-webkit-text-stroke-color: #5f5f5fab;
margin-bottom: -7px;
font-family: Helvetica, sans-serif;
font-size: 10px;
font-weight: 800;
}
.list-heading-wrapper {
grid-template-columns: auto 1fr;
width: 100%;
padding-left: 18px;
}
.project-features {
background-color: #fff;
padding-left: 10px;
padding-right: 10px;
display: block;
}
.sticky-services-menu {
margin-bottom: -43px;
}
.subtitle-5 {
letter-spacing: 3px;
font-family: Helvetica, sans-serif;
font-size: 8px;
}
.text-field-4 {
color: #000;
text-transform: capitalize;
font-family: Helvetica, sans-serif;
}
.text-field-4.large {
color: #000;
letter-spacing: 1px;
text-transform: none;
font-size: 12px;
font-style: italic;
}
.menu-list-item {
grid-template-columns: auto 1fr;
padding-left: 18px;
padding-right: 18px;
}
.submit-button-4 {
letter-spacing: 1px;
background-color: #000;
border-radius: 4px;
padding-top: 12px;
padding-bottom: 10px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 18px;
font-weight: 500;
}
.banner-items, .banner-scrolling-wrapper {
background-color: #f7f7f7;
}
.chat-wrapper {
width: 285px;
bottom: 9%;
}
.subscribe-form-input-wrapper {
flex: 1;
align-self: stretch;
}
.chat-top {
background-color: #000;
}
.section-25 {
height: 0;
}
.text-block-171 {
letter-spacing: 1px;
font-family: Bebas, sans-serif;
}
.chat-button {
background-color: #000;
bottom: 4%;
right: 4%;
}
.subscribe-form-input {
width: 100%;
}
.heading-64 {
color: #000;
letter-spacing: 0;
text-transform: uppercase;
margin-top: -29px;
margin-bottom: 10px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 23px;
font-weight: 800;
}
.paragraph-14 {
color: #6b6b6b;
letter-spacing: .5px;
text-transform: none;
padding-right: 19px;
font-family: Helvetica, sans-serif;
font-size: 9px;
font-weight: 800;
line-height: 2em;
}
.text-span-29 {
color: #000;
font-size: 11px;
font-weight: 700;
line-height: .7em;
}
.text-span-30 {
text-transform: none;
font-size: 7px;
}
.text-span-31 {
font-size: 7px;
line-height: 1em;
}
.text-span-32 {
font-size: 16px;
}
.div-block-67 {
justify-content: center;
margin-bottom: 19px;
display: flex;
}
.text-span-33 {
font-size: 16px;
position: relative;
top: -38px;
left: 3px;
}
.text-block-172 {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 25px;
padding-left: 10px;
padding-right: 15px;
font-family: Helvetica, sans-serif;
font-size: 10px;
display: block;
}
.hero-section-2 {
margin-top: 40px;
padding-bottom: 48px;
display: block;
}
.bottom-heading {
color: #fff;
letter-spacing: .1em;
text-transform: uppercase;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 12px;
display: flex;
}
.container-13 {
width: 93%;
}
.hero-layout {
padding-left: 0;
}
.text-small {
color: #fff;
font-family: Attriumvirate Condensed, sans-serif;
}
.text-small.align-right {
font-family: Helvetica, sans-serif;
}
.cell-content {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/64cc6c2ced4ffd9ca9051d90_omrifd45g.png");
background-position: 0 0;
background-size: cover;
min-height: 200px;
padding-bottom: 15px;
}
.cell-content.pt-1 {
background-color: #000;
background-image: linear-gradient(#0003, #0003), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/64d1cddb948f3ec944ee7f65_OMRIWEBVIDEO516_AdobeExpress.gif"), linear-gradient(#000, #000);
background-position: 0 0, 50% 40%, 0 0;
background-size: auto, cover, auto;
min-height: 170px;
margin-bottom: 13px;
box-shadow: 0 0 20px -4px #3b3a3a;
}
.cell-content.pt2 {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/64d3001281277873ddf5e30c_OMRIVID1_NOT_TEXT_AdobeExpress.gif"), linear-gradient(#000, #000);
background-position: 0 0, 50%, 0 0;
background-size: auto, cover, auto;
min-height: 170px;
margin-bottom: 13px;
box-shadow: 0 0 20px -4px #3b3a3a, inset 0 1px 1px #fff3;
}
.cell-content.pt-3 {
background-image: linear-gradient(#0000006b, #0000006b), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/64d2faf94696e5e4a611d40f_omri_clouds_no_text_AdobeExpress.gif"), linear-gradient(#000, #000);
background-position: 0 0, 50%, 0 0;
background-size: auto, cover, auto;
min-height: 170px;
margin-bottom: 13px;
box-shadow: 0 0 20px 1px #3b3a3a, inset 0 1px 1px #fff3;
}
.work_date-wrap {
justify-content: flex-end;
font-size: 12px;
}
.work_date-dot {
color: #fff;
}
.work_date-text {
color: #fff;
letter-spacing: 2px;
-webkit-text-stroke-color: #00d632;
font-family: Attriumvirate Condensed, sans-serif;
}
.link-3 {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 1px;
left: -5px;
}
.section-26 {
background-image: linear-gradient(#00000061, #00000061), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/64ce861936860a19f2c5baf9_web548945.png");
background-position: 0 0, 50% 100%;
background-size: auto, cover;
height: 30%;
}
.image-10 {
min-width: 100%;
max-width: 100%;
min-height: 100%;
max-height: 100%;
}
.image-11, .image-12 {
min-width: 100%;
}
.image-13 {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
.section-27 {
display: none;
}
.section-28, .section-29 {
display: block;
}
.section-30 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/64d30fd95cab998e11612de0_DSF41SD54.png");
background-position: 0%;
background-size: cover;
min-height: 50%;
margin-top: 0;
display: block;
}
.div-block-68 {
opacity: 1;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
color: #6b6b6b;
letter-spacing: .5px;
text-transform: uppercase;
background-color: #bdbdbd40;
border-radius: 4px;
min-width: 15px;
max-width: 10%;
min-height: 5%;
max-height: 20%;
margin-top: 2px;
margin-right: 7px;
padding: 1px 30px 0;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 10px;
font-weight: 700;
display: none;
position: absolute;
inset: 2% 0% auto auto;
}
.div-block-68.fx {
display: none;
}
.text-block-173 {
justify-content: center;
font-size: 9px;
display: flex;
}
.text-block-174, .text-block-175, .text-block-176 {
color: #000;
}
.curve1 {
filter: invert();
}
.bg-img {
filter: saturate(0%);
background-image: linear-gradient(176deg, #00000052 5%, #0000004d), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/64cd9c57648369d914a5624a_WEB845641.png");
background-position: 0 0, 50%;
padding: 10px 10px 10px 0;
}
.curve2 {
filter: invert();
}
.form-block-6 {
background-color: #000;
width: 95%;
padding-top: 20px;
padding-left: 0;
padding-right: 20px;
}
.mb-20 {
color: #fff;
letter-spacing: -2px;
text-transform: uppercase;
font-family: Treadstone Grunge, sans-serif;
font-size: 32px;
line-height: 1;
}
.button-13 {
color: #000;
letter-spacing: -1px;
text-transform: uppercase;
background-color: #fff;
border-radius: 9px;
font-family: Treadstone Grunge, sans-serif;
font-size: 19px;
font-weight: 700;
}
.button-13.cancel {
margin-bottom: 15px;
}
.button-13.no {
color: #fff;
background-color: #000;
border: 1px solid #3d3d3d;
margin-top: 15px;
}
.pop-up {
z-index: 2000;
background-color: #000;
align-items: start;
margin-top: 68px;
margin-bottom: 92px;
display: none;
position: fixed;
}
.p-light {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 25px;
padding-right: 12px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 11px;
line-height: 1.5em;
}
.field-2 {
color: #3572ce;
-webkit-text-stroke-color: #fff;
text-transform: uppercase;
background-color: #000;
border-bottom-width: 1px;
border-bottom-color: #363636;
border-radius: 0;
font-family: Attriumvirate Condensed, sans-serif;
}
.right-wrap {
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background-color: #0f0f0fb0;
border-radius: 16px;
justify-content: space-between;
max-width: 600px;
padding: 20px;
}
.right-wrap.success {
padding-top: 0;
padding-bottom: 0;
}
.button-14 {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
background-color: #27272700;
border-color: #ffffff52;
border-radius: 1px;
padding-top: 7px;
padding-bottom: 7px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 14px;
transition: none;
}
.links-wrap {
grid-template-columns: 1fr;
}
.og-pop-up {
z-index: 3000;
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #21212200;
align-items: flex-end;
padding: 20px 12px 12px;
display: none;
position: fixed;
inset: auto 0% 0%;
}
.p-18 {
text-align: left;
letter-spacing: .5px;
padding-right: 12px;
font-family: Helvetica, sans-serif;
font-size: 9px;
display: block;
}
.p-18.semi-bold {
text-transform: uppercase;
margin-bottom: 5px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 18px;
}
.text-field-5 {
color: #8f8f8f;
text-transform: uppercase;
background-color: #fff0;
border-style: solid;
border-color: #ffffff52;
border-radius: 0;
height: 34px;
transition: none;
}
.text-field-5:hover, .text-field-5:focus {
border-color: #ffffff52;
}
.text-field-5::placeholder {
color: #aeafaf;
-webkit-text-stroke-color: #ffffff52;
}
.success-message-4 {
background-color: #ddd0;
}
.text-block-177 {
color: #fff;
-webkit-text-stroke-color: #fff;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 16px;
}
.error-message-3 {
color: #fff;
-webkit-text-stroke-color: #0056d600;
background-color: #ffdede00;
}
.pop-up-button {
letter-spacing: 1.5px;
text-transform: uppercase;
background-color: #18181800;
border: 1px solid #eff1f33b;
border-radius: 0;
width: 100%;
padding-top: 6px;
padding-bottom: 6px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 15px;
}
.pop-up-paragraph {
color: #fff;
letter-spacing: .3px;
padding-right: 0;
font-family: Helvetica, sans-serif;
font-size: 12px;
}
.pop-up-text-input {
color: #000;
letter-spacing: .5px;
-webkit-text-stroke-color: #fff0;
text-transform: uppercase;
background-color: #f7f9fa00;
border-color: #eff1f33d;
border-radius: 0;
width: 100%;
height: 32px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 11px;
}
.pop-up-text-input::placeholder {
color: #adadad;
-webkit-text-stroke-color: #000;
}
.pop-up-exit-button {
filter: invert();
max-width: 100%;
transition: opacity .2s;
}
.pop-up-back {
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-color: #20202066;
}
.pop-up-header {
color: #fff;
letter-spacing: .5px;
text-transform: uppercase;
margin-top: -16px;
margin-bottom: 5px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 19px;
}
.pop-up-wrapper {
align-items: flex-end;
padding-bottom: 15px;
padding-left: 18px;
padding-right: 18px;
display: none;
}
.pop-up-wrapper.preorder {
align-items: center;
padding: 80px 30px 0;
display: none;
}
.pop-up-box {
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
background-color: #000000f0;
border-radius: 0;
padding: 36px 20px 16px;
display: block;
}
.pop-up-form-success {
color: #fff;
background-color: #e9e9e900;
padding-top: 10px;
padding-bottom: 10px;
font-family: Attriumvirate Condensed, sans-serif;
}
.text-block-178 {
color: #4b4b4b;
letter-spacing: .5px;
text-transform: uppercase;
margin-top: 13px;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 14px;
}
.section-31 {
z-index: 300;
background-color: #e9e9e9;
justify-content: center;
align-items: center;
width: 100%;
min-height: 3.5%;
max-height: 2%;
margin-top: 104px;
padding-bottom: 0;
display: flex;
position: absolute;
}
.text-block-179 {
color: #000;
letter-spacing: .5px;
text-transform: uppercase;
justify-content: center;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 11px;
display: flex;
}
.body-6 {
background-color: #000;
}
.bold-text-10 {
color: #000;
letter-spacing: 0;
text-transform: uppercase;
font-family: Helvetica, sans-serif;
font-size: 11px;
font-weight: 800;
}
.text-span-34, .text-span-35 {
font-weight: 800;
}
.text-span-36 {
text-transform: capitalize;
}
.div-block-69 {
margin-right: 16px;
position: static;
}
.option-2 {
text-transform: uppercase;
margin-bottom: 5px;
font-family: Attriumvirate Condensed, sans-serif;
}
.text-block-180 {
text-transform: uppercase;
font-family: Attriumvirate Condensed, sans-serif;
font-size: 11px;
}
.text-block-181 {
color: #000;
-webkit-text-stroke-color: var(--black);
font-family: Attriumvirate Condensed, sans-serif;
font-size: 11px;
}
.option-list-3 {
text-transform: uppercase;
}
.cms_button {
margin-left: auto;
margin-right: auto;
}
.page-wrapper {
background-color: #000;
}
.field_label.large {
margin-bottom: .1em;
font-size: 1.25em;
}
.field_label.is-radio {
line-height: 1.5;
}
.left_form_wrapperr {
margin-top: -60px;
}
.padding-vertical-2 {
padding-top: 3.9em;
}
.padding-vertical-2.padding-huge {
padding-top: 20.15em;
}
.main-form_component {
margin-top: -23px;
}
.checkbox-form_component {
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 18px;
}
.cms_version {
left: 0;
right: 0;
}
.radio_field {
justify-content: center;
align-items: center;
width: 100%;
margin-right: 0;
display: flex;
}
.text-size-regular-20 {
font-size: 16px;
}
.text-size-regular-20.text-weight-medium {
flex: 0 auto;
font-size: 1em;
font-weight: 400;
}
.main-head-wrapper {
padding-top: 1.875em;
padding-left: 20px;
padding-right: 20px;
}
.radio_label {
font-size: 1.125em;
font-weight: 400;
}
.text-style-allcaps {
color: var(--ghost-white);
font-family: Attriumvirate Condensed, sans-serif;
}
.text-style-allcaps.slide-up.tricks {
color: var(--ghost-white);
font-family: Attriumvirate Condensed, sans-serif;
font-size: 32px;
}
.page-padding-2 {
z-index: 10;
position: relative;
}
.image-15 {
width: 100%;
position: absolute;
inset: 0% 0% auto;
}
.image-15.hide-desktop {
-webkit-text-fill-color: inherit;
background-image: linear-gradient(#000 18%, #fff);
background-clip: border-box;
}
.collaborators_select {
grid-column-gap: .875rem;
grid-row-gap: 1rem;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(146px, 1fr));
grid-auto-columns: auto;
grid-auto-flow: row;
width: 100%;
max-width: 100%;
display: grid;
}
.main-wrapper {
background-color: #fff;
display: block;
}
.section-32 {
margin-top: -9px;
padding-left: 25px;
padding-right: 10px;
}
.section-32.contact {
padding-right: 18px;
}
.text-block-182 {
color: #555;
letter-spacing: 1px;
text-transform: uppercase;
margin-top: -10px;
font-family: Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
}
.hero-heading-right {
display: none;
}
.navbar-logo-left {
height: 50px;
padding: 10px 5px;
display: none;
}
.navbarcontainer {
justify-content: center;
align-items: center;
height: 30px;
}
.navbar-brand {
object-fit: fill;
flex-flow: row;
flex: 1;
justify-content: flex-start;
align-items: stretch;
font-size: 5px;
display: flex;
}
.logo-3 {
width: 160px;
}
.icon-6 {
display: none;
}
.menu-button-6 {
margin-right: -7px;
padding-left: 4px;
padding-right: 4px;
}
.menu-button-7 {
padding-left: 4px;
padding-right: 4px;
}
.image-18 {
padding-bottom: 1px;
}
.section-33 {
height: 400px;
max-height: none;
display: none;
}
.hero {
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6833d7a4890ced50e9c70fa0_lknkn.png");
background-position: 50%;
background-size: cover;
justify-content: center;
align-items: center;
height: 620px;
margin-top: -46px;
margin-bottom: 0;
padding: 0;
display: flex;
}
.hero._2 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6836ab5a7fa0d3bff26d4470_nslknds.png"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/682e101a6cfc7b8f8fdbd330_m%3Bslmdslm.png");
background-position: 50%, 50%;
background-size: cover, cover;
display: none;
}
.hero.testingx {
background-image: linear-gradient(#000, #000), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/684858d8dc9cc02b4cd8393a_jbcskjdb.png"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/682e101a6cfc7b8f8fdbd330_m%3Bslmdslm.png");
background-position: 0 0, 50%, 50%;
background-size: auto, cover, cover;
height: 600px;
}
.text-content-title, .text-6 {
display: none;
}
.text-7 {
color: #fff;
font-size: 9px;
display: none;
}
.text-7.second {
display: none;
}
.grid-5.is-product {
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-columns: 1fr;
}
.grid-5.is-hero {
grid-column-gap: 2em;
grid-row-gap: 2em;
order: 0;
grid-template-columns: 1fr;
align-self: auto;
place-items: center;
}
.grid-5.is-footer {
grid-template-columns: 1fr;
}
.grid-5.is-awards {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.grid-5.is-wood {
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-columns: 1fr;
}
.container-15 {
background-color: #fff0;
justify-content: center;
align-items: center;
width: 25%;
height: 50px;
margin-left: 0;
margin-right: 0;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0;
display: flex;
}
.navbar-5 {
background-color: #fff;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: none;
}
.body-7 {
background-color: #202020;
height: 100vh;
display: block;
overflow: clip;
}
.brand-6 {
justify-content: flex-start;
align-items: center;
margin-top: 10px;
margin-left: 5px;
padding-left: 0;
display: block;
}
.menu-button-8 {
justify-content: center;
align-self: auto;
align-items: center;
height: 80%;
min-height: 0%;
padding: 0 2px;
display: block;
}
.icon-7, .cartx {
display: none;
}
.cart-button-4 {
background-color: #3898ec00;
justify-content: center;
align-items: center;
padding: 5px 3px 5px 5px;
}
.image-19 {
padding-left: 0;
position: static;
}
.navbar-logo-center {
z-index: 30;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #18090900;
border-top: .3px #000;
border-bottom: 1px #c7c7c7;
border-left: .3px #000;
border-right: 0 #000;
border-radius: 0;
height: 45px;
margin-left: 0;
margin-right: 0;
display: block;
position: relative;
top: 0;
}
.navbar-logo-center.secondary {
filter: none;
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #f000;
display: none;
position: absolute;
inset: 0% 0% auto;
}
.navbar-logo-center.secondary.first-slide {
display: block;
position: fixed;
inset: 0% 0% auto;
}
.navbar-logo-center.secondary.first-slide.second-slide {
filter: invert();
}
.navbar-logo-center.oldx {
display: none;
}
.navbar-logo-center.shoppingx {
z-index: 200;
border-bottom: .3px #000;
position: sticky;
}
.navbar-logo-center.shop {
border-bottom: 0 #000;
display: none;
}
.navbar-logo-center.home {
border-bottom-width: .8px;
border-bottom-color: #1b2c1300;
display: block;
position: fixed;
inset: 0% 0% auto;
}
.navbar-logo-center.home.shop {
position: relative;
}
.navbar-logo-center.home.shop.oldx {
display: none;
}
.navbar-logo-center.home.shoppagex {
display: block;
position: relative;
}
.navbar-logo-center-container.shadow-three {
background-color: #fff;
border-bottom: .3px solid #000;
border-radius: 0;
padding: 0;
display: block;
}
.navbar-logo-center-container.shadow-three.billboard, .navbar-logo-center-container.shadow-three.x3 {
background-color: #fff0;
}
.navbar-logo-center-container.shadow-three.x3.first {
border-bottom-style: none;
}
.navbar-logo-center-container.shadow-three.shopping-x {
border-bottom: .3px solid var(--black);
}
.navbar-logo-center-container.shadow-three.landing {
background-color: #fff0;
border-bottom-style: none;
}
.navbar-logo-center-container.shadow-three.new {
border-bottom-color: #949494;
}
.container-16 {
max-width: none;
}
.navbar-wrapper-three {
z-index: 200;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: space-between;
align-items: center;
height: 45px;
display: flex;
position: sticky;
}
.navbar-wrapper-three.welcome {
padding-right: 45px;
}
.navbar-wrapper-three.welcome._3 {
filter: none;
}
.navbar-brand-three {
order: -1;
margin-right: 0;
padding-left: 10px;
display: block;
}
.navbar-brand-three.testx {
padding-left: 0;
}
.nav-menu-wrapper-three {
z-index: 400;
background-color: #8f202000;
width: 100%;
height: 274vh;
display: none;
position: fixed;
top: 0;
}
.nav-menu-three {
z-index: 400;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #fff;
border-radius: 0;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
height: 100vh;
margin-top: 0;
padding-top: 0;
padding-left: 16.5px;
padding-right: 16.5px;
display: none;
position: sticky;
top: 0;
overflow: visible;
box-shadow: 0 8px 50px #0000000d;
}
.nav-menu-block {
z-index: 4;
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
margin-top: 100px;
position: relative;
}
.nav-link-6 {
color: #7e7e7e;
text-align: left;
text-transform: capitalize;
padding-top: 8px;
padding-bottom: 8px;
font-family: Arabtype, Arial, sans-serif;
font-size: 21.6px;
font-weight: 400;
display: none;
}
.menu-button-9 {
order: 1;
padding-left: 4px;
padding-right: 10px;
}
.menu-button-9.w--open {
z-index: 10;
color: #000;
background-color: #96a3b200;
}
.menu-button-9.test {
z-index: 226;
position: absolute;
inset: 0% 0% auto auto;
}
.cart-quantity-5 {
display: none;
}
.icon-8 {
margin-right: 0;
display: none;
}
.cart-button-5 {
background-color: #3898ec00;
justify-content: flex-end;
align-items: flex-start;
width: 40px;
padding-left: 10px;
padding-right: 10px;
}
.container-17 {
display: none;
}
.section-34 {
background-color: #fff;
border: 1px #000;
border-top: 0 solid #000;
border-left-width: 0;
height: 5px;
padding-bottom: 0;
padding-right: 0;
display: none;
}
.text-block-183 {
color: #fff;
text-align: center;
flex: 0 auto;
order: 1;
align-self: auto;
font-family: Helvetica, sans-serif;
font-size: 11px;
display: none;
position: relative;
top: 244px;
}
.flex-block {
flex-flow: row;
justify-content: center;
align-items: flex-end;
display: flex;
}
.container-18 {
align-items: flex-end;
display: flex;
}
.div-block-71 {
justify-content: center;
align-items: flex-end;
display: flex;
}
.container-19 {
width: 100%;
display: none;
}
.img-wrap.mod--round {
filter: saturate(0%);
background-color: #000;
width: 5rem;
height: 5rem;
top: 38.5rem;
left: 19.875rem;
}
.div-block-72 {
display: none;
}
.bio {
text-align: center;
font-family: Helvetica, sans-serif;
font-size: .8rem;
}
.bio._1 {
letter-spacing: 0;
font-size: 9.7px;
font-weight: 700;
line-height: 1.3;
display: none;
}
.image-award {
max-height: 3rem;
}
.text-capitalize {
font-family: Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
}
.text-capitalize.t2 {
display: flex;
}
.overflow-hidden-2.h1 {
display: none;
}
.explore-info-item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.icon-1x1-tiny {
filter: invert();
}
.section-35.is-fullscreen {
height: 912px;
padding-left: 0;
padding-right: 0;
display: none;
}
.section-35.case-study {
margin-top: 20px;
padding-top: 6rem;
padding-bottom: 2rem;
}
.section-35.is-hero {
z-index: 20;
background-color: #fff;
border-top: 1px #00000045;
height: 275px;
padding-top: 1rem;
padding-bottom: 1em;
position: relative;
}
.section-35.table-of-contents {
display: none;
}
.link-6.is-product-teaser {
border-right-style: none;
display: none;
}
.image-wood {
max-width: 90vw;
}
.divider-line {
display: none;
}
.divider-line.h {
display: none;
top: -97px;
}
.social-author {
max-width: none;
}
.button-15 {
border-color: #ffffff38;
border-radius: 8rem;
}
.button-15.b1 {
background-color: #0000;
border-color: #00000038;
display: flex;
}
.wood-component-title {
margin-top: 1.5rem;
}
.first-image-slide.is-wood-intro {
padding-top: 6rem;
padding-bottom: 2rem;
}
.first-image-slide.is-intro {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #ffffff70;
background-image: linear-gradient(#000000ba 6%, #fff0 36%), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68374b0866ae1241116ad2f6_khvkh.png"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6837441154ed8c5bd90a62be_BKJBL.png");
background-position: 0 0, 0 0, 50% 100%;
background-size: auto, cover, cover;
border-radius: 0;
height: 550px;
padding: 15px 11px;
}
.first-image-slide.is-wood-image {
min-height: 18vh;
}
.first-image-slide.is-explore {
position: static;
}
.first-image-slide.is-hero-image {
min-height: 31rem;
}
.image-hero {
padding-right: 51px;
}
.social-wrapper.left-aligned {
align-items: flex-start;
}
.credit-component-icon_arrow:hover {
transform: rotate(1deg);
}
.wood-component-item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
}
.explore-info-text {
justify-content: space-between;
align-items: center;
min-height: 3rem;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0;
}
.text-color-grey {
color: #000;
font-family: Helvetica, sans-serif;
display: none;
}
.spacer-footer {
padding-top: 6rem;
}
.explore-image-wrapper.hero4 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/683394d82de35f796c67d1ef_UGIUG.png"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6832a584fe90bfcea88b0775_AKJSBDSA.png"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68324531f7482bc92e5b4676_jbnojn.png");
background-position: 50%, 50%, 50%;
background-size: cover, cover, cover;
min-height: 70svh;
}
.text-subtitle, .container-large-3.numbers {
display: none;
}
.padding-global {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
margin-top: 40px;
padding-top: .6em;
padding-left: 2rem;
padding-right: 2rem;
display: block;
}
.padding-global.nospace-right {
background-color: #0000;
padding-left: 1rem;
}
.image-overlay {
display: none;
}
.column-3.wood-left {
padding-bottom: 0;
padding-right: 0;
}
.column-3.is-explore-info {
border: 1px solid var(--ghost-white);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #fff0;
background-image: linear-gradient(135deg, #00000036 31%, #ffffff40);
border-radius: 10px;
max-width: 70%;
height: 300px;
padding-left: .625em;
display: none;
inset: 22% 15% 16%;
}
.column-3.wood-right {
padding-top: 0;
}
.column-3.footer-right {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.image-wrapper-3.cover {
z-index: 5;
border-radius: 10px;
margin: 0 0 48px;
box-shadow: 0 2px 3px -1px #00000036;
}
.image-wrapper-3.cover.back-card {
z-index: 2;
opacity: .64;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
justify-content: center;
align-items: center;
width: 84%;
display: flex;
position: absolute;
top: 60.672px;
left: 10px;
transform: rotate(-1.5deg);
}
.image-wrapper-3.cover.back-card._2 {
z-index: 1;
opacity: .39;
width: 100%;
height: 10%;
top: 0;
bottom: 27.3125px;
left: auto;
transform: rotate(-1.8deg);
}
.image-wrapper-3.cover.back-card._3 {
z-index: 3;
opacity: 1;
filter: brightness(105%);
width: 83%;
top: 51.672px;
left: 13px;
transform: rotate(-1.3deg);
}
.image-wrapper-3.cover.back-card._7 {
opacity: .63;
border-radius: 7px;
width: 81%;
display: none;
top: 60px;
left: 44px;
transform: rotate(-2deg);
box-shadow: 0 2px 8px 5px #00000029;
}
.image-wrapper-3.cover.back-card._7.test-8 {
width: 84%;
top: 85.672px;
}
.image-wrapper-3.cover.back-card._7.back {
display: none;
}
.image-wrapper-3.cover.back-card._7.mid {
opacity: 100;
background-image: linear-gradient(#00000080, #00000080);
width: 88%;
top: 19px;
left: 24px;
}
.image-wrapper-3.cover.back-card._7._8 {
z-index: 3;
opacity: .9;
filter: brightness(118%);
-webkit-backdrop-filter: none;
backdrop-filter: none;
border-radius: 7px;
width: 84%;
display: block;
position: absolute;
top: 876px;
left: 33.2px;
transform: rotate(0);
box-shadow: 0 2px 3px -1px #00000029;
}
.image-wrapper-3.cover.back-card._7._8._9 {
z-index: 2;
opacity: .9;
filter: brightness(110%);
border-radius: 7px;
width: 77.5%;
display: none;
top: 80px;
left: 47px;
}
.image-wrapper-3.cover.echos {
margin-bottom: 51px;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.image-fill {
filter: brightness(104%);
border-radius: 0;
position: static;
}
.section-title._0-gap {
display: flex;
}
.section-title._0-gap.first-pop-up-text, .page, .iphone-13-14 {
display: none;
}
.title-style-12 {
align-self: auto;
}
.mobile-2 {
flex-flow: row;
align-items: center;
}
.frame-2652 {
width: 74.4818%;
}
.frame-2653 {
width: 100%;
}
.frame-2654 {
grid-column-gap: 0px;
justify-content: flex-start;
align-items: center;
height: 60px;
margin-right: 0;
}
.frame-2654.home {
grid-column-gap: 1px;
grid-row-gap: 1px;
margin-right: 35px;
padding-top: 3px;
}
.heading-66 {
display: none;
}
.image-23 {
border-radius: 10px;
}
.cart-6 {
top: -1px;
left: 10px;
}
.text-block-184 {
color: #fff;
}
.button-container-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: center;
align-self: auto;
place-items: center stretch;
width: 100%;
height: 10%;
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: none;
position: absolute;
top: 483px;
}
.button-16 {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
color: #000;
text-align: center;
letter-spacing: 2px;
-webkit-text-stroke-color: #000;
background-color: #fff;
border: 1px #353535;
justify-content: center;
align-items: center;
width: 100%;
height: 45px;
font-size: 10px;
display: flex;
}
.button-17 {
color: #000;
text-align: center;
letter-spacing: 2px;
background-color: #fff;
border-right: 1px solid #00000030;
justify-content: center;
align-items: center;
width: 100%;
height: 45px;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 10px;
display: flex;
}
.navbar-6 {
position: static;
}
.curve-block-center {
background-color: #fff;
justify-content: center;
align-items: flex-end;
display: flex;
top: 560px;
}
.curve-block-center.top {
z-index: 21;
display: flex;
top: 574px;
}
.curve-block-center.top.bottom {
display: none;
top: 852px;
}
.curve-link {
z-index: 4;
}
.curve-arrow {
z-index: 2;
background-color: #fff;
}
.curve-arrow._2 {
display: none;
}
.curve-arrow.new-a {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #fff;
width: 2rem;
height: 2rem;
inset: 19% 5% 0% auto;
transform: rotate(-91deg);
}
.curve-arrow.new-a.test-x2 {
background-color: #fffc;
background-image: linear-gradient(#000, #000);
border-style: none;
justify-content: center;
align-items: center;
width: 1.9rem;
height: 1.9rem;
display: none;
inset: auto 4% 4% auto;
}
.curve-arrow.new-a.test-x2.small-pics-1 {
background-image: linear-gradient(#fff, #fff);
inset: auto auto 5% 7%;
}
.curve-arrow.new-a.test-x2.small-pics-1._20 {
background-image: linear-gradient(#000, #000);
inset: auto 4% 4% auto;
}
.curve-arrow.back {
z-index: 1;
background-color: #000;
display: none;
}
.curve-arrow.bottom {
background-color: #242424;
}
.clip {
display: flex;
}
.clip.bottom {
display: none;
}
.hover-arrow {
margin-right: 1px;
}
.icon-10 {
opacity: .6;
color: #a2a6b2;
letter-spacing: 10px;
width: 1rem;
height: 1rem;
position: relative;
left: .46px;
transform: rotateX(-7deg)rotateY(0)rotateZ(0);
}
.icon-10._2 {
font-size: 20px;
}
.hero-rotate-base {
width: 55%;
height: 50%;
display: none;
}
.hero-rotate-image {
height: 100%;
margin-top: 0;
}
.hero-rotate-item.radius-regular {
border-radius: 10px;
}
.image-fill-2 {
filter: blur(3px) grayscale();
}
.xxl-heading-3 {
font-size: 32px;
}
.video-box {
width: 98%;
min-height: 475px;
margin-top: 75px;
margin-bottom: 72px;
padding-bottom: 148px;
padding-left: 12px;
padding-right: 12px;
display: none;
}
.video-box.content {
filter: none;
width: auto;
height: 100%;
min-height: auto;
margin: 0;
padding: 0;
display: flex;
}
.hero-intro-3 {
grid-row-gap: 24px;
}
.div-block-73 {
grid-column-gap: 0px;
grid-row-gap: 0px;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background-color: #fff0;
background-image: linear-gradient(135deg, #0000002e, #ffffff61);
border-radius: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 52px;
margin-top: 12px;
margin-left: 10px;
margin-right: 10px;
padding-bottom: 0;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.text-block-185 {
color: var(--outline);
}
.text-block-186 {
position: absolute;
inset: 0%;
}
.outline-button-3.small {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #ffffff75;
border-radius: 7px;
width: auto;
height: 13%;
margin-top: 15px;
margin-left: 15px;
margin-right: 15px;
position: absolute;
inset: 0% 0% auto;
box-shadow: 0 2px 12px -12px #0003;
}
.outline-button-3.small:hover, .outline-button-3.small:active {
border-style: none;
}
.text-block-187 {
color: #000000c2;
text-align: left;
letter-spacing: 4px;
font-family: Helvetica, sans-serif;
position: static;
inset: 0% auto 0% 0%;
}
.heading-67 {
font-family: Helvetica, sans-serif;
display: none;
}
.container-27 {
grid-column-gap: 23.5em;
grid-row-gap: 23.5em;
background-color: #ac2626;
justify-content: center;
align-items: center;
width: 100%;
display: none;
position: absolute;
top: 685px;
}
.text-block-188, .text-block-189 {
width: 5%;
font-family: Helvetica, sans-serif;
font-size: 8px;
}
.text-span-37, .text-span-38 {
font-size: 8px;
}
.menu-parent-2 {
justify-content: center;
align-items: center;
padding-left: 4px;
display: none;
}
.menu-bar {
width: 46%;
margin-bottom: 6px;
}
.menu-bar:active {
margin-bottom: 6px;
}
.dot-2 {
width: 6px;
height: 6px;
margin-bottom: 3px;
}
.burger-2 {
width: 50px;
height: 45px;
}
.b2-bar1 {
width: 15px;
}
.b2-middle-bar-left {
width: 30%;
}
.b2-bar3 {
width: 15px;
}
.burger-2-2 {
display: block;
}
.b2-bar1-2 {
width: 18px;
height: 3px;
}
.b2-middle-wrap-2, .b2-bar3-2 {
width: 18px;
}
.s-scroll {
z-index: 6;
height: 100vh;
display: none;
position: sticky;
top: 0;
}
.s-scroll._1 {
z-index: 3;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
height: 100vh;
display: none;
top: 0;
}
.s-scroll-bg-img.is-1 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/683ddb5a4232fb7eb0d309d8_c%20bldj.png");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
top: 0%;
}
.s-scroll-bg-img.is-2 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/683ddb7e2a83bf1a47ce1633_fsdbljsdbfn.png");
background-position: 50%;
background-size: cover;
}
.s-scroll-bg-img.is-2._3 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68374b0866ae1241116ad2f6_khvkh.png");
}
.content-top-right {
max-width: 100%;
}
.transition-block {
display: none;
}
.section-p, .number {
color: var(--outline);
}
.content-top {
padding: 40px;
}
.dev-letter {
color: var(--outline);
font-size: 2em;
}
.content-bottom {
margin-bottom: 0;
padding: 40px;
}
.content-bottom._2 {
margin-bottom: 0;
}
.design-letter, .interaction-letter {
color: var(--outline);
font-size: 2em;
}
.section-36 {
height: 100vh;
display: block;
}
.scroll-snap-wrapper {
display: block;
}
.section-1 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/683742c67ae06ca8cd24a5a8_kjbjlb.png");
background-position: 50%;
background-size: cover;
display: block;
}
.section-2 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68373d5f06f0e2c3db36d501_skjbdsl.png");
background-position: 50%;
background-size: cover;
display: block;
}
.section-3 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68374b0866ae1241116ad2f6_khvkh.png");
background-position: 0%;
background-size: cover;
}
.card-subtitle {
font-size: 1.3em;
line-height: 1em;
}
._w-cards-list {
padding-left: 0;
padding-right: 0;
}
.c-cloneable {
display: block;
}
.card-title {
font-size: 2.5em;
}
.c-card._2 {
top: 80px;
}
.c-card._5 {
top: 260px;
}
.c-card._3 {
top: 140px;
}
.c-card._4 {
top: 200px;
}
.card-details {
font-size: .9em;
line-height: 1.2em;
}
.c-card-content-divider {
margin-top: 20px;
margin-bottom: 20px;
}
._w-card {
border-radius: 0;
margin-bottom: 2px;
padding: 20px;
}
.container-28 {
height: 600px;
display: none;
}
.block {
padding: 28px 32px 32px;
font-size: 24px;
top: 24%;
}
.block._3 {
min-height: 100vh;
top: 28%;
}
.block._4 {
min-height: 100vh;
top: 32%;
}
.block._2 {
min-height: 100vh;
top: 24%;
}
.block._1 {
min-height: 100vh;
top: 20%;
}
.col-right {
height: 3444px;
padding-top: 0;
display: none;
position: sticky;
}
.block-wrapper {
height: 3444px;
}
.padding-section-large {
min-height: 700px;
}
._2x1-grid-layout {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.text-custom-gray {
font-family: Helvetica, sans-serif;
font-size: 14px;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.featuresv8_component {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.featuresv8_component.is-first {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/683741632f74820d6736f1a4_lsjbdsl.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0;
height: 750.813px;
min-height: 600px;
}
.featuresv8_component.is-second, .featuresv8_component.is-third {
border-radius: 0;
min-height: 600px;
}
.page-wrapper-2 {
display: block;
}
.main-pic {
display: none;
}
.featuresv8_header-text {
-webkit-text-stroke-color: var(--black);
}
.transition-block-2 {
background-color: #000;
display: none;
}
.number-2 {
color: var(--outline);
font-family: Helvetica, sans-serif;
font-size: 1.3em;
font-weight: 800;
display: none;
}
.number-2.text {
display: none;
}
.content-heading-wrapper-2 {
color: var(--outline);
margin-bottom: 1px;
font-size: 13px;
}
.dev-letter-2 {
letter-spacing: 0;
text-transform: uppercase;
font-family: Helvetica, sans-serif;
font-size: 1.1em;
font-weight: 800;
}
.content-top-right-2 {
max-width: 100%;
display: block;
}
.transition-block-3 {
background-color: #000;
display: none;
}
.number-3 {
font-family: Helvetica, sans-serif;
font-size: 1.6em;
font-weight: 800;
}
.content-heading-wrapper-3 {
margin-bottom: 15px;
font-size: 13px;
}
.section-p-2 {
display: none;
}
.design-letter-2 {
text-transform: none;
font-family: Helvetica, sans-serif;
font-size: 2em;
font-weight: 800;
}
.text-block-190 {
color: var(--outline);
text-transform: uppercase;
font-family: Helvetica, sans-serif;
font-size: 13px;
}
.section-37 {
z-index: 1;
height: 1050px;
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: static;
top: 0;
}
.text-block-191 {
font-size: 20px;
}
.clos-text {
z-index: 30;
filter: invert();
background-color: #fff;
background-image: none;
background-size: auto;
width: 20px;
height: 20px;
display: block;
position: absolute;
inset: 2% 3% auto auto;
}
.clos-text.in {
filter: none;
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/60a860e5c13b96f1eb3059fd_close.svg");
background-size: cover;
width: 100%;
height: 100%;
position: static;
}
.container-29 {
width: 100%;
height: 100%;
}
.div-block-75 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
}
.flipcard-wrapper {
z-index: 1;
height: 600px;
margin-left: 20px;
margin-right: 20px;
display: none;
}
.flipcard-front {
z-index: 3;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68369a8e74d3cb92ba00c992_nasojbds.png");
border-radius: 35px;
height: 450px;
}
.flipcard-title, .flipcard-subtitle {
display: none;
}
.flipcard-more {
width: 29px;
height: 29px;
max-height: none;
}
.flipcard-back {
z-index: 3;
height: 450px;
}
.flipcard-back-title {
display: none;
}
.image-31 {
width: 15px;
height: 15px;
}
.dashboard_recent-title {
font-family: Helvetica, sans-serif;
font-size: 1.2rem;
font-weight: 800;
}
.dashboard_recent-content {
width: 100%;
height: 100%;
}
.dashboard_recent {
background-image: linear-gradient(#d9d9d9, #d9d9d9);
border-radius: 11px;
padding: 20px;
display: none;
}
.dashboard_recent-icon {
border-radius: 12px;
width: 70px;
height: 70px;
line-height: 10px;
}
.arrow-wrapper {
justify-content: center;
align-items: center;
width: 2.1rem;
height: 2.1rem;
}
.pill-button.auto-top {
padding: .55rem .55rem .55rem 1.5rem;
}
.info-card-bottom {
grid-row-gap: 1rem;
}
.heading-small {
font-size: 2.25rem;
}
.service-card-open-close {
width: 2.5rem;
height: 2.5rem;
}
.info-hidden {
grid-row-gap: 2rem;
}
.info-card {
grid-row-gap: 2.5rem;
min-height: 28rem;
padding: 1.25rem;
}
.info-cards-wrapper {
grid-column-gap: 1.1rem;
grid-row-gap: 1.1rem;
flex-flow: row;
justify-content: space-around;
align-items: center;
margin-top: -40px;
display: none;
}
.body-medium {
font-size: 1rem;
}
.container-30 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6843cca725469055beff3d88_ndlks.png");
background-position: 50%;
background-size: cover;
border-radius: 10px;
width: 50%;
height: 220px;
display: none;
box-shadow: 0 2px 5px 3px #9494942b;
}
.container-31 {
z-index: 2;
filter: none;
background-color: #e2e2e2;
background-image: none;
background-size: auto;
border-radius: 28px;
width: 100%;
height: 220px;
margin: 0;
padding: 0;
position: relative;
box-shadow: 0 2px 8px 5px #0000001a;
}
.container-31._1x {
display: none;
}
.container-32 {
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #fff0;
background-image: none;
border-radius: 20px;
height: 100%;
}
.div-block-76 {
background-image: linear-gradient(#0000 30%, #ffffff40), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6844724c7e85ca397d6d7bab_SBLJBD.png");
background-position: 0 0, 50%;
background-size: auto, cover;
border-radius: 28px;
height: 100%;
box-shadow: 0 1px 5px #7a7a7a57;
}
.div-block-76._2 {
box-shadow: none;
background-image: linear-gradient(#0000 39%, #ffffff75), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6844724c7e85ca397d6d7bab_SBLJBD.png");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.div-block-77 {
z-index: 1;
background-color: #d8d8d8;
border-radius: 20px;
width: 152px;
height: 215px;
display: none;
position: absolute;
top: 545.594px;
left: 26px;
transform: rotate(-3deg);
}
.div-block-77.second {
display: none;
left: 210px;
}
.menu-button-10 {
padding: 0;
}
.menu-button-10.w--open {
background-color: #fff;
}
.lottie-animation-8 {
width: 8.53333rem;
height: 8.53333rem;
}
.lottie-animation-9 {
width: 1.6rem;
height: 1.6rem;
display: none;
position: relative;
right: 2px;
}
.icon-11 {
opacity: 1;
display: block;
}
.button25_wrapper {
z-index: 50;
width: 50px;
display: none;
position: fixed;
inset: auto 6% 3% auto;
}
.button25_link-3, .button25_link-2, .button25_link-1 {
background-color: #000;
border-color: #000;
}
.button25-button {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #000;
border: 1px #fff;
}
.button25_line-1 {
background-color: #fff;
width: 12px;
height: .8px;
position: absolute;
}
.button25_line-2 {
background-color: #fff;
width: .8px;
height: 12px;
}
.nav-open {
width: 15px;
}
.modal-close-btn {
right: 3%;
}
.mini-nav-menu-wrap.frosted-glass {
background-color: #000;
border-radius: 0;
width: 100vw;
padding-top: 1rem;
padding-bottom: 4rem;
display: block;
bottom: 0%;
right: 0%;
}
.mini-nav-button-wrap {
background-color: #000;
}
.mini-nav-links-wrap {
width: 300px;
}
.nav-button-3 {
width: 60px;
height: 60px;
}
.mini-menu-wrap {
display: block;
}
.mini-nav-button-outline.frosted-glass {
background-color: #000;
width: 50px;
height: 50px;
bottom: 22px;
right: 23px;
}
.mini-nav-link {
text-decoration: none;
}
.mini-link-icon {
background-color: #1d1d1d;
border-radius: 20px;
width: 40px;
height: 40px;
padding: 10px;
}
.close-img {
background-color: #000;
}
.text-block-192, .text-block-193 {
font-family: Helvetica, sans-serif;
font-size: 1rem;
text-decoration: none;
}
.text-block-194 {
font-family: Helvetica, sans-serif;
font-size: 1rem;
}
.nav-open-2 {
width: 25px;
}
.modal-close-btn-2 {
right: 4%;
}
.mini-nav-button-wrap-2 {
display: none;
}
.mini-menu-wrap-2 {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #08080829;
border-radius: 0;
display: block;
}
.mini-link-icon-2 {
background-color: #000;
border-radius: 20px;
width: 40px;
height: 40px;
padding: 10px;
}
.close-img-2 {
background-color: #000;
}
.text-block-195 {
font-family: Helvetica, sans-serif;
text-decoration: none;
}
.text-block-196, .text-block-197 {
font-family: Helvetica, sans-serif;
}
.nav_menu_link {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-layout {
padding-left: 0;
padding-right: 0;
}
.nav_logo {
width: 120px;
box-shadow: none;
}
.nav_menu {
background-color: #f4f4f4;
border-radius: 20px;
flex-flow: column;
margin-left: 20px;
margin-right: 20px;
padding-left: 29px;
}
.nav_button {
background-color: #0000;
border-radius: 20px;
padding-top: 1rem;
}
.nav_button.w--open {
background-color: #2c2a2a;
border-radius: 9px;
}
.float-nav {
display: none;
}
.image-32, .image-33 {
filter: brightness(200%) grayscale();
}
.image-34 {
filter: brightness(200%) grayscale() contrast(200%);
}
.acess {
width: 100%;
height: 80px;
box-shadow: none;
filter: grayscale();
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #d3d3d37d;
background-image: none;
background-repeat: repeat;
background-size: auto;
border-radius: 15px;
justify-content: center;
align-items: center;
margin-top: 74px;
padding: 10px 20px 10px 5px;
display: none;
}
.section-38 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/684743e24e719510dcb4d14d_asbdnlojskn.png");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100vh;
display: none;
}
.paragraph-15 {
z-index: 5;
width: 250px;
color: var(--black);
text-align: left;
font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
font-size: 13px;
font-weight: 400;
line-height: 1.1em;
display: none;
position: absolute;
inset: auto auto 10% 4%;
}
.bottom-index {
z-index: 5;
letter-spacing: 0;
font-family: Helvetica, sans-serif;
font-weight: 800;
position: fixed;
inset: auto 4% 2% auto;
}
.bottom-index.xx1 {
z-index: 7;
text-transform: none;
font-size: 13px;
display: none;
inset: auto 4% 2% auto;
}
.bottom-index.xx1.xtest {
margin-top: 5px;
display: block;
position: static;
}
.bottom-index.xx1.container {
color: #000;
margin-top: 0;
display: block;
bottom: 2%;
}
.link-block-5 {
margin-right: 2px;
-webkit-text-decoration: none;
text-decoration: none;
display: block;
}
.link-block-5:hover {
color: #a3a3a3;
}
.top-link {
color: #000;
text-transform: none;
font-family: Helvetica, sans-serif;
font-size: 12.5px;
font-weight: 800;
}
.top-link:hover {
color: #6b6b6b;
}
.top-link:active {
color: #696969;
}
.top-link.oldx {
display: none;
}
.slider-40 {
background-color: #fff;
width: auto;
height: 100vh;
padding-top: 0;
display: block;
}
.slide-nav-4 {
font-size: 0;
display: none;
}
.slide-8 {
z-index: 1;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68474b2fea83cd72b1c70c02_tftft.png");
background-position: 30%;
background-size: cover;
height: 100vh;
}
.dark-mode {
z-index: 2;
color: #fff;
background-image: linear-gradient(#000000f2 8%, #fff0 26% 64%, #000000bd 81%), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68d2daa97d1d1b4ad1542925_dnsbljd.png");
background-position: 0 0, 100%;
background-size: auto, cover;
font-family: Helvetica, sans-serif;
font-weight: 800;
}
.dark-mode.three {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68d0cab5e9f86391933fbddf_B6396F67-9264-4CCC-B683-D76FC3A7F7C5.jpg"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/684773b5b75f4dee75c9697f_asj%20alkj%20l.png");
background-position: 50%, 65%;
background-size: cover, cover;
}
.bottom-decription-tag {
z-index: 5;
color: var(--outline);
text-align: left;
font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
font-size: 12px;
font-weight: 400;
line-height: 1.1em;
display: block;
position: fixed;
inset: auto auto 1% 4%;
}
.bottom-decription-tag.x {
display: none;
}
.bottom-decription-tag._1 {
z-index: 7;
color: var(--black);
display: none;
bottom: 1%;
}
.bottom-decription-tag._1.testx {
margin-bottom: 0;
line-height: 1.3em;
display: block;
position: static;
}
.bottom-decription-tag._1.testx.dark, .bottom-decription-tag._1.darkmode {
color: var(--outline);
}
.bottom-decription-tag._1.container {
mix-blend-mode: normal;
margin-top: 0;
font-size: 11px;
line-height: 1em;
display: block;
position: fixed;
inset: auto auto 1% 4.5%;
}
.bottom-decription-tag._1.container._2 {
text-align: center;
margin-top: 40px;
margin-bottom: 0;
font-family: Helvetica, sans-serif;
font-weight: 800;
line-height: 1.4em;
display: none;
}
.bottom-decription-tag._1.container._2.darkmode {
display: block;
}
.bottom-decription-tag._1.container._4th {
filter: invert();
}
.left-arrow-3, .right-arrow-3 {
width: 10%;
}
.container-33 {
width: 100%;
height: 20%;
}
.container-34 {
background-image: linear-gradient(#0000 31%, #a3a3a342 58%, #ffffff80 77%, #fff), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68d2e8cd00843b3c2f10dda8_ydu.png");
background-position: 0 0, 50%;
background-size: auto, cover;
flex-flow: row;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 150px 15px 140px;
display: block;
position: absolute;
inset: 0%;
}
.container-34.xx4 {
background-image: none;
border-radius: 10px;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 140px;
display: block;
position: absolute;
}
.container-34.xx4.dark-mode {
display: none;
}
.div-block-78 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68479dedffde35fd9b47efcc_oihip.png");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-bottom: 0;
padding-right: 0;
display: flex;
position: relative;
bottom: 65px;
}
.div-block-78.first {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68d30b3f6168e6f1e2a251f7_cst%20garden%20middle%20adjustr.png");
background-position: 50%;
height: 97%;
bottom: 55px;
}
.div-block-78.first.secondpost {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6977a704e0eeafc937de8dee_omnij.png");
background-position: 50% 100%;
background-size: cover;
}
.div-block-78.first.secondpost.thirdpost {
filter: contrast(106%) grayscale();
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68d30b3f6168e6f1e2a251f7_cst%20garden%20middle%20adjustr.png");
background-position: 50%;
background-size: cover;
}
.div-block-78.first._2ndxc {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6977a704e0eeafc937de8dee_omnij.png");
}
.div-block-78.first._3rdcxy {
filter: grayscale() contrast(105%);
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/697526e00cf7454e6327ba07_ChatGPT%20Image%20Jan%2024%2C%202026%2C%2003_08_06%20PM.png");
}
.div-block-78.third {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6849b8543feed122cb2af6c1_abslaj.png");
background-size: cover;
display: none;
bottom: 55px;
}
.container-35 {
height: 20px;
}
.div-block-79 {
z-index: 20;
background-color: #0f1;
width: 100%;
height: 45px;
max-height: none;
padding-bottom: 0;
display: block;
position: absolute;
inset: 0% 0% auto;
}
.div-block-79.tesing-x {
display: none;
}
.div-block-79.white {
z-index: 15;
background-color: #fff;
}
.div-block-80 {
background-color: #fff;
width: 65%;
height: 23%;
padding-bottom: 0;
padding-right: 0;
display: none;
position: absolute;
}
.div-block-81 {
background-color: #000;
width: 100%;
height: 120%;
padding-bottom: 0;
padding-right: 0;
position: relative;
inset: -7% auto auto 0%;
}
.div-block-82 {
z-index: 10;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/684873daca8a96cefa4223ce_sbjdlkjsb.png");
background-position: 0 0;
background-size: auto;
position: absolute;
inset: 0% 0% auto auto;
}
.card-2.card-brown {
position: static;
}
.card-2.card-black {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6848d46a96c375cd54c44e2e_black-big-bg2.webp");
background-repeat: no-repeat;
background-size: 34rem;
}
.col.col--1.mod--hero {
margin-left: 20px;
margin-right: 20px;
}
.col.col--1.mod--about {
height: 30rem;
}
.col.col--2.mod--hero {
width: 100%;
margin-top: 241px;
display: flex;
position: static;
}
.layout-content.horizontal {
background-color: #000000e6;
background-image: linear-gradient(#c9c9c93d, #000000bd 55%), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68374b0866ae1241116ad2f6_khvkh.png"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6848d630a7fd82fed269d1aa_Insights%20Chart.svg"), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0, 50%, 0 0, 290%;
background-repeat: repeat, repeat, no-repeat, no-repeat;
background-size: auto, cover, auto, auto;
border-style: none;
width: 100%;
height: 235px;
}
.layout-content.horizontal.test-background {
background-color: #000;
position: fixed;
}
.featured-icon-wrapper, .paragraph-17.max-width-40ch {
display: none;
}
.paragraph-17.max-width-40ch._3 {
color: #000;
}
._43 {
opacity: 0;
}
.project-thumb-btn-ab {
inset: auto 0% 0% auto;
}
.project-thumb-btn-ab.x {
bottom: 4%;
right: 5%;
}
.project-thumb-btn-ab.x4 {
filter: invert();
}
.project-list-top {
border-style: none;
border-radius: 0;
height: 100%;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
.project-type-tag.side {
filter: none;
}
.project-thumb-content {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68369eb5521d91c4c045c687_ljabsla.png");
background-position: 50%;
background-size: cover;
}
.project-thumb-content._2nd {
background-image: linear-gradient(0deg, #000000cf, #0000 28%), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6833d7909fe12a6837af320d_IMG_8758.jpeg"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68374b0866ae1241116ad2f6_khvkh.png");
background-position: 0 0, 50%, 50%;
background-repeat: repeat, repeat, repeat;
background-size: auto, cover, cover;
}
.project-thumb-content.first {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6848d630a7fd82fed269d1ac_Background%20pattern.svg"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68369eb5521d91c4c045c687_ljabsla.png");
background-position: 0 0, 50%;
background-repeat: repeat, repeat;
background-size: cover, cover;
}
.project-list-img-parent {
border-radius: 0;
height: 100%;
}
.section-39 {
width: 100%;
height: 230px;
margin-top: 0;
padding-bottom: 0;
padding-right: 0;
display: none;
}
.div-block-83 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68374b0866ae1241116ad2f6_khvkh.png");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
}
.product-image-3 {
border-style: none;
margin-bottom: 0;
}
.product_info-wrap {
position: static;
}
.grid-4-photo {
display: none;
}
.grid-4-photo._2x {
display: block;
position: sticky;
top: 44px;
}
.grid-4-photo._2x._3x {
display: block;
}
.grid-4-photo._2x.dub {
margin-bottom: 0;
top: auto;
}
.grid-4-photo._2x._2-photos-only {
z-index: 5;
}
.big-image {
border-top-width: .5px;
border-top-color: var(--black);
border-right-width: .5px;
border-right-color: #000;
padding: 0;
}
.big-image.is-empty {
display: none;
}
.big-image.x3 {
border-top-style: none;
position: sticky;
top: auto;
}
.big-image.first {
z-index: 3;
border-top-style: solid;
border-bottom: .5px solid #000;
display: block;
position: sticky;
}
.big-image.first.second {
top: auto;
}
.big-image.front {
border-top-style: none;
}
.big-image.xpo {
border-bottom: .5px solid #000;
}
.product-contain {
height: 100%;
}
.product-grid {
background-color: #fff;
grid-template-columns: 1fr 1fr;
}
.div-block-84 {
display: none;
position: absolute;
inset: 2% auto auto 4%;
}
.text-block-199 {
color: #000;
text-transform: uppercase;
font-family: Helvetica, sans-serif;
font-size: 10px;
font-weight: 800;
}
.section-40 {
border: 1.7px solid #000;
border-bottom-style: none;
border-radius: 0;
height: 245px;
margin-bottom: 10px;
padding: 0;
display: none;
}
.div-block-85 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68374b0866ae1241116ad2f6_khvkh.png");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
display: none;
}
.image-35 {
position: relative;
top: 20px;
transform: rotate(180deg);
}
.navbar-logo-left-2 {
background-color: #fff0;
height: 48px;
}
.navbar-logo-left-container.shadow-three {
background-color: #fff;
padding: 0;
}
.container-36 {
max-width: none;
}
.nav-menu-two {
flex-direction: column;
}
.div-block-86 {
position: relative;
}
.container-37 {
background-color: #ca1616;
height: 100%;
margin-top: 40px;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.div-block-87 {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6849d7400a273d71c2b138a8_DJBSJDB.png"), linear-gradient(#ffffff80, #ffffff80);
background-position: 0 0, 0 0;
background-size: auto, auto;
border-radius: 20px;
width: 120px;
height: 100%;
}
.section-41 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6849dff95c1550133df9fe96_ksjbdljs.png");
background-position: 0 0;
background-size: auto;
}
.div-block-88 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6849d745755388cc2c7425db_SKLDJ%20BFS.png");
background-position: 0 0;
background-size: auto;
}
.section-42 {
width: 100%;
height: 45px;
margin-top: 15px;
padding-left: 16px;
padding-right: 16px;
position: fixed;
inset: 0% 0% auto;
}
.div-block-89 {
width: 100%;
height: 100%;
}
.div-block-90 {
background-color: #fff;
border-radius: 16px;
width: 120px;
height: 100%;
}
.container-38 {
width: 100%;
height: 100%;
display: flex;
}
.div-block-91 {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #fff;
border-radius: 8px;
flex-flow: row;
justify-content: center;
align-self: auto;
align-items: center;
width: 120px;
height: 100%;
display: flex;
}
.div-block-91._2 {
border-radius: 8px;
width: 55px;
}
.div-block-91._2._4 {
border-radius: 8px;
width: 84px;
}
.div-block-91._3 {
border-radius: 8px;
width: 140px;
}
.text-block-200 {
text-transform: none;
font-family: Helvetica, sans-serif;
font-size: 15px;
font-weight: 800;
}
.line-1.anim-typewriter {
box-shadow: none;
border-style: none;
font-size: 15px;
transform: translate(0);
}
.tabs-content-wrapper {
margin-top: 0;
display: block;
}
.tabs-nav-background {
background-color: #00000054;
border-radius: 5px;
width: 100%;
height: 100%;
}
.first-example-with-background, .container-w3.gutter-outside {
height: 100%;
}
.section-tabs {
height: 100vh;
padding-top: 0;
display: none;
}
.tab-content-item {
filter: contrast(200%);
height: 100vh;
}
.tabs-nav-text {
font-family: Helvetica, sans-serif;
}
.tab-content-inner._2x {
background-color: #000;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.tab-content-inner._2x.index {
display: none;
}
.tab-content-inner._3x {
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
}
.tabs-menu-wrapper {
z-index: 5;
grid-column-gap: 5px;
grid-row-gap: 5px;
border-radius: 7px;
justify-content: center;
align-items: center;
width: 90%;
height: 40px;
margin-top: 25px;
margin-left: 20px;
padding-left: .6em;
padding-right: .6em;
display: flex;
position: fixed;
}
.tab-panel._01 {
justify-content: center;
align-self: auto;
align-items: center;
height: 100%;
display: flex;
}
.tab-panel._01.w--current {
border-radius: 5px;
justify-content: center;
align-items: center;
height: 26px;
display: flex;
}
.tab-panel._03 {
border-radius: 5px;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.tab-panel._02 {
border-radius: 5px;
justify-content: center;
align-items: center;
height: 100%;
transition: all .3s;
display: flex;
}
.tab-panel._01.x2.w--current {
height: 100%;
}
.section-44 {
background-color: #000;
background-image: linear-gradient(#00000080, #00000080);
background-position: 0 0;
min-height: 100vh;
padding-top: 0;
display: block;
}
.logo-group {
grid-column-gap: 28px;
}
.footer-contact-details {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
}
.feature-inner {
padding-left: 24px;
padding-right: 24px;
}
.nav-container {
justify-content: flex-start;
align-items: center;
display: flex;
}
.headline-regular {
font-family: Helvetica, sans-serif;
}
.button-primary-small {
width: 100%;
}
.nav-button-group {
grid-column-gap: 12px;
grid-row-gap: 12px;
display: none;
}
.footer-legal-wrap {
align-items: center;
}
.nav-menu-8 {
-webkit-backdrop-filter: blur(24px);
backdrop-filter: blur(24px);
background-color: #0000007a;
top: 72px;
}
.menu-button-12 {
background-color: #070707;
background-image: none;
border: 1px solid #252527;
border-radius: 12px;
padding: 12px;
}
.feature-line {
left: 28px;
}
.footer-legal {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
}
.nav-logo-2 {
padding-left: 0;
}
.gradient-span {
font-family: Helvetica, sans-serif;
line-height: 1em;
}
.lines-group {
color: var(--outline);
}
.paragraph-regular {
color: var(--outline);
letter-spacing: .6px;
font-family: Helvetica, sans-serif;
font-size: 14px;
}
.feature-heading {
padding-left: 24px;
padding-right: 24px;
}
.label-regular {
white-space: normal;
}
.navigation-link {
text-align: center;
margin-top: 12px;
margin-bottom: 12px;
}
.integration-circle {
display: none;
}
.h-form {
flex-direction: column;
}
.feature-container-lines {
padding-top: 10px;
}
.cta-content {
padding-left: 24px;
padding-right: 24px;
}
.navigation-line {
width: 80px;
}
.faq-icon {
filter: none;
}
.faq-icon.index {
filter: invert();
display: none;
}
.video-lightbox-wrapper {
height: 340px;
display: none;
}
.footer-links {
grid-template-columns: 1fr;
}
.button-primary-3 {
width: 100%;
}
.feature-card-buton-wrap {
flex-direction: column;
align-items: flex-start;
}
.content-container-lines {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.heading-68 {
line-height: 1em;
}
.image-36 {
filter: invert();
position: relative;
left: -5px;
}
.tabs-menu-3 {
background-color: #cececeba;
justify-content: center;
align-items: center;
width: 90%;
height: 100%;
margin-left: 20px;
padding: .7px .6em .7em;
display: flex;
}
.tab-link-tab-1 {
height: 38px;
}
.tab-link-tab-1.w--current {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 0;
display: flex;
}
.section-46 {
display: block;
}
.tab-link-tab-2, .tab-link-tab-3 {
background-color: #ddd0;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-left: 0;
padding-right: 0;
display: flex;
}
.tab-content-item-2 {
max-height: 100vh;
overflow-y: auto;
}
.tabs-nav-text-2 {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
font-family: Inconsolata, monospace;
font-size: 13px;
}
.tabs-nav-text-2.data {
display: none;
}
.tabs-menu-wrapper-2 {
z-index: 100;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #6e6e6e9c;
border-radius: 7px;
justify-content: center;
align-items: center;
width: 93%;
height: 42px;
margin-top: 0;
margin-left: 13.5px;
padding: .23em .25em;
display: flex;
position: fixed;
top: 25px;
}
.tabs-content-wrapper-3 {
margin-top: 0;
}
.tabs-nav-background-3 {
background-color: #000;
border-radius: 7px;
height: 100%;
margin-top: 0;
}
.tabs-a-section {
background-color: #000;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: block;
}
.arrow-up-icon {
margin-top: auto;
margin-bottom: auto;
display: none;
position: absolute;
inset: 0% 0% 0% auto;
}
.h2-white {
margin-bottom: 20px;
}
.project-text {
max-width: 90%;
}
.project-text.row1 {
display: none;
}
.section-47.dark {
background-color: #000;
width: 100%;
display: none;
}
.body-large {
letter-spacing: .1px;
font-family: Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 20px;
}
.table-row {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 6fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: flex-start;
height: 60px;
font-family: Helvetica, sans-serif;
display: flex;
position: relative;
}
.first-container {
margin-top: 20px;
}
.head {
flex-direction: column;
margin-bottom: 20px;
}
.text-block-202 {
color: var(--outline);
font-family: "Jetjanemono W 01", Georgia, sans-serif;
}
.text-block-203 {
font-family: Helvetica, sans-serif;
position: absolute;
inset: auto 0% 20% auto;
}
.div-block-92 {
align-self: center;
}
.project {
width: 100%;
height: 100vh;
}
.heading-h1 {
margin-top: 20vh;
margin-left: 24px;
padding-right: 24px;
font-size: 12vw;
line-height: 14vw;
}
.project-container {
margin-top: 0;
margin-bottom: 5vh;
}
.page-2 {
display: none;
}
.container-medium.about {
margin-left: 0;
}
.sticky-container.mobil {
position: relative;
top: 0;
}
.section-48.hero-container {
width: 100%;
height: auto;
padding-top: 50vh;
}
.container-full.service, .container-full.flex-top-split-horizontal, .container-full.flex-top-center-horizontal.mobile {
flex-direction: column;
}
.video-parent {
width: 100%;
margin-top: 20px;
position: relative;
right: 0%;
}
.asterix {
font-size: 1rem;
}
.asterix.margin-horizontal {
margin-left: 1em;
margin-right: 1em;
}
.caption-text {
font-size: .8rem;
}
.margin-left-large {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.span-text {
color: var(--outline);
}
.span-text.p-5 {
-webkit-text-stroke-color: var(--outline);
}
.h1---style {
font-size: 10.9em;
}
.num-text {
font-size: 1rem;
}
.footer-container {
flex-direction: column;
}
.social-link-parent {
flex: none;
}
.section-49.content-section {
filter: blur(5px);
background-color: #000;
}
.section-49.hero-container {
height: auto;
padding-top: 50vh;
}
.section-49.partner-section {
padding-top: 15em;
padding-bottom: 15em;
}
.section-49.project-section {
padding-top: 30em;
}
.grid-2-col-right {
flex-direction: column;
grid-template-columns: 1fr 4.75fr;
grid-auto-columns: 1fr;
align-items: flex-start;
display: flex;
}
.cta-container {
width: 100%;
}
.footer-4 {
padding-bottom: 20em;
}
.button-txt {
font-size: .6rem;
}
.bg-video {
height: 50vh;
}
.social-link-icon {
width: 5em;
height: 5em;
}
.scroll-section-small {
padding-top: 3.5em;
}
.spacer-2em, .spacer-2em.mobile {
display: block;
}
.half-circle {
width: 3em;
height: 3em;
}
.container-extra-small.mobile {
width: 70%;
}
.container-extra-small.flex-center-center-horizontal {
width: 187px;
height: 78px;
}
.footer-credit {
font-size: .75rem;
}
.h2---style {
font-size: 2.5rem;
}
.wrapper-3 {
display: none;
}
.btn-parent {
width: 20em;
height: 20em;
}
.whipe {
display: block;
}
.image-parent.about {
margin-top: 20px;
right: 0%;
}
.nav-link-8 {
padding-bottom: .25rem;
font-size: 10px;
}
.paragraph-large {
color: var(--dark-outline);
font-size: .745rem;
}
.container-tiny, .container-tiny.small-text {
display: none;
}
.scroll-section {
padding-top: 3.5em;
}
.designer {
margin-bottom: 5px;
}
.team-collection-list {
flex-direction: column;
display: flex;
}
.service-wrapper {
grid-column-gap: 2em;
grid-row-gap: 3em;
width: 100%;
margin-top: 10px;
}
.designer-small {
line-height: 1.2;
}
.footer-credit-wrap {
width: auto;
}
.footer-credit-wrap.hidden {
display: none;
}
.footer-credit-wrap.flex-center-right-horizontal {
margin-top: 20px;
}
.paragraph-large-2 {
font-size: .745rem;
}
.intro-parent {
display: none;
}
.nav-2 {
padding-top: 4em;
padding-bottom: 4em;
}
.nav-logo-3 {
width: 5.4rem;
}
.paragraph-large-3 {
font-size: .745rem;
}
.container-39 {
height: 160.391px;
padding-left: 20px;
padding-right: 20px;
}
.container-40 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 30px;
display: flex;
}
.div-block-93 {
position: static;
}
.footer-new {
z-index: auto;
background-color: #fff;
border-bottom: 30px red;
height: 260px;
margin-top: 0;
padding: 0;
position: sticky;
bottom: 0;
}
.container-41 {
background-color: #000;
border-radius: 0;
width: 100%;
height: 100%;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.div-block-94 {
height: 100%;
position: relative;
}
.product-wrapper {
z-index: 3;
margin-bottom: 0;
position: relative;
top: 0;
}
.spacer {
height: 100vh;
display: none;
}
.spacer-foot {
background-color: #fff;
background-image: linear-gradient(#000, #000);
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
border-bottom: 1px solid #0000;
border-radius: 0;
height: 10vh;
}
.div-block-95 {
opacity: .08;
filter: invert();
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6850a76fd7d051ce17e69943_AKJBS%20K.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 60px;
padding-right: 0;
}
.image-37 {
width: 100%;
}
.container-42 {
padding-left: 0;
padding-right: 0;
display: none;
}
.accordion-section {
background-color: #000;
}
.accordion-pane {
padding-left: 0;
padding-right: 0;
}
.accordion-link {
color: #000;
background-color: #fff;
}
.arrow-div-wrapper {
width: 15%;
padding-right: 10px;
}
.accordion-header {
color: #ececec;
text-align: left;
padding-left: 15px;
font-size: 1.5rem;
}
.accordion-section-head {
color: #fff;
}
.accordion-tab-button {
padding-left: 0;
padding-right: 0;
}
.number-div-wrapper {
justify-content: center;
align-items: center;
width: 15%;
padding-right: 10px;
}
.number-4 {
color: #c9c9c9;
}
.accordion-text {
color: #ececec;
width: 90%;
font-size: .9rem;
line-height: 2;
}
.accordion-pane-content {
justify-content: flex-start;
align-items: center;
margin-bottom: 15px;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.accordion-item {
background-color: #000;
margin-bottom: 10px;
}
.accordion-item-2 {
border-style: solid none;
border-top-width: .5px;
border-bottom-width: .5px;
margin-bottom: 0;
padding-right: 1rem;
}
.accordion-item-2:hover {
box-shadow: none;
border-top-style: solid;
border-bottom-style: solid;
transform: scale(1.04);
}
.accordion-item-2.bottom {
margin-bottom: 140px;
}
.accordion-header-2 {
text-align: left;
letter-spacing: .9px;
text-transform: capitalize;
padding-left: 20px;
font-family: Inconsolata, monospace;
font-size: 1rem;
font-weight: 400;
}
.accordion-text-2 {
text-align: left;
letter-spacing: 0;
width: 100%;
margin-bottom: 5px;
padding-left: 11px;
padding-right: 20px;
font-family: Inconsolata, monospace;
font-size: .8rem;
line-height: 1.5;
}
.accordion-section-head-2 {
letter-spacing: -1px;
text-transform: none;
align-self: flex-start;
margin-bottom: 40px;
font-family: Inconsolata, monospace;
font-size: 1rem;
display: none;
}
.number-5 {
color: #000;
letter-spacing: 2px;
font-family: Inconsolata, monospace;
font-size: 1rem;
}
.accordion-section-2 {
filter: invert();
padding-top: 28%;
}
.iocn_wrappr {
filter: invert();
width: 16px;
height: 1.1rem;
}
.interaction_iocn {
transform: rotate(90deg);
}
.mask-3 {
height: 100%;
}
.default-state-4 {
margin-bottom: 22px;
}
.div-block-96 {
filter: contrast(120%) saturate(0%) invert();
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6851d260232ceab7e475ac0c_download%20(3).gif"), url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6833d7909fe12a6837af320d_IMG_8758.jpeg");
background-position: 50%, 100%;
background-size: cover, cover;
border: .5px #000;
height: 260px;
margin-bottom: 0;
}
.s {
justify-content: center;
align-items: center;
height: 70vh;
display: none;
}
.text-block-204 {
color: var(--outline);
}
.heading-69 {
color: var(--outline);
letter-spacing: -.025px;
font-family: Helvetica, sans-serif;
font-weight: 800;
}
.heading-69.t {
color: var(--black);
text-transform: uppercase;
align-self: flex-start;
margin-bottom: 25px;
font-size: 20px;
}
.heading-69.t.home-menu {
display: none;
}
.flex-menu {
width: 100%;
}
.nav-bar {
background-color: #c4c4c400;
padding-left: 1rem;
padding-right: 1rem;
display: none;
inset: auto 0% 11%;
}
.nav-bar.bottom-first {
display: none;
}
.nav-bar.bottom-test {
display: none;
bottom: 0%;
}
.tag-sm.intro {
color: var(--outline);
}
.logo-6 {
height: 2.6rem;
margin-top: .8rem;
}
.title-name-intro {
font-size: 26vw;
}
.col-left {
position: sticky;
top: 0;
}
.col-left:hover {
padding: 0;
}
.col-content-parent {
padding-bottom: 1.4rem;
padding-left: 1.4rem;
padding-right: 1.4rem;
}
.info-col-child {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
width: 100%;
}
.col-right-2:hover {
padding: 0;
}
.paragraph-18 {
color: var(--outline);
}
.menu__lottie {
width: 22px;
height: 22px;
}
.menu-wrapper-3 {
display: flex;
}
.menu-outer {
width: 100%;
display: flex;
}
.menu-2 {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-flow: row;
justify-content: space-around;
align-items: flex-start;
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
.menu__item {
width: 100%;
padding: 4px 4px 4px 8px;
}
.menu__divider, .menu-wrapper-4 {
display: none;
}
.input-relative.newsletter {
min-height: 64px;
padding-top: 22px;
padding-bottom: 22px;
font-size: 16px;
}
.input-relative.newsletter::placeholder {
font-size: 16px;
line-height: 18px;
}
.form-newsletter-wrapper {
position: static;
}
.button-relative {
padding: 15px 34px 16px;
}
.button-relative.newsletter {
width: 100%;
margin-top: 16px;
padding-top: 19px;
padding-bottom: 19px;
position: static;
}
.header-button {
width: 100%;
}
.page-intro-text-wrapper {
margin-top: -3vh;
}
.header-button-wrapper {
width: 100%;
}
.header-left {
font-size: .8em;
}
.cloneable-title__h1 {
align-self: center;
}
.footer-6 {
padding-bottom: var(--gap);
position: absolute;
inset: auto 0% 0%;
}
.cloneable-title__nr {
color: var(--dark-outline);
}
.cloneable-title {
order: -1;
justify-content: center;
align-items: center;
width: auto;
margin-left: 0;
display: none;
}
.div-block-97 {
width: 18%;
height: 50%;
}
.footer-7 {
justify-content: center;
align-items: center;
margin-top: 0;
padding-bottom: 0;
display: none;
position: fixed;
inset: auto 0% 12px;
}
.bottom-footer {
z-index: 30;
background-color: #81818100;
justify-content: center;
align-items: center;
height: 60px;
padding: 0 15px;
display: block;
position: fixed;
inset: auto 0% 0%;
}
.div-block-98 {
background-color: #bb1e1e;
width: 100%;
height: 100%;
}
.div-block-99 {
grid-column-gap: 80px;
grid-row-gap: 80px;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
color: #fff;
background-color: #58585830;
border-radius: 5px;
order: 0;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
padding: 6px 5px;
display: flex;
}
.container-46 {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
padding-bottom: 0;
display: none;
}
.text-block-205 {
color: #a8a8a8;
align-self: center;
margin-left: 15px;
font-family: Helvetica, sans-serif;
display: none;
}
.text-block-206 {
color: #000;
align-self: center;
margin-left: 15px;
font-family: Helvetica, sans-serif;
display: block;
}
.image-iconx {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6849d7f1470149d5b101f2b9_DKSLNKDN.png");
background-position: 50%;
background-size: cover;
border-radius: 3px;
order: 1;
justify-content: space-between;
align-self: center;
align-items: center;
width: 10%;
height: 100%;
margin-left: 0;
padding: 0;
display: none;
}
.image-38 {
width: 100%;
height: 100%;
display: block;
}
.text-span-40 {
color: #7c7c7c;
margin-right: 10px;
font-family: Inconsolata, monospace;
}
.container-47 {
z-index: 2;
align-self: center;
width: 100%;
height: 100px;
margin-bottom: 0;
padding-bottom: 0;
padding-right: 0;
display: none;
position: fixed;
inset: auto 0% 0%;
}
.container-47.test {
padding-left: 15px;
display: block;
inset: auto 0% 0%;
}
.container-47.test.profile {
filter: invert();
}
.section-51 {
z-index: 6;
display: block;
position: sticky;
top: 0;
}
.list-item__label, .list-item__text {
color: var(--outline);
}
.animation3 {
color: var(--outline);
letter-spacing: -1px;
font-size: 46px;
}
.sub-title {
font-size: 14px;
}
.heading-1 {
color: #000;
letter-spacing: .1px;
font-family: Helvetica, sans-serif;
font-size: 12.5px;
font-weight: 800;
display: block;
}
.heading-1:hover, .heading-1:active {
color: #000;
}
.heading-1.files, .heading-1.x {
display: none;
}
.typedjs-fade.heading-small {
color: #000;
}
.text-size-small-3 {
color: var(--black);
text-align: center;
letter-spacing: 0;
font-family: Helvetica, sans-serif;
font-size: 9.2px;
font-weight: 400;
line-height: 1.3;
display: block;
}
.text-size-small-3.product-number {
font-family: Helvetica, sans-serif;
}
.heading-scroll.center._2 {
color: #000;
}
.heading-scroll.center._9 {
z-index: 2;
color: #191919;
letter-spacing: 0;
font-family: Inconsolata, monospace;
font-size: 9.7px;
font-weight: 700;
line-height: 1.3;
position: absolute;
inset: 4% auto auto 5%;
}
.heading-scroll.center._9.large {
top: 3%;
left: 3%;
}
.text-span-8 {
color: #000;
}
.heading-71 {
display: block;
}
.typer._3:hover {
color: #aaa;
}
.typer.bottom {
font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
font-size: 12px;
font-weight: 400;
position: fixed;
inset: auto auto 1% 4%;
}
.comma-delay:hover {
color: #000;
}
.text-span-41, .text-span-42 {
opacity: 0;
color: #fff0;
letter-spacing: 0;
display: none;
}
.scroll-snap-wrapper-2 {
display: none;
}
.section-1-2 {
background-color: #fff;
}
.scroll-snap-wrapper-3 {
display: none;
}
.flex-horizontal-2 {
flex-flow: column;
display: none;
}
.snap-container.is-navy {
background-color: #fff;
border-radius: 0;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 150px 15px 140px;
}
.snap-container.is-green {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68474b2fea83cd72b1c70c02_tftft.png");
background-position: 50%;
background-size: cover;
border-radius: 0;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.snap-container.is-purple {
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/684773b5b75f4dee75c9697f_asj%20alkj%20l.png");
background-position: 50%;
background-size: cover;
border-radius: 0;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.snap-container.is-red {
background-image: linear-gradient(#fff, #fff);
border-radius: 0;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 150px 15px 140px;
}
.container-wrapper {
height: 100vh;
}
.section-52 {
height: 100vh;
display: none;
}
.nw-link {
border: 1px solid #fff;
border-radius: 20px;
flex-direction: column;
margin-top: 8px;
margin-bottom: 0;
padding: 8px 12px;
display: flex;
}
.text-span-43 {
font-weight: 700;
display: block;
}
.div-block-101 {
z-index: 50;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/684f1a9ce12658d7639a5641_cursor-arrow-black.svg");
background-position: 0 0;
background-size: cover;
position: absolute;
}
.p-small {
color: var(--black);
text-transform: uppercase;
align-self: center;
margin-bottom: -10px;
font-family: Helvetica, sans-serif;
font-weight: 800;
}
.p-small.top {
margin-bottom: 0;
font-weight: 700;
display: none;
}
.p-small.top._2nd {
text-align: left;
text-transform: capitalize;
align-self: flex-start;
margin-bottom: -3px;
font-size: .7em;
display: block;
}
.p-small.top._2nd.cs {
margin-top: 10px;
margin-bottom: 0;
}
.p-small.usa {
text-transform: capitalize;
align-self: flex-start;
margin-top: 0;
margin-bottom: 10px;
}
.p-small.usa._34 {
margin-bottom: -8px;
display: none;
}
.p-small.usa.grey {
color: var(--shaddow);
text-transform: none;
margin-top: -8px;
font-weight: 700;
}
.socials-row, .osmo-icon-svg {
display: none;
}
.nav-3 {
justify-content: center;
align-items: center;
display: flex;
}
.menu-3 {
padding-top: calc(7 * var(--menu-padding));
padding-bottom: calc(2 * var(--menu-padding));
}
.menu-inner {
justify-content: space-between;
align-items: center;
height: 100vh;
padding-top: 100px;
}
.menu-details {
z-index: 5;
grid-column-gap: .4em;
grid-row-gap: .4em;
text-align: left;
width: 50%;
margin-bottom: 80px;
padding-left: 0;
position: relative;
}
.cloneable {
height: 100vh;
display: none;
}
.menu-list {
justify-content: center;
align-items: center;
}
.menu-link-heading {
color: var(--black);
font-family: Oswald, sans-serif;
font-size: 3em;
}
.cart-container-4 {
height: 90vh;
}
.image-39 {
z-index: 1;
position: relative;
top: 2px;
}
.image-40 {
border: .3px solid #afafafb5;
width: 92px;
max-width: 92px;
}
.cart-quantity-6 {
background-color: #fafafa00;
border-style: solid;
border-radius: 3px;
width: 40px;
padding-left: 8px;
padding-right: 3px;
font-family: Inconsolata, monospace;
font-size: 14px;
font-weight: 300;
}
.remove-button-3 {
color: var(--black);
text-transform: uppercase;
font-family: Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
}
.div-block-102 {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: left;
letter-spacing: 0;
line-height: 20px;
}
.text-block-209 {
text-transform: capitalize;
font-family: Inconsolata, monospace;
}
.option-3 {
color: #6e6e6e;
margin-bottom: 10px;
font-size: 12px;
font-style: normal;
}
.text-block-210 {
margin-bottom: 6px;
font-family: Inconsolata, monospace;
font-size: 13px;
font-weight: 400;
}
.text-block-210.color {
color: var(--shaddow);
margin-bottom: -5px;
font-size: 12px;
font-style: normal;
}
.text-block-211 {
text-transform: capitalize;
margin-bottom: -4px;
font-family: Arabtype, Arial, sans-serif;
font-size: 23px;
font-weight: 400;
}
.heading-72 {
text-transform: uppercase;
font-family: Helvetica, sans-serif;
}
.text-block-212 {
color: var(--ghost-white);
text-align: left;
margin-top: 18px;
font-family: "Jetjanemono W 01", Georgia, sans-serif;
font-size: 10px;
-webkit-text-decoration: line-through #6e6e6e;
text-decoration: line-through #6e6e6e;
}
.checkout-button-3 {
filter: invert();
color: #000;
text-transform: uppercase;
background-color: #fff;
border: .8px solid #000;
font-family: "Jetjanemono W 01", Georgia, sans-serif;
}
.text-block-213 {
align-self: flex-end;
padding-bottom: 0;
font-family: Helvetica, sans-serif;
font-size: 13px;
font-weight: 800;
}
.icon-13 {
font-size: 12px;
display: none;
transform: scale(.6);
}
.close-button-3 {
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
display: flex;
}
.cart-item-3 {
border: .3px #000;
border-bottom: .3px solid #afafafb5;
margin-bottom: 15px;
padding: 0 12px 15px 0;
}
.cart-list-4 {
padding-top: 15px;
padding-left: 10px;
padding-right: 10px;
}
.price-drop {
padding-bottom: 2px;
font-family: Inconsolata, monospace;
font-size: 15px;
font-weight: 400;
}
.text-span-44 {
font-family: Inconsolata, monospace;
}
.text-block-215 {
font-family: Garamondus, Arial, sans-serif;
font-size: 26px;
font-style: italic;
font-weight: 400;
}
.text-block-216 {
font-family: Inconsolata, monospace;
}
.div-block-103 {
width: 29px;
height: 29px;
position: absolute;
inset: 1.2% auto auto 2%;
}
.text-block-217 {
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.glass_wrapper {
grid-row-gap: 1.5rem;
background-color: #dfdfdf80;
min-width: 0;
height: 98vh;
padding: 3rem 2rem;
position: relative;
}
.page-wrapper-4 {
display: none;
}
.sp-track-wrapper {
z-index: 19;
background-color: #8080803b;
border-radius: 100px;
width: 40px;
padding: 6px;
display: none;
position: fixed;
inset: auto 4% 3% auto;
box-shadow: inset 0 2px 9px -3px #ffffff59;
}
.sp-track-wrapper._2 {
opacity: 0;
display: block;
bottom: 6%;
right: 50%;
}
.sp-pause {
opacity: 0;
width: 100%;
}
.sp-pause.alpha {
opacity: 0;
}
.lottie-animation-10 {
justify-content: center;
align-self: center;
align-items: center;
width: 26px;
display: flex;
}
.lottie-animation-10.alpha {
opacity: 0;
}
.div-block-104 {
z-index: 1;
width: 100%;
height: 100%;
position: fixed;
}
.div-block-104.frost-backround {
z-index: 2;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #fff0;
background-image: linear-gradient(#ffffffd4, #ffffffd4);
display: none;
}
.div-block-104.frost-backround.pic {
z-index: 1;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6846fdb6033d31229b4400c5_maisan-min%20(1).png");
background-position: 50%;
background-size: cover;
}
.page-wrapper-5 {
margin-top: 140px;
}
.section-53 {
height: 88vh;
}
.div-block-105 {
filter: contrast(200%);
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/686b0d92426b1f78f2f8266d_Creative%20Coding%20%C2%B0%20daily.gif");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
}
.div-block-105._2 {
filter: contrast(120%);
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/686b184dc42ce224cca8460c_94a1cf85a27828d66290cb30865d6a9a.gif");
background-repeat: no-repeat;
background-size: contain;
}
.div-block-105._3 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/686b18a06708fcb67c146c30_tumblr_edc2e6bdb5a101cf009d9c66bdb8669d_23980282_500.gif");
background-size: cover;
}
.container-48 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: space-between;
align-items: stretch;
height: 42px;
margin-top: 23px;
margin-left: 0;
margin-right: 0;
display: flex;
}
.div-block-106 {
background-color: #000;
border-radius: 50px;
justify-content: center;
align-self: auto;
align-items: center;
width: 50px;
height: 100%;
margin-left: -1px;
padding-bottom: 0;
padding-right: 0;
display: none;
}
.div-block-107 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/684d045bc20de43e68057520_Plus.svg");
background-position: 50%;
background-size: cover;
width: 70%;
height: 70%;
padding-bottom: 0;
padding-right: 0;
}
.cart-footer-3 {
margin-left: 10px;
margin-right: 10px;
padding-left: 0;
padding-right: 0;
}
.cart-line-item-3 {
justify-content: space-between;
align-items: flex-end;
margin-bottom: 14px;
}
.cart-header-3 {
margin-left: 10px;
margin-right: 10px;
padding-right: 20px;
}
.text-block-219 {
color: var(--outline);
letter-spacing: .4px;
text-transform: uppercase;
background-color: #2c2c2c;
padding: 2px 12px;
font-family: "Jetjanemono W 01", Georgia, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: 300;
}
.text-span-45 {
font-size: 30px;
}
.list-item {
text-align: left;
border-top: .3px solid #757575e0;
border-bottom: .3px solid #757575e0;
align-self: auto;
width: 100%;
padding-top: 7px;
padding-bottom: 3px;
}
.list-item.divide {
border-top-style: none;
border-bottom-style: none;
align-self: auto;
padding-top: 9px;
padding-bottom: 3px;
}
.list-item-2 {
text-align: left;
border-bottom: .3px solid #757575e0;
width: 100%;
padding-top: 7px;
padding-bottom: 3px;
}
.list-item-2.divide {
border-bottom-style: none;
padding-top: 9px;
}
.list-item-3, .list-item-4 {
text-align: left;
border-bottom: .3px #757575e0;
width: 100%;
padding-top: 9px;
padding-bottom: 3px;
}
.list-item-5 {
text-align: left;
border-bottom: .3px #757575e0;
width: 100%;
padding-top: 9px;
}
.header-69 {
color: var(--black);
-webkit-text-stroke-color: var(--black);
text-transform: uppercase;
vertical-align: middle;
font-family: Helvetica, sans-serif;
font-size: 2.65em;
font-weight: 800;
line-height: 28px;
text-decoration: none;
}
.container-49 {
justify-content: space-between;
align-self: auto;
width: 100%;
margin-left: 0;
margin-right: 0;
display: flex;
}
.div-block-108 {
justify-content: flex-end;
align-items: flex-start;
width: 50%;
height: 60%;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.div-block-109 {
filter: blur(2px) grayscale();
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6849d7f1470149d5b101f2b9_DKSLNKDN.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
position: relative;
}
.text-block-220 {
color: var(--black);
letter-spacing: .4px;
text-transform: uppercase;
background-color: #fff;
border-radius: 2px;
padding: 3px 12px;
font-family: "Jetjanemono W 01", Georgia, sans-serif;
font-size: 10px;
font-weight: 300;
}
.text-block-221 {
color: var(--grey-background);
letter-spacing: .04px;
-webkit-text-stroke-color: var(--black);
text-transform: uppercase;
font-family: Helvetica, sans-serif;
font-size: 9px;
font-weight: 700;
position: fixed;
top: 18px;
left: 17px;
}
.div-block-110 {
border: .3px solid #9b9b9b;
width: 48%;
height: 100%;
display: none;
}
.div-block-111 {
z-index: 2;
background-color: #fff;
width: 100%;
height: 100%;
position: static;
}
.spiral {
width: 14rem;
height: 16rem;
margin-right: 0;
}
.spiral---item {
width: 100%;
height: 100%;
margin-right: 0;
}
.spiral---rotate.x-00 {
width: 100%;
}
.copy-me.scale-up {
z-index: 19;
filter: none;
display: none;
position: fixed;
inset: auto 5% 2% auto;
transform: scale(.9);
}
.toggle-width-hover {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-image: linear-gradient(162deg, #3f3f3f80, #05050540);
}
.circle-moving {
background-image: radial-gradient(circle at 0 0, #5a5a5a, #383838);
box-shadow: inset 1px 2px 4px #79797959, 0 2px 2px #000000ba, inset -2px -3px 7px -1px #00000082;
}
.section-55 {
flex-flow: column;
width: 100%;
height: 100vh;
padding-top: 20px;
display: flex;
}
.container-50 {
flex-flow: column;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
display: block;
}
.div-block-112 {
justify-content: center;
align-items: center;
padding: 10px;
display: flex;
}
.div-block-113 {
filter: grayscale();
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68b6613de181b3f32366275c_generative-ai-portrait-only-one-man-white-background-created-by-ai_1132122-10544.jpg");
background-position: 0 0;
background-size: cover;
border-radius: 100px;
width: 25px;
height: 25px;
margin-top: auto;
margin-bottom: auto;
}
.div-block-114 {
height: 30em;
margin-bottom: 0;
padding: 20px;
}
.div-block-115 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68b660b8640317ee12574b2c_giphy%20(1).gif");
background-position: 50%;
background-size: auto;
width: 100%;
height: 100%;
}
.heading-73 {
color: var(--outline);
-webkit-text-fill-color: transparent;
background-image: linear-gradient(0deg, #4d4d4d, #fff 41%);
-webkit-background-clip: text;
background-clip: text;
margin-bottom: 4px;
font-size: 40px;
font-weight: 500;
}
.div-block-116 {
flex-flow: column;
justify-content: center;
align-items: center;
font-size: 16px;
display: flex;
}
.paragraph-19 {
color: var(--ghost-white);
font-size: 12px;
}
.container-51 {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 20px;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.button-21 {
width: 100%;
height: 46px;
color: var(--black);
text-align: center;
background-color: #fff;
border-radius: 100px;
justify-content: center;
align-self: auto;
align-items: center;
margin-bottom: 10px;
display: flex;
}
.button-21._2 {
color: var(--outline);
background-color: #1b1b1b;
}
.div-block-117 {
width: 100%;
}
.paragraph-20 {
font-size: 12px;
}
.container-162 {
width: 30%;
margin-left: 0;
margin-right: 0;
}
.section-69 {
z-index: 0;
background-color: #000;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
flex-flow: column;
justify-content: flex-end;
height: 79vh;
padding-bottom: 10px;
display: block;
position: sticky;
top: auto;
bottom: 0;
}
.text-field-7 {
background-color: #fff0;
border: 1px #000;
border-bottom: .2px solid #353535;
border-radius: 0;
height: 28px;
padding-top: 14px;
padding-bottom: 16px;
padding-left: 0;
font-size: 3vw;
font-weight: 300;
}
.container-164 {
width: auto;
height: auto;
margin-bottom: 20px;
padding-left: 0;
display: none;
}
.dropdown-link-5 {
font-size: 3vw;
}
.dropdown-link-5.dp {
color: #b3b3b3;
font-size: 3.2vw;
}
.dropdown-link-6 {
font-size: 3vw;
}
.dropdown-link-6.dp {
color: #b3b3b3;
}
.field-label-5 {
color: #fff;
font-size: 3vw;
display: none;
}
.heading-105 {
color: #5c5c5c;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
font-weight: 300;
line-height: 14px;
}
.heading-105._2 {
margin-top: 0;
line-height: 14px;
}
.heading-105.links {
margin-top: 0;
font-size: 15px;
font-weight: 300;
line-height: 24px;
position: relative;
top: auto;
bottom: 10px;
}
.form-10 {
border-bottom: 1px #000;
flex-flow: column;
display: flex;
}
.heading-106 {
color: #383838;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 10px;
font-weight: 300;
}
.dropdown-list-6 {
background-color: #8b5555;
}
.dropdown-list-6.w--open {
background-color: #2b2b2b;
}
.heading-104 {
color: #fff;
text-align: center;
letter-spacing: 0;
text-transform: uppercase;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(#000, #fff 52%);
-webkit-background-clip: text;
background-clip: text;
margin-top: 0;
margin-bottom: 0;
font-size: 23.6vw;
font-weight: 400;
line-height: .9;
position: relative;
top: 0;
}
.heading-104._2 {
text-transform: uppercase;
font-size: 28vw;
}
.container-163 {
justify-content: center;
align-items: center;
width: 30%;
margin-left: 30px;
margin-right: auto;
display: flex;
}
.container-163._3 {
justify-content: flex-end;
align-items: flex-start;
margin-left: auto;
margin-right: 0;
display: none;
}
.text-block-52 {
color: #b3b3b3;
background-color: #fff0;
font-size: 3vw;
font-weight: 300;
}
.div-block-174 {
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68bb1080b9e29f9ad92ca57d_accent.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
border-radius: 0;
width: 40px;
height: 40px;
padding: 5px;
}
.text-field-8 {
background-color: #fff0;
border: 1px #000;
border-bottom: .2px solid #363636;
border-radius: 0;
height: 28px;
padding-top: 14px;
padding-bottom: 16px;
padding-left: 0;
font-size: 3vw;
font-weight: 300;
}
.div-block-173 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68bb1080b9e29f9ad92ca580_Adobe%20Express%20-%20file.png");
background-position: 50%;
background-size: contain;
width: 120px;
height: 120px;
display: none;
position: relative;
top: 17px;
}
.icon-14 {
color: #5c5c5c;
margin-right: 0;
font-size: 3vw;
}
.container-159 {
width: 100%;
margin-bottom: 50px;
padding-left: 0;
}
.container-159.first {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
.container-159.first.links {
width: 60%;
margin-left: auto;
margin-right: auto;
padding-left: 0;
}
.container-159.first.links._3 {
margin-right: 0;
}
.dropdown-3 {
border-bottom: .3px solid #363636;
width: 100%;
margin-top: 0;
}
.container-158 {
justify-content: center;
align-items: flex-end;
margin-top: 40px;
display: flex;
overflow: hidden;
}
.container-158._2 {
display: none;
}
.container-165 {
width: 90%;
padding-bottom: 10px;
padding-right: 0;
}
.dropdown-link-7 {
font-size: 3.2vw;
}
.dropdown-link-7.dp {
color: #b3b3b3;
}
.dropdown-toggle-4 {
color: #fff;
width: 100%;
padding: 5px 0 8px;
font-size: 3vw;
}
.container-161 {
justify-content: space-between;
align-items: stretch;
width: 100%;
margin-left: auto;
padding-left: 20px;
padding-right: 10px;
display: flex;
}
.container-160 {
width: 90%;
margin-bottom: 20px;
}
.submit-button-6 {
background-color: #131313;
border: .3px #404040;
border-radius: 7px;
width: 20%;
margin-top: 25px;
font-size: 3vw;
}
.text-span-46 {
color: #fff;
font-size: 15px;
font-weight: 300;
}
.text-span-47 {
color: #fff;
font-weight: 700;
}
.container-166 {
width: 30%;
margin-left: 0;
margin-right: 0;
}
.section-70 {
z-index: 0;
background-color: #000;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
flex-flow: column;
justify-content: flex-end;
height: 55vh;
padding-top: 20px;
padding-bottom: 20px;
display: block;
position: sticky;
top: auto;
bottom: 0;
}
.section-70.newhome {
height: auto;
}
.text-field-9 {
background-color: #fff0;
border: 1px #000;
border-bottom: .2px solid #353535;
border-radius: 0;
height: 28px;
padding-top: 14px;
padding-bottom: 16px;
padding-left: 0;
font-size: 3vw;
font-weight: 300;
}
.container-167 {
width: auto;
height: auto;
margin-bottom: 20px;
padding-left: 0;
display: none;
}
.dropdown-link-8 {
font-size: 3vw;
}
.dropdown-link-8.dp {
color: #b3b3b3;
font-size: 3vw;
}
.dropdown-link-9 {
font-size: 3vw;
}
.dropdown-link-9.dp {
color: #b3b3b3;
}
.field-label-6 {
color: #fff;
font-size: 3vw;
display: none;
}
.heading-107 {
color: #5c5c5c;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
font-family: Suisse Intl, Georgia, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 19px;
}
.heading-107._2 {
margin-top: 0;
line-height: 19px;
}
.heading-107._2.shopx {
font-size: 12px;
}
.heading-107.links {
margin-top: 0;
font-family: Suisse Intl, Georgia, sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 24px;
position: relative;
top: auto;
bottom: 4px;
}
.heading-107.links.shop {
font-size: 12px;
line-height: 23px;
}
.heading-107.shopx {
font-size: 12px;
}
.heading-108 {
color: #505050;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 10px;
font-weight: 300;
}
.dropdown-list-7 {
background-color: #8b5555;
}
.dropdown-list-7.w--open {
background-color: #161616;
}
.heading-109 {
color: #fff;
text-align: center;
letter-spacing: 0;
text-transform: uppercase;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(#888, #3b3b3b 43%, #000 68%);
-webkit-background-clip: text;
background-clip: text;
margin-top: 0;
margin-bottom: 0;
font-family: The Aquebella Otf, Georgia, sans-serif;
font-size: 34vw;
font-weight: 400;
line-height: .9;
position: relative;
top: 52px;
}
.heading-109._2 {
text-transform: uppercase;
font-size: 28vw;
}
.container-168 {
justify-content: center;
align-items: flex-start;
width: 30%;
height: 120px;
margin-left: 30px;
margin-right: auto;
display: flex;
}
.container-168._3 {
justify-content: flex-end;
align-items: flex-start;
margin-left: auto;
margin-right: 0;
display: none;
}
.text-block-222 {
color: #b3b3b3;
background-color: #fff0;
font-size: 3vw;
font-weight: 300;
}
.div-block-175 {
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68bb1080b9e29f9ad92ca57d_accent.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
border-radius: 0;
width: 40px;
height: 40px;
padding: 5px;
}
.text-field-10 {
background-color: #fff0;
border: 1px #000;
border-bottom: .2px solid #363636;
border-radius: 0;
height: 28px;
padding-top: 14px;
padding-bottom: 16px;
padding-left: 0;
font-size: 3vw;
font-weight: 300;
}
.div-block-176 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68bb1080b9e29f9ad92ca580_Adobe%20Express%20-%20file.png");
background-position: 50%;
background-size: contain;
width: 120px;
height: 120px;
display: none;
position: relative;
top: 17px;
}
.icon-15 {
color: #5c5c5c;
margin-right: 0;
font-size: 3vw;
}
.container-169 {
width: 100%;
height: 60px;
margin-bottom: 10px;
padding-left: 0;
}
.container-169.first {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
.container-169.first.links {
width: 60%;
margin-left: auto;
margin-right: auto;
padding-left: 0;
}
.container-169.first.links._3 {
margin-right: 0;
}
.container-170 {
justify-content: center;
align-items: flex-end;
margin-top: -20px;
margin-bottom: 0;
display: none;
overflow: hidden;
}
.container-170._2 {
display: none;
}
.container-171 {
width: 90%;
padding-bottom: 10px;
padding-right: 0;
}
.dropdown-link-10 {
font-size: 3.2vw;
}
.dropdown-link-10.dp {
color: #b3b3b3;
font-size: 3vw;
}
.container-172 {
width: 90%;
margin-bottom: 20px;
}
.submit-button-7 {
background-color: #131313;
border: .3px #404040;
border-radius: 7px;
width: 25%;
margin-top: 25px;
font-size: 3vw;
box-shadow: inset 0 0 5px #6b6b6b33;
}
.text-span-48 {
color: #fff;
font-family: Suisse Intl, Georgia, sans-serif;
font-size: 12px;
font-weight: 300;
}
.text-span-49 {
color: #fff;
font-family: Suisse Intl, Georgia, sans-serif;
font-weight: 700;
}
.hero_heading {
font-size: 12.5em;
}
.padding-section-medium.is-hero {
padding-top: 5rem;
padding-bottom: 5rem;
}
.intro_image-wrap {
width: auto;
min-width: 55%;
}
.section_jornal {
align-items: stretch;
display: flex;
}
.text-link_wrap.is-proportion {
padding-right: .3rem;
font-size: .9rem;
}
.heading-style-h1-2 {
font-size: 20vw;
}
.heading-style-h3-2.is-hero {
font-size: 4.8em;
}
.cta_quorte-subtext {
flex-wrap: wrap;
font-size: .9rem;
}
.jornal_title-wrap {
padding-bottom: 1.5rem;
}
.section-71 {
display: block;
}
.section-72 {
display: none;
}
.heading-style-h1-3, .heading-style-h1-4 {
font-size: 20vw;
}
.hero_image-wrap {
border-top: 1px solid #1b2c13;
border-bottom: 1px solid #1b2c13;
padding: 20px;
}
.hero-para {
width: 100%;
margin-top: 0;
margin-bottom: 80px;
}
.grid-item-2.is-empty {
display: none;
}
.hero-grid-3, .product-grid-2 {
grid-template-columns: 1fr;
}
.logo-7 {
float: left;
}
.flex-block-5 {
display: none;
}
.wishlist-2 {
display: block;
}
.column-product-info-2 {
height: auto;
min-height: 700px;
padding-top: 40px;
}
.product-tabs-2, .breadcrumbs-2 {
display: none;
}
.slider-4, .column-product-photo-2 {
height: 70vh;
}
.extra-info-mobile-2 {
display: block;
}
.shippinh-2 {
margin-top: 40px;
}
.add-to-bag-2 {
display: block;
}
.checks_wrap {
justify-content: center;
}
.email_capture {
min-width: auto;
max-width: 100%;
}
.padding-global-24 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.email-capture_button {
width: 100%;
margin-top: .75rem;
position: static;
}
.div-block-616 {
width: 0;
}
.section-77, .section-78 {
display: none;
}
.slide-13 {
vertical-align: baseline;
}
.div-block-641 {
display: none;
}
.container-176 {
width: 30%;
margin-left: 0;
margin-right: auto;
}
.div-block-643 {
opacity: .99;
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69c0252ca7c25e74f2ec6453_CG%20VHB.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
border-radius: 0;
width: 45px;
height: 45px;
padding: 5px 0 5px 5px;
position: static;
top: -11px;
left: 50px;
}
.text-span-61 {
color: #fff;
text-transform: uppercase;
font-size: 10px;
font-weight: 300;
}
.container-177 {
width: auto;
height: auto;
margin-bottom: 20px;
margin-right: auto;
padding-left: 0;
display: none;
position: static;
top: -20px;
left: 57px;
}
.container-178 {
justify-content: space-between;
align-items: stretch;
width: 100%;
margin-left: auto;
padding-left: 20px;
padding-right: 0;
display: flex;
}
.heading-205 {
color: #5c5c5c;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
font-family: Helvetica, sans-serif;
font-size: 10px;
font-weight: 300;
line-height: 14px;
}
.heading-205._2 {
margin-top: 0;
line-height: 14px;
}
.heading-205._2.vaq {
color: #424242;
text-align: left;
text-transform: uppercase;
font-size: 10px;
line-height: 16px;
}
.heading-205.links {
color: #424242;
text-transform: uppercase;
margin-top: 0;
font-family: Helvetica, sans-serif;
font-size: 10px;
font-weight: 300;
line-height: 26px;
position: relative;
top: auto;
bottom: 5px;
}
.container-179 {
width: 100%;
margin-bottom: 50px;
padding-left: 0;
}
.container-179.first {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
.container-179.first.links {
width: 80%;
margin-left: auto;
margin-right: auto;
padding-left: 0;
}
.container-179.first.links._3rd-row {
width: 20%;
}
.container-179.first.links._3 {
margin-right: 0;
}
.text-span-62 {
color: #fff;
font-weight: 300;
}
.container-180 {
justify-content: center;
align-items: flex-start;
width: 30%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.container-180._3 {
justify-content: flex-end;
align-items: flex-start;
margin-left: auto;
margin-right: 0;
display: none;
}
.link-block-7 {
z-index: 7;
position: fixed;
inset: auto 0% 5%;
}
.background-video-4 {
z-index: 20;
width: 100%;
height: 620px;
display: block;
}
.link-block-8 {
z-index: 20;
background-color: #ca9c9c00;
width: 100px;
height: 50px;
position: absolute;
inset: auto 0% 0% auto;
}
.flex-block-16 {
border-bottom: .2px solid #bebebe8c;
justify-content: space-between;
align-items: center;
width: 100%;
height: 50px;
padding-left: 1em;
padding-right: 1em;
display: none;
}
.div-block-644 {
width: 30px;
height: 30px;
margin-left: auto;
}
.div-block-644._4 {
margin-left: 10px;
}
.div-block-644._1 {
background-image: none;
background-size: auto;
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: 10px;
display: flex;
}
.div-block-644._2 {
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: auto;
display: flex;
}
.brand-sc {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/697eb249bb887c700ce185be_iyfgyoygougo.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 100px;
height: 40px;
margin-left: auto;
margin-right: auto;
}
.div-block-645 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/68311535ad2c9ef5f2889f37_SVG.svg");
background-position: 50%;
background-size: cover;
width: 70%;
height: 70%;
}
.div-block-646 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/621ffd7feb470b8b491e49b5_love-it%201.svg");
background-position: 50%;
background-size: cover;
width: 70%;
height: 70%;
}
.section-79 {
height: auto;
margin-top: 45px;
padding: 1em;
}
.section-79.sec2, .section-79._2ndpt {
margin-top: 0;
}
.section-79._2ndpt.btm3 {
width: 100%;
}
.div-block-647 {
background-color: #ddd;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69c984c9d98626dab37fc14f_ChatGPT%20Image%20Mar%2029%2C%202026%2C%2003_59_34%20PM.png");
background-position: 50% 60%;
background-size: cover;
width: 100%;
height: 60vh;
margin-bottom: 20px;
}
.div-block-647.pt2 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6a51cabfb78f3d5baf5eff79_ChatGPT%20Image%20Jul%2011%2C%202026%2C%2012_41_56%20AM.png");
background-position: 50% 75%;
}
.div-block-647.pt2.acce {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69e50069d8a7fe2d0a87599d_igliyg.png");
background-repeat: no-repeat;
background-size: cover;
}
.div-block-647.pt2.acce._3bigpic {
margin-top: 2em;
display: none;
}
.div-block-647.pt2.acce._4space {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6976b07ed571e41def156612_ChatGPT%20Image%20Jan%2025%2C%202026%2C%2007_08_14%20PM.png");
}
.div-block-647.pt2.acce._1ft {
display: none;
}
.heading-206 {
margin-bottom: 10px;
font-family: Helvetica, sans-serif;
font-size: 14px;
font-weight: 800;
display: block;
}
.section-80 {
padding-top: 2em;
padding-left: 0;
padding-right: 0;
}
.paragraph-64 {
color: var(--black);
line-height: 1.2em;
}
.paragraph-65 {
color: var(--black);
letter-spacing: 0;
text-transform: uppercase;
font-family: Helvetica, sans-serif;
font-size: 9px;
font-weight: 400;
line-height: 1.4em;
}
.link-block-9 {
border: .3px solid #4b4b4b;
justify-content: center;
align-items: center;
width: 100%;
height: 45px;
display: flex;
}
.button-that-here {
color: var(--black);
font-family: Helvetica, sans-serif;
-webkit-text-decoration: none;
text-decoration: none;
}
.button-22 {
width: 100%;
height: 45px;
color: var(--black);
letter-spacing: .5px;
text-transform: uppercase;
background-color: #3898ec00;
border: .2px solid #929292;
justify-content: center;
align-items: center;
margin-top: 20px;
font-family: Helvetica, sans-serif;
font-size: 11px;
font-weight: 700;
display: flex;
}
.flex-block-17 {
z-index: 10;
grid-column-gap: .5em;
grid-row-gap: .5em;
background-color: #fff;
justify-content: space-between;
align-items: center;
position: relative;
}
.section-81 {
width: 100%;
margin-top: 10px;
margin-bottom: 0;
}
.flex-block-18 {
grid-column-gap: .4em;
grid-row-gap: .4em;
justify-content: center;
align-items: center;
width: 100%;
padding: 2em 1em;
}
.flex-block-18._2 {
padding-top: 0;
}
.flex-block-18._1h, .flex-block-18.top-flex {
margin-bottom: 5px;
padding-bottom: 0;
}
.div-block-648 {
background-color: #c2c2c2;
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69cff5940e474f2fed6c1b15_Copy_of_SN_Heliot_Emil_SS26_Main_ecom_mens_106000.webp");
background-position: 50%;
background-size: cover;
width: 140px;
height: 160px;
margin-top: 0;
margin-bottom: 0;
}
.div-block-648._2 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6951dcccb76d18b4130e8915_AW23RELEASE-3327.webp");
margin-bottom: 0;
}
.div-block-648._2._2cx {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69cff598e8cff23c09c401cf_Copy_of_SN_Heliot_Emil_SS26_Main_ecom_mens_106646.webp");
margin-bottom: 0;
}
.div-block-648._2._6xxc {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d02d8f3c603d87d0b01830_CopyofSN_Heliot_Emil_SS26_Main_ecom_mens_106217.webp");
}
.div-block-648._2._6xxc.tf3 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d16575d9bc9f177842ebca_%3Bsflknd.png");
}
.div-block-648._3 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d02d8fec87cc85196efdb6_CopyofSN_Heliot_Emil_SS26_Main_ecom_mens_105749_4ae75103-c62b-488f-9bd5-d33b96a4d6d3.webp");
}
.div-block-648._3._3x {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6951dce23cc86d0bca7316e4_AW23RELEASE-3603.webp");
margin-bottom: 0;
}
.div-block-648._3._3x._5xx {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d02d9229d977ae0936232a_SN_Heliot_Emil_AW25main_ecom_mens_76420%20(1).webp");
}
.div-block-648._3._3x._5xx.tf2 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d164152b453887372c646b_vj%20blcjv.png");
}
.div-block-648._4x {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d185f369d828e27d242d46_iugog.png");
margin-bottom: 0;
}
.div-block-648._4x._4xx {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69cff5979d6b4ef6581d72c7_SN_Heliot_Emil_AW25main_ecom_womens_78388_1.webp");
background-size: cover;
}
.div-block-648._4x._4xx.tf1 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69d02d8f21f547d6f835c193_SS26_16_156_BLK01-08.webp");
}
.section-82 {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/683dd2384169cef283a61f7d_jbsdlojs.png");
background-position: 50%;
background-size: cover;
width: 100%;
height: 70vh;
display: none;
}
.link-block-10 {
background-color: #c0525200;
width: 100%;
height: 100%;
position: static;
inset: 0%;
}
.flex-block-20 {
display: none;
}
.body-8 {
background-color: #000;
background-image: linear-gradient(0deg, #000, #000 19%, #fff 34%, #fff);
}
.section-85 {
padding-top: 72px;
padding-bottom: 72px;
}
.stacked-content-3 {
grid-row-gap: 36px;
}
.dark-slide-arrow-2 {
width: 40px;
height: 40px;
margin-left: -2vw;
margin-right: -2vw;
}
.heading-208 {
font-size: 26px;
}
.heading-208.large {
font-size: 32px;
}
.basic-slide-wrapper {
min-height: 100vw;
padding: 36px 24px;
}
.section-86 {
padding-top: 72px;
padding-bottom: 72px;
}
.section-86.no-padding.clip {
background-color: #fff;
margin-top: 10px;
margin-bottom: 0;
padding: 20px 1em;
}
.basic-slide {
width: 80%;
margin-right: 2px;
}
.stacked-intro-6 {
display: none;
}
.basic-slider {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.dark-slide-arrow-3 {
width: 40px;
height: 40px;
margin-left: -2vw;
margin-right: -2vw;
}
.full-width-slider-wrapper {
padding-left: 0;
padding-right: 0;
}
.heading-209 {
font-size: 26px;
}
.feature-background {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6976b07ed571e41def156612_ChatGPT%20Image%20Jan%2025%2C%202026%2C%2007_08_14%20PM.png");
}
.feature-background.two {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6a51cae702c157dc50af1be9_ChatGPT%20Image%20Jul%2011%2C%202026%2C%2012_47_21%20AM.png");
}
.feature-background.one {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/6979737e895cc9118d470f30_ChatGPT%20Image%20Jan%2027%2C%202026%2C%2009_21_50%20PM.png");
}
.feature-background.three {
background-image: url("https://cdn.prod.website-files.com/60a860e4c13b9687cb305993/69c984f3d971a97b47d8a38d_ChatGPT%20Image%20Mar%2029%2C%202026%2C%2003_59_30%20PM.png");
}
}
#w-node-b36ad363-3aa7-0dd7-c76f-5ef647703114-e1743d75 {
justify-self: start;
}
#w-node-_345aeca0-d2d6-17d2-2ac3-e2f5911b1f6a-e1743d75 {
grid-area: 1 / 2 / 2 / 3;
align-self: stretch;
}
#w-node-_345aeca0-d2d6-17d2-2ac3-e2f5911b1f6c-e1743d75 {
justify-self: center;
}
#w-node-_345aeca0-d2d6-17d2-2ac3-e2f5911b1f6d-e1743d75 {
grid-area: span 1 / span 4 / span 1 / span 4;
justify-self: center;
}
#w-node-_345aeca0-d2d6-17d2-2ac3-e2f5911b1f70-e1743d75 {
justify-self: center;
}
#w-node-b45b2c9f-c040-a432-bd86-ed974e5ce341-e1743d75 {
align-self: center;
}
#w-node-b2b6fcff-2256-7008-e1f2-ac5bd83d761f-e1743d75 {
place-self: center;
}
#w-node-bdc50d02-a8e6-7b91-2785-9db5368500c9-e1743d75 {
grid-area: 1 / 2 / 2 / 3;
place-self: stretch stretch;
}
#w-node-fda1ee5b-3516-d081-282f-bc414c0f18f3-e1743d75 {
justify-self: center;
}
#w-node-fda1ee5b-3516-d081-282f-bc414c0f18f4-e1743d75 {
grid-area: span 1 / span 4 / span 1 / span 4;
justify-self: center;
}
#w-node-fda1ee5b-3516-d081-282f-bc414c0f18f8-e1743d75 {
justify-self: center;
}
#w-node-d9699e8d-5b86-d263-ba3a-4083a13e67b1-e1743d75 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-acd49a70-72c3-18dc-73af-3b0e0721a88d-e1743d75 {
place-self: center start;
}
#w-node-_29270b54-440f-e81f-6952-6c85c69acc5c-e1743d75 {
justify-self: start;
}
#w-node-_7d85c290-4594-ba2d-819b-8cc7e4136051-e1743d75 {
grid-area: 1 / 2 / 2 / 3;
place-self: center;
}
#w-node-_405918fc-54de-0cd2-288a-94f88ac10719-e1743d75 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_405918fc-54de-0cd2-288a-94f88ac1071a-e1743d75 {
place-self: center start;
}
#w-node-_405918fc-54de-0cd2-288a-94f88ac1071c-e1743d75 {
place-self: center stretch;
}
#w-node-c48b0112-662b-903b-413b-ccc63315bf6b-e1743d75 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-ce78cdb6-2ef0-cf25-7e75-7d8eb44c2c93-e1743d75 {
grid-area: 1 / 2 / 2 / 3;
justify-self: end;
}
#w-node-ce78cdb6-2ef0-cf25-7e75-7d8eb44c2ca0-e1743d75 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_84d4702d-fca5-006a-d0b9-2b5ea654f940-e1743d75 {
grid-area: 1 / 2 / 2 / 3;
place-self: center;
}
#w-node-f819eacc-a4ec-5719-f0e0-94cdc3d50da2-e1743d75 {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-b1d50b6f-bddf-013e-c1d5-9a060c9ad02f-e1743d75, #w-node-_71cb5a78-86bf-9e29-4b8c-fa819c9cdb83-e1743d75, #w-node-_27196b6a-53dd-d360-4c77-4e88f689124c-e1743d75, #w-node-_8eb9e19c-cf84-cb15-4640-2a43498e0600-e1743d75 {
justify-self: center;
}
#w-node-_5257c1c1-1242-fc82-3993-e7d0a581a745-e1743d75 {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-_73bfb911-5abf-b83c-0719-b8511c35c819-e1743d75 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-d087621d-ac8d-a0ed-6c48-e29cbc4d0e33-e1743d75 {
align-self: stretch;
}
#w-node-fa000883-e681-1f32-b4fb-41a4628d3517-e1743d75 {
align-self: start;
}
#w-node-_82fb2c12-39f0-438c-8bdb-816e6cd61976-e1743d75 {
justify-self: start;
}
#w-node-_82fb2c12-39f0-438c-8bdb-816e6cd61980-e1743d75 {
place-self: center stretch;
}
#w-node-_82fb2c12-39f0-438c-8bdb-816e6cd6198b-e1743d75 {
align-self: center;
}
#w-node-_0184a814-a10f-e92b-1ff1-ee723d0afa95-e1743d75 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_0184a814-a10f-e92b-1ff1-ee723d0afa98-e1743d75 {
place-self: center stretch;
}
#w-node-e4ae49cb-ae7c-509e-0507-b89bbec7dd33-e1743d75, #w-node-_4f395442-08b8-de95-696a-6c7cef4c3d56-e1743d75, #w-node-b6bd2021-1a68-6def-0759-ff9dd17c8f92-e1743d75, #w-node-_749848ad-5740-e571-8d39-3d396d1bd41b-e1743d75 {
place-self: start;
}
#w-node-c299b5a2-1688-f98e-88c9-ef3144452c82-e1743d75, #w-node-_9390a46b-92fa-5663-3a0e-cb0fc238286f-e1743d75 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0ec51e82-e255-1b52-e2d8-8f022c520994-e1743d75 {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-_779e935c-1f87-d5fa-f190-8d357821fef7-e1743d75 {
grid-area: 1 / 2 / 2 / 3;
place-self: center;
}
#w-node-e2508b86-a517-c488-5088-c688f3c57520-e1743d75 {
place-self: center;
}
#w-node-_6a7f9f7f-ffd7-85a2-738b-640ac8406df9-e1743d75 {
justify-self: center;
}
#w-node-_853f48eb-fa46-765d-8d1c-f2bad72f3ec2-e1743d75 {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-_198ff5d2-5a08-0656-0130-2ef9dbf11426-e1743d75 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-bccfc712-9bc4-fa66-fa83-a12f1ccee40b-e1743d75 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-f545d407-ee5d-53ef-7a47-717f2c58f0f5-e1743d75 {
grid-area: 1 / 1 / 3 / 4;
}
#w-node-_4cfce31c-44c7-a7c1-8a23-808ea4a04d85-e1743d75 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-f67ae86f-fdab-06d1-b3e3-2c770449968f-e1743d75 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_54d28e6f-d67c-3b50-0500-3c55d0ffb87a-e1743d75, #w-node-_04cf0bb6-35d1-0d91-68e5-cc4da57c9141-e1743d75 {
align-self: start;
}
#w-node-fa8d48dd-2027-76be-0746-d8479b7056ca-e1743d75 {
grid-area: 3 / 1 / 4 / 4;
}
#w-node-c5abea2e-e58a-c673-a918-e8d2fb675a4a-e1743d75, #w-node-_828c54f8-2b1c-60b8-b7af-93e084f07646-e1743d75, #w-node-b4026e50-ad94-0194-f9f4-828a1aeb682b-e1743d75, #w-node-bcfc8222-cdab-c32f-ed1d-ddfb236c53f1-e1743d75, #w-node-_5e4e3be1-56b3-1d52-d739-ae4a745cf43d-e1743d75, #w-node-_784f50bf-0474-c2cd-1648-39a13ca1242e-e1743d75 {
place-self: center;
}
#w-node-ff56ef92-bd44-0df7-7d70-10e8b405ad3e-e1743d75 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ff56ef92-bd44-0df7-7d70-10e8b405ad40-e1743d75 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-ff56ef92-bd44-0df7-7d70-10e8b405ad4a-e1743d75, #w-node-_08b31154-abc3-2f80-f387-a93a234acc8b-e1743d75, #w-node-_08b31154-abc3-2f80-f387-a93a234acc95-e1743d75 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4cfce228-126e-9eef-5c8b-636096c68d68-d3468612 {
place-self: start stretch;
}
#w-node-_33018cbc-db04-718c-d215-7d328d2214ef-d3468612 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_33018cbc-db04-718c-d215-7d328d2214f2-d3468612 {
place-self: center stretch;
}
#w-node-_94c29d00-1d2a-d76c-ee44-42fd43ecfc9e-d3468612 {
align-self: center;
}
#w-node-_92abb93c-eb64-1a87-ea32-98e9c6f1d677-d3468612 {
place-self: start stretch;
}
#w-node-_92abb93c-eb64-1a87-ea32-98e9c6f1d678-d3468612 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_92abb93c-eb64-1a87-ea32-98e9c6f1d67b-d3468612 {
place-self: center stretch;
}
#w-node-_92abb93c-eb64-1a87-ea32-98e9c6f1d686-d3468612 {
align-self: center;
}
#w-node-a4181ea1-b90f-dce7-1ff2-23e3139ba538-d3468612 {
place-self: start stretch;
}
#w-node-a4181ea1-b90f-dce7-1ff2-23e3139ba539-d3468612 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-a4181ea1-b90f-dce7-1ff2-23e3139ba53c-d3468612 {
place-self: center stretch;
}
#w-node-_121c17b8-01e3-a1aa-a4ea-5f82f370ad3f-d3468612, #w-node-_121c17b8-01e3-a1aa-a4ea-5f82f370ad41-d3468612, #w-node-c74e9858-3404-0630-9667-cfc19819fe2f-d3468612, #w-node-c74e9858-3404-0630-9667-cfc19819fe31-d3468612, #w-node-_121c17b8-01e3-a1aa-a4ea-5f82f370ad44-d3468612, #w-node-_121c17b8-01e3-a1aa-a4ea-5f82f370ad46-d3468612, #w-node-_121c17b8-01e3-a1aa-a4ea-5f82f370ad49-d3468612, #w-node-a949e8d2-8210-23c1-7007-d01371627841-d3468612 {
align-self: center;
}
#w-node-b81da175-c775-67a3-e76c-5239914deb8b-d3468612 {
justify-self: start;
}
#w-node-_69b0d3f6-d0cc-2db5-ee2d-841bd3468614-d3468612 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_199fb1dc-b4ea-99c3-f373-804a90f62445-d3468612 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_4a59f852-41bf-9100-21ba-09c186cccf0e-d3468612, #w-node-_7694d946-2316-167d-af5b-7bb56fc2c743-d3468612 {
place-self: center stretch;
}
#w-node-_239c8558-1404-9f29-a4d9-791d8b603a3e-d3468612 {
align-self: center;
}
#w-node-_9b3d0861-357f-c367-a479-19a8e9fb326e-e9fb326d {
place-self: stretch center;
}
#w-node-c731b8b6-3cab-0aea-30b7-7d5eb055e15c-e9fb326d {
place-self: end center;
}
#w-node-_18f8cf41-07d7-80fd-d338-324c9b57fe0b-e1743d86 {
place-self: end start;
}
#w-node-eeddaf6f-c404-aebc-3778-2d8a247d11ff-e1743d86, #w-node-_472c3fef-b927-9a73-550c-be72cb01f47c-e1743d86, #w-node-c24fff76-73ef-fefd-c904-7403c5ee1ab1-e1743d87 {
justify-self: center;
}
#w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbac3-e1743d88 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbb2c-e1743d88, #w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbb39-e1743d88, #w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbb46-e1743d88, #w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbb53-e1743d88, #w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbb60-e1743d88, #w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbb6d-e1743d88, #w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbb7a-e1743d88, #w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbb87-e1743d88, #w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbb94-e1743d88, #w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbba1-e1743d88, #w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbbae-e1743d88, #w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbbbb-e1743d88 {
justify-self: end;
}
#w-node-_33fe35c5-522e-6e28-4ef1-678d734f8317-e1743d88 {
grid-area: span 1 / span 6 / span 1 / span 6;
align-self: auto;
}
#w-node-_33fe35c5-522e-6e28-4ef1-678d734f8323-e1743d88 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_33fe35c5-522e-6e28-4ef1-678d734f8339-e1743d88 {
grid-area: span 1 / span 6 / span 1 / span 6;
align-self: auto;
}
#w-node-_6a80e0b2-b35b-c60f-f581-ebc5f35773d7-e1743d88, #w-node-_6a80e0b2-b35b-c60f-f581-ebc5f35773e2-e1743d88 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c6eedc76-c6da-ff44-f318-d0d7abedc675-e1743d88 {
align-self: center;
}
#w-node-b3304bd4-4983-f738-8448-1001f0b4c3f9-e1743d88 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_84e58331-3a19-cb9c-2e32-a2f1a8b15e01-e1743d88, #w-node-_84e58331-3a19-cb9c-2e32-a2f1a8b15e0c-e1743d88 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fcef22d4-adf5-12da-cf8e-5d61a352dd5c-e1743d8b {
place-self: center start;
}
#w-node-f5c11274-cdb2-c7d9-15e7-5185922db14b-e1743d8b, #w-node-_83c2b3b1-4def-fd1f-15f8-3e7122eae97c-e1743d8b {
align-self: start;
}
#w-node-_7e643633-c7d4-289e-db71-e90f621fac58-e1743d8b {
justify-self: end;
}
#w-node-_62c1fed5-9f41-b202-2150-9ddf00f95ed1-e1743d8b {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_589243de-a796-e6ce-255b-3118d5c0ddc4-e1743d8b {
align-self: center;
}
#w-node-_49789b07-b593-01d2-ded7-af4911de038d-e1743d8b {
grid-area: 2 / 2 / 3 / 3;
align-self: center;
}
#w-node-_54ca8548-f73d-abad-3b4f-22c4188fe745-e1743d8b {
align-self: center;
}
#w-node-_60677b3354187cb0f1b2215f000000000096-e1743d8b, #w-node-_60677b3354187cb0f1b2215f000000000089-e1743d8b, #w-node-_2e210142-ea8c-1244-b7c4-0017a92e645b-e1743d8b {
align-self: start;
}
#w-node-_96870a18-8539-442a-9fb1-a9874d09ea48-e1743d8e {
grid-area: 1 / 2 / 2 / 3;
place-self: center stretch;
}
#w-node-_96870a18-8539-442a-9fb1-a9874d09ea49-e1743d8e {
grid-area: 1 / 1 / 2 / 4;
place-self: end center;
}
#w-node-aa9bf99e-a603-a93f-29eb-7b5c45b39fef-e1743d8e {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-aa9bf99e-a603-a93f-29eb-7b5c45b39ff0-e1743d8e {
justify-self: center;
}
#w-node-aa9bf99e-a603-a93f-29eb-7b5c45b39ff3-e1743d8e {
align-self: center;
}
#w-node-aa9bf99e-a603-a93f-29eb-7b5c45b39ff4-e1743d8e {
align-self: start;
}
#w-node-aa9bf99e-a603-a93f-29eb-7b5c45b39ffa-e1743d8e {
place-self: end start;
}
#w-node-_2263c213-03aa-60dd-180a-d1e7e4a7a8e1-e1743d8e {
justify-self: end;
}
#w-node-aa9bf99e-a603-a93f-29eb-7b5c45b39ffd-e1743d8e {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-ea17719e-7f01-280b-27a4-b7b5954de335-e1743d8e, #w-node-_84d37c92-025e-78da-a757-4da1c9609e57-e1743d8e, #w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6b0-e1743d8e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6b2-e1743d8e, #w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6b3-e1743d8e, #w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6ba-e1743d8e, #w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6bb-e1743d8e, #w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6c2-e1743d8e, #w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6c3-e1743d8e, #w-node-_7bc34587-0234-794e-7277-8e01911004a6-e1743d8e, #w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6ca-e1743d8e {
place-self: center;
}
#w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6cb-e1743d8e {
justify-self: center;
}
#w-node-_3d0f6de0-2272-7ffd-7575-11e3e10784d9-e1743d8e {
place-self: end start;
}
#w-node-_7becfe5e-1074-5030-f15b-b92076156327-e1743d8e {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-c5406663-b52c-712e-afae-0b7e9eb3f2f9-e1743d8e {
place-self: center start;
}
#w-node-_03368164-df45-17e0-ad89-4b3b28123c76-e1743d8e {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-a66dc8db-099b-560a-708f-0c74b9468481-e1743d8e {
grid-area: 1 / 2 / 2 / 3;
justify-self: center;
}
#w-node-_0a07bd88-fe04-87b1-188c-d004dcf038cc-e1743d8e {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-_0a07bd88-fe04-87b1-188c-d004dcf038cd-e1743d8e {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-f6cb7662-2e8e-b732-31c0-1f9a59d49f93-59d49f91 {
grid-area: 1 / 1 / 2 / 4;
align-self: start;
}
#w-node-_0313ac4f-0baf-452b-a290-5f7efbd43f5a-59d49f91 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-d8eb6401-e01b-7668-75ac-322d0c5697d4-59d49f91 {
justify-self: start;
}
#w-node-_2021dbe6-3066-ab2b-d9b3-82f2659c2ebe-59d49f91 {
place-self: center end;
}
#w-node-dfd23af6-828d-947c-849f-db9f9e2ea42e-59d49f91 {
grid-area: 2 / 2 / 3 / 3;
justify-self: end;
}
#w-node-_6eecfe6a-1e55-874d-e161-f59511fccd8e-e1743d90 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_6eecfe6a-1e55-874d-e161-f59511fccd94-e1743d90 {
align-self: end;
}
#w-node-_6eecfe6a-1e55-874d-e161-f59511fccd9a-e1743d90 {
place-self: end start;
}
#w-node-_633298e9-bc66-84b5-6fbe-2214dbb4c6da-e1743d90, #w-node-_6eecfe6a-1e55-874d-e161-f59511fccdb5-e1743d90 {
justify-self: start;
}
#w-node-_6eecfe6a-1e55-874d-e161-f59511fccdbb-e1743d90 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6eecfe6a-1e55-874d-e161-f59511fccdc1-e1743d90 {
place-self: center stretch;
}
#w-node-f57d5885-45cc-724f-6ba1-ebaf6c953c98-e1743d90 {
place-self: center;
}
#w-node-_6eecfe6a-1e55-874d-e161-f59511fccdd0-e1743d90 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_6eecfe6a-1e55-874d-e161-f59511fccdd5-e1743d90 {
align-self: end;
}
#w-node-_6eecfe6a-1e55-874d-e161-f59511fccdd6-e1743d90 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6eecfe6a-1e55-874d-e161-f59511fccddc-e1743d90 {
place-self: end;
}
#w-node-_6eecfe6a-1e55-874d-e161-f59511fccde2-e1743d90 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6eecfe6a-1e55-874d-e161-f59511fccde5-e1743d90 {
place-self: center stretch;
}
#w-node-_6eecfe6a-1e55-874d-e161-f59511fccded-e1743d90 {
align-self: center;
}
#w-node-ba64b070-9c69-4fd2-4515-5ce85630b360-e1743d92 {
grid-area: 1 / 2 / 2 / 3;
align-self: center;
}
#w-node-c9b8eaa7-ab2f-1177-57f0-1744d914798f-e1743d92 {
grid-area: 1 / 2 / 2 / 3;
place-self: center;
}
#w-node-f3432b60-fc60-ea80-296a-c45ed124cbec-e1743d92 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_79b34619-971d-15eb-e78b-1a7227fe4619-e1743d92 {
align-self: start;
}
#w-node-_3588e91f-ddc6-fbf9-7eb0-712fa1914fa8-e1743d92 {
place-self: start;
}
#w-node-_819d4798-af5e-fef6-c3eb-c49fc5727489-e1743d92 {
justify-self: stretch;
}
#w-node-_30831fb5-55a7-cdc6-ef84-0dd55290f1b3-e1743d92 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_782c3184-703d-8f2f-dccf-839b606e92ae-e1743d92 {
grid-area: span 2 / span 1 / span 2 / span 1;
place-self: center end;
}
#w-node-b9b9bf85-d74c-68ee-d2a5-1fe594ca8922-e1743d92 {
grid-area: 1 / 2 / 2 / 3;
justify-self: center;
}
#w-node-_3ee0131d-22ec-f499-3dbd-4a1dbc63b210-e1743d92 {
justify-self: center;
}
#w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe59a-e1743d92 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe5a3-e1743d92, #w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe5a7-e1743d92 {
justify-self: start;
}
#w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe5ae-e1743d92 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe5af-e1743d92 {
place-self: center start;
}
#w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe5b1-e1743d92 {
place-self: center stretch;
}
#w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe5b8-e1743d92 {
align-self: stretch;
}
#w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe5b9-e1743d92 {
place-self: start;
}
#w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe5bb-e1743d92 {
align-self: end;
}
#w-node-a941b03d-17b6-2ebd-1ad7-6dd562af54a9-e1743da7, #w-node-a941b03d-17b6-2ebd-1ad7-6dd562af54b4-e1743da7, #w-node-a941b03d-17b6-2ebd-1ad7-6dd562af54bf-e1743da7, #w-node-a941b03d-17b6-2ebd-1ad7-6dd562af54ca-e1743da7, #w-node-a941b03d-17b6-2ebd-1ad7-6dd562af54d6-e1743da7, #w-node-a941b03d-17b6-2ebd-1ad7-6dd562af54e1-e1743da7, #w-node-a941b03d-17b6-2ebd-1ad7-6dd562af54ec-e1743da7, #w-node-a941b03d-17b6-2ebd-1ad7-6dd562af54f7-e1743da7, #w-node-a941b03d-17b6-2ebd-1ad7-6dd562af5503-e1743da7, #w-node-a941b03d-17b6-2ebd-1ad7-6dd562af550e-e1743da7, #w-node-a941b03d-17b6-2ebd-1ad7-6dd562af5519-e1743da7, #w-node-a941b03d-17b6-2ebd-1ad7-6dd562af5524-e1743da7, #w-node-a941b03d-17b6-2ebd-1ad7-6dd562af5530-e1743da7, #w-node-a941b03d-17b6-2ebd-1ad7-6dd562af553b-e1743da7, #w-node-a941b03d-17b6-2ebd-1ad7-6dd562af5546-e1743da7, #w-node-a941b03d-17b6-2ebd-1ad7-6dd562af5551-e1743da7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_366e6cd2-4858-0d25-b23a-db843394f8a7-e1743da7 {
grid-area: 1 / 2 / 2 / 3;
align-self: stretch;
}
#w-node-_366e6cd2-4858-0d25-b23a-db843394f8a9-e1743da7 {
justify-self: center;
}
#w-node-_366e6cd2-4858-0d25-b23a-db843394f8aa-e1743da7 {
grid-area: span 1 / span 4 / span 1 / span 4;
justify-self: center;
}
#w-node-_366e6cd2-4858-0d25-b23a-db843394f8ae-e1743da7 {
justify-self: center;
}
#w-node-a69d9a89-382e-851b-4dba-6982e3867dc6-e1743da9 {
place-self: center start;
}
#w-node-a69d9a89-382e-851b-4dba-6982e3867dc8-e1743da9 {
place-self: center stretch;
}
#w-node-adfc323b-8dc2-b335-8f46-b7bd2ec1a6c6-e1743da9, #w-node-adfc323b-8dc2-b335-8f46-b7bd2ec1a6c8-e1743da9, #w-node-adfc323b-8dc2-b335-8f46-b7bd2ec1a6ca-e1743da9, #w-node-adfc323b-8dc2-b335-8f46-b7bd2ec1a6e6-e1743da9, #w-node-adfc323b-8dc2-b335-8f46-b7bd2ec1a6ea-e1743da9, #w-node-adfc323b-8dc2-b335-8f46-b7bd2ec1a6ee-e1743da9, #w-node-adfc323b-8dc2-b335-8f46-b7bd2ec1a6f2-e1743da9, #w-node-adfc323b-8dc2-b335-8f46-b7bd2ec1a6f4-e1743da9, #w-node-adfc323b-8dc2-b335-8f46-b7bd2ec1a6f6-e1743da9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-adfc323b-8dc2-b335-8f46-b7bd2ec1a74a-e1743da9 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-a68bd779-74df-a3df-ef8b-1b68a172387a-e1743dad {
grid-area: 1 / 2 / 2 / 3;
align-self: stretch;
}
#w-node-a68bd779-74df-a3df-ef8b-1b68a172387b-e1743dad {
grid-area: 1 / 4 / 2 / 5;
place-self: start end;
}
#w-node-a68bd779-74df-a3df-ef8b-1b68a1723882-e1743dad {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-a68bd779-74df-a3df-ef8b-1b68a1723884-e1743dad {
grid-area: 1 / 2 / 2 / 4;
place-self: stretch stretch;
}
#w-node-_93dc2237-aa8f-8414-1fa6-0ef5a11fc7b7-e1743dad {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_93dc2237-aa8f-8414-1fa6-0ef5a11fc7b9-e1743dad {
grid-area: 1 / 2 / 2 / 4;
place-self: stretch stretch;
}
#w-node-a68bd779-74df-a3df-ef8b-1b68a172387a-e1743dae {
grid-area: 1 / 2 / 2 / 3;
align-self: stretch;
}
#w-node-a68bd779-74df-a3df-ef8b-1b68a172387b-e1743dae {
grid-area: 1 / 4 / 2 / 5;
place-self: start end;
}
#w-node-a68bd779-74df-a3df-ef8b-1b68a1723882-e1743dae {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-a68bd779-74df-a3df-ef8b-1b68a1723884-e1743dae {
grid-area: 1 / 2 / 2 / 4;
place-self: stretch stretch;
}
#w-node-_299afcfa-bae7-8389-aa59-3a07a3b2d75b-e1743dae {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_299afcfa-bae7-8389-aa59-3a07a3b2d75d-e1743dae {
grid-area: 1 / 2 / 2 / 4;
place-self: stretch stretch;
}
#w-node-c61b1c88-312a-a0d3-e636-6a3a682750bb-e1743db1 {
grid-area: 1 / 2 / 2 / 3;
align-self: stretch;
}
#w-node-c61b1c88-312a-a0d3-e636-6a3a682750bc-e1743db1 {
grid-area: 1 / 4 / 2 / 5;
place-self: start end;
}
#w-node-c61b1c88-312a-a0d3-e636-6a3a682750c3-e1743db1 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-c61b1c88-312a-a0d3-e636-6a3a682750c5-e1743db1 {
grid-area: 1 / 2 / 2 / 4;
place-self: stretch stretch;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b17a-e1743db1 {
grid-area: 1 / 1 / 2 / 9;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b17b-e1743db1 {
grid-area: 1 / 1 / 2 / 3;
justify-self: start;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b17e-e1743db1 {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b182-e1743db1 {
grid-area: 1 / 5 / 2 / 9;
justify-self: stretch;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b18e-e1743db1 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b19e-e1743db1 {
grid-area: 2 / 1 / 3 / 9;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b19f-e1743db1 {
grid-area: 2 / 1 / 3 / 8;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b1a1-e1743db1 {
grid-area: 4 / 2 / 5 / 4;
align-self: end;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b1a2-e1743db1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b1a5-e1743db1 {
grid-area: 3 / 2 / 4 / 4;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b1aa-e1743db1 {
grid-area: 4 / 1 / 5 / 3;
place-self: end start;
}
#w-node-_834c44f0-44ba-f7ee-314f-90fdc6204088-e1743db1, #w-node-_834c44f0-44ba-f7ee-314f-90fdc6204089-e1743db1, #w-node-_834c44f0-44ba-f7ee-314f-90fdc620408a-e1743db1, #w-node-e9ac21ba-5306-cdc2-c5ac-f5d1f42bcdb6-e1743db1, #w-node-e9ac21ba-5306-cdc2-c5ac-f5d1f42bcdb7-e1743db1, #w-node-e9ac21ba-5306-cdc2-c5ac-f5d1f42bcdb8-e1743db1 {
place-self: stretch stretch;
}
#w-node-_1d937ca8-4233-5f21-33a8-5d74524ee81f-e1743db1 {
grid-template-rows: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr .25fr 1fr;
}
#w-node-_1d937ca8-4233-5f21-33a8-5d74524ee84d-e1743db1 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_1d937ca8-4233-5f21-33a8-5d74524ee857-e1743db1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1d937ca8-4233-5f21-33a8-5d74524ee820-e1743db1 {
grid-area: span 2 / span 5 / span 2 / span 5;
}
#w-node-_456075fb-55b0-0833-20a2-8f065c770bf6-e1743db1 {
justify-self: start;
}
#w-node-cc9a2b45-5a49-2ac5-1134-f162a2503bf7-e1743dc9 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-cc9a2b45-5a49-2ac5-1134-f162a2503bfa-e1743dc9 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-cc9a2b45-5a49-2ac5-1134-f162a2503c00-e1743dc9 {
grid-area: 1 / 4 / 2 / 5;
justify-self: end;
}
#w-node-cc9a2b45-5a49-2ac5-1134-f162a2503c03-e1743dc9 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-cc9a2b45-5a49-2ac5-1134-f162a2503c06-e1743dc9 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-cc9a2b45-5a49-2ac5-1134-f162a2503c0c-e1743dc9 {
grid-area: 1 / 4 / 2 / 5;
justify-self: end;
}
#w-node-cc9a2b45-5a49-2ac5-1134-f162a2503c0f-e1743dc9 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-cc9a2b45-5a49-2ac5-1134-f162a2503c12-e1743dc9 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-cc9a2b45-5a49-2ac5-1134-f162a2503c18-e1743dc9 {
grid-area: 1 / 4 / 2 / 5;
justify-self: end;
}
#w-node-cc9a2b45-5a49-2ac5-1134-f162a2503c1b-e1743dc9 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-cc9a2b45-5a49-2ac5-1134-f162a2503c1e-e1743dc9 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-cc9a2b45-5a49-2ac5-1134-f162a2503c24-e1743dc9 {
grid-area: 1 / 4 / 2 / 5;
justify-self: end;
}
#w-node-cc9a2b45-5a49-2ac5-1134-f162a2503c27-e1743dc9 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-cc9a2b45-5a49-2ac5-1134-f162a2503c2a-e1743dc9 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-cc9a2b45-5a49-2ac5-1134-f162a2503c30-e1743dc9 {
grid-area: 1 / 4 / 2 / 5;
justify-self: end;
}
#w-node-cc9a2b45-5a49-2ac5-1134-f162a2503c33-e1743dc9 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-cc9a2b45-5a49-2ac5-1134-f162a2503c36-e1743dc9 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-cc9a2b45-5a49-2ac5-1134-f162a2503c3c-e1743dc9 {
grid-area: 1 / 4 / 2 / 5;
justify-self: end;
}
#w-node-cc9a2b45-5a49-2ac5-1134-f162a2503c3f-e1743dc9 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-cc9a2b45-5a49-2ac5-1134-f162a2503c42-e1743dc9 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-cc9a2b45-5a49-2ac5-1134-f162a2503c48-e1743dc9 {
grid-area: 1 / 4 / 2 / 5;
justify-self: end;
}
#w-node-c1f3f57c-5457-d435-2a97-af2efa2a29d4-e1743dc9 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-c1f3f57c-5457-d435-2a97-af2efa2a29de-e1743dc9 {
justify-self: end;
}
#w-node-c1f3f57c-5457-d435-2a97-af2efa2a2a36-e1743dc9, #w-node-c1f3f57c-5457-d435-2a97-af2efa2a2a74-e1743dc9, #w-node-c1f3f57c-5457-d435-2a97-af2efa2a2ad8-e1743dc9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c1f3f57c-5457-d435-2a97-af2efa2a2b0d-e1743dc9 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-c1f3f57c-5457-d435-2a97-af2efa2a2baa-e1743dc9, #w-node-c1f3f57c-5457-d435-2a97-af2efa2a2bb6-e1743dc9, #w-node-c1f3f57c-5457-d435-2a97-af2efa2a2bc2-e1743dc9, #w-node-c1f3f57c-5457-d435-2a97-af2efa2a2bda-e1743dc9, #w-node-c1f3f57c-5457-d435-2a97-af2efa2a2be4-e1743dc9, #w-node-c1f3f57c-5457-d435-2a97-af2efa2a2bee-e1743dc9, #w-node-c1f3f57c-5457-d435-2a97-af2efa2a2c32-e1743dc9, #w-node-c1f3f57c-5457-d435-2a97-af2efa2a2c5a-e1743dc9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c1f3f57c-5457-d435-2a97-af2efa2a2c8e-e1743dc9 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-c1f3f57c-5457-d435-2a97-af2efa2a2cc8-e1743dc9 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_60b5f1a0-cce8-e347-816c-301c76fa2a88-e1743dcd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_60b5f1a0-cce8-e347-816c-301c76fa2a8a-e1743dcd {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_60b5f1a0-cce8-e347-816c-301c76fa2a92-e1743dcd, #w-node-_7ca21437-ee56-0ba1-e4dd-7e12a947e795-e1743dcd, #w-node-_7ca21437-ee56-0ba1-e4dd-7e12a947e79f-e1743dcd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_60677b3354187cf213b22165000000000060-e1743dcf {
align-self: end;
}
#w-node-_60677b3354187cf213b22165000000000061-e1743dcf {
align-self: start;
}
#w-node-_783bbe3f-cd97-203e-588a-2e9b724c47ab-e1743dd0 {
grid-area: 1 / 2 / 2 / 3;
place-self: center;
}
#w-node-_783bbe3f-cd97-203e-588a-2e9b724c47ac-e1743dd0 {
grid-area: 1 / 1 / 2 / 4;
place-self: end start;
}
#w-node-_05ba988a-3d2b-3085-0a0f-234f4fa569fd-e1743dd0 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_801534d5-ba04-46f3-411c-673c54c00a87-e1743dd0 {
justify-self: center;
}
#w-node-_4dde1c5d-0db8-c250-544a-b3e5df517386-e1743dd0, #w-node-_2bf71bfb-cc07-dd69-d9cc-af978156f360-e1743dd0, #name-3.w-node-_2bf71bfb-cc07-dd69-d9cc-af978156f362-e1743dd0, #w-node-f07b0dbe-6823-4460-d4f8-ac54da8fe1ac-e1743dd0, #SUBJECT.w-node-f07b0dbe-6823-4460-d4f8-ac54da8fe1ae-e1743dd0, #w-node-_2b3fda8a-ca7d-da23-5a1f-b49e40e2c2bc-e1743dd0, #Message.w-node-d2c6d0c8-941c-9bc8-24e3-5c1db5253cb3-e1743dd0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4dde1c5d-0db8-c250-544a-b3e5df51738c-e1743dd0 {
justify-self: stretch;
}
#w-node-_0f485d75-5740-b4e6-7416-037b1c9506bc-e1743dd0 {
align-self: stretch;
}
#w-node-af319ef5-20aa-a5c2-d945-39e70445bf93-e1743dd0 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-af319ef5-20aa-a5c2-d945-39e70445bf94-e1743dd0 {
place-self: center start;
}
#w-node-af319ef5-20aa-a5c2-d945-39e70445bf96-e1743dd0 {
place-self: center stretch;
}
#w-node-_8d9ad48f-afc0-3496-e7c0-ea55a1a78432-e1743dd0, #w-node-_9e70e207-68f7-a4bd-d807-f5432beee007-e1743dd0, #w-node-_5a5598ee-e6dc-625e-d570-6a3d80ea2891-e1743dd0, #w-node-_08406be0-f758-a007-0837-9a88b639a633-e1743dd0, #w-node-b67270ae-4934-ab9e-4bb7-809af5589971-e1743dd0 {
align-self: center;
}
#w-node-_7f2f352f-932a-c3f0-43c9-0681162c3e80-e1743dd0 {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-_7f2f352f-932a-c3f0-43c9-0681162c3e83-e1743dd0 {
grid-area: 1 / 2 / 2 / 3;
place-self: center;
}
#w-node-_621037e2-3c70-f9d5-8c33-07d906e2f0ea-e1743dd0 {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-_621037e2-3c70-f9d5-8c33-07d906e2f0eb-e1743dd0, #w-node-_2ce4b0d5-0e25-4d60-5b3a-aaa6467477a2-e1743dd0 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_4d26109b-aa25-ed76-922e-8e27d49301c5-e1743de7 {
place-self: center start;
}
#w-node-e7da366f-c292-c390-0256-54e021be924a-e1743de7 {
align-self: start;
}
#w-node-e7da366f-c292-c390-0256-54e021be924c-e1743de7 {
justify-self: end;
}
#w-node-e7da366f-c292-c390-0256-54e021be924d-e1743de7 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-e7da366f-c292-c390-0256-54e021be924e-e1743de7 {
align-self: center;
}
#w-node-e7da366f-c292-c390-0256-54e021be9250-e1743de7 {
grid-area: 2 / 2 / 3 / 3;
align-self: center;
}
#w-node-a3d9a952-d0b6-273a-d974-d9b7a63a48c3-e1743de7 {
align-self: center;
}
#w-node-_14a79643-ac46-99ce-41d7-98abfe4a9877-e1743de7 {
align-self: start;
}
#w-node-eda68c0a-110c-c5fe-11b8-4f0b8e547251-e1743dea, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e54725c-e1743dea, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e547268-e1743dea, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e547273-e1743dea, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e54727f-e1743dea, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e54728a-e1743dea, #w-node-_82a6cba9-f35d-99e6-fb99-35393c012472-e1743dea, #w-node-_82a6cba9-f35d-99e6-fb99-35393c01247d-e1743dea, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e5472ad-e1743dea, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e5472c3-e1743dea, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e5472e1-e1743dea, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e5472ec-e1743dea, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e547325-e1743dea, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e547330-e1743dea {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e55a2ee9-8dae-e849-7b19-1a8dbfc9ccec-e1743dee, #w-node-e55a2ee9-8dae-e849-7b19-1a8dbfc9ccee-e1743dee {
place-self: center start;
}
#w-node-_1b989229-1f78-25a7-f8b3-96a94c751203-e1743df0 {
grid-area: span 1 / span 6 / span 1 / span 6;
align-self: auto;
}
#w-node-_1b989229-1f78-25a7-f8b3-96a94c75120f-e1743df0 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_1b989229-1f78-25a7-f8b3-96a94c751225-e1743df0 {
grid-area: span 1 / span 6 / span 1 / span 6;
align-self: auto;
}
#w-node-_1b989229-1f78-25a7-f8b3-96a94c7513db-e1743df0, #w-node-_1b989229-1f78-25a7-f8b3-96a94c7513e6-e1743df0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0fd57cc2-ee21-78ae-0856-002ba9eaa757-1891151f {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_0fd57cc2-ee21-78ae-0856-002ba9eaa758-1891151f {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-dd216cda-c8ad-a48a-6854-0adec231ce43-1891151f {
grid-area: 1 / 1 / 2 / 3;
justify-self: stretch;
}
#w-node-dd216cda-c8ad-a48a-6854-0adec231ce44-1891151f, #w-node-dd216cda-c8ad-a48a-6854-0adec231ce47-1891151f, #w-node-dd216cda-c8ad-a48a-6854-0adec231ce4c-1891151f, #name-3.w-node-dd216cda-c8ad-a48a-6854-0adec231ce4e-1891151f, #w-node-dd216cda-c8ad-a48a-6854-0adec231ce50-1891151f, #field.w-node-dd216cda-c8ad-a48a-6854-0adec231ce52-1891151f {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-dd216cda-c8ad-a48a-6854-0adec231ce53-1891151f {
justify-self: start;
}
#w-node-_4223a785-803a-3ae3-a4bc-f97275f8d4a7-1891151f {
place-self: center start;
}
#w-node-_4223a785-803a-3ae3-a4bc-f97275f8d4a9-1891151f {
place-self: center end;
}
#w-node-_4223a785-803a-3ae3-a4bc-f97275f8d4ab-1891151f {
place-self: center start;
}
#w-node-_4223a785-803a-3ae3-a4bc-f97275f8d4ad-1891151f {
place-self: center end;
}
#w-node-_4223a785-803a-3ae3-a4bc-f97275f8d4af-1891151f {
place-self: center start;
}
#w-node-_4223a785-803a-3ae3-a4bc-f97275f8d4b1-1891151f {
place-self: center end;
}
#w-node-_0f4a539a-8650-d646-435e-2e980c085aac-1891151f {
place-self: center start;
}
#w-node-_0f4a539a-8650-d646-435e-2e980c085aae-1891151f {
place-self: center end;
}
#w-node-_7f2f352f-932a-c3f0-43c9-0681162c3e80-1891151f {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-_7f2f352f-932a-c3f0-43c9-0681162c3e83-1891151f {
grid-area: 1 / 2 / 2 / 3;
place-self: center;
}
#w-node-_621037e2-3c70-f9d5-8c33-07d906e2f0ea-1891151f {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-_621037e2-3c70-f9d5-8c33-07d906e2f0eb-1891151f, #w-node-_2ce4b0d5-0e25-4d60-5b3a-aaa6467477a2-1891151f {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_224787dd-9ab3-bebf-a6a8-dfb36d3ea9ca-bcd277a7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_224787dd-9ab3-bebf-a6a8-dfb36d3eaa33-bcd277a7, #w-node-_224787dd-9ab3-bebf-a6a8-dfb36d3eaa40-bcd277a7, #w-node-_224787dd-9ab3-bebf-a6a8-dfb36d3eaa4d-bcd277a7, #w-node-_224787dd-9ab3-bebf-a6a8-dfb36d3eaa5a-bcd277a7, #w-node-_224787dd-9ab3-bebf-a6a8-dfb36d3eaa67-bcd277a7, #w-node-_224787dd-9ab3-bebf-a6a8-dfb36d3eaa74-bcd277a7, #w-node-_224787dd-9ab3-bebf-a6a8-dfb36d3eaa81-bcd277a7, #w-node-_224787dd-9ab3-bebf-a6a8-dfb36d3eaa8e-bcd277a7, #w-node-_224787dd-9ab3-bebf-a6a8-dfb36d3eaa9b-bcd277a7, #w-node-_224787dd-9ab3-bebf-a6a8-dfb36d3eaaa8-bcd277a7, #w-node-_224787dd-9ab3-bebf-a6a8-dfb36d3eaab5-bcd277a7, #w-node-_224787dd-9ab3-bebf-a6a8-dfb36d3eaac2-bcd277a7 {
justify-self: end;
}
#w-node-eda68c0a-110c-c5fe-11b8-4f0b8e547251-bcd277a7, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e54725c-bcd277a7, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e547268-bcd277a7, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e547273-bcd277a7, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e54727f-bcd277a7, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e54728a-bcd277a7, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e5472a1-bcd277a7, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e547296-bcd277a7, #w-node-_82a6cba9-f35d-99e6-fb99-35393c012472-bcd277a7, #w-node-_82a6cba9-f35d-99e6-fb99-35393c01247d-bcd277a7, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e5472ad-bcd277a7, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e5472c3-bcd277a7, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e5472e1-bcd277a7, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e5472ec-bcd277a7, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e547325-bcd277a7, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e547330-bcd277a7, #w-node-fc56ba29-c5ee-9671-db56-35af086fee3d-bb50bc53 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fc56ba29-c5ee-9671-db56-35af086fef7a-bb50bc53, #w-node-fc56ba29-c5ee-9671-db56-35af086fef87-bb50bc53, #w-node-fc56ba29-c5ee-9671-db56-35af086fef94-bb50bc53, #w-node-fc56ba29-c5ee-9671-db56-35af086fefa1-bb50bc53, #w-node-fc56ba29-c5ee-9671-db56-35af086fefae-bb50bc53, #w-node-fc56ba29-c5ee-9671-db56-35af086fefbb-bb50bc53, #w-node-fc56ba29-c5ee-9671-db56-35af086fefc8-bb50bc53, #w-node-fc56ba29-c5ee-9671-db56-35af086fefd5-bb50bc53, #w-node-fc56ba29-c5ee-9671-db56-35af086fefe2-bb50bc53, #w-node-fc56ba29-c5ee-9671-db56-35af086fefef-bb50bc53, #w-node-fc56ba29-c5ee-9671-db56-35af086feffc-bb50bc53, #w-node-fc56ba29-c5ee-9671-db56-35af086ff009-bb50bc53 {
justify-self: end;
}
#w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbac3-77278c13 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbb2c-77278c13, #w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbb39-77278c13, #w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbb46-77278c13, #w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbb53-77278c13, #w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbb60-77278c13, #w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbb6d-77278c13, #w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbb7a-77278c13, #w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbb87-77278c13, #w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbb94-77278c13, #w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbba1-77278c13, #w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbbae-77278c13, #w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbbbb-77278c13 {
justify-self: end;
}
#w-node-_8746d330-ba1f-67f6-371a-02e47d6334a2-7539ce5b {
grid-area: 1 / 1 / 2 / 4;
}
@media screen and (min-width: 1920px) {
#w-node-_7d85c290-4594-ba2d-819b-8cc7e4136051-e1743d75, #w-node-_82fb2c12-39f0-438c-8bdb-816e6cd61976-e1743d75 {
justify-self: start;
}
#w-node-ff56ef92-bd44-0df7-7d70-10e8b405ad4a-e1743d75 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_199fb1dc-b4ea-99c3-f373-804a90f62445-d3468612 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_6eecfe6a-1e55-874d-e161-f59511fccddc-e1743d90 {
place-self: end;
}
}
@media screen and (min-width: 1440px) {
#w-node-_345aeca0-d2d6-17d2-2ac3-e2f5911b1f6a-e1743d75 {
grid-area: 1 / 2 / 2 / 3;
align-self: stretch;
}
#w-node-_345aeca0-d2d6-17d2-2ac3-e2f5911b1f6d-e1743d75, #w-node-fda1ee5b-3516-d081-282f-bc414c0f18f4-e1743d75 {
grid-area: span 1 / span 4 / span 1 / span 4;
justify-self: center;
}
#w-node-_779e935c-1f87-d5fa-f190-8d357821fef7-e1743d75 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-aaf14d0e-327e-47e9-834f-a9d53d84e786-e1743d88, #w-node-f8f09fb2-b631-b959-743b-2b7964af14fd-e1743d88 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_366e6cd2-4858-0d25-b23a-db843394f8a7-e1743da7 {
grid-area: 1 / 2 / 2 / 3;
align-self: stretch;
}
#w-node-_366e6cd2-4858-0d25-b23a-db843394f8aa-e1743da7 {
grid-area: span 1 / span 4 / span 1 / span 4;
justify-self: center;
}
#w-node-_7f2f352f-932a-c3f0-43c9-0681162c3e83-e1743dd0, #w-node-_7f2f352f-932a-c3f0-43c9-0681162c3e83-1891151f {
grid-area: 1 / 2 / 2 / 3;
}
}
@media screen and (min-width: 1280px) {
#w-node-_779e935c-1f87-d5fa-f190-8d357821fef7-e1743d75, #w-node-_7f2f352f-932a-c3f0-43c9-0681162c3e83-e1743dd0, #w-node-_7f2f352f-932a-c3f0-43c9-0681162c3e83-1891151f {
grid-area: 1 / 2 / 2 / 3;
}
}
@media screen and (max-width: 991px) {
#w-node-bdc50d02-a8e6-7b91-2785-9db5368500c9-e1743d75 {
align-self: end;
}
#w-node-d9699e8d-5b86-d263-ba3a-4083a13e67b1-e1743d75 {
justify-self: start;
}
#w-node-_7d85c290-4594-ba2d-819b-8cc7e4136051-e1743d75 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_405918fc-54de-0cd2-288a-94f88ac10719-e1743d75 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c48b0112-662b-903b-413b-ccc63315bf6b-e1743d75 {
grid-column: 1 / 4;
}
#w-node-ce78cdb6-2ef0-cf25-7e75-7d8eb44c2c93-e1743d75 {
justify-self: stretch;
}
#w-node-_18ca4256-5f73-dd86-9407-a28c2397089a-e1743d75 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-f67ae86f-fdab-06d1-b3e3-2c770449968f-e1743d75 {
grid-column: span 1 / span 1;
}
#w-node-_199fb1dc-b4ea-99c3-f373-804a90f62445-d3468612 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6c0-e1743d8e {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-d8eb6401-e01b-7668-75ac-322d0c5697d4-59d49f91, #w-node-_2021dbe6-3066-ab2b-d9b3-82f2659c2ebe-59d49f91 {
justify-self: center;
}
#w-node-dfd23af6-828d-947c-849f-db9f9e2ea42e-59d49f91 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-_6eecfe6a-1e55-874d-e161-f59511fccd8e-e1743d90 {
grid-column-end: 4;
}
#w-node-_79b34619-971d-15eb-e78b-1a7227fe4619-e1743d92 {
order: 9999;
}
#w-node-a68bd779-74df-a3df-ef8b-1b68a172387b-e1743dad {
grid-column: 3 / 4;
}
#w-node-a68bd779-74df-a3df-ef8b-1b68a1723884-e1743dad, #w-node-_93dc2237-aa8f-8414-1fa6-0ef5a11fc7b9-e1743dad {
grid-column-end: 3;
}
#w-node-a68bd779-74df-a3df-ef8b-1b68a172387b-e1743dae {
grid-column: 3 / 4;
}
#w-node-a68bd779-74df-a3df-ef8b-1b68a1723884-e1743dae, #w-node-_299afcfa-bae7-8389-aa59-3a07a3b2d75d-e1743dae {
grid-column-end: 3;
}
#w-node-c61b1c88-312a-a0d3-e636-6a3a682750bc-e1743db1 {
grid-column: 3 / 4;
}
#w-node-c61b1c88-312a-a0d3-e636-6a3a682750c5-e1743db1 {
grid-column-end: 3;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b17b-e1743db1 {
grid-area: 1 / 1 / 2 / 3;
justify-self: start;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b17e-e1743db1 {
grid-area: 1 / 3 / 2 / 5;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b182-e1743db1 {
grid-column-end: 9;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b1a1-e1743db1 {
grid-area: 4 / 2 / 5 / 5;
align-self: end;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b1a5-e1743db1 {
grid-area: 3 / 2 / 4 / 5;
}
#w-node-_834c44f0-44ba-f7ee-314f-90fdc6204088-e1743db1, #w-node-e9ac21ba-5306-cdc2-c5ac-f5d1f42bcdb6-e1743db1 {
grid-area: span 1 / span 2 / span 1 / span 2;
place-self: stretch stretch;
}
#w-node-_1d937ca8-4233-5f21-33a8-5d74524ee81f-e1743db1 {
grid-template-rows: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
#w-node-_1d937ca8-4233-5f21-33a8-5d74524ee84d-e1743db1, #w-node-_1d937ca8-4233-5f21-33a8-5d74524ee857-e1743db1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1d937ca8-4233-5f21-33a8-5d74524ee820-e1743db1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c1f3f57c-5457-d435-2a97-af2efa2a2b0d-e1743dc9 {
justify-self: start;
}
#w-node-c1f3f57c-5457-d435-2a97-af2efa2a2bee-e1743dc9 {
grid-column: span 2 / span 2;
}
#w-node-c1f3f57c-5457-d435-2a97-af2efa2a2cc8-e1743dc9 {
justify-self: start;
}
#w-node-_60677b3354187cf213b22165000000000061-e1743dcf {
order: -9999;
}
#w-node-_783bbe3f-cd97-203e-588a-2e9b724c47ac-e1743dd0, #w-node-_783bbe3f-cd97-203e-588a-2e9b724c47af-e1743dd0 {
justify-self: center;
}
#w-node-_18d20b62-6bb6-ca94-1974-bc80e4fe44bb-e1743dea {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-dd216cda-c8ad-a48a-6854-0adec231ce43-1891151f {
grid-column-end: 2;
}
}
@media screen and (max-width: 767px) {
#w-node-bdc50d02-a8e6-7b91-2785-9db5368500c9-e1743d75 {
grid-column: 2 / 3;
align-self: stretch;
}
#w-node-_7d85c290-4594-ba2d-819b-8cc7e4136051-e1743d75 {
justify-self: center;
}
#w-node-_405918fc-54de-0cd2-288a-94f88ac10719-e1743d75 {
grid-column: span 1 / span 1;
}
#w-node-_08b31154-abc3-2f80-f387-a93a234acc9f-e1743d75 {
grid-area: 1 / 3 / 2 / 4;
justify-self: end;
}
#w-node-fa17bb90-3579-26d9-5750-589058afda96-58afda93 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_7e643633-c7d4-289e-db71-e90f621fac58-e1743d8b {
justify-self: start;
}
#w-node-_57185c84-ccf7-9046-3d3b-d8f1cd32c5c0-e1743d8b {
order: -9999;
}
#w-node-c1b0c409-baad-53ba-364e-3a9a681b7937-e1743da9, #w-node-_0f55888e-1a6e-4aae-c2fb-a55c94d7d353-e1743da9, #w-node-_80a078f2-5840-f065-5209-f357102fbebd-e1743da9 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b17b-e1743db1 {
grid-area: 1 / 1 / 2 / 4;
justify-self: start;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b17e-e1743db1 {
grid-area: 1 / 4 / 2 / 7;
align-self: stretch;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b182-e1743db1 {
grid-column-start: 1;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b19e-e1743db1 {
grid-area: 2 / 1 / 3 / 9;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b1a1-e1743db1 {
grid-area: 4 / 4 / 5 / 8;
align-self: end;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b1a5-e1743db1 {
grid-area: 3 / 4 / 4 / 9;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b1ac-e1743db1 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-_1d937ca8-4233-5f21-33a8-5d74524ee81f-e1743db1 {
grid-template-rows: 1fr 1fr 1fr;
grid-template-columns: 1fr;
}
#w-node-_1d937ca8-4233-5f21-33a8-5d74524ee84d-e1743db1, #w-node-_1d937ca8-4233-5f21-33a8-5d74524ee857-e1743db1, #w-node-_1d937ca8-4233-5f21-33a8-5d74524ee820-e1743db1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c1f3f57c-5457-d435-2a97-af2efa2a2bee-e1743dc9 {
grid-column: span 1 / span 1;
}
#w-node-_7ca21437-ee56-0ba1-e4dd-7e12a947e7a9-e1743dcd {
grid-area: 1 / 3 / 2 / 4;
justify-self: end;
}
#w-node-_4dde1c5d-0db8-c250-544a-b3e5df517386-e1743dd0 {
grid-column: span 1 / span 1;
}
#w-node-_2ce4b0d5-0e25-4d60-5b3a-aaa6467477a2-e1743dd0 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-e7da366f-c292-c390-0256-54e021be924c-e1743de7 {
justify-self: start;
}
#w-node-_18d20b62-6bb6-ca94-1974-bc80e4fe44bb-e1743dea {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-e55a2ee9-8dae-e849-7b19-1a8dbfc9ccec-e1743dee {
grid-area: span 1 / span 3 / span 1 / span 3;
place-self: center;
}
#w-node-dd216cda-c8ad-a48a-6854-0adec231ce47-1891151f {
grid-column: span 1 / span 1;
}
#w-node-_2ce4b0d5-0e25-4d60-5b3a-aaa6467477a2-1891151f {
grid-area: 1 / 1 / 2 / 2;
}
}
@media screen and (max-width: 479px) {
#w-node-_496e8967-8ec8-cb65-9185-3c559dac1120-e1743d75, #w-node-_496e8967-8ec8-cb65-9185-3c559dac1123-e1743d75 {
grid-area: span 1 / span 2 / span 1 / span 2;
align-self: stretch;
}
#w-node-_496e8967-8ec8-cb65-9185-3c559dac1126-e1743d75 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_496e8967-8ec8-cb65-9185-3c559dac1135-e1743d75 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-bdc50d02-a8e6-7b91-2785-9db5368500c9-e1743d75 {
align-self: end;
}
#w-node-fda1ee5b-3516-d081-282f-bc414c0f18f3-e1743d75 {
justify-self: center;
}
#w-node-fda1ee5b-3516-d081-282f-bc414c0f18f5-e1743d75 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fda1ee5b-3516-d081-282f-bc414c0f18f9-e1743d75 {
place-self: center;
}
#w-node-d9699e8d-5b86-d263-ba3a-4083a13e67b1-e1743d75, #w-node-_0ad05d86-152a-c75d-a344-3714e6f8e4fb-e1743d75 {
justify-self: center;
}
#w-node-acd49a70-72c3-18dc-73af-3b0e0721a88d-e1743d75 {
place-self: auto center;
}
#w-node-_29270b54-440f-e81f-6952-6c85c69acc5c-e1743d75 {
justify-self: center;
}
#w-node-_7d85c290-4594-ba2d-819b-8cc7e4136051-e1743d75 {
align-self: start;
}
#w-node-ce78cdb6-2ef0-cf25-7e75-7d8eb44c2c93-e1743d75 {
grid-column: 1 / 4;
}
#w-node-_8d2fb661-bc88-b387-7915-42d9ad7981aa-e1743d75 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_73bfb911-5abf-b83c-0719-b8511c35c819-e1743d75 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-b452c25f-faf2-8198-b97b-67fbdf9f4914-e1743d75 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_18ca4256-5f73-dd86-9407-a28c2397089a-e1743d75 {
grid-column: span 1 / span 1;
}
#w-node-_9390a46b-92fa-5663-3a0e-cb0fc238286f-e1743d75 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_779e935c-1f87-d5fa-f190-8d357821fef7-e1743d75 {
grid-area: 1 / 2 / 2 / 3;
place-self: center;
}
#w-node-_853f48eb-fa46-765d-8d1c-f2bad72f3ec2-e1743d75 {
grid-column: 2 / 3;
}
#w-node-ff56ef92-bd44-0df7-7d70-10e8b405ad40-e1743d75 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_33018cbc-db04-718c-d215-7d328d2214ef-d3468612, #w-node-_92abb93c-eb64-1a87-ea32-98e9c6f1d678-d3468612, #w-node-a4181ea1-b90f-dce7-1ff2-23e3139ba539-d3468612 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_199fb1dc-b4ea-99c3-f373-804a90f62445-d3468612 {
align-self: auto;
}
#w-node-fa17bb90-3579-26d9-5750-589058afda96-58afda93 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: stretch;
}
#w-node-fa17bb90-3579-26d9-5750-589058afdaa4-58afda93 {
justify-self: start;
}
#w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbab8-e1743d88 {
grid-column: span 1 / span 1;
place-self: auto center;
}
#w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6c0-e1743d8e {
grid-column: span 1 / span 1;
}
#w-node-_6eecfe6a-1e55-874d-e161-f59511fccd9a-e1743d90, #w-node-_633298e9-bc66-84b5-6fbe-2214dbb4c6da-e1743d90, #w-node-_6eecfe6a-1e55-874d-e161-f59511fccdb6-e1743d90 {
justify-self: center;
}
#w-node-a941b03d-17b6-2ebd-1ad7-6dd562af54b4-e1743da7, #w-node-a941b03d-17b6-2ebd-1ad7-6dd562af54ca-e1743da7, #w-node-a941b03d-17b6-2ebd-1ad7-6dd562af54e1-e1743da7, #w-node-a941b03d-17b6-2ebd-1ad7-6dd562af54f7-e1743da7, #w-node-a941b03d-17b6-2ebd-1ad7-6dd562af550e-e1743da7, #w-node-a941b03d-17b6-2ebd-1ad7-6dd562af5524-e1743da7, #w-node-a941b03d-17b6-2ebd-1ad7-6dd562af553b-e1743da7, #w-node-a941b03d-17b6-2ebd-1ad7-6dd562af5551-e1743da7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c1b0c409-baad-53ba-364e-3a9a681b7937-e1743da9 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: stretch;
}
#w-node-c1b0c409-baad-53ba-364e-3a9a681b7966-e1743da9 {
justify-self: start;
}
#w-node-_0f55888e-1a6e-4aae-c2fb-a55c94d7d353-e1743da9 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: stretch;
}
#w-node-_0f55888e-1a6e-4aae-c2fb-a55c94d7d363-e1743da9, #w-node-_0f55888e-1a6e-4aae-c2fb-a55c94d7d382-e1743da9 {
justify-self: start;
}
#w-node-_80a078f2-5840-f065-5209-f357102fbebd-e1743da9 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: stretch;
}
#w-node-_80a078f2-5840-f065-5209-f357102fbeec-e1743da9 {
justify-self: start;
}
#w-node-adfc323b-8dc2-b335-8f46-b7bd2ec1a69c-e1743da9, #w-node-adfc323b-8dc2-b335-8f46-b7bd2ec1a6f9-e1743da9, #w-node-adfc323b-8dc2-b335-8f46-b7bd2ec1a70c-e1743da9 {
grid-column: span 3 / span 3;
}
#w-node-adfc323b-8dc2-b335-8f46-b7bd2ec1a74d-e1743da9 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-a68bd779-74df-a3df-ef8b-1b68a172387a-e1743dad {
grid-area: 1 / 2 / 2 / 3;
align-self: stretch;
}
#w-node-a68bd779-74df-a3df-ef8b-1b68a172387b-e1743dad {
grid-column-start: 1;
justify-self: center;
}
#w-node-_93dc2237-aa8f-8414-1fa6-0ef5a11fc7b9-e1743dad {
grid-area: 1 / 2 / 2 / 3;
place-self: stretch stretch;
}
#w-node-a68bd779-74df-a3df-ef8b-1b68a172387a-e1743dae {
grid-area: 1 / 2 / 2 / 3;
align-self: stretch;
}
#w-node-a68bd779-74df-a3df-ef8b-1b68a172387b-e1743dae {
grid-column-start: 1;
justify-self: center;
}
#w-node-_299afcfa-bae7-8389-aa59-3a07a3b2d75d-e1743dae {
grid-area: 1 / 2 / 2 / 3;
place-self: stretch stretch;
}
#w-node-c61b1c88-312a-a0d3-e636-6a3a682750bb-e1743db1 {
grid-area: 1 / 2 / 2 / 3;
align-self: stretch;
}
#w-node-c61b1c88-312a-a0d3-e636-6a3a682750bc-e1743db1 {
grid-column-start: 1;
justify-self: center;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b17b-e1743db1 {
grid-area: 1 / 1 / 2 / 5;
justify-self: start;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b17e-e1743db1 {
grid-area: 1 / 5 / 2 / 9;
align-self: stretch;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b1a1-e1743db1 {
grid-area: 4 / 3 / 5 / 9;
align-self: end;
}
#w-node-_4cf6af9f-b418-3788-a849-ff3bdd13b1a5-e1743db1 {
grid-area: 3 / 3 / 4 / 9;
}
#w-node-_834c44f0-44ba-f7ee-314f-90fdc6204089-e1743db1, #w-node-_834c44f0-44ba-f7ee-314f-90fdc620408a-e1743db1, #w-node-e9ac21ba-5306-cdc2-c5ac-f5d1f42bcdb7-e1743db1, #w-node-e9ac21ba-5306-cdc2-c5ac-f5d1f42bcdb8-e1743db1 {
grid-area: span 1 / span 2 / span 1 / span 2;
place-self: stretch stretch;
}
#w-node-_1d937ca8-4233-5f21-33a8-5d74524ee81f-e1743db1 {
grid-template-rows: .25fr 1fr;
grid-template-columns: 1fr;
}
#w-node-_1d937ca8-4233-5f21-33a8-5d74524ee84d-e1743db1, #w-node-_1d937ca8-4233-5f21-33a8-5d74524ee857-e1743db1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1d937ca8-4233-5f21-33a8-5d74524ee820-e1743db1 {
order: 9999;
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_60b5f1a0-cce8-e347-816c-301c76fa2a8a-e1743dcd {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_801534d5-ba04-46f3-411c-673c54c00a87-e1743dd0 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-a78baed1-b68f-50d2-dff6-cac6f321e007-e1743dd0, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e54725c-e1743dea, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e547273-e1743dea, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e54728a-e1743dea, #w-node-_82a6cba9-f35d-99e6-fb99-35393c012472-e1743dea, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e5472ec-e1743dea, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e547330-e1743dea {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_18d20b62-6bb6-ca94-1974-bc80e4fe44bb-e1743dea {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-e55a2ee9-8dae-e849-7b19-1a8dbfc9ccec-e1743dee {
justify-self: center;
}
#w-node-_841d7c42-f931-df54-59c4-d9aa6f28dd70-1891151f, #w-node-f43f6d1e-303c-b449-0f57-edcf047f9372-1891151f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4223a785-803a-3ae3-a4bc-f97275f8d4ad-1891151f {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center end;
}
#w-node-_224787dd-9ab3-bebf-a6a8-dfb36d3ea9bf-bcd277a7 {
grid-column: span 1 / span 1;
place-self: auto center;
}
#w-node-eda68c0a-110c-c5fe-11b8-4f0b8e54725c-bcd277a7, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e547273-bcd277a7, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e54728a-bcd277a7, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e5472a1-bcd277a7, #w-node-_82a6cba9-f35d-99e6-fb99-35393c012472-bcd277a7, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e5472ec-bcd277a7, #w-node-eda68c0a-110c-c5fe-11b8-4f0b8e547330-bcd277a7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_88b6d6ae-e545-54d2-b1e3-3758f449116f-bb50bc53, #w-node-_5e2fc9ab-d5e5-7398-4e4f-d46aa4ccbab8-77278c13 {
grid-column: span 1 / span 1;
place-self: auto center;
}
}