html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
vertical-align: baseline;
display: inline-block
}
audio:not([controls]) {
height: 0;
display: none
}
[hidden],
template {
display: none
}
a {
background-color: #0000
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
margin: .67em 0;
font-size: 2em
}
mark {
color: #000;
background: #ff0
}
small {
font-size: 80%
}
sub,
sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
hr {
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-appearance: none
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
@font-face {
font-family: webflow-icons;
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)format("truetype");
font-weight: 400;
font-style: normal
}
[class^=w-icon-],
[class*=\ w-icon-] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: 400;
line-height: 1;
font-family: webflow-icons !important
}
.w-icon-slider-right:before {
content: ""
}
.w-icon-slider-left:before {
content: ""
}
.w-icon-nav-menu:before {
content: ""
}
.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
content: ""
}
.w-icon-file-upload-remove:before {
content: ""
}
.w-icon-file-upload-icon:before {
content: ""
}
* {
box-sizing: border-box
}
html {
height: 100%
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block
}
html.w-mod-touch * {
background-attachment: scroll !important
}
.w-block {
display: block
}
.w-inline-block {
max-width: 100%;
display: inline-block
}
.w-clearfix:before,
.w-clearfix:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-clearfix:after {
clear: both
}
.w-hidden {
display: none
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block
}
input.w-button {
-webkit-appearance: button
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important
}
.w-code-block {
margin: unset
}
pre.w-code-block code {
all: inherit
}
.w-optimization {
display: contents
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 10px;
font-weight: 700
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px
}
p {
margin-top: 0;
margin-bottom: 10px
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px
}
figure {
margin: 0 0 10px
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px
}
.w-list-unstyled {
padding-left: 0;
list-style: none
}
.w-embed:before,
.w-embed:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-embed:after {
clear: both
}
.w-video {
width: 100%;
padding: 0;
position: relative
}
.w-video iframe,
.w-video object,
.w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
fieldset {
border: 0;
margin: 0;
padding: 0
}
button,
[type=button],
[type=reset] {
cursor: pointer;
-webkit-appearance: button;
border: 0
}
.w-form {
margin: 0 0 15px
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none
}
label {
margin-bottom: 5px;
font-weight: 700;
display: block
}
.w-input,
.w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block
}
.w-input::placeholder,
.w-select::placeholder {
color: #999
}
.w-input:focus,
.w-select:focus {
border-color: #3898ec;
outline: 0
}
.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
cursor: not-allowed
}
.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee
}
textarea.w-input,
textarea.w-select {
height: auto
}
.w-select {
background-color: #f3f3f3
}
.w-select[multiple] {
height: auto
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: 400;
display: inline-block
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block
}
.w-radio:before,
.w-radio:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-radio:after {
clear: both
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal
}
.w-file-upload {
margin-bottom: 10px;
display: block
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden
}
.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
color: #333;
display: inline-block
}
.w-file-upload-error {
margin-top: 10px;
display: block
}
.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
display: none
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: 400;
display: flex
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: 400;
display: block
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: 400;
display: inline-block
}
.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block
}
.w-icon-file-upload-uploading {
height: 20px
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto
}
.w-container:before,
.w-container:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-container:after {
clear: both
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px
}
.w-row:before,
.w-row:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-row:after {
clear: both
}
.w-row .w-row {
margin-left: 0;
margin-right: 0
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative
}
.w-col .w-col {
padding-left: 0;
padding-right: 0
}
.w-col-1 {
width: 8.33333%
}
.w-col-2 {
width: 16.6667%
}
.w-col-3 {
width: 25%
}
.w-col-4 {
width: 33.3333%
}
.w-col-5 {
width: 41.6667%
}
.w-col-6 {
width: 50%
}
.w-col-7 {
width: 58.3333%
}
.w-col-8 {
width: 66.6667%
}
.w-col-9 {
width: 75%
}
.w-col-10 {
width: 83.3333%
}
.w-col-11 {
width: 91.6667%
}
.w-col-12 {
width: 100%
}
.w-hidden-main {
display: none !important
}
@media screen and (max-width:991px) {
.w-container {
max-width: 728px
}
.w-hidden-main {
display: inherit !important
}
.w-hidden-medium {
display: none !important
}
.w-col-medium-1 {
width: 8.33333%
}
.w-col-medium-2 {
width: 16.6667%
}
.w-col-medium-3 {
width: 25%
}
.w-col-medium-4 {
width: 33.3333%
}
.w-col-medium-5 {
width: 41.6667%
}
.w-col-medium-6 {
width: 50%
}
.w-col-medium-7 {
width: 58.3333%
}
.w-col-medium-8 {
width: 66.6667%
}
.w-col-medium-9 {
width: 75%
}
.w-col-medium-10 {
width: 83.3333%
}
.w-col-medium-11 {
width: 91.6667%
}
.w-col-medium-12 {
width: 100%
}
.w-col-stack {
width: 100%;
left: auto;
right: auto
}
}
@media screen and (max-width:767px) {
.w-hidden-main,
.w-hidden-medium {
display: inherit !important
}
.w-hidden-small {
display: none !important
}
.w-row,
.w-container .w-row {
margin-left: 0;
margin-right: 0
}
.w-col {
width: 100%;
left: auto;
right: auto
}
.w-col-small-1 {
width: 8.33333%
}
.w-col-small-2 {
width: 16.6667%
}
.w-col-small-3 {
width: 25%
}
.w-col-small-4 {
width: 33.3333%
}
.w-col-small-5 {
width: 41.6667%
}
.w-col-small-6 {
width: 50%
}
.w-col-small-7 {
width: 58.3333%
}
.w-col-small-8 {
width: 66.6667%
}
.w-col-small-9 {
width: 75%
}
.w-col-small-10 {
width: 83.3333%
}
.w-col-small-11 {
width: 91.6667%
}
.w-col-small-12 {
width: 100%
}
}
@media screen and (max-width:479px) {
.w-container {
max-width: none
}
.w-hidden-main,
.w-hidden-medium,
.w-hidden-small {
display: inherit !important
}
.w-hidden-tiny {
display: none !important
}
.w-col {
width: 100%
}
.w-col-tiny-1 {
width: 8.33333%
}
.w-col-tiny-2 {
width: 16.6667%
}
.w-col-tiny-3 {
width: 25%
}
.w-col-tiny-4 {
width: 33.3333%
}
.w-col-tiny-5 {
width: 41.6667%
}
.w-col-tiny-6 {
width: 50%
}
.w-col-tiny-7 {
width: 58.3333%
}
.w-col-tiny-8 {
width: 66.6667%
}
.w-col-tiny-9 {
width: 75%
}
.w-col-tiny-10 {
width: 83.3333%
}
.w-col-tiny-11 {
width: 91.6667%
}
.w-col-tiny-12 {
width: 100%
}
}
.w-widget {
position: relative
}
.w-widget-map {
width: 100%;
height: 400px
}
.w-widget-map label {
width: auto;
display: inline
}
.w-widget-map img {
max-width: inherit
}
.w-widget-map .gm-style-iw {
text-align: center
}
.w-widget-map .gm-style-iw>button {
display: none !important
}
.w-widget-twitter {
overflow: hidden
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px
}
.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px
}
.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden
}
.w-background-video>video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%
}
.w-background-video>video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em
}
.w-background-video--control>[hidden] {
display: none !important
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0
}
.w-slider-nav.w-round>div {
border-radius: 100%
}
.w-slider-nav.w-num>div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em
}
.w-slider-nav.w-shadow>div {
box-shadow: 0 0 3px #3336
}
.w-slider-nav-invert {
color: #fff
}
.w-slider-nav-invert>div {
background-color: #2226
}
.w-slider-nav-invert>div.w-active {
background-color: #222
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative
}
.w-slider-dot.w-active {
background-color: #fff
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff
}
.w-slider-dot:focus.w-active {
box-shadow: none
}
.w-slider-arrow-left,
.w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden
}
.w-slider-arrow-left [class^=w-icon-],
.w-slider-arrow-right [class^=w-icon-],
.w-slider-arrow-left [class*=\ w-icon-],
.w-slider-arrow-right [class*=\ w-icon-] {
position: absolute
}
.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
outline: 0
}
.w-slider-arrow-left {
z-index: 3;
right: auto
}
.w-slider-arrow-right {
z-index: 4;
left: auto
}
.w-icon-slider-left,
.w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden
}
.w-slider-force-show {
display: block !important
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative
}
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block
}
.w-dropdown-toggle:focus {
outline: 0
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute
}
.w-dropdown-list.w--open {
display: block
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block
}
.w-dropdown-link.w--current {
color: #0082f3
}
.w-dropdown-link:focus {
outline: 0
}
@media screen and (max-width:767px) {
.w-nav-brand {
padding-left: 10px
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0)
}
.w-lightbox-backdrop,
.w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute
}
.w-lightbox-view:before {
content: "";
height: 100vh
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height: 86vh
}
.w-lightbox-frame,
.w-lightbox-view:before {
vertical-align: middle;
display: inline-block
}
.w-lightbox-figure {
margin: 0;
position: relative
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0
}
.w-lightbox-control {
cursor: pointer;
background-position: 50%;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0
}
.w-lightbox-left {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
display: none;
bottom: 0;
left: 0
}
.w-lightbox-right {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
display: none;
bottom: 0;
right: 0
}
.w-lightbox-close {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
background-size: 18px;
height: 2.6em;
right: 0
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate(0, 0)
}
.w-lightbox-active {
opacity: .3
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translateY(-50%)
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%)
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px
}
.w-lightbox-hide {
display: none
}
.w-lightbox-noscroll {
overflow: hidden
}
@media (min-width:768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh
}
.w-lightbox-view,
.w-lightbox-view:before {
height: 96vh
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height: 84vh
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh
}
.w-lightbox-left,
.w-lightbox-right {
opacity: .5;
display: block
}
.w-lightbox-close {
opacity: .8
}
.w-lightbox-control:hover {
opacity: 1
}
}
.w-lightbox-inactive,
.w-lightbox-inactive:hover {
opacity: 0
}
.w-richtext:before,
.w-richtext:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-richtext:after {
clear: both
}
.w-richtext[contenteditable=true]:before,
.w-richtext[contenteditable=true]:after {
white-space: initial
}
.w-richtext ol,
.w-richtext ul {
overflow: hidden
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
outline: 2px solid #2895f7
}
.w-richtext figure.w-richtext-figure-type-video>div:after,
.w-richtext figure[data-rt-type=video]>div:after {
content: "";
display: none;
position: absolute;
inset: 0
}
.w-richtext figure {
max-width: 60%;
position: relative
}
.w-richtext figure>div:before {
cursor: default !important
}
.w-richtext figure img {
width: 100%
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6
}
.w-richtext figure div {
color: #0000;
font-size: 0
}
.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type=image] {
display: table
}
.w-richtext figure.w-richtext-figure-type-image>div,
.w-richtext figure[data-rt-type=image]>div {
display: inline-block
}
.w-richtext figure.w-richtext-figure-type-image>figcaption,
.w-richtext figure[data-rt-type=image]>figcaption {
caption-side: bottom;
display: table-caption
}
.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type=video] {
width: 60%;
height: 0
}
.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type=video] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.w-richtext figure.w-richtext-figure-type-video>div,
.w-richtext figure[data-rt-type=video]>div {
width: 100%
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,
.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div {
max-width: 100%
}
.w-richtext figure.w-richtext-align-normal {
clear: both
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block
}
.w-richtext figure.w-richtext-align-fullwidth>div {
padding-bottom: inherit;
display: inline-block
}
.w-richtext figure.w-richtext-align-fullwidth>figcaption {
display: block
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative
}
.w-nav:before,
.w-nav:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-nav:after {
clear: both
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative
}
.w-nav-link.w--current {
color: #0082f3
}
.w-nav-menu {
float: right;
position: relative
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important
}
.w--nav-link-open {
display: block;
position: relative
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden
}
.w-nav-overlay [data-nav-menu-open] {
top: 0
}
.w-nav[data-animation=over-left] .w-nav-overlay {
width: auto
}
.w-nav[data-animation=over-left] .w-nav-overlay,
.w-nav[data-animation=over-left] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto
}
.w-nav[data-animation=over-right] .w-nav-overlay {
width: auto
}
.w-nav[data-animation=over-right] .w-nav-overlay,
.w-nav[data-animation=over-right] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative
}
.w-nav-button:focus {
outline: 0
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8
}
.w-nav[data-collapse=all] .w-nav-menu {
display: none
}
.w-nav[data-collapse=all] .w-nav-button,
.w--nav-dropdown-open,
.w--nav-dropdown-toggle-open {
display: block
}
.w--nav-dropdown-list-open {
position: static
}
@media screen and (max-width:991px) {
.w-nav[data-collapse=medium] .w-nav-menu {
display: none
}
.w-nav[data-collapse=medium] .w-nav-button {
display: block
}
}
@media screen and (max-width:767px) {
.w-nav[data-collapse=small] .w-nav-menu {
display: none
}
.w-nav[data-collapse=small] .w-nav-button {
display: block
}
.w-nav-brand {
padding-left: 10px
}
}
@media screen and (max-width:479px) {
.w-nav[data-collapse=tiny] .w-nav-menu {
display: none
}
.w-nav[data-collapse=tiny] .w-nav-button {
display: block
}
}
.w-tabs {
position: relative
}
.w-tabs:before,
.w-tabs:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-tabs:after {
clear: both
}
.w-tab-menu {
position: relative
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative
}
.w-tab-link.w--current {
background-color: #c8c8c8
}
.w-tab-link:focus {
outline: 0
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden
}
.w-tab-pane {
display: none;
position: relative
}
.w--tab-active {
display: block
}
@media screen and (max-width:479px) {
.w-tab-link {
display: block
}
}
.w-ix-emptyfix:after {
content: ""
}
@keyframes spin {
0% {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px
}
.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
display: none !important
}
.wf-layout-layout {
display: grid
}
@font-face {
font-family: Generalsans;
src: url(https://cdn.prod.website-files.com/68b665d630ff309eb10a9edb/68b665d630ff309eb10aa0f6_GeneralSans-Light.otf)format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Generalsans;
src: url(https://cdn.prod.website-files.com/68b665d630ff309eb10a9edb/68b665d630ff309eb10aa0f7_GeneralSans-Bold.otf)format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Generalsans;
src: url(https://cdn.prod.website-files.com/68b665d630ff309eb10a9edb/68b665d630ff309eb10aa0f8_GeneralSans-Regular.otf)format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Generalsans;
src: url(https://cdn.prod.website-files.com/68b665d630ff309eb10a9edb/68b665d630ff309eb10aa0f9_GeneralSans-Medium.otf)format("opentype");
font-weight: 500;
font-style: normal;
font-display: swap
}
:root {
--_component-theme---background-color--background-primary: var(--_base-color---base-color-neutral--white);
--font-type--body: "Inter Tight", sans-serif;
--_component-theme---text-color--text-primary: var(--_base-color---base-color-neutral--black);
--_typography---text-regular--font-size: 1rem;
--_typography---text-medium--font-height: 1.5;
--font-weight--regular: 400;
--font-type--heading: Generalsans, Arial, sans-serif;
--_typography---heading-1--font-size: 7rem;
--_typography---heading-1--font-height: .9;
--_typography---heading-1--font-weight: var(--font-weight--medium);
--_typography---heading-1--letter-spacing: -4px;
--_typography---heading-2--font-size: 3.5rem;
--_typography---heading-2--font-height: 1.1;
--_typography---heading-2--font-weight: var(--font-weight--medium);
--_typography---heading-2--letter-spacing: -2px;
--_typography---heading-3--font-size: 3.2rem;
--_typography---heading-3--font-height: 1.1;
--_typography---heading-3--font-weight: var(--font-weight--medium);
--_typography---heading-3--letter-spacing: -2px;
--_typography---heading-4--font-size: 3rem;
--_typography---heading-4--font-height: 1.2;
--_typography---heading-4--font-weight: var(--font-weight--medium);
--_typography---heading-4--letter-spacing: -2px;
--_typography---heading-5--font-size: 2.8rem;
--_typography---heading-5--font-height: 1.2;
--_typography---heading-5--font-weight: var(--font-weight--regular);
--_typography---heading-5--letter-spacing: -2px;
--_typography---heading-6--font-size: 2.5rem;
--_typography---heading-6--font-height: 1.3;
--_typography---heading-6--font-weight: var(--font-weight--regular);
--_typography---heading-6--letter-spacing: -2px;
--_typography---text-regular--font-height: 1.5;
--_component-theme---text-color--text-link: var(--_base-color---base-color-brand--primary-100);
--_typography---text-medium--font-size: 1.25rem;
--font-weight--semi-bold: 550;
--_component-theme---text-color--text-tertiary: var(--_base-color---base-color-neutral--black-60);
--_component-theme---text-color--text-secondary: var(--_base-color---base-color-neutral--black-80);
--_base-color---base-color-brand--primary-20: #cbd8d2;
--font-weight--medium: 500;
--_component-theme---background-color--border: var(--_base-color---base-color-neutral--black-5);
--font-weight--light: 300;
--font-weight--extra-bold: 650;
--font-weight--bold: 600;
--_typography---text-small--font-size: .875rem;
--_typography---text-small--font-height: 1.5;
--_component-theme---background-color--background-secondary: var(--_base-color---base-color-neutral--black-5);
--_base-color---base-color-neutral--transparent: #0000;
--_base-color---base-color-neutral--white-50: color-mix(in srgb, var(--_base-color---base-color-neutral--white)50%, transparent);
--_typography---text-large--font-size: 1.5rem;
--_typography---text-large--font-height: 1.3;
--_base-color---base-color-brand--primary-80: #d1f44b;
--_base-color---base-color-brand--secondary-29: #eef4ff;
--background-color--background-error\: var(--base-color-system--error-red\);
--text-color--text-error\: var(--base-color-system--error-red-dark\);
--_component-theme---button--button-background: var(--_base-color---base-color-brand--primary-80);
--_component-theme---button--button-text: var(--_base-color---base-color-brand--primary-100);
--_base-color---base-color-neutral--white: #f4f3ea;
--_base-color---base-color-brand--secondary-40: #8e97f5;
--_base-color---base-color-brand--secondary-80: #0d1991;
--_base-color---base-color-neutral--black: #1a1a17;
--_typography---text-huge--font-size: 2rem;
--_typography---text-huge--font-height: 1.2;
--_typography---text-huge--letter-spacing: 0px;
--_base-color---base-color-neutral--black-5: color-mix(in srgb, var(--_base-color---base-color-neutral--black)5%, transparent);
--_base-color---base-color-neutral--white-20: color-mix(in srgb, var(--_base-color---base-color-neutral--white)20%, transparent);
--_base-color---base-color-neutral--white-10: color-mix(in srgb, var(--_base-color---base-color-neutral--white)10%, transparent);
--_base-color---base-color-neutral--black-20: color-mix(in srgb, var(--_base-color---base-color-neutral--black)20%, transparent);
--_component-theme---text-color--text-accent: var(--_base-color---base-color-brand--primary-80);
--_base-color---base-color-neutral--black-10: color-mix(in srgb, var(--_base-color---base-color-neutral--black)10%, transparent);
--_base-color---base-color-neutral--black-30: color-mix(in srgb, var(--_base-color---base-color-neutral--black)30%, transparent);
--_component-theme---text-color--text-light: var(--_base-color---base-color-neutral--white-50);
--font-type--latin: "Story Script", sans-serif;
--_typography---text-regular--letter-spacing: 0px;
--_base-color---base-color-brand--primary-100: #365001;
--letter-spacing--small: 2px;
--letter-spacing--medium: 4px;
--letter-spacing--large: 6px;
--_base-color---base-color-neutral--black-90: color-mix(in srgb, var(--_base-color---base-color-neutral--black)90%, transparent);
--_typography---text-large--letter-spacing: 0px;
--_base-color---base-color-neutral--black-60: color-mix(in srgb, var(--_base-color---base-color-neutral--black)60%, transparent);
--_base-color---base-color-neutral--black-40: color-mix(in srgb, var(--_base-color---base-color-neutral--black)40%, transparent);
--_base-color---base-color-utility--state-error: #ff3737;
--_base-color---base-color-brand--secondary-60: #1222ce;
--_typography---heading-1--font-type: var(--font-type--heading);
--_base-color---base-color-brand--primary-40: #ddf8bc;
--_typography---text-small--font-weight: var(--font-weight--regular);
--_typography---text-small--letter-spacing: 0px;
--_typography---text-small--font-type: var(--font-type--body);
--_typography---text-regular--font-weight: var(--font-weight--regular);
--_typography---text-regular--font-type: var(--font-type--body);
--_typography---text-medium--font-weight: var(--font-weight--regular);
--_typography---text-medium--letter-spacing: 0px;
--_typography---text-medium--font-type: var(--font-type--body);
--_typography---text-large--font-weight: var(--font-weight--regular);
--_typography---text-large--font-type: var(--font-type--body);
--_typography---heading-6--font-type: var(--font-type--heading);
--_typography---heading-5--font-type: var(--font-type--heading);
--_base-color---base-color-brand--primary-60: #d6fd80;
--_typography---heading-4--font-type: var(--font-type--heading);
--_typography---heading-2--font-type: var(--font-type--heading);
--font-weight--thin: 100;
--_base-color---base-color-neutral--white-5: color-mix(in srgb, var(--_base-color---base-color-neutral--white)3%, transparent);
--font-weight--extra-light: 200;
--_base-color---base-color-brand--secondary-100: #080f5e;
--_base-color---base-color-neutral--white-30: color-mix(in srgb, var(--_base-color---base-color-neutral--white)30%, transparent);
--_typography---heading-3--font-type: var(--font-type--heading);
--_base-color---base-color-neutral--white-40: color-mix(in srgb, var(--_base-color---base-color-neutral--white)40%, transparent);
--_base-color---base-color-neutral--white-60: color-mix(in srgb, var(--_base-color---base-color-neutral--white)60%, transparent);
--_base-color---base-color-neutral--white-70: color-mix(in srgb, var(--_base-color---base-color-neutral--white)70%, transparent);
--_base-color---base-color-neutral--white-80: color-mix(in srgb, var(--_base-color---base-color-neutral--white)80%, transparent);
--_base-color---base-color-neutral--white-90: color-mix(in srgb, var(--_base-color---base-color-neutral--white)90%, transparent);
--_typography---text-huge--font-weight: var(--font-weight--regular);
--_typography---text-huge--font-type: var(--font-type--body);
--_base-color---base-color-neutral--black-50: color-mix(in srgb, var(--_base-color---base-color-neutral--black)50%, transparent);
--_base-color---base-color-neutral--black-70: color-mix(in srgb, var(--_base-color---base-color-neutral--black)70%, transparent);
--_base-color---base-color-neutral--black-80: color-mix(in srgb, var(--_base-color---base-color-neutral--black)80%, transparent);
--_base-color---base-color-utility--state-warning: white;
--_component-theme---button--button-hover: var(--_base-color---base-color-brand--primary-80);
--_component-theme---button--text-hover: var(--_base-color---base-color-brand--primary-100);
--base-color-system--error-red\: #f8e4e4;
--base-color-system--error-red-dark\: #3b0b0b
}
.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-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block
}
.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
outline-offset: 2px;
border-radius: 50%;
outline: 2px solid #3b79c3
}
.w-commerce-commercecartwrapper {
display: inline-block;
position: relative
}
.w-commerce-commercecartopenlink {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 0;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: flex
}
.w-commerce-commercecartopenlinkcount {
color: #3898ec;
text-align: center;
background-color: #fff;
border-radius: 9px;
min-width: 18px;
height: 18px;
margin-left: 8px;
padding-left: 6px;
padding-right: 6px;
font-size: 11px;
font-weight: 700;
line-height: 18px;
display: inline-block
}
.w-commerce-commercecartcontainerwrapper {
z-index: 1001;
background-color: #000c;
position: fixed;
inset: 0
}
.w-commerce-commercecartcontainerwrapper--cartType-modal {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex
}
.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
display: flex
}
.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
flex-direction: row;
justify-content: flex-end;
align-items: stretch;
display: flex
}
.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
background-color: #0000;
position: absolute;
inset: 100% auto auto 0
}
.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
background-color: #0000;
position: absolute;
inset: 100% 0 auto auto
}
.w-commerce-commercecartcontainer {
background-color: #fff;
flex-direction: column;
width: 100%;
min-width: 320px;
max-width: 480px;
display: flex;
overflow: auto;
box-shadow: 0 5px 25px #00000040
}
.w-commerce-commercecartheader {
border-bottom: 1px solid #e6e6e6;
flex: none;
justify-content: space-between;
align-items: center;
padding: 16px 24px;
display: flex;
position: relative
}
.w-commerce-commercecartcloselink {
width: 16px;
height: 16px
}
.w-commerce-commercecartformwrapper {
flex-direction: column;
flex: 1;
display: flex
}
.w-commerce-commercecartform {
flex-direction: column;
flex: 1;
justify-content: flex-start;
display: flex
}
.w-commerce-commercecartlist {
-webkit-overflow-scrolling: touch;
flex: 1;
padding: 12px 24px;
overflow: auto
}
.w-commerce-commercecartitem {
align-items: flex-start;
padding-top: 12px;
padding-bottom: 12px;
display: flex
}
.w-commerce-commercecartitemimage {
width: 60px;
height: 0%
}
.w-commerce-commercecartiteminfo {
flex-direction: column;
flex: 1;
margin-left: 16px;
margin-right: 16px;
display: flex
}
.w-commerce-commercecartproductname {
font-weight: 700
}
.w-commerce-commercecartoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none
}
.w-commerce-commercecartquantity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 60px;
height: 38px;
margin-bottom: 10px;
padding: 8px 6px 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecartquantity::placeholder {
color: #999
}
.w-commerce-commercecartquantity:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecartfooter {
border-top: 1px solid #e6e6e6;
flex-direction: column;
flex: none;
padding: 16px 24px 24px;
display: flex
}
.w-commerce-commercecartlineitem {
flex: none;
justify-content: space-between;
align-items: baseline;
margin-bottom: 16px;
display: flex
}
.w-commerce-commercecartordervalue {
font-weight: 700
}
.w-commerce-commercecartapplepaybutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
align-items: center;
height: 38px;
min-height: 30px;
margin-bottom: 8px;
padding: 0;
text-decoration: none;
display: flex
}
.w-commerce-commercecartapplepayicon {
width: 100%;
height: 50%;
min-height: 20px
}
.w-commerce-commercecartquickcheckoutbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
justify-content: center;
align-items: center;
height: 38px;
margin-bottom: 8px;
padding: 0 15px;
text-decoration: none;
display: flex
}
.w-commerce-commercequickcheckoutgoogleicon,
.w-commerce-commercequickcheckoutmicrosofticon {
margin-right: 8px;
display: block
}
.w-commerce-commercecartcheckoutbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
text-align: center;
background-color: #3898ec;
border-width: 0;
border-radius: 2px;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: block
}
.w-commerce-commercecartemptystate {
flex: 1;
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: flex
}
.w-commerce-commercecarterrorstate {
background-color: #ffdede;
flex: none;
margin: 0 24px 24px;
padding: 10px
}
.w-commerce-commerceaddtocartform {
margin: 0 0 15px
}
.w-commerce-commerceaddtocartoptionpillgroup {
margin-bottom: 10px;
display: flex
}
.w-commerce-commerceaddtocartoptionpill {
color: #000;
cursor: pointer;
background-color: #fff;
border: 1px solid #000;
margin-right: 10px;
padding: 8px 15px
}
.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
color: #fff;
background-color: #000
}
.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
color: #666;
cursor: not-allowed;
background-color: #e6e6e6;
border-color: #e6e6e6;
outline-style: none
}
.w-commerce-commerceaddtocartquantityinput {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 60px;
height: 38px;
margin-bottom: 10px;
padding: 8px 6px 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commerceaddtocartquantityinput::placeholder {
color: #999
}
.w-commerce-commerceaddtocartquantityinput:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commerceaddtocartbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 0;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: flex
}
.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
color: #666;
cursor: not-allowed;
background-color: #e6e6e6;
border-color: #e6e6e6;
outline-style: none
}
.w-commerce-commercebuynowbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 0;
align-items: center;
margin-top: 10px;
padding: 9px 15px;
text-decoration: none;
display: inline-block
}
.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
color: #666;
cursor: not-allowed;
background-color: #e6e6e6;
border-color: #e6e6e6;
outline-style: none
}
.w-commerce-commerceaddtocartoutofstock {
background-color: #ddd;
margin-top: 10px;
padding: 10px
}
.w-commerce-commerceaddtocarterror {
background-color: #ffdede;
margin-top: 10px;
padding: 10px
}
.w-commerce-commercecheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px
}
.w-commerce-commercelayoutmain {
flex: 0 800px;
margin-right: 20px
}
.w-commerce-commercecheckoutcustomerinfowrapper {
margin-bottom: 20px
}
.w-commerce-commercecheckoutblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex
}
.w-commerce-commercecheckoutblockcontent {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 20px
}
.w-commerce-commercecheckoutlabel {
margin-bottom: 8px
}
.w-commerce-commercecheckoutemailinput {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutemailinput::placeholder {
color: #999
}
.w-commerce-commercecheckoutemailinput:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutshippingaddresswrapper {
margin-bottom: 20px
}
.w-commerce-commercecheckoutshippingfullname {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutshippingfullname::placeholder {
color: #999
}
.w-commerce-commercecheckoutshippingfullname:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutshippingstreetaddress {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
color: #999
}
.w-commerce-commercecheckoutshippingstreetaddress:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutshippingstreetaddressoptional {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
color: #999
}
.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutrow {
margin-left: -8px;
margin-right: -8px;
display: flex
}
.w-commerce-commercecheckoutcolumn {
flex: 1;
padding-left: 8px;
padding-right: 8px
}
.w-commerce-commercecheckoutshippingcity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutshippingcity::placeholder {
color: #999
}
.w-commerce-commercecheckoutshippingcity:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutshippingstateprovince {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutshippingstateprovince::placeholder {
color: #999
}
.w-commerce-commercecheckoutshippingstateprovince:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutshippingzippostalcode {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
color: #999
}
.w-commerce-commercecheckoutshippingzippostalcode:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutshippingcountryselector {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutshippingcountryselector::placeholder {
color: #999
}
.w-commerce-commercecheckoutshippingcountryselector:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutshippingmethodswrapper {
margin-bottom: 20px
}
.w-commerce-commercecheckoutshippingmethodslist {
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6
}
.w-commerce-commercecheckoutshippingmethoditem {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
flex-direction: row;
align-items: baseline;
margin-bottom: 0;
padding: 16px;
font-weight: 400;
display: flex
}
.w-commerce-commercecheckoutshippingmethoddescriptionblock {
flex-direction: column;
flex-grow: 1;
margin-left: 12px;
margin-right: 12px;
display: flex
}
.w-commerce-commerceboldtextblock {
font-weight: 700
}
.w-commerce-commercecheckoutshippingmethodsemptystate {
text-align: center;
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 64px 16px
}
.w-commerce-commercecheckoutpaymentinfowrapper {
margin-bottom: 20px
}
.w-commerce-commercecheckoutcardnumber {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutcardnumber::placeholder {
color: #999
}
.w-commerce-commercecheckoutcardnumber:focus,
.w-commerce-commercecheckoutcardnumber.-wfp-focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutcardexpirationdate {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutcardexpirationdate::placeholder {
color: #999
}
.w-commerce-commercecheckoutcardexpirationdate:focus,
.w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutcardsecuritycode {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutcardsecuritycode::placeholder {
color: #999
}
.w-commerce-commercecheckoutcardsecuritycode:focus,
.w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutbillingaddresstogglewrapper {
flex-direction: row;
display: flex
}
.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
margin-top: 4px
}
.w-commerce-commercecheckoutbillingaddresstogglelabel {
margin-left: 8px;
font-weight: 400
}
.w-commerce-commercecheckoutbillingaddresswrapper {
margin-top: 16px;
margin-bottom: 20px
}
.w-commerce-commercecheckoutbillingfullname {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutbillingfullname::placeholder {
color: #999
}
.w-commerce-commercecheckoutbillingfullname:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutbillingstreetaddress {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
color: #999
}
.w-commerce-commercecheckoutbillingstreetaddress:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutbillingstreetaddressoptional {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
color: #999
}
.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutbillingcity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutbillingcity::placeholder {
color: #999
}
.w-commerce-commercecheckoutbillingcity:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutbillingstateprovince {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutbillingstateprovince::placeholder {
color: #999
}
.w-commerce-commercecheckoutbillingstateprovince:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutbillingzippostalcode {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
color: #999
}
.w-commerce-commercecheckoutbillingzippostalcode:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutbillingcountryselector {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutbillingcountryselector::placeholder {
color: #999
}
.w-commerce-commercecheckoutbillingcountryselector:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutorderitemswrapper {
margin-bottom: 20px
}
.w-commerce-commercecheckoutsummaryblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex
}
.w-commerce-commercecheckoutorderitemslist {
margin-bottom: -20px
}
.w-commerce-commercecheckoutorderitem {
margin-bottom: 20px;
display: flex
}
.w-commerce-commercecheckoutorderitemdescriptionwrapper {
flex-grow: 1;
margin-left: 16px;
margin-right: 16px
}
.w-commerce-commercecheckoutorderitemquantitywrapper {
white-space: pre-wrap;
display: flex
}
.w-commerce-commercecheckoutorderitemoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none
}
.w-commerce-commercelayoutsidebar {
flex: 0 0 320px;
position: sticky;
top: 20px
}
.w-commerce-commercecheckoutordersummarywrapper {
margin-bottom: 20px
}
.w-commerce-commercecheckoutsummarylineitem,
.w-commerce-commercecheckoutordersummaryextraitemslistitem {
flex-direction: row;
justify-content: space-between;
margin-bottom: 8px;
display: flex
}
.w-commerce-commercecheckoutsummarytotal {
font-weight: 700
}
.w-commerce-commercecheckoutplaceorderbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
text-align: center;
background-color: #3898ec;
border-width: 0;
border-radius: 3px;
align-items: center;
margin-bottom: 20px;
padding: 9px 15px;
text-decoration: none;
display: block
}
.w-commerce-commercecheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px
}
.w-commerce-commercepaypalcheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px
}
.w-commerce-commercecheckoutcustomerinfosummarywrapper {
margin-bottom: 20px
}
.w-commerce-commercecheckoutsummaryitem,
.w-commerce-commercecheckoutsummarylabel {
margin-bottom: 8px
}
.w-commerce-commercecheckoutsummaryflexboxdiv {
flex-direction: row;
justify-content: flex-start;
display: flex
}
.w-commerce-commercecheckoutsummarytextspacingondiv {
margin-right: .33em
}
.w-commerce-commercecheckoutpaymentsummarywrapper {
margin-bottom: 20px
}
.w-commerce-commercepaypalcheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px
}
.w-commerce-commerceorderconfirmationcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px
}
.w-commerce-commercecheckoutshippingsummarywrapper {
margin-bottom: 20px
}
@media screen and (max-width:991px) {
.w-layout-blockcontainer {
max-width: 728px
}
}
@media screen and (max-width:767px) {
.w-layout-blockcontainer {
max-width: none
}
.w-commerce-commercelayoutmain {
flex-basis: auto;
margin-right: 0
}
.w-commerce-commercelayoutsidebar {
flex-basis: auto
}
}
@media screen and (max-width:479px) {
.w-commerce-commercecartcontainerwrapper--cartType-modal {
flex-direction: row;
justify-content: center;
align-items: stretch
}
.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown,
.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
flex-direction: row;
justify-content: center;
align-items: stretch;
display: flex;
position: fixed;
inset: 0
}
.w-commerce-commercecartquantity,
.w-commerce-commerceaddtocartquantityinput,
.w-commerce-commercecheckoutemailinput,
.w-commerce-commercecheckoutshippingfullname,
.w-commerce-commercecheckoutshippingstreetaddress,
.w-commerce-commercecheckoutshippingstreetaddressoptional {
font-size: 16px
}
.w-commerce-commercecheckoutrow {
flex-direction: column
}
.w-commerce-commercecheckoutshippingcity,
.w-commerce-commercecheckoutshippingstateprovince,
.w-commerce-commercecheckoutshippingzippostalcode,
.w-commerce-commercecheckoutshippingcountryselector,
.w-commerce-commercecheckoutcardnumber,
.w-commerce-commercecheckoutcardexpirationdate,
.w-commerce-commercecheckoutcardsecuritycode,
.w-commerce-commercecheckoutbillingfullname,
.w-commerce-commercecheckoutbillingstreetaddress,
.w-commerce-commercecheckoutbillingstreetaddressoptional,
.w-commerce-commercecheckoutbillingcity,
.w-commerce-commercecheckoutbillingstateprovince,
.w-commerce-commercecheckoutbillingzippostalcode,
.w-commerce-commercecheckoutbillingcountryselector {
font-size: 16px
}
}
body {
background-color: var(--_component-theme---background-color--background-primary);
font-family: var(--font-type--body);
color: var(--_component-theme---text-color--text-primary);
font-size: var(--_typography---text-regular--font-size);
line-height: var(--_typography---text-medium--font-height);
font-weight: var(--font-weight--regular)
}
h1 {
font-family: var(--font-type--heading);
font-size: var(--_typography---heading-1--font-size);
line-height: var(--_typography---heading-1--font-height);
font-weight: var(--_typography---heading-1--font-weight);
letter-spacing: var(--_typography---heading-1--letter-spacing);
margin-top: 0;
margin-bottom: 0
}
h2 {
font-family: var(--font-type--heading);
font-size: var(--_typography---heading-2--font-size);
line-height: var(--_typography---heading-2--font-height);
font-weight: var(--_typography---heading-2--font-weight);
letter-spacing: var(--_typography---heading-2--letter-spacing);
margin-top: 0;
margin-bottom: 0
}
h3 {
font-family: var(--font-type--heading);
font-size: var(--_typography---heading-3--font-size);
line-height: var(--_typography---heading-3--font-height);
font-weight: var(--_typography---heading-3--font-weight);
letter-spacing: var(--_typography---heading-3--letter-spacing);
margin-top: 0;
margin-bottom: 0
}
h4 {
font-family: var(--font-type--heading);
font-size: var(--_typography---heading-4--font-size);
line-height: var(--_typography---heading-4--font-height);
font-weight: var(--_typography---heading-4--font-weight);
letter-spacing: var(--_typography---heading-4--letter-spacing);
margin-top: 0;
margin-bottom: 0
}
h5 {
font-family: var(--font-type--heading);
font-size: var(--_typography---heading-5--font-size);
line-height: var(--_typography---heading-5--font-height);
font-weight: var(--_typography---heading-5--font-weight);
letter-spacing: var(--_typography---heading-5--letter-spacing);
margin-top: 0;
margin-bottom: 0
}
h6 {
font-family: var(--font-type--heading);
font-size: var(--_typography---heading-6--font-size);
line-height: var(--_typography---heading-6--font-height);
font-weight: var(--_typography---heading-6--font-weight);
letter-spacing: var(--_typography---heading-6--letter-spacing);
margin-top: 0;
margin-bottom: 0
}
p {
line-height: var(--_typography---text-regular--font-height);
margin-bottom: 0
}
a {
color: var(--_component-theme---text-color--text-link);
text-decoration: none
}
ul,
ol {
margin-top: 0;
margin-bottom: 0;
padding-left: 1.5rem
}
li {
margin-bottom: .25rem
}
img {
max-width: 100%;
display: inline-block
}
label {
margin-bottom: .25rem;
font-weight: 500
}
blockquote {
font-size: var(--_typography---text-medium--font-size);
line-height: var(--_typography---text-medium--font-height);
border-left: .25rem solid #e2e2e2;
margin-bottom: 0;
padding: 0 1.25rem
}
figure {
margin-top: 2rem;
margin-bottom: 2rem
}
figcaption {
text-align: center;
margin-top: .25rem
}
.utility-page-component {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
padding-left: 1.25rem;
padding-right: 1.25rem;
display: flex
}
.utility-page-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
max-width: 40rem;
display: flex
}
.utility-page-form {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
display: flex
}
.global-styles {
display: block;
position: fixed;
inset: 0% auto auto 0%
}
.padding-xlarge {
padding: 4rem
}
.margin-xlarge {
margin: 4rem
}
.margin-xsmall {
margin: .5rem
}
.padding-xhuge {
padding: 8rem
}
.padding-0 {
padding: 0
}
.padding-xxhuge {
padding: 12rem
}
.padding-huge {
padding: 6rem
}
.margin-large {
margin: 3rem
}
.padding-xxlarge {
padding: 5rem
}
.margin-xxsmall {
margin: .25rem
}
.padding-large {
padding: 3rem
}
.margin-tiny {
margin: .125rem
}
.padding-small {
padding: 1rem
}
.margin-huge {
margin: 6rem
}
.padding-medium {
padding: 2rem
}
.padding-xsmall {
padding: .5rem
}
.margin-xxlarge {
margin: 5rem
}
.padding-xxsmall {
padding: .25rem
}
.margin-xhuge {
margin: 8rem
}
.padding-tiny {
padding: .125rem
}
.margin-small {
margin: 1rem
}
.margin-medium {
margin: 2rem
}
.margin-xxhuge {
margin: 12rem
}
.margin-0 {
margin: 0
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.margin-vertical {
margin-left: 0;
margin-right: 0
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0
}
.padding-vertical {
padding-left: 0;
padding-right: 0
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0
}
.fs-styleguide-background {
border: 1px solid #0000001a;
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 100%;
display: flex
}
.fs-styleguide-spacing {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-image: linear-gradient(#fff0, #2d40ea1a);
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start stretch;
display: grid;
position: relative
}
.icon-1x1-small {
flex: none;
width: 1rem;
height: 1rem
}
.overflow-auto {
overflow: auto
}
.icon-1x1-large {
width: 2.5rem;
height: 2.5rem
}
.z-index-2 {
z-index: 2;
position: relative
}
.fs-styleguide-background-space {
width: 1px;
height: 1px;
margin: 5rem
}
.text-weight-semibold {
font-weight: var(--font-weight--semi-bold)
}
.fs-styleguide-item {
grid-column-gap: 1.125rem;
grid-row-gap: 1.125rem;
border-bottom: 1px solid #0000001a;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start;
padding-bottom: 3rem;
display: grid;
position: relative
}
.fs-styleguide-item.is-stretch {
justify-items: stretch
}
.max-width-full {
width: 100%;
max-width: none
}
.fs-styleguide-item-header {
border-bottom: 1px solid #0000001a;
width: 100%;
padding-bottom: 2rem
}
.background-color-primary {
background-color: var(--_component-theme---background-color--background-primary);
color: var(--_component-theme---text-color--text-tertiary)
}
.z-index-1 {
z-index: 1;
position: relative
}
.text-color-primary {
color: var(--_component-theme---text-color--text-primary)
}
.text-color-secondary {
color: var(--_component-theme---text-color--text-secondary)
}
.fs-styleguide-2-col {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid
}
.fs-styleguide-2-col.is-align-start {
align-items: start
}
.form-message-success {
background-color: var(--_base-color---base-color-brand--primary-20);
border-radius: 1rem;
padding: 1.25rem
}
.fs-styleguide-row {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: flex-start;
align-items: center;
display: flex
}
.heading-style-h3 {
font-size: var(--_typography---heading-3--font-size)
}
.container-small {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto
}
.icon-height-small {
height: 1rem
}
.icon-1x1-medium {
width: 2rem;
height: 2rem
}
.heading-style-h1 {
font-size: var(--_typography---heading-1--font-size);
line-height: var(--_typography---heading-1--font-height);
letter-spacing: var(--_typography---heading-1--letter-spacing)
}
.padding-global {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.text-weight-normal {
font-weight: var(--font-weight--regular)
}
.padding-section-small {
padding-top: 3rem;
padding-bottom: 3rem
}
.max-width-small {
width: 100%;
max-width: 20rem
}
.text-color-tertiary {
color: var(--_component-theme---text-color--text-tertiary)
}
.text-weight-medium {
font-weight: var(--font-weight--medium)
}
.overflow-hidden {
overflow: hidden
}
.fs-styleguide-section-header {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: 1px solid var(--_component-theme---background-color--border);
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding-bottom: 3rem;
line-height: 1.4;
display: grid
}
.max-width-xxlarge {
width: 100%;
max-width: 80rem
}
.fs-styleguide-1-col {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid
}
.overflow-visible {
overflow: visible
}
.fs-styleguide-empty-box {
z-index: -1;
background-color: #2d40ea0d;
border: 1px dashed #2d40ea;
min-width: 3rem;
height: 3rem;
position: relative
}
.text-weight-light {
font-weight: var(--font-weight--light)
}
.fs-styleguide-heading-medium {
font-size: 4rem
}
.max-width-xsmall {
width: 100%;
max-width: 16rem
}
.fs-styleguide-4-col {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid
}
.text-size-regular {
font-size: var(--_typography---text-regular--font-size);
line-height: var(--_typography---text-regular--font-height)
}
.text-weight-xbold {
font-weight: var(--font-weight--extra-bold)
}
.text-align-right {
text-align: right
}
.text-weight-bold {
font-weight: var(--font-weight--bold)
}
.max-width-medium {
width: 100%;
max-width: 32rem
}
.fs-styleguide-item-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex
}
.max-width-large {
width: 100%;
max-width: 48rem
}
.fs-styleguide-header-block {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center start;
display: grid
}
.text-size-small {
font-size: var(--_typography---text-small--font-size);
line-height: var(--_typography---text-small--font-height)
}
.heading-style-h4 {
font-size: var(--_typography---heading-4--font-size)
}
.form-label {
color: var(--_component-theme---text-color--text-secondary);
font-size: 1.125rem
}
.max-width-xlarge {
width: 100%;
max-width: 64rem
}
.text-align-left {
text-align: left
}
.background-color-secondary {
background-color: var(--_component-theme---background-color--background-secondary)
}
.form-input {
border-style: solid;
border-width: 1px;
border-color: var(--_base-color---base-color-neutral--transparent)var(--_base-color---base-color-neutral--transparent)var(--_component-theme---background-color--border);
background-color: var(--_base-color---base-color-neutral--transparent);
color: var(--_component-theme---text-color--text-tertiary);
font-size: var(--_typography---text-regular--font-size);
min-height: 3.6rem;
margin-bottom: 2rem;
padding: .8rem 0;
transition: all .3s cubic-bezier(.77, 0, .175, 1)
}
.form-input:hover {
border-bottom-color: var(--_base-color---base-color-neutral--white-50)
}
.form-input:active,
.form-input:focus,
.form-input:focus-visible,
.form-input[data-wf-focus-visible] {
color: var(--_component-theme---text-color--text-primary)
}
.form-input::placeholder {
color: var(--_component-theme---text-color--text-tertiary)
}
.form-input:lang(en) {
color: var(--_component-theme---text-color--text-primary)
}
.form-input.is-select-input {
color: var(--_component-theme---text-color--text-secondary)
}
.form-input.is-text-area {
min-height: 12rem
}
.heading-style-h6 {
font-size: var(--_typography---heading-6--font-size)
}
.padding-section-large {
padding-top: 8rem;
padding-bottom: 8rem
}
.fs-styleguide-3-col {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
width: 100%;
display: grid
}
.fs-styleguide-3-col.is-align-start {
align-items: start
}
.text-size-large {
font-size: var(--_typography---text-large--font-size);
line-height: var(--_typography---text-large--font-height)
}
.fs-styleguide-header {
background-color: var(--_component-theme---background-color--background-primary);
color: var(--_component-theme---text-color--text-primary);
--_component-theme---background-color--background-primary: var(--_base-color---base-color-brand--secondary-80);
--_component-theme---text-color--text-primary: var(--_base-color---base-color-neutral--white);
--_component-theme---text-color--text-link: var(--_base-color---base-color-brand--primary-80);
--_component-theme---text-color--text-tertiary: var(--_base-color---base-color-neutral--white-60);
--_component-theme---text-color--text-secondary: var(--_base-color---base-color-neutral--white-80);
--_component-theme---background-color--border: var(--_base-color---base-color-neutral--white-10);
--_component-theme---background-color--background-secondary: var(--_base-color---base-color-neutral--white-5);
--_component-theme---button--button-background: var(--_base-color---base-color-brand--primary-80);
--_component-theme---button--button-text: var(--_base-color---base-color-brand--primary-100);
--_component-theme---text-color--text-accent: var(--_base-color---base-color-brand--primary-80);
--_component-theme---text-color--text-light: var(--_base-color---base-color-neutral--white-50);
--_component-theme---button--button-hover: var(--_base-color---base-color-brand--primary-80);
--_component-theme---button--text-hover: var(--_base-color---base-color-brand--primary-100)
}
.heading-style-h2 {
font-size: var(--_typography---heading-2--font-size)
}
.fs-styleguide-label {
background-color: var(--_base-color---base-color-brand--primary-80);
border-radius: .25rem;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: .25rem .75rem .3rem;
font-weight: 600;
display: flex
}
.fs-styleguide-label.is-tag {
background-color: var(--_base-color---base-color-brand--secondary-29);
color: var(--_component-theme---text-color--text-primary)
}
.heading-style-h5 {
font-size: var(--_typography---heading-5--font-size)
}
.container-large {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto
}
.icon-height-medium {
height: 2rem
}
.overflow-scroll {
overflow: scroll
}
.form-message-error {
background-color: var(--background-color--background-error\);
color: var(--text-color--text-error\);
margin-top: .75rem;
padding: .75rem
}
.icon-height-large {
height: 3rem
}
.text-align-center {
text-align: center
}
.form-component {
margin-bottom: 0
}
.max-width-xxsmall {
width: 100%;
max-width: 12rem
}
.align-center {
margin-left: auto;
margin-right: auto
}
.button-primary {
background-color: var(--_component-theme---button--button-background);
color: var(--_component-theme---button--button-text);
text-align: center;
border-radius: 100px;
padding: .8rem 1.25rem;
font-weight: 500;
transition: all .4s cubic-bezier(.77, 0, .175, 1)
}
.button-primary:where(.w-variant-dda21cde-139b-4897-fd86-28545204b15d) {
padding: .5rem 1rem
}
.button-primary:where(.w-variant-3ac702f5-df71-ccac-3c17-03ba731529f5) {
border: 1px solid var(--_component-theme---background-color--border);
background-color: var(--_base-color---base-color-neutral--white)
}
.button-primary:where(.w-variant-38dc2be0-556f-0fcd-3a8b-c5e7952d35bb) {
border: 1px solid var(--_component-theme---background-color--border);
background-color: var(--_component-theme---background-color--background-primary);
padding: .5rem 1rem
}
.button-primary.is-small {
padding: .5rem 1rem
}
.fs-styleguide-classes {
grid-column-gap: 1px;
grid-row-gap: 1px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid
}
.text-size-medium {
font-size: var(--_typography---text-medium--font-size);
line-height: var(--_typography---text-medium--font-height)
}
.fs-styleguide-section {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: start;
display: grid
}
.fs-styleguide-section.is-vertical {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-columns: 1fr
}
.button-group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative
}
.button-group.center {
justify-content: center;
align-items: center
}
.hide {
display: none
}
.padding-section-medium {
padding-top: 5rem;
padding-bottom: 5rem
}
.container-medium {
width: 100%;
max-width: 64rem;
margin-left: auto;
margin-right: auto
}
.spacer-huge {
width: 100%;
padding-top: 6rem
}
.spacer-medium {
width: 100%;
padding-top: 2rem
}
.fs-styleguide-spacer-box {
background-color: #2d40ea1a;
border: 1px dashed #2d40ea;
width: 100%;
position: relative
}
.spacer-xsmall {
width: 100%;
padding-top: .5rem
}
.spacer-small {
width: 100%;
padding-top: 1rem
}
.spacer-xhuge {
width: 100%;
padding-top: 8rem
}
.spacer-tiny {
width: 100%;
padding-top: .125rem
}
.spacer-xxsmall {
width: 100%;
padding-top: .25rem
}
.spacer-xxhuge {
width: 100%;
padding-top: 12rem
}
.spacer-xlarge {
width: 100%;
padding-top: 4rem
}
.spacer-large {
width: 100%;
padding-top: 3rem
}
.spacer-xxlarge {
width: 100%;
padding-top: 5rem
}
.nav-component {
background-color: var(--_base-color---base-color-neutral--transparent);
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 16px;
padding-left: 2.5rem;
padding-right: 2.5rem;
position: relative
}
.nav-container {
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 120rem;
margin-left: auto;
margin-right: auto;
display: flex
}
.nav-brand.w--current {
justify-content: flex-start;
align-items: center;
display: flex
}
.nav-logo {
width: 10rem
}
.nav-logo.bigger {
width: 14rem
}
.nav-menu {
justify-content: flex-start;
align-items: center;
display: flex
}
.nav-menu-link {
color: var(--_component-theme---text-color--text-primary);
border-radius: 100px;
padding: .4rem 1rem;
transition: all .4s cubic-bezier(.77, 0, .175, 1)
}
.nav-menu-link:hover {
background-color: var(--_base-color---base-color-brand--secondary-40)
}
.nav-menu-link.w--current {
background-color: var(--_base-color---base-color-brand--secondary-80);
color: var(--_component-theme---background-color--background-primary);
border-radius: 100px
}
.nav-menu-link.w--current:hover {
background-color: var(--_base-color---base-color-brand--secondary-40);
color: var(--_component-theme---text-color--text-primary)
}
.nav-button {
padding: .4rem
}
.aspect-ratio-square {
aspect-ratio: 1;
object-fit: cover
}
.aspect-ratio-portrait {
aspect-ratio: 2/3;
object-fit: cover
}
.aspect-ratio-landscape {
aspect-ratio: 3/2;
object-fit: cover
}
.aspect-ratio-widescreen {
aspect-ratio: 16/9;
object-fit: cover
}
.fs-styleguide-hero-label {
background-color: var(--_component-theme---background-color--background-secondary);
text-transform: uppercase;
border-radius: .25rem;
padding: .25rem .375rem
}
.section {
background-color: var(--_component-theme---background-color--background-primary);
flex-direction: column;
justify-content: flex-end;
position: relative;
overflow: hidden
}
.section.full-top {
justify-content: flex-start;
min-height: 100svh
}
.section.visible-overflow {
z-index: 2;
overflow: visible
}
.section.clip-overflow {
z-index: 5;
padding: 8px;
overflow: clip
}
.section.clip {
z-index: 2;
--_component-theme---background-color--background-primary: var(--_base-color---base-color-brand--secondary-80);
--_component-theme---text-color--text-primary: var(--_base-color---base-color-neutral--white);
--_component-theme---text-color--text-link: var(--_base-color---base-color-brand--primary-80);
--_component-theme---text-color--text-tertiary: var(--_base-color---base-color-neutral--white-60);
--_component-theme---text-color--text-secondary: var(--_base-color---base-color-neutral--white-80);
--_component-theme---background-color--border: var(--_base-color---base-color-neutral--white-10);
--_component-theme---background-color--background-secondary: var(--_base-color---base-color-neutral--white-5);
--_component-theme---button--button-background: var(--_base-color---base-color-brand--primary-80);
--_component-theme---button--button-text: var(--_base-color---base-color-brand--primary-100);
--_component-theme---text-color--text-accent: var(--_base-color---base-color-brand--primary-80);
--_component-theme---text-color--text-light: var(--_base-color---base-color-neutral--white-50);
--_component-theme---button--button-hover: var(--_base-color---base-color-brand--primary-80);
--_component-theme---button--text-hover: var(--_base-color---base-color-brand--primary-100);
border-radius: 1rem;
margin: 8px;
overflow: clip
}
.section.with-padding {
flex-flow: row;
justify-content: flex-start;
min-height: 100vh;
padding: 8px;
display: flex
}
.section.sticky-bottom {
flex-flow: row;
justify-content: flex-start;
min-height: 100vh;
padding: 8px;
display: flex;
position: sticky;
bottom: 0%;
left: 0%;
right: 0%;
overflow: hidden
}
.text-size-huge {
font-size: var(--_typography---text-huge--font-size);
line-height: var(--_typography---text-huge--font-height);
letter-spacing: var(--_typography---text-huge--letter-spacing)
}
.padding-section-huge {
padding-top: 10rem;
padding-bottom: 6rem
}
.navbar {
border: 1px solid var(--_base-color---base-color-neutral--black-5);
background-color: var(--_base-color---base-color-neutral--white);
border-radius: 100px;
width: 100%;
max-width: 70rem;
margin-left: auto;
margin-right: auto;
padding: .6rem .6rem .6rem 1.5rem;
position: relative
}
.nav-left {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: flex-start;
align-items: stretch;
display: flex
}
.nav-menu-wrapper {
grid-column-gap: .4rem;
grid-row-gap: .4rem;
justify-content: flex-start;
align-items: center;
display: flex;
overflow: hidden
}
.menu-title {
position: relative
}
.menu-label {
font-size: var(--_typography---text-regular--font-size);
font-weight: 500
}
.menu-label.hover {
position: absolute
}
.button-secondary {
border: 1px solid var(--_component-theme---background-color--border);
background-color: var(--_base-color---base-color-neutral--white-20);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
color: var(--_component-theme---text-color--text-primary);
text-align: center;
border-radius: 100px;
padding: .8rem 1.25rem;
font-weight: 500;
transition: all .4s cubic-bezier(.77, 0, .175, 1)
}
.button-wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: flex-start;
align-items: center;
display: flex;
overflow: hidden
}
.button-text {
position: relative
}
.button-label.hover {
position: absolute
}
.button-icon {
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden
}
.right-up-icon {
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
transform: rotate(-45deg)
}
.nav-right {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-end;
align-items: center;
display: flex
}
.nav-right.smaller-gap {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.description-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
display: flex
}
.overlay {
z-index: 0;
background-color: var(--_base-color---base-color-neutral--black);
opacity: .14;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.overlay._30 {
opacity: .3
}
.nav-divider {
display: none
}
.container-huge {
width: 100%;
max-width: 120rem;
margin-left: auto;
margin-right: auto
}
.body-wrapper {
z-index: 1;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1.5fr .8fr;
grid-auto-columns: 1fr;
place-content: start space-between;
place-items: stretch start;
width: 100%;
height: 100%;
display: flex;
position: relative
}
.body-wrapper.center {
z-index: 2;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto
}
.divider {
background-color: var(--_component-theme---background-color--border);
width: 100%;
height: 1px
}
.headline-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: center start;
display: flex
}
.headline-wrapper.medium-width {
width: 100%;
max-width: 40rem;
margin-left: auto;
margin-right: auto
}
.headline-wrapper.left-align {
justify-content: center;
align-items: flex-start
}
.section-label {
border: 1px solid var(--_component-theme---background-color--border);
background-color: var(--_component-theme---background-color--background-primary);
border-radius: 100px;
padding: .4rem .8rem;
position: relative
}
.section-label.center {
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
background-color: #ffffff29;
align-self: center
}
.section-label.transparent {
background-color: var(--_base-color---base-color-neutral--white-10);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
--_component-theme---background-color--background-primary: var(--_base-color---base-color-brand--secondary-80);
--_component-theme---text-color--text-primary: var(--_base-color---base-color-neutral--white);
--_component-theme---text-color--text-link: var(--_base-color---base-color-brand--primary-80);
--_component-theme---text-color--text-tertiary: var(--_base-color---base-color-neutral--white-60);
--_component-theme---text-color--text-secondary: var(--_base-color---base-color-neutral--white-80);
--_component-theme---background-color--border: var(--_base-color---base-color-neutral--white-10);
--_component-theme---background-color--background-secondary: var(--_base-color---base-color-neutral--white-5);
--_component-theme---button--button-background: var(--_base-color---base-color-brand--primary-80);
--_component-theme---button--button-text: var(--_base-color---base-color-brand--primary-100);
--_component-theme---text-color--text-accent: var(--_base-color---base-color-brand--primary-80);
--_component-theme---text-color--text-light: var(--_base-color---base-color-neutral--white-50);
--_component-theme---button--button-hover: var(--_base-color---base-color-brand--primary-80);
--_component-theme---button--text-hover: var(--_base-color---base-color-brand--primary-100)
}
.section-label.absolute-blur {
background-color: var(--_base-color---base-color-neutral--black-20);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
--_component-theme---background-color--background-primary: var(--_base-color---base-color-brand--secondary-80);
--_component-theme---text-color--text-primary: var(--_base-color---base-color-neutral--white);
--_component-theme---text-color--text-link: var(--_base-color---base-color-brand--primary-80);
--_component-theme---text-color--text-tertiary: var(--_base-color---base-color-neutral--white-60);
--_component-theme---text-color--text-secondary: var(--_base-color---base-color-neutral--white-80);
--_component-theme---background-color--border: var(--_base-color---base-color-neutral--white-10);
--_component-theme---background-color--background-secondary: var(--_base-color---base-color-neutral--white-5);
--_component-theme---button--button-background: var(--_base-color---base-color-brand--primary-80);
--_component-theme---button--button-text: var(--_base-color---base-color-brand--primary-100);
--_component-theme---text-color--text-accent: var(--_base-color---base-color-brand--primary-80);
--_component-theme---text-color--text-light: var(--_base-color---base-color-neutral--white-50);
--_component-theme---button--button-hover: var(--_base-color---base-color-brand--primary-80);
--_component-theme---button--text-hover: var(--_base-color---base-color-brand--primary-100);
border-radius: 1rem;
flex-flow: column;
align-self: center;
padding-left: 1rem;
padding-right: 1rem;
display: flex;
position: absolute;
bottom: 2%;
left: 2%
}
.section-title {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
width: 100%;
max-width: 80rem;
display: flex;
position: relative
}
.section-title._50-width {
width: 50%
}
.section-title.flex {
grid-column-gap: 10px;
grid-row-gap: 0rem;
flex-flow: wrap;
justify-content: center;
align-items: center
}
.section-title.half {
max-width: 45rem
}
.section-title.flex-left {
grid-column-gap: 10px;
grid-row-gap: 0rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center
}
.theme-dark {
--_component-theme---background-color--background-primary: var(--_base-color---base-color-brand--secondary-80);
--_component-theme---text-color--text-primary: var(--_base-color---base-color-neutral--white);
--_component-theme---text-color--text-link: var(--_base-color---base-color-brand--primary-80);
--_component-theme---text-color--text-tertiary: var(--_base-color---base-color-neutral--white-60);
--_component-theme---text-color--text-secondary: var(--_base-color---base-color-neutral--white-80);
--_component-theme---background-color--border: var(--_base-color---base-color-neutral--white-10);
--_component-theme---background-color--background-secondary: var(--_base-color---base-color-neutral--white-5);
--_component-theme---button--button-background: var(--_base-color---base-color-brand--primary-80);
--_component-theme---button--button-text: var(--_base-color---base-color-brand--primary-100);
--_component-theme---text-color--text-accent: var(--_base-color---base-color-brand--primary-80);
--_component-theme---text-color--text-light: var(--_base-color---base-color-neutral--white-50);
--_component-theme---button--button-hover: var(--_base-color---base-color-brand--primary-80);
--_component-theme---button--text-hover: var(--_base-color---base-color-brand--primary-100)
}
.landscape-image-wrapper {
aspect-ratio: 3/2;
border-radius: 1rem;
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.landscape-image-wrapper.medium-size {
width: 80%
}
.square-image-wrapper {
aspect-ratio: 1;
border-radius: 1rem;
width: 100%;
position: relative;
overflow: hidden
}
.square-image-wrapper.smaller {
width: 50%;
margin-top: 4rem
}
.text-color-accent {
color: var(--_component-theme---text-color--text-accent)
}
.text-color-link {
color: var(--_component-theme---text-color--text-link)
}
.event-collection {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%
}
.service-card {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
width: 50%;
transition: width 1s cubic-bezier(.77, 0, .175, 1);
display: flex;
position: relative;
overflow: hidden
}
.service-card:hover {
width: 100%
}
.service-image-wrapper {
aspect-ratio: 2/3;
border-radius: 1rem;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 30rem;
display: flex;
position: relative;
overflow: hidden
}
.service-image-wrapper.landscape {
aspect-ratio: 3/2;
height: auto
}
.stacked-text-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
width: 100%;
display: flex
}
.image-masking {
z-index: -1;
background-color: var(--_component-theme---background-color--background-secondary);
position: absolute;
inset: 0%
}
.stacked-card-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1.5fr 2fr;
grid-auto-columns: 1fr;
place-items: stretch stretch;
width: 100%;
display: flex
}
.stacked-card-wrapper.smaller-gap {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.card-wrapper {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 150vh;
display: flex;
position: relative;
overflow: hidden
}
.right-arrow-icon {
width: 1.2rem;
height: 1.2rem;
display: flex
}
.right-arrow-icon.hover {
position: absolute;
left: -100%
}
.category-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: center;
display: flex
}
.title-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
align-self: center;
display: flex
}
.title-wrapper.no-gap-center {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
justify-content: flex-start;
align-items: center;
position: relative
}
.title-wrapper.no-gap-left {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
justify-content: flex-start;
align-items: center;
width: 100%;
position: relative
}
.floating-image-wrapper {
aspect-ratio: 1;
border-radius: 1rem;
width: 100%;
margin-top: -8rem;
position: relative;
overflow: hidden
}
.slider-reels-wrapper {
background-color: var(--_base-color---base-color-neutral--transparent);
width: 100%;
height: auto
}
.reels-link-wrapper {
aspect-ratio: 2/3;
border-radius: 1rem;
width: 100%;
position: relative;
overflow: hidden
}
.accordion-list-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
display: flex
}
.expanded-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
cursor: pointer;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.expand-line-top {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: space-between;
align-items: center;
width: 100%;
padding-left: 1rem;
padding-right: 1rem;
display: flex
}
.expand-line-top.without-padding {
padding-left: 0;
padding-right: 0
}
.plus-icon-box {
border: 1px solid var(--_base-color---base-color-neutral--black-10);
border-radius: 1rem;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex
}
.horizontal-line {
background-color: var(--_component-theme---text-color--text-primary);
width: 16px;
height: 2px
}
.vertical-line {
background-color: var(--_component-theme---text-color--text-primary);
width: 2px;
height: 16px;
position: absolute
}
.expand-line-bottom {
padding-left: 1rem;
padding-right: 1rem
}
.expand-line-bottom.without-padding {
padding-left: 0;
padding-right: 2rem
}
.stacked-headline {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
display: flex
}
.overlay-30 {
z-index: 0;
background-color: var(--_base-color---base-color-neutral--black);
opacity: .3;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.overlay-30._2nd {
z-index: -1
}
.overlay-30.z-index--1 {
z-index: -1;
opacity: .1
}
.footer-content {
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1.5fr .8fr;
grid-auto-columns: 1fr;
place-content: start space-between;
place-items: stretch start;
display: flex;
position: relative
}
.footer-menu-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.footer-information {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: space-between;
display: flex
}
.menu-column {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
display: flex
}
.footer-link {
color: var(--_component-theme---text-color--text-primary);
font-size: var(--_typography---text-regular--font-size);
padding-top: .6rem;
padding-bottom: .6rem;
transition: all .3s cubic-bezier(.77, 0, .175, 1);
display: block
}
.legal-wrapper {
justify-content: space-between;
display: flex
}
.footer-menu-list {
grid-column-gap: .3rem;
grid-row-gap: .3rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex
}
.trip-gallery-image {
border-radius: 1rem;
width: 100%;
height: 22rem;
position: relative;
overflow: hidden
}
.trip-content-wrapper {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
grid-template-columns: 2fr 1fr;
align-items: start
}
.form-button {
flex-flow: column;
display: flex
}
.form-button.hug-width {
flex-flow: row;
justify-content: space-between;
align-items: center
}
.stacked-info-wrapper {
flex-flow: column;
width: 100%;
display: flex
}
.card-with-image {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
border: 1px solid var(--_component-theme---background-color--border);
border-radius: .4rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
height: 100%;
padding: 2rem;
display: flex
}
.card-with-image.no-padding {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-style: none;
padding: 0
}
.slider-wrapper {
z-index: 10;
width: 100%
}
.slider-collection {
background-color: var(--_base-color---base-color-neutral--transparent);
width: 100%;
height: 100%;
display: flex
}
.testimonial-mask {
flex: 0 auto;
align-self: stretch;
max-width: 35%;
height: 42rem;
overflow: visible
}
.slide-item-wrapper {
margin-right: 1rem
}
.slide-content-stacked {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
border: 1px solid var(--_component-theme---background-color--border);
--_component-theme---background-color--background-primary: var(--_base-color---base-color-brand--secondary-80);
--_component-theme---text-color--text-primary: var(--_base-color---base-color-neutral--white);
--_component-theme---text-color--text-link: var(--_base-color---base-color-brand--primary-80);
--_component-theme---text-color--text-tertiary: var(--_base-color---base-color-neutral--white-60);
--_component-theme---text-color--text-secondary: var(--_base-color---base-color-neutral--white-80);
--_component-theme---background-color--border: var(--_base-color---base-color-neutral--white-10);
--_component-theme---background-color--background-secondary: var(--_base-color---base-color-neutral--white-5);
--_component-theme---button--button-background: var(--_base-color---base-color-brand--primary-80);
--_component-theme---button--button-text: var(--_base-color---base-color-brand--primary-100);
--_component-theme---text-color--text-accent: var(--_base-color---base-color-brand--primary-80);
--_component-theme---text-color--text-light: var(--_base-color---base-color-neutral--white-50);
--_component-theme---button--button-hover: var(--_base-color---base-color-brand--primary-80);
--_component-theme---button--text-hover: var(--_base-color---base-color-brand--primary-100);
border-radius: 1rem;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
padding: 2rem;
display: flex;
position: relative;
overflow: hidden
}
.slide-title-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
width: 100%;
display: flex
}
.testimonial-icon {
color: var(--_base-color---base-color-brand--primary-80);
width: 3rem
}
.testimonial-profile {
object-fit: cover;
border-radius: .4rem;
width: 100%;
height: 100%
}
.hide-slide-nav {
display: none
}
.icon-button-left {
border: 1px solid var(--_component-theme---background-color--border);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
margin: 0 0 0 auto;
display: flex;
top: -14%;
right: 5%
}
.icon-button-left._2nd {
background-color: var(--_base-color---base-color-neutral--black-5);
inset: auto auto -20% 45%
}
.chevron-icon {
color: var(--_component-theme---text-color--text-primary);
justify-content: center;
align-items: center;
width: 1.5rem;
display: flex
}
.icon-button-right {
border: 1px solid var(--_component-theme---background-color--border);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
margin-top: 0%;
margin-left: 4%;
margin-right: auto;
display: flex;
top: -14%;
right: 0%
}
.icon-button-right._2nd {
background-color: var(--_base-color---base-color-neutral--black-5);
inset: auto 45% -20% auto
}
.hero-image-wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden
}
.button-naked {
color: var(--_component-theme---text-color--text-link);
text-align: center;
font-weight: 500;
transition: all .4s cubic-bezier(.77, 0, .175, 1)
}
.button-label-naked {
font-size: var(--_typography---text-medium--font-size)
}
.button-label-naked.hover {
position: absolute
}
.underline-wrap {
width: 100%;
position: relative;
overflow: hidden
}
.button-underline {
background-color: var(--_component-theme---background-color--border);
width: 100%;
height: 1px
}
.button-underline-hover {
background-color: var(--_component-theme---text-color--text-link);
width: 100%;
height: 1px;
position: absolute;
top: 0%;
left: -100%
}
.down-icon {
width: 1.2rem;
height: 1.2rem;
transform: rotate(90deg)
}
.arrow-loop {
grid-column-gap: .6rem;
grid-row-gap: .6rem;
flex-flow: column;
justify-content: flex-end;
align-items: center;
width: 1.5rem;
height: 1.2rem;
display: flex;
overflow: hidden
}
.line-title-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: flex-start;
align-items: center;
display: flex
}
.line-title-wrapper.smaller-gap {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.line-title-wrapper.right-align {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-end;
align-items: center
}
.marquee-image-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
aspect-ratio: 2/3;
border-radius: 1rem;
flex: none;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 24vw;
height: 100%;
margin-right: 1rem;
display: flex;
position: relative;
overflow: visible
}
.marquee-image-wrapper.landscape {
aspect-ratio: 3/2;
max-width: 35vw;
height: 30rem
}
.cta-color-wrapper {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden
}
.square-image {
object-fit: cover;
width: 100%;
height: 100%
}
.chips {
grid-column-gap: .4rem;
grid-row-gap: .4rem;
border: 1px solid var(--_component-theme---background-color--border);
border-radius: 100px;
justify-content: flex-start;
align-items: center;
padding: .4rem .8rem;
display: flex
}
.slider-carousel {
background-color: var(--_base-color---base-color-neutral--transparent);
height: 100%
}
.background-image-wrapper {
z-index: 1;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
top: 0
}
.value-content-wrapper {
z-index: 2;
flex-flow: column;
margin-top: 20vh;
margin-bottom: 20vh;
display: flex;
position: relative
}
.four-grid-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 4rem;
grid-template-columns: 1fr 1fr 1fr 1fr;
align-items: start;
width: 100%;
padding-left: .5rem;
padding-right: .5rem
}
.contact-form {
width: 100%;
margin-bottom: 0
}
.license-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
width: 100%;
display: flex;
position: relative
}
.showcase-scroll-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-color: var(--_component-theme---background-color--background-primary);
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 8rem;
padding-bottom: 8rem;
display: flex;
position: relative;
overflow: hidden
}
.showcase-list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
display: grid;
position: relative
}
.overview-image {
object-fit: cover;
width: 100%;
height: 100%
}
.full-height-container {
flex-flow: row;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 2.5rem;
display: flex;
position: relative;
overflow: hidden
}
.full-height-container.bottom-align {
background-color: var(--_base-color---base-color-neutral--transparent);
justify-content: space-between;
align-items: flex-end;
height: 100%
}
.full-height-container.full-height {
justify-content: space-between;
align-items: stretch;
min-height: 100vh
}
.event-content-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
justify-content: space-between;
width: 100%;
max-width: 120rem;
height: 100%;
margin-left: auto;
margin-right: auto;
padding: 1.5rem;
display: flex;
position: relative
}
.grid-global {
z-index: 1;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-content: start;
place-items: start;
width: 100%;
display: grid;
position: relative
}
.grid-global.bottom {
place-items: end stretch
}
.grid-global.no-gap {
grid-column-gap: 0rem;
grid-row-gap: 0rem
}
.grid-global._3-grid {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-columns: 1fr 1fr 1fr
}
.grid-global.message,
.grid-global.faq {
grid-column-gap: 0rem;
grid-row-gap: 0rem
}
.card-hero-link {
z-index: 1;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border: 1px solid var(--_component-theme---background-color--border);
border-radius: .4rem;
flex-flow: column;
width: 100%;
padding: .6rem;
display: flex;
position: relative
}
.model-image-wrapper {
border-radius: 1rem;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.title-stacked-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.card-title-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
overflow: hidden
}
.card-title-inner {
width: 100%;
position: relative;
overflow: hidden
}
.card-label {
color: var(--_component-theme---text-color--text-primary);
font-size: var(--_typography---heading-6--font-size);
line-height: var(--_typography---heading-5--font-height)
}
.card-label.hover {
position: absolute
}
.navbar-wrapper {
z-index: 20;
justify-content: center;
align-items: flex-start;
width: 100%;
display: flex;
position: fixed;
top: 0%;
left: 0%;
right: 0%
}
.small-image-wrapper {
aspect-ratio: 3/2;
border-radius: .4rem;
width: 80%;
position: relative;
overflow: hidden
}
.service-link {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
padding-top: 4rem;
display: flex;
position: relative
}
.card-full-wrapper {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: inline-block
}
.event-card-list {
grid-column-gap: 1rem;
grid-row-gap: 4rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
width: 100%;
display: grid
}
.event-item {
border-bottom: 1px solid var(--_component-theme---background-color--border);
width: 100%
}
.event-card-link {
border-radius: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
display: flex;
position: relative;
overflow: clip
}
.sticky-service-a {
background-color: var(--_component-theme---background-color--background-primary);
border-radius: 1rem;
width: 100%;
max-width: 60%;
margin-top: 12rem
}
.service-list {
z-index: 2;
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1.5fr;
grid-auto-columns: 1fr;
align-items: start;
width: 100%
}
.service-list-item {
width: 100%
}
.card-list-link {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: var(--_component-theme---background-color--background-secondary);
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding: .75rem;
display: flex;
position: relative;
overflow: hidden
}
.hover-component {
z-index: 20;
opacity: 0;
pointer-events: none;
position: fixed;
inset: 0%
}
.hover-wrapper {
aspect-ratio: 1;
background-color: var(--_base-color---base-color-brand--primary-80);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 6rem;
height: 6rem;
padding: 2rem;
display: flex;
position: absolute;
inset: -4% auto auto -4%;
overflow: hidden
}
.product-label {
color: var(--_component-theme---text-color--text-primary);
font-size: var(--_typography---heading-2--font-size)
}
.product-label.hover {
position: absolute
}
.product-label.secondary {
color: var(--_base-color---base-color-neutral--black-30)
}
.product-label.smaller {
font-size: var(--_typography---heading-6--font-size)
}
.service-list-link {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
padding-top: 3rem;
display: flex;
position: relative
}
.contact-full-width {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
width: 100%;
display: flex
}
.contact-full-width.with-padding {
border-top: 1px solid var(--_component-theme---background-color--border);
border-bottom: 1px solid var(--_component-theme---background-color--border);
background-color: var(--_component-theme---background-color--background-secondary);
padding: 2rem
}
.up-right-arrow {
justify-content: center;
align-items: center;
width: 40%;
display: flex;
position: absolute;
overflow: hidden;
transform: rotate(-40deg)
}
.nav-dropdown {
transition: all .6s cubic-bezier(.77, 0, .175, 1)
}
.dropdown-toggle {
padding: 0
}
.dropdown-menu {
padding: .4rem 1rem;
transition: all .6s cubic-bezier(.77, 0, .175, 1)
}
.down-arrow-icon {
width: 1rem;
height: 1rem
}
.dropdown-list.w--open {
z-index: 1;
background-color: var(--_base-color---base-color-neutral--transparent);
justify-content: center;
align-items: center;
width: 100%;
padding-top: 6rem;
display: flex;
position: fixed;
inset: 0% 0% auto
}
.menu-wrapper {
border-bottom: 1px solid var(--_component-theme---background-color--border);
background-color: var(--_component-theme---background-color--background-primary);
border-radius: 1rem;
width: 100%;
max-width: 70rem;
padding: 2.5rem 2rem
}
.menu-item {
grid-column-gap: 8rem;
grid-row-gap: 8rem;
justify-content: space-between;
align-items: flex-start;
max-width: 120rem;
margin-left: auto;
margin-right: auto;
display: flex
}
.menu-left {
grid-column-gap: 8rem;
grid-row-gap: 8rem;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex
}
.menu-list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
flex: none;
display: flex
}
.menu-title-wrapper.with-padding {
padding-left: .6rem
}
.menu-link {
color: var(--_component-theme---text-color--text-primary);
font-size: var(--_typography---text-regular--font-size);
border-radius: 100px;
padding: .6rem;
transition: all .3s cubic-bezier(.77, 0, .175, 1);
display: block
}
.menu-link:hover {
background-color: var(--_base-color---base-color-brand--secondary-40)
}
.menu-link.w--current {
background-color: var(--_base-color---base-color-brand--secondary-80);
color: var(--_component-theme---background-color--background-primary);
font-weight: var(--font-weight--medium);
border-radius: 100px
}
.menu-right {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-end;
display: flex
}
.ads-image-wrapper {
background-color: var(--_component-theme---background-color--background-secondary);
border-radius: .4rem;
width: 18rem;
padding-top: 1rem;
padding-left: 1rem;
padding-right: 1rem
}
.ads-link {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex
}
.small-video-wrapper {
grid-column-gap: .4rem;
grid-row-gap: .4rem;
aspect-ratio: 16/9;
border: 1px solid var(--_component-theme---background-color--border);
-webkit-backdrop-filter: blur(120px);
backdrop-filter: blur(120px);
background-color: #fff3;
border-radius: 1rem;
flex-flow: column;
width: 80%;
padding: 8px;
display: flex
}
.video-lightbox {
background-image: url(https://cdn.prod.website-files.com/68b665d630ff309eb10a9edb/68edc181398975353908b824_Tennis%20Court%20Pose.webp);
background-position: 0 0;
background-size: cover;
border-radius: 1rem;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
overflow: hidden
}
.video-lightbox.without-image {
background-image: none;
background-position: 0 0;
background-size: auto
}
.play-button {
width: 15%
}
.play-button.smaller {
width: 6rem
}
.content-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
border-bottom: 1px solid var(--_component-theme---background-color--border);
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
place-items: center stretch;
width: 100%;
max-width: 50%;
display: flex
}
.content-wrapper.center {
background-color: var(--_component-theme---background-color--background-primary)
}
.content-wrapper.full-width {
max-width: none
}
.image-slide-mask {
flex: 0 auto;
align-self: stretch;
width: 100%;
max-width: 24vw;
overflow: visible
}
.video-wrapper {
grid-column-gap: 12rem;
grid-row-gap: 12rem;
border-radius: 1rem;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: auto;
display: flex;
position: relative;
overflow: hidden
}
.slide-image-item {
width: 100%;
margin-right: 1rem
}
.card-with-icon {
grid-column-gap: 12rem;
grid-row-gap: 12rem;
border-bottom: 1px solid var(--_component-theme---background-color--border);
border-top-color: var(--_component-theme---background-color--border);
background-color: var(--_component-theme---background-color--background-primary);
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 1.5rem;
transition: all .3s cubic-bezier(.77, 0, .175, 1);
display: flex;
position: relative;
overflow: hidden
}
.icon-wrapper {
background-color: var(--_component-theme---button--button-background);
border-radius: 100px;
justify-content: center;
align-items: center;
padding: .6rem;
display: flex
}
.medium-icon {
color: var(--_component-theme---text-color--text-link);
width: 2rem;
height: 2rem
}
.tab-link {
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
color: var(--_component-theme---text-color--text-primary);
background-color: #00000080;
border-radius: .4rem;
padding: .3rem 1rem
}
.tab-link.w--current {
background-color: var(--_component-theme---button--button-background);
color: var(--_component-theme---button--button-text)
}
.logo-marquee-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex
}
.logo-marquee-item {
position: relative;
overflow: hidden
}
.logo-marquee-top {
justify-content: flex-start;
align-items: center;
display: flex
}
.logo-marquee {
flex: none;
justify-content: center;
align-items: center;
width: 16%;
display: flex
}
.placeholder-logo {
object-fit: cover;
width: 50%;
overflow: hidden
}
.small-icon {
justify-content: center;
align-items: center;
width: 1.2rem;
height: 1.2rem;
display: flex
}
.left-container {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
flex-flow: column;
width: 100%;
display: flex
}
.tabs-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: stretch stretch;
width: 100%;
display: grid;
position: relative
}
.right-container {
pointer-events: none;
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.tabs-icon-wrapper {
width: 90%;
display: flex;
position: static
}
.tabs-list-menu {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: flex-end;
width: 100%;
display: flex;
position: relative
}
.tabs-content {
width: 50%;
height: 100%;
position: absolute;
bottom: 0%;
right: 0%
}
.tab-list-item {
border-bottom: 1px solid var(--_component-theme---background-color--border);
background-color: var(--_base-color---base-color-neutral--transparent);
opacity: .6;
width: 100%;
padding-left: 0;
padding-right: 0
}
.tab-list-item.w--current {
background-color: var(--_base-color---base-color-neutral--transparent);
opacity: 1
}
.accordion-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
width: 100%;
display: flex
}
.tab-accordion-top {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex
}
.accordion-bottom {
flex: none;
width: 100%;
padding-left: 56px;
overflow: hidden
}
.tab-description {
padding-bottom: 1rem
}
.tabs-pane-image {
height: 100%
}
.portrait-image-wrapper {
aspect-ratio: 2/3;
border-radius: 1rem;
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.portrait-image-wrapper.medium-size {
width: 90%;
height: 60%;
margin-left: auto
}
.portrait-image-wrapper.small-size {
width: 50%;
height: 60%
}
.line {
background-color: var(--_base-color---base-color-neutral--white);
opacity: .06;
mix-blend-mode: difference;
width: 1px;
height: 100%
}
.line.white {
background-color: var(--_base-color---base-color-neutral--white);
opacity: .2;
width: 110%;
height: 1px;
transform: rotate(10deg)
}
.line.black {
background-color: var(--_base-color---base-color-neutral--black);
opacity: 100;
height: 6rem
}
.flow-card {
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 70%;
display: flex;
position: relative;
overflow: hidden
}
.flow-card.with-column {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 80%;
display: grid
}
.flow-stacked-title {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex
}
.testimonial-card {
grid-row-gap: 1rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex
}
.testimonial-card.center {
justify-content: space-between;
align-items: center
}
.avatar-wrapper {
justify-content: flex-start;
align-items: center;
padding-left: 10px;
display: flex
}
.avatar-image-wrapper {
border: 5px solid var(--_component-theme---background-color--background-secondary);
border-radius: 100px;
width: 4.5rem;
margin-left: -10px;
overflow: hidden
}
.avatar-image {
aspect-ratio: 1;
object-fit: cover;
width: 100%;
height: 100%
}
.sticky-title-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
width: 100%;
display: flex;
position: sticky;
top: 7%
}
.sticky-title-wrapper.mobile {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
display: none;
top: 9%
}
.sticky-title-wrapper.mobile-hide {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
top: 9%
}
.sticky-card-wrapper {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start stretch;
width: 100%;
display: grid
}
.sticky-card-wrapper.reserve {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr 1fr;
padding-right: .5rem
}
.sticky-video {
z-index: 1;
border-radius: 1rem;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
padding-left: 2.5rem;
padding-right: 2.5rem;
display: flex;
position: sticky;
top: 0
}
.video-body-wrapper {
z-index: 2;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1.5fr .8fr;
grid-auto-columns: 1fr;
place-content: start center;
place-items: center start;
height: 100%;
display: flex
}
.featured-collection {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%
}
.hero-featured-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
height: 70vh;
position: relative;
overflow: hidden
}
.featured-card-list {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%
}
.featured-item {
height: 100%
}
.featured-card-link {
z-index: 1;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 100%;
padding: 1.25rem;
display: inline-block;
position: relative;
overflow: clip
}
.content-image-wrapper {
aspect-ratio: 3/2;
background-color: var(--_component-theme---background-color--background-secondary);
border-radius: 1rem;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden
}
.content-image {
object-fit: cover;
width: 100%;
height: 100%
}
.featured-content-wrapper {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
background-color: var(--_component-theme---background-color--background-primary);
border-radius: 1rem;
flex-flow: column;
justify-content: space-between;
width: 32%;
height: 100%;
padding: 1.5rem;
display: flex;
position: relative
}
.side-text-wrapper {
grid-column-gap: .3rem;
grid-row-gap: .3rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex
}
.event-image-wrapper {
aspect-ratio: 3/2;
border-radius: 1rem;
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.image-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
aspect-ratio: 3/2;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
overflow: hidden
}
.image-hover-wrapper {
z-index: 0;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
aspect-ratio: 3/2;
opacity: 0;
justify-content: center;
align-items: center;
width: 100%;
position: absolute;
inset: 0%;
overflow: hidden
}
.event-label {
color: var(--_component-theme---text-color--text-primary);
font-size: var(--_typography---text-huge--font-size);
font-weight: var(--font-weight--medium)
}
.event-label.hover {
position: absolute
}
.arrow-up-icon {
justify-content: center;
align-items: center;
width: 1.2rem;
height: 1.2rem;
display: flex;
transform: rotate(-45deg)
}
.arrow-up-icon.hover {
position: absolute;
bottom: -140%;
left: -140%
}
.card-button-wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
overflow: hidden
}
.card-button-wrapper.flex {
justify-content: flex-end;
align-items: center
}
.card-button-wrapper.left-align {
justify-content: flex-start;
align-items: center
}
.news-content-stacked {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
border: 1px solid var(--_component-theme---background-color--border);
background-color: var(--_component-theme---background-color--background-primary);
border-radius: .4rem;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
padding: 2rem;
transition: all .3s cubic-bezier(.77, 0, .175, 1);
display: flex;
position: relative
}
.news-content-stacked:hover {
--_component-theme---background-color--background-primary: var(--_base-color---base-color-brand--secondary-80);
--_component-theme---text-color--text-primary: var(--_base-color---base-color-neutral--white);
--_component-theme---text-color--text-link: var(--_base-color---base-color-brand--primary-80);
--_component-theme---text-color--text-tertiary: var(--_base-color---base-color-neutral--white-60);
--_component-theme---text-color--text-secondary: var(--_base-color---base-color-neutral--white-80);
--_component-theme---background-color--border: var(--_base-color---base-color-neutral--white-10);
--_component-theme---background-color--background-secondary: var(--_base-color---base-color-neutral--white-5);
--_component-theme---button--button-background: var(--_base-color---base-color-brand--primary-80);
--_component-theme---button--button-text: var(--_base-color---base-color-brand--primary-100);
--_component-theme---text-color--text-accent: var(--_base-color---base-color-brand--primary-80);
--_component-theme---text-color--text-light: var(--_base-color---base-color-neutral--white-50);
--_component-theme---button--button-hover: var(--_base-color---base-color-brand--primary-80);
--_component-theme---button--text-hover: var(--_base-color---base-color-brand--primary-100)
}
.flex-card {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
border: 1px solid var(--_component-theme---background-color--border);
background-color: var(--_component-theme---background-color--background-primary);
border-radius: .4rem;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 50%;
transition: all .8s cubic-bezier(.77, 0, .175, 1);
display: flex;
position: relative;
overflow: hidden
}
.flex-card:hover {
width: 80%
}
.bento-wrapper {
z-index: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-content: start;
place-items: start stretch;
width: 100%;
display: grid;
position: relative
}
.card-bento {
grid-column-gap: 8rem;
grid-row-gap: 8rem;
border-top: 1px solid var(--_component-theme---background-color--border);
border-bottom: 1px solid var(--_component-theme---background-color--border);
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
height: 100%;
padding: 2rem;
transition: all .3s cubic-bezier(.77, 0, .175, 1);
display: flex;
position: relative;
overflow: hidden
}
.widescreen-image-wrapper {
aspect-ratio: 16/9;
border-radius: 1rem;
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.sticky-content-wrapper {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1.5fr .5fr;
grid-auto-columns: 1fr;
align-items: start;
width: 100%;
display: grid
}
.side-info-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex
}
.side-info-wrapper.flex-bottom {
justify-content: space-between;
align-items: center
}
.sticky-body-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
width: 100%;
display: flex
}
.flex-headline {
grid-column-gap: 1rem;
grid-row-gap: .6rem;
flex-flow: wrap;
width: 100%;
display: flex
}
.flex-headline.center {
text-align: center;
justify-content: center;
align-items: center
}
.video-detail {
z-index: 1;
flex-flow: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100vh;
padding: 2.5rem;
display: flex
}
.video-content-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
height: 100%;
display: flex;
position: relative
}
.contact-featured-wrapper {
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 40rem;
padding: 1.25rem;
display: flex;
position: relative;
overflow: hidden
}
.card-link-with-icon {
grid-column-gap: 12rem;
grid-row-gap: 12rem;
border-style: none none solid;
border-width: 1px;
border-color: var(--_component-theme---background-color--border);
background-color: var(--_component-theme---background-color--background-primary);
border-radius: .4rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: auto;
padding: 0 0 1rem;
transition: all .3s cubic-bezier(.77, 0, .175, 1);
display: flex;
position: relative;
overflow: hidden
}
.card-link-with-icon.medium {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-radius: 0;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
place-items: stretch stretch;
padding-bottom: 0;
display: flex
}
.slider-video {
z-index: 0;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: auto 0% 0%
}
.text-color-shading {
background-color: var(--_base-color---base-color-neutral--transparent);
background-image: linear-gradient(90deg, var(--_component-theme---text-color--text-primary)10%, var(--_component-theme---text-color--text-tertiary)70%);
color: var(--_component-theme---text-color--text-link);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text
}
.text-color-light {
background-color: var(--_component-theme---text-color--text-primary);
color: var(--_component-theme---text-color--text-light);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text
}
.logo-title-wrapper {
flex: none
}
.logo-shading {
background-image: linear-gradient(90deg, var(--_component-theme---background-color--background-primary), var(--_base-color---base-color-neutral--transparent));
pointer-events: none;
width: 12rem;
height: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%
}
.logo-shading.right {
background-image: linear-gradient(-90deg, var(--_component-theme---background-color--background-primary), var(--_base-color---base-color-neutral--transparent));
pointer-events: none;
left: auto;
right: 0%
}
.service-title {
grid-row-gap: .6rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-bottom: 1rem;
padding-left: .6rem;
display: flex
}
.icon-navigation {
color: var(--_component-theme---text-color--text-primary);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: center;
width: 3.2rem;
height: 3.2rem;
display: flex;
position: relative;
overflow: hidden
}
.service-thumbnail-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
aspect-ratio: 1;
border-radius: 1rem;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden
}
.service-thumbnail-hover {
z-index: 0;
opacity: 0;
border-radius: .4rem;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden
}
.hero-center-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
place-items: flex-start stretch;
display: flex
}
.hero-video {
z-index: 0;
border-radius: 1rem;
width: 100%;
height: auto;
position: relative
}
.work-link {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
cursor: pointer;
flex-flow: column;
width: 100%;
display: flex;
position: relative;
overflow: clip
}
.image-detail {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0
}
.multiple-image-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
display: flex
}
.multiple-image-item {
flex: 40%
}
.multiple-image-lightbox {
aspect-ratio: 2/2.3;
background-color: var(--_component-theme---background-color--background-secondary);
border-radius: 1rem;
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.multiple-image {
object-fit: cover;
width: 100%;
height: 100%
}
.text-type-latin {
font-family: var(--font-type--latin);
font-weight: var(--font-weight--bold);
letter-spacing: var(--_typography---text-regular--letter-spacing)
}
.label-wrapper {
position: absolute;
top: 48%;
left: 0%;
transform: rotate(6deg)
}
.label-wrapper.center {
top: -2%;
left: auto
}
.label-wrapper.product {
top: 3%;
left: 2%;
transform: none
}
.label {
background-color: var(--_base-color---base-color-brand--secondary-80);
border-radius: 100px;
padding: .4rem 1rem
}
.label.secondary {
background-color: var(--_base-color---base-color-brand--primary-100);
color: var(--_component-theme---text-color--text-primary);
--_component-theme---background-color--background-primary: var(--_base-color---base-color-brand--secondary-80);
--_component-theme---text-color--text-primary: var(--_base-color---base-color-neutral--white);
--_component-theme---text-color--text-link: var(--_base-color---base-color-brand--primary-80);
--_component-theme---text-color--text-tertiary: var(--_base-color---base-color-neutral--white-60);
--_component-theme---text-color--text-secondary: var(--_base-color---base-color-neutral--white-80);
--_component-theme---background-color--border: var(--_base-color---base-color-neutral--white-10);
--_component-theme---background-color--background-secondary: var(--_base-color---base-color-neutral--white-5);
--_component-theme---button--button-background: var(--_base-color---base-color-brand--primary-80);
--_component-theme---button--button-text: var(--_base-color---base-color-brand--primary-100);
--_component-theme---text-color--text-accent: var(--_base-color---base-color-brand--primary-80);
--_component-theme---text-color--text-light: var(--_base-color---base-color-neutral--white-50);
--_component-theme---button--button-hover: var(--_base-color---base-color-brand--primary-80);
--_component-theme---button--text-hover: var(--_base-color---base-color-brand--primary-100)
}
.label.tertiary {
background-color: var(--_base-color---base-color-brand--primary-80);
color: var(--_base-color---base-color-neutral--black)
}
.label.service {
background-color: var(--_base-color---base-color-neutral--white-10)
}
.letter-spacing-small {
letter-spacing: var(--letter-spacing--small);
text-transform: uppercase
}
.letter-spacing-medium {
letter-spacing: var(--letter-spacing--medium);
text-transform: uppercase
}
.letter-spacing-large {
letter-spacing: var(--letter-spacing--large);
text-transform: uppercase
}
.grid-line-master {
z-index: 4;
pointer-events: none;
mix-blend-mode: difference;
width: 100%;
max-width: 125rem;
height: 100vh;
margin-left: auto;
margin-right: auto;
padding-left: 2.5rem;
padding-right: 2.5rem;
position: fixed;
inset: 0%
}
.grid-line-master._2nd {
padding: 2.5rem 0;
position: absolute
}
.background-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
display: flex
}
.background-grid._2nd {
flex-flow: column
}
.tiny-image-wrapper {
border-radius: 100px;
width: 5rem;
height: 2.5rem;
position: relative;
overflow: hidden
}
.sticky-background {
width: 100%;
height: 0;
position: sticky;
top: 8px;
left: 0%;
right: 0%
}
.sticky-overlay {
background-color: var(--_component-theme---background-color--background-primary);
--_component-theme---background-color--background-primary: var(--_base-color---base-color-brand--secondary-80);
--_component-theme---text-color--text-primary: var(--_base-color---base-color-neutral--white);
--_component-theme---text-color--text-link: var(--_base-color---base-color-brand--primary-80);
--_component-theme---text-color--text-tertiary: var(--_base-color---base-color-neutral--white-60);
--_component-theme---text-color--text-secondary: var(--_base-color---base-color-neutral--white-80);
--_component-theme---background-color--border: var(--_base-color---base-color-neutral--white-10);
--_component-theme---background-color--background-secondary: var(--_base-color---base-color-neutral--white-5);
--_component-theme---button--button-background: var(--_base-color---base-color-brand--primary-80);
--_component-theme---button--button-text: var(--_base-color---base-color-brand--primary-100);
--_component-theme---text-color--text-accent: var(--_base-color---base-color-brand--primary-80);
--_component-theme---text-color--text-light: var(--_base-color---base-color-neutral--white-50);
--_component-theme---button--button-hover: var(--_base-color---base-color-brand--primary-80);
--_component-theme---button--text-hover: var(--_base-color---base-color-brand--primary-100);
border-radius: 1rem;
width: 100%;
height: 100vh;
position: sticky;
top: 0%;
left: 0%;
right: 0%
}
.sticky-title-master {
z-index: 1;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: flex-end;
width: 100%;
position: sticky;
top: 8%
}
.service-list-master {
z-index: 2;
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-flow: column;
display: flex;
position: relative
}
.service-wrapper {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid
}
.sticky-service-b {
background-color: var(--_component-theme---background-color--background-primary);
border-radius: 1rem;
width: 100%;
max-width: 65%;
margin-left: auto
}
.sticky-service-c {
background-color: var(--_component-theme---background-color--background-primary);
border-radius: 1rem;
width: 100%;
max-width: 65%;
margin-top: 14rem;
margin-left: 5rem
}
.sticky-service-d {
background-color: var(--_component-theme---background-color--background-primary);
border-radius: 1rem;
width: 100%;
max-width: 55%;
margin-left: auto;
margin-right: 3rem
}
.marquee-image-master {
height: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
position: relative
}
.marquee-item-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.marquee-image-list {
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
position: relative
}
.marquee-image {
object-fit: cover;
border-radius: 1rem;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0
}
.tabs-headline {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex
}
.testimonial-image-wrapper {
z-index: -1;
position: absolute;
inset: 0%
}
.overlay-half {
z-index: 0;
background-image: linear-gradient(180deg, var(--_base-color---base-color-neutral--transparent), var(--_base-color---base-color-neutral--black-90));
width: 100%;
height: 70%;
position: absolute;
bottom: 0%;
left: 0%;
right: 0%
}
.testimonial-logo-wrapper {
border-radius: .4rem;
width: 35%;
height: 2rem;
position: relative;
overflow: hidden
}
.logo-detail {
object-fit: contain;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0
}
.footer-video {
z-index: 0;
flex-flow: column;
width: 100%;
height: auto;
display: flex;
position: relative
}
.cta-wrapper {
background-image: linear-gradient(180deg, var(--_base-color---base-color-neutral--black-30), var(--_base-color---base-color-neutral--transparent));
flex-flow: column;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 2.5rem;
display: flex;
position: relative
}
.cta-wrapper.theme-dark {
background-image: linear-gradient(180deg, var(--_base-color---base-color-neutral--black-30), var(--_base-color---base-color-neutral--transparent))
}
.cta-content-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
width: 100%;
max-width: 80rem;
margin: 8rem auto;
display: flex
}
.footer-master {
width: 100%;
max-width: 120rem;
margin-left: auto;
margin-right: auto;
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem
}
.footer-wrapper {
background-color: var(--_component-theme---background-color--background-primary);
border-radius: 1rem;
padding-top: 4rem;
padding-bottom: 2rem
}
.footer-inner-container {
z-index: 2;
width: 100%;
max-width: 120rem;
padding-left: 2.5rem;
padding-right: 2.5rem;
position: relative
}
.footer-menu {
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex
}
.footer-brand-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
max-width: 30rem;
display: flex
}
.stacked-list-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex
}
.stacked-list-wrapper.center {
justify-content: space-between;
align-items: center
}
.card {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
border-bottom: 1px solid var(--_component-theme---background-color--border);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
display: grid
}
.product-collection.mobile {
display: none
}
.product-list {
grid-column-gap: 1rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: 100%;
display: flex
}
.product-list.grid {
grid-column-gap: 1rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.product-item {
width: 100%;
height: 100%
}
.product-link {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
width: 100%;
height: 100%;
display: flex
}
.product-image-wrapper {
background-color: var(--_component-theme---background-color--background-secondary);
border-radius: 1rem;
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.product-image-wrapper._2nd {
aspect-ratio: 16/9
}
.product-image-detail {
aspect-ratio: 1;
object-fit: contain;
width: 100%;
height: 100%
}
.product-title {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: center;
padding-left: .75rem;
padding-right: .75rem;
display: flex
}
.card-label-small {
color: var(--_component-theme---text-color--text-primary);
font-size: var(--_typography---text-medium--font-size);
line-height: 1.2;
font-weight: var(--font-weight--medium)
}
.card-label-small.hover {
position: absolute
}
.checkout-master {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
padding: 2rem 1.5rem 1.5rem
}
.checkout-form {
background-color: var(--_component-theme---background-color--background-primary);
justify-content: flex-start;
align-items: flex-start;
padding: 0;
display: flex
}
.checkout-summary {
flex: none;
width: 30%;
top: 2rem
}
.checkout-fields {
flex: 0 auto;
width: 100%
}
.checkout-title {
font-size: var(--_typography---text-large--font-size);
letter-spacing: var(--_typography---text-large--letter-spacing)
}
.checkout-header {
border-color: var(--_component-theme---background-color--border);
background-color: var(--_component-theme---background-color--background-primary);
padding: 1.5rem
}
.checkout-content {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-color: var(--_component-theme---background-color--background-primary);
flex-flow: column;
padding: 1.5rem
}
.checkout-text-field {
background-color: var(--_component-theme---background-color--background-secondary);
height: 3rem
}
.shipping-method {
border-bottom-color: var(--_component-theme---background-color--border);
background-color: var(--_component-theme---background-color--background-primary);
padding: 1.5rem
}
.checkout-toggle {
justify-content: flex-start;
align-items: flex-start
}
.checkbox {
margin-top: 5px
}
.checkout-order-item {
border-bottom: 1px solid var(--_component-theme---background-color--border);
padding-bottom: 1rem
}
.stacked-content-wrapper {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex
}
.sticky-service {
z-index: 1;
position: relative
}
.sticky-point {
z-index: 1;
background-color: var(--_component-theme---background-color--border);
width: 100vw;
height: 1px;
margin-left: 50%;
margin-right: 50%;
position: absolute;
inset: 0% 2.5rem auto;
transform: translate(-50%)
}
.sticky-point.bottom {
inset: auto 0% 0%
}
.service-sticky-list {
flex-flow: column;
display: flex
}
.service-sticky-item {
position: sticky;
top: 14%
}
.service-sticky-link {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
background-color: var(--_component-theme---background-color--background-primary);
flex-flow: column;
width: 100%;
padding-top: 2rem;
padding-bottom: 2rem;
display: flex;
position: relative
}
.service-content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.large-arrow-icon {
width: 3rem;
position: absolute;
overflow: hidden
}
.large-arrow-icon.hover {
left: -100%
}
.label-flex {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex
}
.stacked-service-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: flex-end;
width: 100%;
display: flex
}
.sticky-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
border-radius: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 90vh;
display: flex;
position: sticky;
top: 8%;
overflow: hidden
}
.sticky-image-detail {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0
}
.sticky-image-wrapper {
aspect-ratio: 16/9;
border-radius: 1rem;
position: relative;
inset: 0%;
overflow: hidden
}
.overlay-shading {
background-image: linear-gradient(180deg, var(--_base-color---base-color-neutral--black-60)20%, var(--_base-color---base-color-neutral--transparent));
height: 50%;
position: absolute;
inset: 0%
}
.overlay-shading.white {
background-image: linear-gradient(180deg, var(--_base-color---base-color-neutral--transparent), var(--_component-theme---background-color--background-primary)80%);
height: 30%;
top: auto
}
.overlay-shading.black {
background-image: linear-gradient(180deg, var(--_base-color---base-color-neutral--transparent), var(--_base-color---base-color-neutral--black-40)80%);
height: 50%;
top: auto
}
.overlay-shading.flex {
pointer-events: none
}
.marquee-photo-master {
width: 100%;
padding-top: 4rem;
overflow: visible
}
.marquee-photo-list {
justify-content: center;
align-items: center;
width: 100%;
display: flex
}
.card-photo {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
background-color: var(--_component-theme---background-color--background-primary);
box-shadow: -20px 4px 50px 0 var(--_base-color---base-color-neutral--black-20);
border-radius: 1.25rem;
flex-flow: column;
flex: none;
justify-content: center;
align-items: center;
width: 24rem;
padding: .75rem;
display: flex;
position: relative
}
.card-photo._1st {
top: -2rem;
right: -8rem;
transform: rotate(-8deg)
}
.card-photo._2nd {
right: -4rem;
transform: rotate(12deg)
}
.card-photo._3rd {
top: -4rem;
transform: rotate(-8deg)
}
.card-photo._4th {
left: -4rem;
transform: rotate(8deg)
}
.card-photo._5th {
top: -4rem;
left: -8rem;
transform: rotate(-12deg)
}
.card-photo.slider {
width: 100%
}
.photo-image-wrapper {
aspect-ratio: 1;
border-radius: 1rem;
width: 100%;
position: relative;
overflow: hidden
}
.side-content-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
width: 100%;
height: 100%
}
.hero-stacked-wrapper {
grid-column-gap: 12rem;
grid-row-gap: 12rem;
flex-flow: column;
justify-content: space-between;
display: flex
}
.hero-stacked-wrapper.right {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
justify-content: flex-end;
align-items: flex-end
}
.hero-stacked-wrapper.no-gap {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
text-align: center;
width: 80%;
margin-left: auto;
margin-right: auto
}
.card-with-bg {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border: 1px solid var(--_component-theme---background-color--border);
background-color: var(--_base-color---base-color-neutral--black-10);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
--_component-theme---background-color--background-primary: var(--_base-color---base-color-brand--secondary-80);
--_component-theme---text-color--text-primary: var(--_base-color---base-color-neutral--white);
--_component-theme---text-color--text-link: var(--_base-color---base-color-brand--primary-80);
--_component-theme---text-color--text-tertiary: var(--_base-color---base-color-neutral--white-60);
--_component-theme---text-color--text-secondary: var(--_base-color---base-color-neutral--white-80);
--_component-theme---background-color--border: var(--_base-color---base-color-neutral--white-10);
--_component-theme---background-color--background-secondary: var(--_base-color---base-color-neutral--white-5);
--_component-theme---button--button-background: var(--_base-color---base-color-brand--primary-80);
--_component-theme---button--button-text: var(--_base-color---base-color-brand--primary-100);
--_component-theme---text-color--text-accent: var(--_base-color---base-color-brand--primary-80);
--_component-theme---text-color--text-light: var(--_base-color---base-color-neutral--white-50);
--_component-theme---button--button-hover: var(--_base-color---base-color-brand--primary-80);
--_component-theme---button--text-hover: var(--_base-color---base-color-brand--primary-100);
border-radius: 1rem;
flex-flow: column;
width: 50%;
padding: 1rem;
display: flex;
position: absolute
}
.contact-image-wrapper {
aspect-ratio: auto;
border-radius: 1rem;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
overflow: hidden
}
.number-testimonials {
justify-content: center;
align-items: center;
margin-left: 8px
}
.content-video {
z-index: 0;
border-radius: 1rem;
width: 100%;
height: 100%;
position: relative
}
.detail-video {
z-index: 0;
mix-blend-mode: luminosity;
flex-flow: column;
width: 100%;
height: 60vh;
display: flex;
position: absolute;
inset: 0%
}
.headline-small-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
text-align: center;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: center start;
margin-left: auto;
margin-right: auto;
display: flex
}
.stacked-wrapper {
z-index: 1;
grid-column-gap: 4rem;
grid-row-gap: 4rem;
background-image: linear-gradient(180deg, var(--_base-color---base-color-neutral--black-30), var(--_base-color---base-color-neutral--transparent));
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 120rem;
margin-left: auto;
margin-right: auto;
padding: 10rem 2.5rem 2.5rem;
display: flex;
position: relative
}
.stacked-wrapper.without-padding {
background-image: none;
padding-top: 0;
padding-bottom: 8rem
}
.stacked-wrapper.without-shading {
background-image: none
}
.content-half-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
width: 100%;
max-width: 70rem;
margin-left: auto;
margin-right: auto;
display: flex
}
.video-section-title {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
margin: 2.5rem;
display: flex;
position: relative
}
.product-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
width: 100%;
display: flex;
position: relative
}
.add-cart-button {
background-color: var(--_component-theme---button--button-background);
color: var(--_component-theme---button--button-text);
font-size: var(--_typography---text-medium--font-size);
font-weight: var(--font-weight--bold);
text-align: center;
border-radius: 100px;
width: 100%;
padding: 1rem 1.25rem;
transition: all .4s cubic-bezier(.77, 0, .175, 1)
}
.add-cart-button:where(.w-variant-dda21cde-139b-4897-fd86-28545204b15d) {
padding: .5rem 1rem
}
.add-cart-button:where(.w-variant-3ac702f5-df71-ccac-3c17-03ba731529f5) {
border: 1px solid var(--_component-theme---background-color--border);
background-color: var(--_base-color---base-color-neutral--white)
}
.add-cart-button:where(.w-variant-38dc2be0-556f-0fcd-3a8b-c5e7952d35bb) {
border: 1px solid var(--_component-theme---background-color--border);
background-color: var(--_component-theme---background-color--background-primary);
padding: .5rem 1rem
}
.quantity-text {
color: var(--_component-theme---text-color--text-secondary)
}
.out-of-stock {
background-color: var(--_component-theme---background-color--background-secondary);
width: 100%;
height: 100%
}
.cart-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: flex-end;
display: flex
}
.quantity-form {
border-color: var(--_component-theme---background-color--border);
background-color: var(--_component-theme---background-color--background-secondary);
line-height: var(--_typography---text-regular--font-height);
border-radius: 100px;
width: 6rem;
height: auto;
margin-bottom: 0;
padding: 1rem
}
.quantity-form.small {
padding-top: .5rem;
padding-bottom: .5rem
}
.product-chips {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: 1px solid var(--_component-theme---background-color--border);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 100%;
padding: 1rem;
display: flex
}
.add-to-card-wrapper {
padding-left: 1rem;
padding-right: 1rem
}
.product-description {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
margin-left: 1rem;
margin-right: 1rem;
display: flex
}
.product-video-wrapper {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
aspect-ratio: 3/2;
border-radius: 1rem;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.stacked-padding-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
padding-left: 1rem;
padding-right: 1rem;
display: flex
}
.stacked-padding-wrapper.bigger-gap {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem
}
.card-with-icon-small {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: var(--_component-theme---background-color--background-primary);
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
padding: 1.5rem;
display: flex;
position: relative;
overflow: hidden
}
.cart-button {
border: 1px solid var(--_component-theme---background-color--border);
background-color: var(--_base-color---base-color-neutral--black-5);
color: var(--_component-theme---text-color--text-primary);
border-radius: 100px;
padding: 0
}
.cart-quantity {
background-color: var(--_base-color---base-color-neutral--transparent);
color: var(--_base-color---base-color-neutral--white);
font-size: var(--_typography---text-small--font-size);
line-height: var(--_typography---text-small--font-height);
font-weight: var(--font-weight--bold);
border-radius: 0;
justify-content: center;
align-items: center;
min-width: auto;
height: auto;
margin-left: 0;
padding-left: 0;
padding-right: 0;
display: inline-block
}
.cart-container {
background-color: var(--_component-theme---background-color--background-primary);
border-radius: 1rem;
min-width: 400px
}
.cart-header {
border-bottom-color: var(--_component-theme---background-color--border);
height: 5rem;
padding-left: 1.5rem;
padding-right: 0
}
.cart-close {
cursor: pointer;
justify-content: center;
align-items: center;
width: 5rem;
height: 5rem;
margin-right: .4rem;
display: flex
}
.cart-list {
padding: 1rem 1.5rem
}
.cart-remove-button {
color: var(--_base-color---base-color-utility--state-error);
font-size: var(--_typography---text-small--font-size)
}
.apple-pay {
border-radius: 100px;
height: 48px
}
.checkout-button {
background-color: var(--_base-color---base-color-brand--primary-80);
color: var(--_component-theme---button--button-text);
font-weight: var(--font-weight--semi-bold);
border-radius: 100px;
justify-content: center;
align-items: center;
height: 48px;
display: flex
}
.icon-cart {
width: 1.5rem
}
.quantity-wrap {
background-color: var(--_base-color---base-color-brand--secondary-60);
border-radius: 100px;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
position: absolute;
top: -4px;
right: -4px
}
.flex-title {
grid-column-gap: .6rem;
grid-row-gap: .6rem;
flex-flow: wrap;
width: 100%;
display: flex
}
.sided-text-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
width: 100%;
display: flex
}
.section-parallax {
z-index: 1;
flex-flow: column;
justify-content: flex-start;
align-items: center;
height: 200vh;
display: flex;
position: relative;
overflow: clip
}
.parallax-video {
z-index: 1;
flex: none;
justify-content: center;
align-items: flex-end;
width: 70%;
height: 100vh;
display: flex;
position: sticky;
top: 0
}
.parallax-content {
z-index: 1;
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 80%;
display: flex;
position: relative
}
.product-commerce-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-left: .5rem;
margin-right: .5rem;
display: grid;
position: relative
}
.product-commerce {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-flow: column;
display: flex
}
.product-commerce-grid {
margin-left: .5rem;
margin-right: .5rem
}
.play-pause-button {
z-index: 30;
background-color: var(--_base-color---base-color-neutral--white-10);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
border-radius: 100px;
justify-content: center;
align-items: center;
display: block;
inset: 2% 2% auto auto
}
.play-pause-button.hero {
top: 8%
}
.play-pause-button.bottom {
top: auto;
bottom: 2%
}
.play-button-icon {
width: 2rem
}
.play-pause-state {
flex-flow: row;
justify-content: center;
align-items: center;
padding: 8px 8px 4px;
display: flex
}
.content-wrapper-top {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
border-bottom: 1px solid var(--_component-theme---background-color--border);
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
place-items: center stretch;
width: 100%;
max-width: 50%;
display: flex
}
.content-wrapper-top.center {
background-color: var(--_component-theme---background-color--background-primary)
}
.content-wrapper-top.full-width {
max-width: none
}
@media screen and (max-width:991px) {
body {
--_typography---text-regular--font-size: 1rem;
--_typography---text-medium--font-height: 1.5;
--_typography---heading-1--font-size: 4rem;
--_typography---heading-1--font-height: .9;
--_typography---heading-1--font-weight: var(--font-weight--medium);
--_typography---heading-1--letter-spacing: -3px;
--_typography---heading-2--font-size: 3rem;
--_typography---heading-2--font-height: 1.1;
--_typography---heading-2--font-weight: var(--font-weight--medium);
--_typography---heading-2--letter-spacing: -2px;
--_typography---heading-3--font-size: 3rem;
--_typography---heading-3--font-height: 1.1;
--_typography---heading-3--font-weight: var(--font-weight--medium);
--_typography---heading-3--letter-spacing: -2px;
--_typography---heading-4--font-size: 2.8rem;
--_typography---heading-4--font-height: 1.2;
--_typography---heading-4--font-weight: var(--font-weight--medium);
--_typography---heading-4--letter-spacing: -2px;
--_typography---heading-5--font-size: 2.5rem;
--_typography---heading-5--font-height: 1.2;
--_typography---heading-5--font-weight: var(--font-weight--regular);
--_typography---heading-5--letter-spacing: -1px;
--_typography---heading-6--font-size: 2.2rem;
--_typography---heading-6--font-height: 1.3;
--_typography---heading-6--font-weight: var(--font-weight--regular);
--_typography---heading-6--letter-spacing: -1px;
--_typography---text-regular--font-height: 1.5;
--_typography---text-medium--font-size: 1.25rem;
--_typography---text-small--font-size: .875rem;
--_typography---text-small--font-height: 1.5;
--_typography---text-large--font-size: 1.3rem;
--_typography---text-large--font-height: 1.3;
--_typography---text-huge--font-size: 1.5rem;
--_typography---text-huge--font-height: 1.2;
--_typography---text-huge--letter-spacing: 0px;
--_typography---text-regular--letter-spacing: 0px;
--_typography---text-large--letter-spacing: 0px;
--_typography---heading-1--font-type: var(--font-type--heading);
--_typography---text-small--font-weight: var(--font-weight--regular);
--_typography---text-small--letter-spacing: 0px;
--_typography---text-small--font-type: var(--font-type--body);
--_typography---text-regular--font-weight: var(--font-weight--regular);
--_typography---text-regular--font-type: var(--font-type--body);
--_typography---text-medium--font-weight: var(--font-weight--regular);
--_typography---text-medium--letter-spacing: 0px;
--_typography---text-medium--font-type: var(--font-type--body);
--_typography---text-large--font-weight: var(--font-weight--regular);
--_typography---text-large--font-type: var(--font-type--body);
--_typography---heading-6--font-type: var(--font-type--heading);
--_typography---heading-5--font-type: var(--font-type--heading);
--_typography---heading-4--font-type: var(--font-type--heading);
--_typography---heading-2--font-type: var(--font-type--heading);
--_typography---heading-3--font-type: var(--font-type--heading);
--_typography---text-huge--font-weight: var(--font-weight--regular);
--_typography---text-huge--font-type: var(--font-type--body)
}
h1 {
letter-spacing: -3px
}
h2 {
letter-spacing: -2px
}
h5,
h6 {
letter-spacing: -1px
}
.padding-xlarge {
padding: 3rem
}
.margin-xlarge {
margin: 3rem
}
.padding-xhuge {
padding: 6rem
}
.padding-xxhuge {
padding: 8rem
}
.padding-huge {
padding: 5rem
}
.margin-large {
margin: 2.5rem
}
.padding-xxlarge {
padding: 4rem
}
.padding-large {
padding: 2.5rem
}
.margin-huge {
margin: 5rem
}
.padding-medium {
padding: 1.5rem
}
.margin-xxlarge {
margin: 4rem
}
.margin-xhuge {
margin: 6rem
}
.margin-medium {
margin: 1.5rem
}
.margin-xxhuge {
margin: 8rem
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.margin-vertical {
margin-left: 0;
margin-right: 0
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0
}
.padding-vertical {
padding-left: 0;
padding-right: 0
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0
}
.hide-tablet {
display: none
}
.fs-styleguide-2-col {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr
}
.max-width-full-tablet {
width: 100%;
max-width: none
}
.fs-styleguide-1-col {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.fs-styleguide-heading-medium {
font-size: 3rem
}
.fs-styleguide-4-col {
grid-template-columns: 1fr
}
.padding-section-large {
padding-top: 6rem;
padding-bottom: 6rem
}
.fs-styleguide-3-col {
grid-template-columns: 1fr
}
.fs-styleguide-section {
grid-column-gap: 2.5rem;
grid-template-columns: 1fr
}
.padding-section-medium {
padding-top: 4rem;
padding-bottom: 4rem
}
.spacer-huge {
padding-top: 5rem
}
.spacer-medium {
padding-top: 1.5rem
}
.spacer-xhuge {
padding-top: 6rem
}
.spacer-xxhuge {
padding-top: 8rem
}
.spacer-xlarge {
padding-top: 3rem
}
.spacer-large {
padding-top: 2.5rem
}
.spacer-xxlarge {
padding-top: 4rem
}
.nav-menu {
background-color: var(--_component-theme---background-color--background-primary);
--_component-theme---background-color--background-primary: var(--_base-color---base-color-neutral--white);
--_component-theme---text-color--text-primary: var(--_base-color---base-color-neutral--black);
--_component-theme---text-color--text-link: var(--_base-color---base-color-brand--primary-100);
--_component-theme---text-color--text-tertiary: var(--_base-color---base-color-neutral--black-60);
--_component-theme---text-color--text-secondary: var(--_base-color---base-color-neutral--black-80);
--_component-theme---background-color--border: var(--_base-color---base-color-neutral--black-5);
--_component-theme---background-color--background-secondary: var(--_base-color---base-color-neutral--black-5);
--_component-theme---button--button-background: var(--_base-color---base-color-brand--primary-80);
--_component-theme---button--button-text: var(--_base-color---base-color-brand--primary-100);
--_component-theme---text-color--text-accent: var(--_base-color---base-color-brand--primary-80);
--_component-theme---text-color--text-light: var(--_base-color---base-color-neutral--white-50);
--_component-theme---button--button-hover: var(--_base-color---base-color-brand--primary-80);
--_component-theme---button--text-hover: var(--_base-color---base-color-brand--primary-100);
border-radius: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 90%;
max-width: 60rem;
height: 90svh;
margin-top: 1rem;
margin-left: auto;
margin-right: auto;
padding: 1rem 2rem;
overflow: auto
}
.nav-menu-link {
width: 100%;
padding: 2rem 0;
display: none
}
.nav-button.w--open {
background-color: var(--_base-color---base-color-neutral--transparent);
color: var(--_base-color---base-color-neutral--black)
}
.padding-section-huge {
padding-top: 8rem
}
.navbar {
padding-top: .5rem;
padding-bottom: .5rem
}
.hamburger-icon {
justify-content: center;
align-items: center;
width: 1.75rem;
height: 2rem;
display: flex
}
.nav-divider {
background-color: var(--_component-theme---background-color--border);
width: 100%;
height: 1px;
margin-top: .2rem;
margin-bottom: .2rem;
padding-bottom: 0;
padding-right: 0;
display: block
}
.body-wrapper {
grid-template-columns: 1.5fr
}
.headline-wrapper {
grid-template-columns: 1fr 2fr 1fr 1fr 1fr 1fr
}
.section-title._50-width {
width: 100%
}
.square-image-wrapper.smaller {
width: 100%;
margin-top: 2rem
}
.event-collection {
flex-flow: column
}
.service-card {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
width: 100%
}
.service-card:hover {
width: 100%
}
.service-image-wrapper {
height: 25rem
}
.stacked-card-wrapper {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr
}
.floating-image-wrapper {
height: 25rem;
margin-top: -5rem
}
.accordion-list-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.expand-line-top {
padding-left: 0;
padding-right: 0
}
.expand-line-bottom {
padding-left: 0
}
.footer-content {
grid-template-columns: 1.5fr
}
.footer-menu-wrapper {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-columns: 1fr
}
.legal-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column
}
.trip-content-wrapper {
grid-template-columns: 2fr
}
.form-button.hug-width {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start
}
.testimonial-mask {
max-width: 60%;
height: auto
}
.slide-content-stacked {
grid-column-gap: 20vh;
grid-row-gap: 20vh;
padding: 1.25rem
}
.slide-title-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.icon-button-left {
background-color: var(--_component-theme---background-color--background-primary);
top: -20%;
right: 10%
}
.icon-button-left._2nd {
bottom: -30%;
left: 40%
}
.icon-button-right {
top: -20%
}
.icon-button-right._2nd {
bottom: -30%;
right: 40%
}
.marquee-image-wrapper {
max-width: 28vw
}
.marquee-image-wrapper.landscape {
height: 20rem
}
.four-grid-wrapper {
grid-column-gap: 1rem;
grid-template-columns: 1fr 1fr
}
.showcase-scroll-wrapper {
padding-bottom: 4rem
}
.showcase-list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-columns: 1fr 1fr
}
.full-height-container {
padding-top: 6rem
}
.full-height-container.full-height {
min-height: 90vh
}
.event-content-wrapper {
padding-left: 1rem;
padding-right: 1rem
}
.grid-global {
grid-template-columns: 1.5fr .8fr 1fr 1fr 1fr 1fr
}
.grid-global.no-gap {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
}
.grid-global._3-grid {
grid-template-columns: 1fr 1fr
}
.grid-global.message {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
}
.grid-global.faq {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
}
.small-image-wrapper {
width: 100%
}
.service-link {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
padding-top: 3rem
}
.sticky-service-a {
max-width: 90%
}
.service-list {
grid-template-columns: 1fr 1fr
}
.service-list-link {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
padding-top: 2rem
}
.contact-full-width {
width: 100%
}
.nav-dropdown {
display: block
}
.dropdown-toggle {
display: none
}
.dropdown-list {
display: block;
position: static
}
.menu-wrapper {
border-radius: 0;
padding: 1rem 0 0
}
.menu-item {
flex-flow: column
}
.menu-left {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column
}
.menu-list {
width: 100%
}
.menu-list-wrapper {
grid-column-gap: .6rem;
grid-row-gap: .6rem;
flex-flow: column;
display: flex
}
.menu-link {
padding-left: 1rem
}
.menu-right {
display: none
}
.small-video-wrapper {
width: 100%
}
.video-lightbox.without-image {
background-image: none;
background-position: 0 0;
background-size: auto
}
.content-wrapper {
grid-template-columns: 1fr;
justify-items: start;
max-width: 100%
}
.content-wrapper.center {
max-width: 100%
}
.image-slide-mask {
max-width: 28vw
}
.video-wrapper {
aspect-ratio: auto
}
.card-with-icon {
grid-column-gap: 6rem;
grid-row-gap: 6rem
}
.icon-wrapper {
padding: .4rem
}
.logo-marquee-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.logo-marquee {
width: 25%
}
.placeholder-logo {
width: 80%
}
.tabs-wrapper {
flex-flow: column;
grid-template-columns: 1.5fr
}
.tabs-icon-wrapper {
flex-flow: column;
width: 100%;
position: relative
}
.tabs-content {
aspect-ratio: 3/2;
order: -1;
width: 100%;
margin-bottom: 1rem;
position: relative;
bottom: auto;
right: auto
}
.accordion-bottom {
padding-left: 50px
}
.portrait-image-wrapper.small-size {
width: 90%
}
.flow-card,
.flow-card.with-column {
width: 100%
}
.sticky-title-wrapper {
position: static
}
.sticky-title-wrapper.mobile {
display: flex
}
.sticky-title-wrapper.mobile-hide {
display: none
}
.sticky-card-wrapper {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-columns: 1fr
}
.sticky-card-wrapper.reserve {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr;
padding-left: .5rem
}
.video-body-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1.5fr
}
.featured-collection {
flex-flow: column
}
.hero-featured-wrapper {
aspect-ratio: 1;
height: auto
}
.featured-content-wrapper {
width: 50%;
padding: 1.5rem
}
.bento-wrapper {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
}
.card-bento {
padding: 1.5rem
}
.card-bento.on-event {
grid-row-gap: 4rem;
aspect-ratio: auto
}
.sticky-content-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
display: flex
}
.video-detail {
padding-top: 5rem;
padding-bottom: 5rem
}
.contact-featured-wrapper {
height: 50vh
}
.card-link-with-icon {
grid-column-gap: 6rem;
grid-row-gap: 6rem
}
.service-title {
padding-bottom: .6rem;
padding-left: .4rem
}
.hero-center-wrapper {
grid-template-columns: 1fr;
justify-items: start
}
.label-wrapper {
left: 9%
}
.sticky-service-b {
max-width: 90%
}
.sticky-service-c {
max-width: 100%;
margin-left: 0
}
.sticky-service-d {
max-width: 100%;
margin-right: 0
}
.footer-wrapper {
padding-top: 2rem
}
.footer-inner-container {
max-width: 120rem
}
.stacked-list-wrapper.side-by-side {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.card {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
align-items: start;
padding-top: 1rem;
padding-bottom: 1rem
}
.card.mobile-stacked {
flex-flow: column;
height: 100%;
padding: 1.5rem;
display: flex
}
.product-list,
.product-list.grid {
grid-template-columns: 1fr 1fr
}
.checkout-form {
flex-flow: column
}
.checkout-summary {
width: 100%
}
.service-content {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
}
.sticky-wrapper {
padding: 1.5rem
}
.sticky-wrapper.max-width-medium {
max-width: none;
height: auto;
padding: 0;
position: static
}
.overlay-shading.black,
.overlay-shading.flex {
height: 60%
}
.card-photo {
width: 35%
}
.side-content-wrapper {
grid-column-gap: 1rem;
grid-template-columns: 1fr
}
.hero-stacked-wrapper.no-gap {
width: 100%
}
.card-with-bg {
width: 80%;
padding: .6rem
}
.headline-small-wrapper {
grid-template-columns: 1fr 2fr 1fr 1fr 1fr 1fr
}
.stacked-wrapper.without-padding,
.stacked-wrapper.without-shading {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.video-section-title {
width: 85%
}
.product-chips {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
align-items: start;
padding-left: 0;
padding-right: 0
}
.add-to-card-wrapper {
padding-left: 0;
padding-right: 0
}
.product-description {
margin-left: 0;
margin-right: 0
}
.card-with-icon-small {
padding-left: 0
}
.product-commerce-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
margin-left: 0;
margin-right: 0;
display: flex
}
.product-commerce {
grid-column-gap: 3rem;
grid-row-gap: 3rem
}
.content-wrapper-top {
grid-template-columns: 1fr;
justify-items: start;
max-width: 100%
}
.content-wrapper-top.center {
max-width: 100%
}
}
@media screen and (max-width:767px) {
body {
--_typography---text-regular--font-size: 1rem;
--_typography---text-medium--font-height: 1.5;
--_typography---heading-1--font-size: 3rem;
--_typography---heading-1--font-height: .9;
--_typography---heading-1--font-weight: var(--font-weight--medium);
--_typography---heading-1--letter-spacing: -2px;
--_typography---heading-2--font-size: 3rem;
--_typography---heading-2--font-height: 1.1;
--_typography---heading-2--font-weight: var(--font-weight--medium);
--_typography---heading-2--letter-spacing: -2px;
--_typography---heading-3--font-size: 3rem;
--_typography---heading-3--font-height: 1.1;
--_typography---heading-3--font-weight: var(--font-weight--medium);
--_typography---heading-3--letter-spacing: -2px;
--_typography---heading-4--font-size: 2.8rem;
--_typography---heading-4--font-height: 1.2;
--_typography---heading-4--font-weight: var(--font-weight--medium);
--_typography---heading-4--letter-spacing: -2px;
--_typography---heading-5--font-size: 2.5rem;
--_typography---heading-5--font-height: 1.2;
--_typography---heading-5--font-weight: var(--font-weight--regular);
--_typography---heading-5--letter-spacing: -1px;
--_typography---heading-6--font-size: 2rem;
--_typography---heading-6--font-height: 1.3;
--_typography---heading-6--font-weight: var(--font-weight--regular);
--_typography---heading-6--letter-spacing: -1px;
--_typography---text-regular--font-height: 1.5;
--_typography---text-medium--font-size: 1.125rem;
--_typography---text-small--font-size: .75rem;
--_typography---text-small--font-height: 1.5;
--_typography---text-large--font-size: 1.25rem;
--_typography---text-large--font-height: 1.3;
--_typography---text-huge--font-size: 1.5rem;
--_typography---text-huge--font-height: 1.2;
--_typography---text-huge--letter-spacing: 0px;
--_typography---text-regular--letter-spacing: 0px;
--_typography---text-large--letter-spacing: 0px;
--_typography---heading-1--font-type: var(--font-type--heading);
--_typography---text-small--font-weight: var(--font-weight--regular);
--_typography---text-small--letter-spacing: 0px;
--_typography---text-small--font-type: var(--font-type--body);
--_typography---text-regular--font-weight: var(--font-weight--regular);
--_typography---text-regular--font-type: var(--font-type--body);
--_typography---text-medium--font-weight: var(--font-weight--regular);
--_typography---text-medium--letter-spacing: 0px;
--_typography---text-medium--font-type: var(--font-type--body);
--_typography---text-large--font-weight: var(--font-weight--regular);
--_typography---text-large--font-type: var(--font-type--body);
--_typography---heading-6--font-type: var(--font-type--heading);
--_typography---heading-5--font-type: var(--font-type--heading);
--_typography---heading-4--font-type: var(--font-type--heading);
--_typography---heading-2--font-type: var(--font-type--heading);
--_typography---heading-3--font-type: var(--font-type--heading);
--_typography---text-huge--font-weight: var(--font-weight--regular);
--_typography---text-huge--font-type: var(--font-type--body)
}
h1,
h2 {
letter-spacing: -2px
}
h6 {
letter-spacing: -1px
}
.padding-xlarge {
padding: 2rem
}
.margin-xlarge {
margin: 2rem
}
.padding-xhuge {
padding: 4rem
}
.padding-xxhuge {
padding: 4.5rem
}
.padding-huge {
padding: 3.5rem
}
.margin-large {
margin: 1.5rem
}
.padding-xxlarge {
padding: 3rem
}
.padding-large {
padding: 1.5rem
}
.margin-huge {
margin: 3.5rem
}
.padding-medium {
padding: 1.25rem
}
.margin-xxlarge {
margin: 3rem
}
.margin-xhuge {
margin: 4rem
}
.margin-medium {
margin: 1.25rem
}
.margin-xxhuge {
margin: 4.5rem
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.margin-vertical {
margin-left: 0;
margin-right: 0
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0
}
.padding-vertical {
padding-left: 0;
padding-right: 0
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0
}
.hide-mobile-landscape {
display: none
}
.padding-global {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.padding-section-small {
padding-top: 2rem;
padding-bottom: 2rem
}
.fs-styleguide-section-header {
font-size: .875rem
}
.fs-styleguide-heading-medium {
font-size: 2rem
}
.max-width-full-mobile-landscape {
width: 100%;
max-width: none
}
.padding-section-large {
padding-top: 4rem;
padding-bottom: 4rem
}
.padding-section-medium {
padding-top: 3rem;
padding-bottom: 3rem
}
.spacer-huge {
padding-top: 3.5rem
}
.spacer-medium {
padding-top: 1.25rem
}
.spacer-xhuge {
padding-top: 4rem
}
.spacer-xxhuge {
padding-top: 4.5rem
}
.spacer-xlarge {
padding-top: 2rem
}
.spacer-large {
padding-top: 1.5rem
}
.spacer-xxlarge {
padding-top: 3rem
}
.nav-component {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.nav-brand {
padding-left: 0
}
.nav-logo.bigger {
width: 12rem
}
.nav-menu {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
height: 100vh;
padding-left: 1.25rem;
padding-right: 1.25rem
}
.nav-button {
padding-top: 0;
padding-bottom: 0
}
.padding-section-huge {
padding-bottom: 5rem
}
.navbar {
padding-top: .75rem;
padding-bottom: .75rem
}
.hamburger-icon {
width: 1.5rem;
height: 1.5rem
}
.headline-wrapper {
grid-template-columns: 1fr 2fr 1fr 1fr
}
.section-title.flex {
grid-column-gap: 8px
}
.landscape-image-wrapper.medium-size {
width: 100%
}
.square-image-wrapper.smaller {
width: 75%;
margin-top: 1rem
}
.service-image-wrapper {
height: 20rem
}
.stacked-card-wrapper {
border-style: none;
border-color: var(--_base-color---base-color-neutral--transparent)
}
.stacked-card-wrapper.side-by-side {
grid-column-gap: 1rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.category-wrapper {
grid-column-gap: .6rem;
grid-row-gap: .6rem
}
.floating-image-wrapper {
height: 20rem;
margin-top: 0
}
.expand-line-top {
justify-content: space-between;
align-items: flex-start
}
.trip-gallery-image {
height: 16rem
}
.card-with-image {
padding: 1.25rem
}
.slider-collection {
padding-top: 3rem
}
.slide-content-stacked {
padding: 1rem
}
.testimonial-icon {
width: 2.5rem
}
.icon-button-left {
width: 3rem;
height: 3rem;
top: -6%
}
.icon-button-left._2nd {
left: 35%
}
.icon-button-right {
background-color: var(--_component-theme---background-color--background-primary);
width: 3rem;
height: 3rem;
top: -6%
}
.icon-button-right._2nd {
right: 35%
}
.hero-image-wrapper {
height: 100vh
}
.line-title-wrapper.right-align {
order: -9999
}
.marquee-image-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
max-width: 35vw
}
.marquee-image-wrapper.landscape {
max-width: 50vw;
height: 16rem
}
.value-content-wrapper {
margin-top: 4vh;
margin-bottom: 4vh
}
.four-grid-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.showcase-scroll-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
padding-bottom: 2rem
}
.showcase-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.full-height-container {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.event-content-wrapper {
padding: 1rem 0
}
.grid-global {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.service-link {
padding-top: 2rem
}
.event-card-list {
grid-row-gap: 2rem;
grid-template-columns: 1fr
}
.sticky-service-a {
max-width: 60%;
margin-top: 0
}
.service-list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr
}
.service-list-link {
padding-top: 2rem
}
.contact-full-width.with-padding {
padding: 1.25rem
}
.image-slide-mask {
max-width: 40vw
}
.card-with-icon {
padding: 1.25rem
}
.card-with-icon.top-align {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
justify-content: flex-start;
align-items: flex-start
}
.accordion-wrapper {
grid-column-gap: .6rem;
grid-row-gap: .6rem
}
.portrait-image-wrapper.medium-size {
width: 60%;
height: 100%;
display: none
}
.flow-card {
grid-column-gap: 8vw
}
.sticky-card-wrapper {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
border-style: none;
border-color: var(--_base-color---base-color-neutral--transparent);
padding: 0
}
.sticky-card-wrapper.reserve {
grid-template-columns: 1fr;
padding-left: 0;
padding-right: 0
}
.content-image-wrapper {
aspect-ratio: 2
}
.featured-content-wrapper {
width: 70%;
padding: 1.25rem
}
.card-button-wrapper.flex {
justify-content: flex-start;
align-items: center
}
.flex-card,
.flex-card:hover {
width: 100%
}
.card-bento {
padding: 1.25rem
}
.card-bento.on-event {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.side-info-wrapper.side-mobile {
flex-flow: column;
justify-content: space-between;
align-items: flex-start
}
.video-detail {
padding: 3rem 1.25rem
}
.service-title {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
}
.service-thumbnail-wrapper,
.service-thumbnail-hover {
border-width: 8px
}
.grid-line-master {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.sticky-title-master {
position: relative;
top: auto
}
.service-wrapper {
grid-template-columns: 1fr
}
.sticky-service-b {
max-width: 70%
}
.sticky-service-c {
max-width: 60%;
margin-top: 0
}
.sticky-service-d {
max-width: 70%
}
.footer-inner-container {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.card {
flex-flow: column;
grid-template-columns: 1fr;
display: flex
}
.product-title {
grid-column-gap: .4rem;
grid-row-gap: .4rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-left: 0;
padding-right: 0
}
.service-sticky-item {
position: relative;
top: auto
}
.service-sticky-link {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.service-content {
grid-template-columns: 1fr 1fr 1fr 1fr
}
.sticky-wrapper {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
height: auto
}
.sticky-image-wrapper {
aspect-ratio: 3/2
}
.overlay-shading.flex {
height: 70%
}
.side-content-wrapper {
grid-template-columns: 1fr
}
.side-content-wrapper.with-gap {
grid-row-gap: 2rem
}
.hero-stacked-wrapper {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
justify-content: space-between;
align-items: stretch
}
.hero-stacked-wrapper.with-gap {
grid-row-gap: 4rem
}
.card-with-bg {
width: 50%;
padding: .8rem
}
.contact-image-wrapper {
aspect-ratio: 1
}
.headline-small-wrapper {
grid-template-columns: 1fr 2fr 1fr 1fr
}
.stacked-wrapper.without-padding {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.video-section-title {
width: 90%;
margin: 1.25rem
}
.product-chips {
justify-content: flex-start;
align-items: center
}
.card-with-icon-small {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
padding-right: 1.25rem
}
.cart-container {
height: 90vh
}
.play-pause-button.center {
top: 22%
}
.play-button-icon {
width: 1.5rem
}
}
@media screen and (max-width:479px) {
body {
--_typography---text-regular--font-size: 1rem;
--_typography---text-medium--font-height: 1.5;
--_typography---heading-1--font-size: 2rem;
--_typography---heading-1--font-height: .9;
--_typography---heading-1--font-weight: var(--font-weight--medium);
--_typography---heading-1--letter-spacing: -1px;
--_typography---heading-2--font-size: 1.9rem;
--_typography---heading-2--font-height: 1.1;
--_typography---heading-2--font-weight: var(--font-weight--medium);
--_typography---heading-2--letter-spacing: -1px;
--_typography---heading-3--font-size: 1.8rem;
--_typography---heading-3--font-height: 1.1;
--_typography---heading-3--font-weight: var(--font-weight--medium);
--_typography---heading-3--letter-spacing: -1px;
--_typography---heading-4--font-size: 1.7rem;
--_typography---heading-4--font-height: 1.2;
--_typography---heading-4--font-weight: var(--font-weight--medium);
--_typography---heading-4--letter-spacing: -1px;
--_typography---heading-5--font-size: 1.6rem;
--_typography---heading-5--font-height: 1.2;
--_typography---heading-5--font-weight: var(--font-weight--regular);
--_typography---heading-5--letter-spacing: -1px;
--_typography---heading-6--font-size: 1.5rem;
--_typography---heading-6--font-height: 1.3;
--_typography---heading-6--font-weight: var(--font-weight--regular);
--_typography---heading-6--letter-spacing: -1px;
--_typography---text-regular--font-height: 1.5;
--_typography---text-medium--font-size: 1.125rem;
--_typography---text-small--font-size: .625rem;
--_typography---text-small--font-height: 1.5;
--_typography---text-large--font-size: 1.25rem;
--_typography---text-large--font-height: 1.3;
--_typography---text-huge--font-size: 1.125rem;
--_typography---text-huge--font-height: 1.2;
--_typography---text-huge--letter-spacing: 0px;
--_typography---text-regular--letter-spacing: 0px;
--_typography---text-large--letter-spacing: 0px;
--_typography---heading-1--font-type: var(--font-type--heading);
--_typography---text-small--font-weight: var(--font-weight--regular);
--_typography---text-small--letter-spacing: 0px;
--_typography---text-small--font-type: var(--font-type--body);
--_typography---text-regular--font-weight: var(--font-weight--regular);
--_typography---text-regular--font-type: var(--font-type--body);
--_typography---text-medium--font-weight: var(--font-weight--regular);
--_typography---text-medium--letter-spacing: 0px;
--_typography---text-medium--font-type: var(--font-type--body);
--_typography---text-large--font-weight: var(--font-weight--regular);
--_typography---text-large--font-type: var(--font-type--body);
--_typography---heading-6--font-type: var(--font-type--heading);
--_typography---heading-5--font-type: var(--font-type--heading);
--_typography---heading-4--font-type: var(--font-type--heading);
--_typography---heading-2--font-type: var(--font-type--heading);
--_typography---heading-3--font-type: var(--font-type--heading);
--_typography---text-huge--font-weight: var(--font-weight--regular);
--_typography---text-huge--font-type: var(--font-type--body)
}
h1,
h2,
h3,
h4,
h5 {
letter-spacing: -1px
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.margin-vertical {
margin-left: 0;
margin-right: 0
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0
}
.padding-vertical {
padding-left: 0;
padding-right: 0
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0
}
.fs-styleguide-row {
flex-wrap: wrap
}
.max-width-full-mobile-portrait {
width: 100%;
max-width: none
}
.hide-mobile-portrait {
display: none
}
.button-primary {
padding: .8rem 1.2rem
}
.nav-logo {
width: 8rem
}
.nav-logo.bigger {
width: 10rem
}
.padding-section-huge {
padding-top: 6rem
}
.navbar {
padding-top: .6rem;
padding-bottom: .6rem;
padding-left: 1.25rem
}
.button-secondary {
padding: .8rem 1.2rem
}
.body-wrapper.center {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.headline-wrapper {
grid-column-gap: 0rem;
grid-template-columns: 1fr 2fr;
width: 100%
}
.section-title.flex {
grid-column-gap: 4px
}
.event-collection {
grid-template-columns: 1fr
}
.service-image-wrapper {
border-radius: .6rem;
height: 12rem
}
.stacked-card-wrapper {
background-color: var(--_base-color---base-color-neutral--transparent);
border-radius: 0;
grid-template-columns: 1fr
}
.category-wrapper {
grid-column-gap: .8rem;
grid-row-gap: .8rem
}
.floating-image-wrapper {
border-radius: .6rem;
height: 12rem
}
.reels-link-wrapper {
border-radius: .6rem
}
.menu-column,
.trip-content-wrapper {
width: 100%
}
.card-with-image {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.card-with-image.no-padding {
justify-content: flex-start
}
.testimonial-mask {
max-width: 90vw
}
.slide-item-wrapper {
margin-right: 1rem
}
.testimonial-icon {
width: 2rem
}
.icon-button-left {
top: -7%;
right: 20%
}
.icon-button-left._2nd {
display: none;
left: -5%
}
.icon-button-right {
background-color: var(--_component-theme---background-color--background-primary);
margin-left: 14%;
top: -7%
}
.icon-button-right._2nd {
display: none;
right: -5%
}
.line-title-wrapper.smaller-gap {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start
}
.marquee-image-wrapper {
grid-column-gap: .6rem;
grid-row-gap: .6rem;
grid-template-columns: 1fr;
max-width: 60vw
}
.four-grid-wrapper {
padding: 0
}
.showcase-scroll-wrapper {
grid-column-gap: .6rem;
grid-row-gap: .6rem;
grid-template-columns: 1fr
}
.showcase-list {
grid-row-gap: 2rem;
grid-template-columns: 1fr
}
.event-content-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.grid-global {
grid-column-gap: 0rem
}
.grid-global._3-grid {
grid-template-columns: 1fr
}
.grid-global.message {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.model-image-wrapper {
border-radius: .4rem
}
.sticky-service-a {
max-width: 90%
}
.card-list-link {
padding: .5rem
}
.contact-full-width {
border-radius: .6rem
}
.small-video-wrapper {
width: 100%
}
.content-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.image-slide-mask {
max-width: 80vw
}
.video-wrapper {
grid-column-gap: 4rem;
grid-row-gap: 4rem
}
.slide-image-item {
margin-right: .8rem
}
.card-with-icon.top-align {
padding: 1rem
}
.logo-marquee-wrapper {
flex-flow: column
}
.logo-marquee {
width: 35%
}
.placeholder-logo {
width: 90%
}
.tabs-wrapper {
grid-column-gap: 0rem
}
.accordion-bottom {
padding-left: 48px
}
.portrait-image-wrapper.medium-size {
width: 100%
}
.flow-card {
grid-column-gap: 0rem;
grid-row-gap: 2rem;
background-color: var(--_base-color---base-color-neutral--white);
grid-template-columns: 1fr;
place-items: center stretch;
padding-top: 1rem;
padding-bottom: 1rem
}
.flow-stacked-title {
text-align: center
}
.avatar-image-wrapper {
width: 3.5rem
}
.sticky-title-wrapper.mobile {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.sticky-card-wrapper {
background-color: var(--_base-color---base-color-neutral--transparent);
border-radius: 0;
grid-template-columns: 1fr;
padding: 0
}
.sticky-card-wrapper.reserve {
padding-left: 0;
padding-right: 0
}
.featured-collection {
grid-template-columns: 1fr
}
.hero-featured-wrapper {
aspect-ratio: auto
}
.featured-card-link {
padding: 1rem
}
.featured-content-wrapper {
width: 100%;
height: auto
}
.news-content-stacked {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
padding: 1rem
}
.card-bento {
justify-content: flex-start;
align-items: flex-start;
padding: 1rem
}
.card-bento.vertical,
.widescreen-image-wrapper {
aspect-ratio: 1
}
.sticky-body-wrapper {
grid-row-gap: 2rem
}
.video-detail {
padding-top: 1.25rem;
padding-bottom: 1.25rem
}
.contact-featured-wrapper {
justify-content: center;
align-items: flex-end;
padding: 1rem
}
.service-title {
grid-template-columns: 1fr 1fr
}
.service-thumbnail-wrapper,
.service-thumbnail-hover {
border-width: 4px
}
.hero-center-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.work-link {
grid-column-gap: .6rem;
grid-row-gap: .6rem
}
.label-wrapper.center {
top: -6%
}
.grid-line-master {
padding-left: 1rem;
padding-right: 1rem
}
.service-list-master,
.service-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.sticky-service-b,
.sticky-service-c,
.sticky-service-d {
max-width: 90%
}
.footer-menu {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.card {
flex-flow: column;
grid-template-columns: 1fr;
display: flex
}
.card.mobile-stacked {
padding: 1rem
}
.product-collection.mobile {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block
}
.product-list {
grid-row-gap: 2rem;
grid-template-columns: 1fr
}
.product-list._2nd {
grid-column-gap: 1rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.product-list.grid {
grid-row-gap: 2rem;
grid-template-columns: 1fr
}
.product-image-wrapper._2nd {
aspect-ratio: auto
}
.checkout-header,
.checkout-content {
padding: 1rem
}
.shipping-method {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: flex-start;
align-items: baseline;
padding: 1rem
}
.checkout-order-item {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column
}
.checkout-detail {
margin-left: 0;
margin-right: 0
}
.service-content {
grid-template-columns: 1fr 1fr 1fr
}
.service-content.bottom {
flex-flow: column;
display: flex
}
.large-arrow-icon {
width: 2rem
}
.sticky-wrapper {
padding: 1.25rem 1.25rem 1.25rem 1rem
}
.overlay-shading.black {
height: 100%
}
.card-photo {
width: 70%
}
.card-photo.slider {
padding: .5rem
}
.card-with-bg {
width: 70%;
padding: .4rem
}
.contact-image-wrapper {
aspect-ratio: 2/3
}
.headline-small-wrapper {
grid-column-gap: 0rem;
grid-template-columns: 1fr 2fr;
align-items: stretch;
width: 100%
}
.video-section-title {
width: 85%
}
.add-cart-button {
padding: .8rem 1.2rem
}
.quantity-form.small {
width: 4rem
}
.product-chips {
grid-template-columns: 1fr
}
.product-video-wrapper {
grid-column-gap: 4rem;
grid-row-gap: 4rem
}
.stacked-padding-wrapper {
padding-left: 0;
padding-right: 0
}
.cart-container {
min-width: auto;
max-width: none;
height: 95vh
}
.product-commerce-wrapper,
.product-commerce,
.content-wrapper-top {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
}
#w-node-c4d10c73-2dbb-0bb4-eb1c-f2d0b08f6659-b10a9ec1 {
grid-area: 1/1/2/9;
justify-self: center
}
#w-node-_36fa7f4a-4508-1ad0-7678-ecbea3afeed5-b10a9ec1 {
grid-area: 2/2/3/8
}
#w-node-f74210e6-cb6f-0d3d-ff55-59b1697f2ae2-b10a9ec1 {
grid-area: 1/1/2/9;
justify-self: center
}
#w-node-b3c62926-c3b6-ecab-b476-a77392a74928-b10a9ec1 {
grid-area: 2/1/3/6
}
#w-node-ba14a5f7-d183-fca8-f184-85815d174d3e-b10a9ec1 {
grid-area: 1/1/2/3
}
#w-node-ba14a5f7-d183-fca8-f184-85815d174d43-b10a9ec1 {
grid-area: 1/4/2/7
}
#w-node-_80afdec8-a0d2-ec18-fbe0-3dd280fc49ca-b10a9ec1 {
grid-area: 1/1/2/3
}
#w-node-_80afdec8-a0d2-ec18-fbe0-3dd280fc49cf-b10a9ec1 {
grid-area: 1/4/2/7
}
#w-node-_0451228f-4360-c6d3-5b99-03d027565e20-b10a9ec1 {
grid-area: 1/1/2/3
}
#w-node-_0451228f-4360-c6d3-5b99-03d027565e25-b10a9ec1 {
grid-area: 1/4/2/7
}
#w-node-_0a86913e-c921-6a66-5d5e-34bd5f5c395e-b10a9ec1 {
grid-area: 1/1/2/3
}
#w-node-_0a86913e-c921-6a66-5d5e-34bd5f5c3963-b10a9ec1 {
grid-area: 1/4/2/7
}
#w-node-d29a9c5a-65ff-2bfd-eda5-4891c1bbb5fb-b10a9ec1 {
grid-area: 1/1/2/9;
justify-self: center
}
#w-node-_7b01e9eb-537c-2d12-e1a0-a717478ea846-b10a9ec1,
#w-node-a9435031-02db-6003-aed3-b44b3266999f-b10a9ec1,
#w-node-_0536ed8a-098f-fc9e-1d82-6f64759c74a5-b10a9ec1,
#w-node-_0536ed8a-098f-fc9e-1d82-6f64759c74c4-b10a9ec1 {
grid-area: 1/1/2/7
}
#w-node-_8decb781-0380-fbf7-0ad1-97a52239b710-b10a9ec1 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_8c89244d-1d49-cd73-d50d-094e530a5570-b10a9ec1 {
grid-area: 2/1/3/6
}
#w-node-_8decb781-0380-fbf7-0ad1-97a52239b753-b10a9ec1 {
justify-self: end
}
#w-node-_6e80b8a0-4b8e-aa89-6eee-6a867e4abaeb-b10a9ec1 {
grid-area: 1/1/2/7
}
#w-node-b6a8cd2a-57b5-b955-e770-adf6c529f859-b10a9ec1 {
grid-area: 1/1/2/9;
justify-self: center
}
#w-node-b6a8cd2a-57b5-b955-e770-adf6c529f85c-b10a9ec1 {
grid-area: 2/1/3/6
}
#w-node-ce442d04-85da-00eb-151e-b8de82475428-b10a9ec1 {
grid-area: 1/1/2/3
}
#w-node-fccb5cca-579b-86ec-6596-e6fdf702ce00-b10a9ec1,
#w-node-_62af8bea-39c5-721a-f4de-432845e71ffa-b10a9ec1 {
grid-area: 1/3/2/5
}
#w-node-_62af8bea-39c5-721a-f4de-432845e7200f-b10a9ec1 {
grid-area: 1/1/2/3
}
#w-node-_7eeb46f7-d8a4-ce47-6c94-0caf7873fc04-b10a9ec1 {
grid-area: 1/1/2/7
}
#w-node-d9a618af-4eb9-34f9-c16b-d778373d9d71-b10a9ec1 {
grid-area: 1/1/2/9;
justify-self: center
}
#w-node-d9a618af-4eb9-34f9-c16b-d778373d9d74-b10a9ec1 {
grid-area: 2/1/3/6
}
#w-node-_7388f0cd-4b37-525f-ce32-104a212b2c22-66404cd6 {
grid-area: 1/1/2/3
}
#w-node-fe7d7c5b-dcca-d13c-9705-ecd184bfff0e-66404cd6 {
grid-area: 1/6/2/9
}
#w-node-b224ec27-30fa-be84-48bf-7ed471542af3-b10a9ec4 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ca17-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ca1c-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ca21-b10a9ec4,
#w-node-_20cb5072-97ec-2112-f6cd-a50be955f4b2-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ca26-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ca2c-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ca32-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ca38-b10a9ec4,
#w-node-_8831be81-833f-4bb7-851f-153824a9ea73-b10a9ec4 {
justify-self: start
}
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb45-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb5e-b10a9ec4 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb61-b10a9ec4 {
justify-self: start
}
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb63-b10a9ec4 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb66-b10a9ec4 {
justify-self: start
}
#w-node-_1fe9c7dd-546d-5762-e5be-965f611af932-b10a9ec4 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_1fe9c7dd-546d-5762-e5be-965f611af935-b10a9ec4 {
justify-self: start
}
#w-node-_1fe9c7dd-546d-5762-e5be-965f611af937-b10a9ec4 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_1fe9c7dd-546d-5762-e5be-965f611af93a-b10a9ec4 {
justify-self: start
}
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cbb8-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc2-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc3-b10a9ec4,
#w-node-_3134eea9-ea9a-a8b1-4dbe-c58e1e58f3d4-b10a9ec4,
#w-node-_3134eea9-ea9a-a8b1-4dbe-c58e1e58f3d5-b10a9ec4,
#w-node-b77db86f-a601-3c97-71cf-dba40b92e3e8-b10a9ec4,
#w-node-b77db86f-a601-3c97-71cf-dba40b92e3e9-b10a9ec4,
#w-node-d130dcbd-76e0-9b1c-87d7-469829b6ea47-b10a9ec4,
#w-node-d130dcbd-76e0-9b1c-87d7-469829b6ea48-b10a9ec4,
#w-node-_046de026-330f-dff9-8ae0-07cdd460988f-b10a9ec4,
#w-node-_046de026-330f-dff9-8ae0-07cdd4609890-b10a9ec4 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc31-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc36-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc3b-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc40-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc45-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc4a-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc54-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc59-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc5e-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc63-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc68-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc6d-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc72-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc77-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc7c-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc81-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc86-b10a9ec4 {
justify-self: start
}
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc8a-b10a9ec4 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc8b-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ccaf-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ccb4-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ccb9-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ccbe-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ccc3-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ccc8-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ccd2-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ccd7-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ccdc-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cce1-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cce6-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cceb-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ccf0-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ccf5-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ccfa-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ccff-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd04-b10a9ec4 {
justify-self: start
}
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd08-b10a9ec4 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd09-b10a9ec4,
#w-node-_30684373-af34-3818-02a4-e58b3ffef3e5-b10a9ec4,
#w-node-_30684373-af34-3818-02a4-e58b3ffef3ea-b10a9ec4,
#w-node-_30684373-af34-3818-02a4-e58b3ffef3ef-b10a9ec4,
#w-node-_30684373-af34-3818-02a4-e58b3ffef3f4-b10a9ec4,
#w-node-_30684373-af34-3818-02a4-e58b3ffef3f9-b10a9ec4,
#w-node-_30684373-af34-3818-02a4-e58b3ffef3fe-b10a9ec4,
#w-node-_30684373-af34-3818-02a4-e58b3ffef403-b10a9ec4,
#w-node-_30684373-af34-3818-02a4-e58b3ffef408-b10a9ec4,
#w-node-_30684373-af34-3818-02a4-e58b3ffef40d-b10a9ec4,
#w-node-_30684373-af34-3818-02a4-e58b3ffef412-b10a9ec4 {
justify-self: start
}
#w-node-_30684373-af34-3818-02a4-e58b3ffef416-b10a9ec4 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_30684373-af34-3818-02a4-e58b3ffef417-b10a9ec4 {
justify-self: start
}
#w-node-_30684373-af34-3818-02a4-e58b3ffef41a-b10a9ec4,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd6b-b10a9ec4 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cdc7-b10a9ec4 {
justify-self: start
}
#w-node-b79f4c65-e988-1478-1b66-ea6ea1073ee2-b10a9ec5 {
grid-area: 1/1/2/9;
place-self: auto start
}
#w-node-b79f4c65-e988-1478-1b66-ea6ea1073ee5-b10a9ec5 {
grid-area: 2/1/3/9
}
#w-node-b79f4c65-e988-1478-1b66-ea6ea1073ee6-b10a9ec5 {
grid-area: 1/2/2/3
}
#w-node-_58fb7510-d15c-a1ca-753f-506aab3de00d-b10a9ec5 {
grid-area: 1/1/2/9;
place-self: auto start
}
#w-node-_58fb7510-d15c-a1ca-753f-506aab3de010-b10a9ec5 {
grid-area: 2/1/3/9
}
#w-node-_8f00cf9f-34f3-5856-7183-df4468d6a767-b10a9ec5 {
justify-self: end
}
#w-node-_58fb7510-d15c-a1ca-753f-506aab3de011-b10a9ec5 {
grid-area: 1/2/2/3
}
#w-node-c9c5f585-833c-7a22-7004-2225bd604daf-b10a9ec5 {
grid-area: 1/1/2/9;
place-self: auto start
}
#w-node-c9c5f585-833c-7a22-7004-2225bd604db2-b10a9ec5 {
grid-area: 2/1/3/9
}
#w-node-f76e6d96-7a3f-7b9b-a91a-476a791e0b30-b10a9ec5 {
grid-area: 1/1/2/9;
place-self: auto start
}
#w-node-f76e6d96-7a3f-7b9b-a91a-476a791e0b33-b10a9ec5 {
grid-area: 2/1/3/9
}
#w-node-_58fb7510-d15c-a1ca-753f-506aab3de02f-b10a9ec5,
#w-node-_7792477d-36cd-cd4b-1977-99d6ec6e39bc-b10a9ec5,
#w-node-eaa19634-7928-c6c9-7516-90adf7de9f4d-b10a9ec5 {
grid-area: 1/1/2/9;
place-self: auto start
}
#w-node-_6e049a9d-959f-b5da-495e-1e786c3e8042-b10a9ec6 {
grid-area: 1/1/2/9;
justify-self: center
}
#w-node-_6e049a9d-959f-b5da-495e-1e786c3e8045-b10a9ec6 {
grid-area: 2/2/3/8
}
#w-node-bf7872d6-0808-86f9-7277-850888606b6c-b10a9ec6 {
grid-area: 1/1/2/9;
justify-self: center
}
#w-node-bf7872d6-0808-86f9-7277-850888606b6f-b10a9ec6 {
grid-area: 2/1/3/6
}
#w-node-dffc680b-916b-d961-a245-9011cb71df1b-b10a9ec6 {
grid-area: 1/1/2/9;
justify-self: center
}
#w-node-dffc680b-916b-d961-a245-9011cb71df1e-b10a9ec6 {
grid-area: 2/1/3/6
}
#w-node-_35bd0f32-0347-41fa-89e6-858b8b9a0709-b10a9ec6 {
grid-area: 1/1/2/4
}
#w-node-_35bd0f32-0347-41fa-89e6-858b8b9a0711-b10a9ec6 {
grid-area: 1/7/2/10
}
#w-node-_8a050597-07fd-e62b-d659-1fc65e86b2c1-b10a9ec6 {
grid-area: 1/4/2/7
}
#w-node-_35bd0f32-0347-41fa-89e6-858b8b9a0719-b10a9ec6 {
grid-area: 1/10/2/13
}
#w-node-faad8d74-cb4f-8a19-88be-cc4a7294de33-b10a9ec6 {
grid-area: 1/7/2/9;
place-self: end
}
#w-node-_7c879317-e667-b9a2-e2ce-1fb5bffd7c7e-b10a9ec6 {
grid-area: 1/1/2/9;
justify-self: center
}
#w-node-_7c879317-e667-b9a2-e2ce-1fb5bffd7c81-b10a9ec6 {
grid-area: 2/1/3/6
}
#w-node-_7c879317-e667-b9a2-e2ce-1fb5bffd7c86-b10a9ec6 {
grid-area: 1/1/2/5
}
#w-node-_7c879317-e667-b9a2-e2ce-1fb5bffd7cb3-b10a9ec6 {
grid-area: 1/5/2/9
}
#w-node-_5d103b7b-a3c8-f120-5f43-f47c2f918134-b10a9ec7 {
grid-area: 1/1/2/5
}
#w-node-_5d103b7b-a3c8-f120-5f43-f47c2f918135-b10a9ec7 {
grid-area: 1/1/2/9;
place-self: auto start
}
#w-node-_5d103b7b-a3c8-f120-5f43-f47c2f918138-b10a9ec7 {
grid-area: 2/1/3/9
}
#w-node-_7b972f85-6324-6352-387f-a755aab79131-b10a9ec7 {
grid-area: 1/7/2/9
}
#w-node-_9ed99976-0f26-a2be-50eb-9b23d6bc588b-b10a9ec7 {
grid-area: 1/2/2/8
}
#w-node-_157e6661-a5da-ae53-f59f-499072e909ca-b10a9ec7 {
grid-area: 1/1/2/6
}
#w-node-_69c9195c-8e9e-0266-fb11-fd02b5a1d88c-b10a9ec7 {
grid-area: 1/1/2/6;
place-self: start
}
#w-node-_69c9195c-8e9e-0266-fb11-fd02b5a1d88f-b10a9ec7 {
grid-area: 2/1/3/6
}
#w-node-f4ba9022-27dd-52f3-1d2f-75c5514fbb26-b10a9ec7 {
grid-area: 1/6/2/9;
align-self: center
}
#w-node-_10f41182-efd4-69c1-c387-4dda68defae2-b10a9ec7 {
grid-area: 1/1/2/7
}
#w-node-_4633aa6c-e3e7-3f20-7305-5bcfc69f0604-b10a9ec7 {
grid-area: 1/1/2/5
}
#w-node-_4633aa6c-e3e7-3f20-7305-5bcfc69f0605-b10a9ec7 {
grid-area: 1/1/2/9;
justify-self: center
}
#w-node-_4633aa6c-e3e7-3f20-7305-5bcfc69f0608-b10a9ec7 {
grid-area: 2/1/3/6
}
#w-node-_45a81c2c-664e-062f-b271-4a239cc6530b-b10a9ec7 {
grid-area: 1/1/2/8
}
#w-node-a1a5d35f-55fb-5fc0-720b-d12e992819b3-b10a9ec7 {
grid-area: 1/8/2/9;
place-self: center end
}
#w-node-_3be8dc15-d632-278f-ea6a-ed017de08ebb-b10a9ec7,
#w-node-be9fea6a-146e-001a-869d-d8ce0f384666-b10a9ec7 {
grid-area: 1/1/2/5
}
#w-node-be9fea6a-146e-001a-869d-d8ce0f38466b-b10a9ec7 {
grid-area: 1/7/2/9;
place-self: auto
}
#w-node-_1f09b0eb-9e36-bdd0-7b29-ba91cf454694-b10a9ec7 {
grid-area: 1/1/2/5
}
#w-node-_1f09b0eb-9e36-bdd0-7b29-ba91cf454695-b10a9ec7 {
grid-area: 1/1/2/9;
justify-self: center
}
#w-node-_1f09b0eb-9e36-bdd0-7b29-ba91cf454698-b10a9ec7 {
grid-area: 2/1/3/6
}
#w-node-_1f09b0eb-9e36-bdd0-7b29-ba91cf4546a5-b10a9ec7 {
grid-area: 1/1/2/3
}
#w-node-_1f09b0eb-9e36-bdd0-7b29-ba91cf4546aa-b10a9ec7 {
grid-area: 1/4/2/7
}
#w-node-_67e9ed07-fa56-7d72-2164-4ad88a4dc5b3-b10a9ec7 {
grid-area: 1/1/2/3
}
#w-node-_67e9ed07-fa56-7d72-2164-4ad88a4dc5b6-b10a9ec7 {
grid-area: 1/4/2/7
}
#w-node-df7c99b9-94ff-3467-5016-49ec00473360-b10a9ec7 {
grid-area: 1/1/2/3
}
#w-node-df7c99b9-94ff-3467-5016-49ec00473363-b10a9ec7 {
grid-area: 1/4/2/7
}
#w-node-_353b7dfa-7c9f-dc93-3551-7ac0360ad0d2-b10a9ec7 {
grid-area: 1/1/2/3
}
#w-node-_353b7dfa-7c9f-dc93-3551-7ac0360ad0d5-b10a9ec7 {
grid-area: 1/4/2/7
}
#w-node-_07a4a32b-3d29-1390-9dba-22828eebe124-b10a9ec7 {
grid-area: 1/1/2/3
}
#w-node-_07a4a32b-3d29-1390-9dba-22828eebe127-b10a9ec7 {
grid-area: 1/4/2/7
}
#w-node-_57513227-cfcd-81ac-5be0-544277df4c93-b10a9ec7 {
grid-area: 2/1/3/9
}
#w-node-_75f651b2-8d4a-9997-8af3-e554f3652790-b10a9ec7 {
grid-area: 1/1/2/9;
justify-self: center
}
#w-node-_75f651b2-8d4a-9997-8af3-e554f3652793-b10a9ec7 {
grid-area: 2/1/3/6
}
#w-node-_2dbf7aed-7f95-099e-401c-631f7d8cfaef-b10a9ec7 {
grid-area: 1/1/2/5
}
#w-node-_66a4ae09-de94-7b97-6bb8-2ec88518e443-b10a9ec7 {
grid-area: 1/5/2/9
}
#w-node-_630ef490-e4ac-fe24-14e6-5457e157ae1e-b10a9ec8 {
grid-area: 1/1/2/9;
justify-self: center
}
#w-node-_630ef490-e4ac-fe24-14e6-5457e157ae21-b10a9ec8 {
grid-area: 2/2/3/8
}
#w-node-_17a45b9c-2bbe-d14c-bb7d-ad2ab35daded-b10a9ec8 {
grid-area: 1/1/2/5
}
#w-node-_17a45b9c-2bbe-d14c-bb7d-ad2ab35dadea-b10a9ec8 {
grid-area: 1/5/2/9
}
#w-node-ea23be38-a409-8da1-81f0-f81fe467f98c-b10a9ec8 {
grid-area: 1/1/2/5
}
#w-node-ea23be38-a409-8da1-81f0-f81fe467f991-b10a9ec8 {
grid-area: 1/5/2/9
}
#w-node-_537009a5-8975-3a00-7883-faea24c6e212-b10a9ec8 {
grid-area: 1/1/2/5
}
#w-node-_537009a5-8975-3a00-7883-faea24c6e217-b10a9ec8 {
grid-area: 1/5/2/9
}
#w-node-cf63ad14-4e9a-dde8-2451-8ef5051783d6-b10a9ec8 {
grid-area: 1/1/2/5
}
#w-node-cf63ad14-4e9a-dde8-2451-8ef5051783db-b10a9ec8 {
grid-area: 1/5/2/9
}
#w-node-c985b5fb-b249-57f5-35f8-e7df0d033f87-b10a9ec8 {
grid-area: 1/1/2/9;
justify-self: center
}
#w-node-c985b5fb-b249-57f5-35f8-e7df0d033f8a-b10a9ec8 {
grid-area: 2/1/3/6
}
#w-node-_7891a848-ce8d-c341-57c3-785a1c3b81b6-b10a9ec8 {
grid-area: span 2/span 1/span 2/span 1
}
#w-node-f688dabb-2be7-a5e1-3afb-a59ac041f1f5-b10a9ec8 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-a443d367-817e-23fb-cff1-f25d7ffb184a-b10a9ec8 {
grid-area: 1/1/2/9;
place-self: start
}
#w-node-a443d367-817e-23fb-cff1-f25d7ffb184d-b10a9ec8 {
grid-area: 2/1/3/9
}
#w-node-_4bf2eae8-525f-80dd-4b5a-2793e8939ddb-b10a9ec8 {
grid-area: 1/1/2/9;
justify-self: center
}
#w-node-_4bf2eae8-525f-80dd-4b5a-2793e8939dde-b10a9ec8 {
grid-area: 2/1/3/6
}
#w-node-_7bc91070-2c9b-a616-3e32-4b48970ff16c-b10a9ec9 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_1e06c169-0f1d-f21d-970f-81a20b2f9af6-b10a9ec9 {
grid-area: 1/1/2/4
}
#w-node-_1e06c169-0f1d-f21d-970f-81a20b2f9af9-b10a9ec9 {
grid-area: 1/4/2/13
}
#w-node-f5d41238-7203-3878-e561-dcd3935eb4b4-b10a9ec9 {
grid-area: 1/1/2/4
}
#w-node-f5d41238-7203-3878-e561-dcd3935eb4b7-b10a9ec9 {
grid-area: 1/4/2/13
}
#w-node-_487c2018-9894-e22a-649d-f2966b6c713f-b10a9eca {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_3ee5b592-e364-8682-17ea-8c77a23302e6-b10a9eca {
grid-area: 1/1/2/4
}
#w-node-_3ee5b592-e364-8682-17ea-8c77a23302e9-b10a9eca {
grid-area: 1/4/2/13
}
#w-node-e616956f-d549-cebd-6600-1760c7357ec7-b10a9ecc {
grid-area: 1/1/2/5
}
#w-node-e616956f-d549-cebd-6600-1760c7357ec8-b10a9ecc {
grid-area: 1/1/2/9;
place-self: auto start
}
#w-node-e616956f-d549-cebd-6600-1760c7357ecb-b10a9ecc {
grid-area: 2/1/3/9
}
#w-node-_3914d28c-f935-4c6e-0428-f46bcac8ef9c-b10a9ecc {
grid-area: 1/1/2/4;
align-self: end
}
#w-node-e53e2e8b-270f-78b6-80ae-d973cbeed51a-b10a9ecc {
grid-area: 1/7/2/9;
align-self: end
}
#w-node-_9d754b14-910d-713a-48c9-62a9f9a278b6-b10a9ecc {
grid-area: 1/1/2/9;
justify-self: center
}
#w-node-_9d754b14-910d-713a-48c9-62a9f9a278b9-b10a9ecc {
grid-area: 2/1/3/6
}
#w-node-_6378851f-c0ef-451d-a8f1-0d1013fb45ec-b10a9ecd {
grid-area: 1/1/2/9;
justify-self: center
}
#w-node-_6378851f-c0ef-451d-a8f1-0d1013fb45ef-b10a9ecd {
grid-area: 2/1/3/6
}
#w-node-_4775afc7-b47e-505f-4804-dccdb49fa165-b10a9ecd {
grid-area: 1/1/2/9;
justify-self: center
}
#w-node-_4775afc7-b47e-505f-4804-dccdb49fa168-b10a9ecd {
grid-area: 2/1/3/6
}
#w-node-_39be6ca8-1457-61ab-861b-9a475bab5d4e-b10a9ecd {
grid-area: 1/7/2/13;
justify-self: end
}
#w-node-_8ce56295-09da-f3c1-1ea9-374c2489d686-b10a9ecd {
grid-area: 1/2/2/7
}
#w-node-_83b85a96-7ef0-1217-946e-2e878e0ef116-b10a9ece {
align-self: stretch
}
#w-node-_2cd39ca3-a3a9-714d-a268-227a6f973e1b-b10a9ece {
grid-area: 1/1/2/3
}
#w-node-a560677a-744f-0a8e-aafe-001b620c06af-b10a9ece {
grid-area: 1/5/2/9
}
#w-node-_329b16d8-2c44-6e68-bca3-28026c39ad21-82a18a20 {
grid-area: 1/1/2/9;
justify-self: center
}
#w-node-_329b16d8-2c44-6e68-bca3-28026c39ad24-82a18a20 {
grid-area: 2/1/3/6
}
#w-node-_6fb70c95-c545-b297-de1f-06a9c2cbc265-82a18a25,
#w-node-_6fb70c95-c545-b297-de1f-06a9c2cbc270-82a18a25,
#w-node-_6fb70c95-c545-b297-de1f-06a9c2cbc276-82a18a25,
#w-node-ecc36efb-8da9-e266-cecc-1ab7d67624f1-82a18a25,
#w-node-c5abcab9-eafd-af6a-9f46-6b5b1cb5b64d-82a18a25,
#w-node-_85c7c353-c727-3bf6-f3e8-2ce4f643fe41-82a18a25 {
grid-area: 1/4/2/7
}
#w-node-_3f1b04cf-0f7b-0196-8403-e27c64b837a6-82a18a25 {
grid-area: 1/1/2/9;
justify-self: center
}
#w-node-_3f1b04cf-0f7b-0196-8403-e27c64b837a9-82a18a25 {
grid-area: 2/1/3/6
}
@media screen and (max-width:991px) {
#w-node-c4d10c73-2dbb-0bb4-eb1c-f2d0b08f6659-b10a9ec1 {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-_36fa7f4a-4508-1ad0-7678-ecbea3afeed5-b10a9ec1 {
grid-area: 2/1/3/7
}
#w-node-f74210e6-cb6f-0d3d-ff55-59b1697f2ae2-b10a9ec1 {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-b3c62926-c3b6-ecab-b476-a77392a74928-b10a9ec1 {
grid-area: 2/1/3/7
}
#w-node-ba14a5f7-d183-fca8-f184-85815d174d3e-b10a9ec1 {
grid-column-end: 4
}
#w-node-ba14a5f7-d183-fca8-f184-85815d174d43-b10a9ec1 {
grid-column: 4/7
}
#w-node-_80afdec8-a0d2-ec18-fbe0-3dd280fc49ca-b10a9ec1 {
grid-column-end: 4
}
#w-node-_80afdec8-a0d2-ec18-fbe0-3dd280fc49cf-b10a9ec1 {
grid-column: 4/7
}
#w-node-_0451228f-4360-c6d3-5b99-03d027565e20-b10a9ec1 {
grid-column-end: 4
}
#w-node-_0451228f-4360-c6d3-5b99-03d027565e25-b10a9ec1 {
grid-column: 4/7
}
#w-node-_0a86913e-c921-6a66-5d5e-34bd5f5c395e-b10a9ec1 {
grid-column-end: 4
}
#w-node-_0a86913e-c921-6a66-5d5e-34bd5f5c3963-b10a9ec1 {
grid-column: 4/7
}
#w-node-d29a9c5a-65ff-2bfd-eda5-4891c1bbb5fb-b10a9ec1 {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-_8c89244d-1d49-cd73-d50d-094e530a5570-b10a9ec1 {
grid-area: 2/1/3/7
}
#w-node-b6a8cd2a-57b5-b955-e770-adf6c529f859-b10a9ec1 {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-b6a8cd2a-57b5-b955-e770-adf6c529f85c-b10a9ec1 {
grid-area: 2/1/3/7
}
#w-node-d9a618af-4eb9-34f9-c16b-d778373d9d71-b10a9ec1 {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-d9a618af-4eb9-34f9-c16b-d778373d9d74-b10a9ec1 {
grid-area: 2/1/3/7
}
#w-node-_7388f0cd-4b37-525f-ce32-104a212b2c22-66404cd6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-fe7d7c5b-dcca-d13c-9705-ecd184bfff0e-66404cd6 {
grid-area: 2/1/3/2
}
#w-node-_7388f0cd-4b37-525f-ce32-104a212b2c26-66404cd6 {
grid-area: 2/1/3/3
}
#w-node-_7388f0cd-4b37-525f-ce32-104a212b2c37-66404cd6 {
grid-area: 2/3/3/5
}
#w-node-_7388f0cd-4b37-525f-ce32-104a212b2c46-66404cd6 {
grid-area: 2/5/3/7
}
#w-node-b79f4c65-e988-1478-1b66-ea6ea1073ee2-b10a9ec5 {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-b79f4c65-e988-1478-1b66-ea6ea1073ee5-b10a9ec5 {
grid-area: 2/1/3/7
}
#w-node-_58fb7510-d15c-a1ca-753f-506aab3de00d-b10a9ec5 {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-_58fb7510-d15c-a1ca-753f-506aab3de010-b10a9ec5 {
grid-area: 2/1/3/7
}
#w-node-c9c5f585-833c-7a22-7004-2225bd604daf-b10a9ec5 {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-c9c5f585-833c-7a22-7004-2225bd604db2-b10a9ec5 {
grid-area: 2/1/3/7
}
#w-node-f76e6d96-7a3f-7b9b-a91a-476a791e0b30-b10a9ec5 {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-f76e6d96-7a3f-7b9b-a91a-476a791e0b33-b10a9ec5 {
grid-area: 2/1/3/7
}
#w-node-f76e6d96-7a3f-7b9b-a91a-476a791e0b39-b10a9ec5 {
grid-area: 1/1/2/4
}
#w-node-b8fc009c-c64e-76fa-7cb4-b04597f540e6-b10a9ec5 {
grid-area: 1/4/2/7
}
#w-node-_1832550a-b95a-b92d-b0d0-6b512cfb0b37-b10a9ec5 {
grid-area: 2/1/3/4
}
#w-node-_07dbd1fc-f653-2a49-f3ba-e60625b0862d-b10a9ec5 {
grid-area: 2/4/3/7
}
#w-node-_58fb7510-d15c-a1ca-753f-506aab3de02f-b10a9ec5 {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-_69c1ae36-203b-6350-b9f3-6612a9aac3c3-b10a9ec5 {
grid-area: 1/1/2/4
}
#w-node-_69c1ae36-203b-6350-b9f3-6612a9aac3cb-b10a9ec5 {
grid-area: 1/4/2/7
}
#w-node-_69c1ae36-203b-6350-b9f3-6612a9aac3d3-b10a9ec5 {
grid-area: 2/1/3/4
}
#w-node-_69c1ae36-203b-6350-b9f3-6612a9aac3db-b10a9ec5 {
grid-area: 2/4/3/7
}
#w-node-_7792477d-36cd-cd4b-1977-99d6ec6e39bc-b10a9ec5,
#w-node-eaa19634-7928-c6c9-7516-90adf7de9f4d-b10a9ec5,
#w-node-_6e049a9d-959f-b5da-495e-1e786c3e8042-b10a9ec6 {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-_6e049a9d-959f-b5da-495e-1e786c3e8045-b10a9ec6 {
grid-area: 2/1/3/7
}
#w-node-bf7872d6-0808-86f9-7277-850888606b6c-b10a9ec6 {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-bf7872d6-0808-86f9-7277-850888606b6f-b10a9ec6 {
grid-area: 2/1/3/7
}
#w-node-dffc680b-916b-d961-a245-9011cb71df1b-b10a9ec6 {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-dffc680b-916b-d961-a245-9011cb71df1e-b10a9ec6 {
grid-area: 2/1/3/7
}
#w-node-_35bd0f32-0347-41fa-89e6-858b8b9a0711-b10a9ec6 {
grid-column: 4/7
}
#w-node-_8a050597-07fd-e62b-d659-1fc65e86b2c1-b10a9ec6 {
grid-area: 2/1/3/4
}
#w-node-_35bd0f32-0347-41fa-89e6-858b8b9a0719-b10a9ec6 {
grid-area: 2/4/3/7
}
#w-node-faad8d74-cb4f-8a19-88be-cc4a7294de33-b10a9ec6 {
grid-area: 2/1/3/4
}
#w-node-_7c879317-e667-b9a2-e2ce-1fb5bffd7c7e-b10a9ec6 {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-_7c879317-e667-b9a2-e2ce-1fb5bffd7c81-b10a9ec6 {
grid-area: 2/1/3/7
}
#w-node-_7c879317-e667-b9a2-e2ce-1fb5bffd7c86-b10a9ec6 {
grid-area: 1/1/2/7
}
#w-node-_7c879317-e667-b9a2-e2ce-1fb5bffd7cb3-b10a9ec6 {
grid-area: 2/1/3/7
}
#w-node-_5d103b7b-a3c8-f120-5f43-f47c2f918134-b10a9ec7 {
grid-column-end: 7
}
#w-node-_5d103b7b-a3c8-f120-5f43-f47c2f918135-b10a9ec7 {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-_5d103b7b-a3c8-f120-5f43-f47c2f918138-b10a9ec7,
#w-node-_7b972f85-6324-6352-387f-a755aab79131-b10a9ec7 {
grid-area: 2/1/3/7
}
#w-node-_9ed99976-0f26-a2be-50eb-9b23d6bc588b-b10a9ec7 {
grid-column-start: 1
}
#w-node-_157e6661-a5da-ae53-f59f-499072e909ca-b10a9ec7 {
grid-column-end: 5
}
#w-node-_69c9195c-8e9e-0266-fb11-fd02b5a1d88c-b10a9ec7 {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-_69c9195c-8e9e-0266-fb11-fd02b5a1d88f-b10a9ec7 {
grid-area: 2/1/3/7
}
#w-node-f4ba9022-27dd-52f3-1d2f-75c5514fbb26-b10a9ec7 {
grid-column: 5/7
}
#w-node-_10f41182-efd4-69c1-c387-4dda68defae2-b10a9ec7 {
grid-column-end: 5
}
#w-node-_4633aa6c-e3e7-3f20-7305-5bcfc69f0604-b10a9ec7 {
grid-column-end: 7
}
#w-node-_4633aa6c-e3e7-3f20-7305-5bcfc69f0605-b10a9ec7 {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-_4633aa6c-e3e7-3f20-7305-5bcfc69f0608-b10a9ec7 {
grid-area: 2/1/3/7
}
#w-node-_45a81c2c-664e-062f-b271-4a239cc6530b-b10a9ec7 {
grid-column-end: 6
}
#w-node-a1a5d35f-55fb-5fc0-720b-d12e992819b3-b10a9ec7 {
grid-column: 6/7
}
#w-node-be9fea6a-146e-001a-869d-d8ce0f38466b-b10a9ec7 {
grid-column: 5/7
}
#w-node-_1f09b0eb-9e36-bdd0-7b29-ba91cf454694-b10a9ec7 {
grid-column-end: 7
}
#w-node-_1f09b0eb-9e36-bdd0-7b29-ba91cf454695-b10a9ec7 {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-_1f09b0eb-9e36-bdd0-7b29-ba91cf454698-b10a9ec7 {
grid-area: 2/1/3/7
}
#w-node-_1f09b0eb-9e36-bdd0-7b29-ba91cf4546aa-b10a9ec7,
#w-node-_67e9ed07-fa56-7d72-2164-4ad88a4dc5b6-b10a9ec7,
#w-node-df7c99b9-94ff-3467-5016-49ec00473363-b10a9ec7,
#w-node-_353b7dfa-7c9f-dc93-3551-7ac0360ad0d5-b10a9ec7,
#w-node-_07a4a32b-3d29-1390-9dba-22828eebe127-b10a9ec7 {
grid-column: 3/7
}
#w-node-_57513227-cfcd-81ac-5be0-544277df4c93-b10a9ec7 {
grid-area: 2/1/3/7
}
#w-node-_75f651b2-8d4a-9997-8af3-e554f3652790-b10a9ec7 {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-_75f651b2-8d4a-9997-8af3-e554f3652793-b10a9ec7 {
grid-area: 2/1/3/7
}
#w-node-_2dbf7aed-7f95-099e-401c-631f7d8cfaef-b10a9ec7 {
grid-area: 1/1/2/7
}
#w-node-_66a4ae09-de94-7b97-6bb8-2ec88518e443-b10a9ec7 {
grid-area: 2/1/3/7
}
#w-node-_630ef490-e4ac-fe24-14e6-5457e157ae1e-b10a9ec8 {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-_630ef490-e4ac-fe24-14e6-5457e157ae21-b10a9ec8 {
grid-area: 2/1/3/7
}
#w-node-_17a45b9c-2bbe-d14c-bb7d-ad2ab35daded-b10a9ec8 {
grid-column: 1/5
}
#w-node-_17a45b9c-2bbe-d14c-bb7d-ad2ab35dadea-b10a9ec8 {
grid-column: 6/7
}
#w-node-ea23be38-a409-8da1-81f0-f81fe467f98c-b10a9ec8 {
grid-column: 1/5
}
#w-node-ea23be38-a409-8da1-81f0-f81fe467f991-b10a9ec8 {
grid-column: 6/7
}
#w-node-_537009a5-8975-3a00-7883-faea24c6e212-b10a9ec8 {
grid-column: 1/5
}
#w-node-_537009a5-8975-3a00-7883-faea24c6e217-b10a9ec8 {
grid-column: 6/7
}
#w-node-cf63ad14-4e9a-dde8-2451-8ef5051783d6-b10a9ec8 {
grid-column: 1/5
}
#w-node-cf63ad14-4e9a-dde8-2451-8ef5051783db-b10a9ec8 {
grid-column: 6/7
}
#w-node-c985b5fb-b249-57f5-35f8-e7df0d033f87-b10a9ec8 {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-c985b5fb-b249-57f5-35f8-e7df0d033f8a-b10a9ec8 {
grid-area: 2/1/3/7
}
#w-node-_7891a848-ce8d-c341-57c3-785a1c3b81ae-b10a9ec8 {
grid-area: 1/1/2/4
}
#w-node-_7891a848-ce8d-c341-57c3-785a1c3b81b6-b10a9ec8 {
grid-area: 1/4/2/7
}
#w-node-_7891a848-ce8d-c341-57c3-785a1c3b81be-b10a9ec8 {
grid-area: 2/1/3/4
}
#w-node-_7891a848-ce8d-c341-57c3-785a1c3b81c6-b10a9ec8 {
grid-area: 2/4/3/7
}
#w-node-_7891a848-ce8d-c341-57c3-785a1c3b81ce-b10a9ec8 {
grid-area: 3/1/4/4
}
#w-node-f688dabb-2be7-a5e1-3afb-a59ac041f1f5-b10a9ec8 {
grid-area: 3/4/4/7
}
#w-node-a443d367-817e-23fb-cff1-f25d7ffb184a-b10a9ec8 {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-a443d367-817e-23fb-cff1-f25d7ffb184d-b10a9ec8 {
grid-area: 2/1/3/7
}
#w-node-_4bf2eae8-525f-80dd-4b5a-2793e8939ddb-b10a9ec8 {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-_4bf2eae8-525f-80dd-4b5a-2793e8939dde-b10a9ec8 {
grid-area: 2/1/3/7
}
#w-node-_1e06c169-0f1d-f21d-970f-81a20b2f9af6-b10a9ec9 {
grid-column-end: 7
}
#w-node-_1e06c169-0f1d-f21d-970f-81a20b2f9af9-b10a9ec9 {
grid-area: 2/1/3/7
}
#w-node-f5d41238-7203-3878-e561-dcd3935eb4b4-b10a9ec9 {
grid-column-end: 7
}
#w-node-f5d41238-7203-3878-e561-dcd3935eb4b7-b10a9ec9 {
grid-area: 2/1/3/7
}
#w-node-_3ee5b592-e364-8682-17ea-8c77a23302e6-b10a9eca {
grid-column-end: 7
}
#w-node-_3ee5b592-e364-8682-17ea-8c77a23302e9-b10a9eca {
grid-area: 2/1/3/7
}
#w-node-e616956f-d549-cebd-6600-1760c7357ec8-b10a9ecc {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-e616956f-d549-cebd-6600-1760c7357ecb-b10a9ecc {
grid-area: 2/1/3/7
}
#w-node-_3914d28c-f935-4c6e-0428-f46bcac8ef9c-b10a9ecc {
grid-area: 1/1/2/7
}
#w-node-e53e2e8b-270f-78b6-80ae-d973cbeed51a-b10a9ecc {
grid-area: 2/1/3/7
}
#w-node-_9d754b14-910d-713a-48c9-62a9f9a278b6-b10a9ecc {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-_9d754b14-910d-713a-48c9-62a9f9a278b9-b10a9ecc {
grid-area: 2/1/3/7
}
#w-node-_6378851f-c0ef-451d-a8f1-0d1013fb45ec-b10a9ecd {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-_6378851f-c0ef-451d-a8f1-0d1013fb45ef-b10a9ecd {
grid-area: 2/1/3/7
}
#w-node-_4775afc7-b47e-505f-4804-dccdb49fa165-b10a9ecd {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-_4775afc7-b47e-505f-4804-dccdb49fa168-b10a9ecd {
grid-area: 2/1/3/7
}
#w-node-_8ce56295-09da-f3c1-1ea9-374c2489d686-b10a9ecd {
grid-row: 2/3;
grid-column-start: 1
}
#w-node-_2cd39ca3-a3a9-714d-a268-227a6f973e1b-b10a9ece {
grid-column-end: 7
}
#w-node-a560677a-744f-0a8e-aafe-001b620c06af-b10a9ece {
grid-area: 2/1/3/7
}
#w-node-_329b16d8-2c44-6e68-bca3-28026c39ad21-82a18a20 {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-_329b16d8-2c44-6e68-bca3-28026c39ad24-82a18a20 {
grid-area: 2/1/3/7
}
#w-node-_6fb70c95-c545-b297-de1f-06a9c2cbc265-82a18a25,
#w-node-_6fb70c95-c545-b297-de1f-06a9c2cbc270-82a18a25,
#w-node-_6fb70c95-c545-b297-de1f-06a9c2cbc276-82a18a25 {
grid-column: 3/7
}
#w-node-_83a2de13-da3d-d783-38b3-3a49f23eb528-82a18a25 {
grid-area: 1/1/2/2
}
#w-node-ecc36efb-8da9-e266-cecc-1ab7d67624f1-82a18a25,
#w-node-c5abcab9-eafd-af6a-9f46-6b5b1cb5b64d-82a18a25,
#w-node-_85c7c353-c727-3bf6-f3e8-2ce4f643fe41-82a18a25 {
grid-column: 3/7
}
#w-node-_3f1b04cf-0f7b-0196-8403-e27c64b837a6-82a18a25 {
grid-area: 1/1/2/7;
justify-self: auto
}
#w-node-_3f1b04cf-0f7b-0196-8403-e27c64b837a9-82a18a25 {
grid-area: 2/1/3/7
}
}
@media screen and (max-width:767px) {
#w-node-c4d10c73-2dbb-0bb4-eb1c-f2d0b08f6659-b10a9ec1,
#w-node-_36fa7f4a-4508-1ad0-7678-ecbea3afeed5-b10a9ec1,
#w-node-f74210e6-cb6f-0d3d-ff55-59b1697f2ae2-b10a9ec1,
#w-node-b3c62926-c3b6-ecab-b476-a77392a74928-b10a9ec1 {
grid-column-end: 5
}
#w-node-ba14a5f7-d183-fca8-f184-85815d174d3e-b10a9ec1 {
grid-column-end: 2
}
#w-node-ba14a5f7-d183-fca8-f184-85815d174d43-b10a9ec1 {
grid-area: 2/1/3/2
}
#w-node-_80afdec8-a0d2-ec18-fbe0-3dd280fc49cf-b10a9ec1,
#w-node-_0451228f-4360-c6d3-5b99-03d027565e25-b10a9ec1,
#w-node-_0a86913e-c921-6a66-5d5e-34bd5f5c3963-b10a9ec1 {
grid-area: span 1/span 4/span 1/span 4
}
#w-node-d29a9c5a-65ff-2bfd-eda5-4891c1bbb5fb-b10a9ec1 {
grid-column-end: 5
}
#w-node-_7b01e9eb-537c-2d12-e1a0-a717478ea846-b10a9ec1,
#w-node-a9435031-02db-6003-aed3-b44b3266999f-b10a9ec1,
#w-node-_0536ed8a-098f-fc9e-1d82-6f64759c74a5-b10a9ec1,
#w-node-_0536ed8a-098f-fc9e-1d82-6f64759c74c4-b10a9ec1 {
grid-column-end: 6
}
#w-node-_8c89244d-1d49-cd73-d50d-094e530a5570-b10a9ec1,
#w-node-b6a8cd2a-57b5-b955-e770-adf6c529f859-b10a9ec1,
#w-node-b6a8cd2a-57b5-b955-e770-adf6c529f85c-b10a9ec1,
#w-node-d9a618af-4eb9-34f9-c16b-d778373d9d71-b10a9ec1,
#w-node-d9a618af-4eb9-34f9-c16b-d778373d9d74-b10a9ec1,
#w-node-_6e049a9d-959f-b5da-495e-1e786c3e8042-b10a9ec6,
#w-node-_6e049a9d-959f-b5da-495e-1e786c3e8045-b10a9ec6,
#w-node-bf7872d6-0808-86f9-7277-850888606b6c-b10a9ec6,
#w-node-bf7872d6-0808-86f9-7277-850888606b6f-b10a9ec6,
#w-node-dffc680b-916b-d961-a245-9011cb71df1b-b10a9ec6,
#w-node-dffc680b-916b-d961-a245-9011cb71df1e-b10a9ec6 {
grid-column-end: 5
}
#w-node-faad8d74-cb4f-8a19-88be-cc4a7294de33-b10a9ec6 {
grid-column-start: 1
}
#w-node-_7c879317-e667-b9a2-e2ce-1fb5bffd7c7e-b10a9ec6,
#w-node-_7c879317-e667-b9a2-e2ce-1fb5bffd7c81-b10a9ec6 {
grid-column-end: 5
}
#w-node-_157e6661-a5da-ae53-f59f-499072e909ca-b10a9ec7 {
grid-column-end: 7
}
#w-node-_69c9195c-8e9e-0266-fb11-fd02b5a1d88c-b10a9ec7,
#w-node-_69c9195c-8e9e-0266-fb11-fd02b5a1d88f-b10a9ec7 {
grid-column-end: 5
}
#w-node-f4ba9022-27dd-52f3-1d2f-75c5514fbb26-b10a9ec7 {
grid-area: 2/1/3/7
}
#w-node-_4633aa6c-e3e7-3f20-7305-5bcfc69f0605-b10a9ec7,
#w-node-_4633aa6c-e3e7-3f20-7305-5bcfc69f0608-b10a9ec7 {
grid-column-end: 5
}
#w-node-_45a81c2c-664e-062f-b271-4a239cc6530b-b10a9ec7 {
grid-column-end: 4
}
#w-node-a1a5d35f-55fb-5fc0-720b-d12e992819b3-b10a9ec7 {
grid-column: 4/5
}
#w-node-_3be8dc15-d632-278f-ea6a-ed017de08ebb-b10a9ec7 {
grid-row: 2/3;
grid-column-end: 5
}
#w-node-be9fea6a-146e-001a-869d-d8ce0f38466b-b10a9ec7 {
grid-column: 1/4
}
#w-node-_1f09b0eb-9e36-bdd0-7b29-ba91cf454695-b10a9ec7,
#w-node-_1f09b0eb-9e36-bdd0-7b29-ba91cf454698-b10a9ec7 {
grid-column-end: 5
}
#w-node-_1f09b0eb-9e36-bdd0-7b29-ba91cf4546aa-b10a9ec7,
#w-node-_67e9ed07-fa56-7d72-2164-4ad88a4dc5b6-b10a9ec7,
#w-node-df7c99b9-94ff-3467-5016-49ec00473363-b10a9ec7,
#w-node-_353b7dfa-7c9f-dc93-3551-7ac0360ad0d5-b10a9ec7 {
grid-area: span 1/span 4/span 1/span 4
}
#w-node-_07a4a32b-3d29-1390-9dba-22828eebe123-b10a9ec7 {
grid-area: 3/1/4/3
}
#w-node-_07a4a32b-3d29-1390-9dba-22828eebe127-b10a9ec7 {
grid-area: span 1/span 4/span 1/span 4
}
#w-node-_75f651b2-8d4a-9997-8af3-e554f3652790-b10a9ec7,
#w-node-_75f651b2-8d4a-9997-8af3-e554f3652793-b10a9ec7,
#w-node-_630ef490-e4ac-fe24-14e6-5457e157ae1e-b10a9ec8,
#w-node-_630ef490-e4ac-fe24-14e6-5457e157ae21-b10a9ec8 {
grid-column-end: 5
}
#w-node-_17a45b9c-2bbe-d14c-bb7d-ad2ab35daded-b10a9ec8,
#w-node-ea23be38-a409-8da1-81f0-f81fe467f98c-b10a9ec8,
#w-node-_537009a5-8975-3a00-7883-faea24c6e212-b10a9ec8,
#w-node-cf63ad14-4e9a-dde8-2451-8ef5051783d6-b10a9ec8 {
grid-area: span 1/span 4/span 1/span 4
}
#w-node-c985b5fb-b249-57f5-35f8-e7df0d033f87-b10a9ec8,
#w-node-c985b5fb-b249-57f5-35f8-e7df0d033f8a-b10a9ec8 {
grid-column-end: 5
}
#w-node-f41815a6-aa02-115c-8d3d-425c668f978c-b10a9ec8 {
grid-area: 3/1/4/3
}
#w-node-_4bf2eae8-525f-80dd-4b5a-2793e8939ddb-b10a9ec8,
#w-node-_4bf2eae8-525f-80dd-4b5a-2793e8939dde-b10a9ec8,
#w-node-_1e06c169-0f1d-f21d-970f-81a20b2f9af6-b10a9ec9,
#w-node-_1e06c169-0f1d-f21d-970f-81a20b2f9af9-b10a9ec9,
#w-node-f5d41238-7203-3878-e561-dcd3935eb4b4-b10a9ec9,
#w-node-f5d41238-7203-3878-e561-dcd3935eb4b7-b10a9ec9 {
grid-column-end: 5
}
#w-node-_3914d28c-f935-4c6e-0428-f46bcac8ef9c-b10a9ecc {
align-self: end
}
#w-node-_9d754b14-910d-713a-48c9-62a9f9a278b6-b10a9ecc,
#w-node-_9d754b14-910d-713a-48c9-62a9f9a278b9-b10a9ecc,
#w-node-_6378851f-c0ef-451d-a8f1-0d1013fb45ec-b10a9ecd,
#w-node-_6378851f-c0ef-451d-a8f1-0d1013fb45ef-b10a9ecd,
#w-node-_4775afc7-b47e-505f-4804-dccdb49fa165-b10a9ecd,
#w-node-_4775afc7-b47e-505f-4804-dccdb49fa168-b10a9ecd {
grid-column-end: 5
}
#w-node-_8ce56295-09da-f3c1-1ea9-374c2489d686-b10a9ecd {
grid-area: 2/1/3/7
}
#w-node-_83b85a96-7ef0-1217-946e-2e878e0ef10d-b10a9ece {
grid-area: 1/1/2/2
}
#w-node-_83b85a96-7ef0-1217-946e-2e878e0ef116-b10a9ece {
grid-area: 2/1/3/2
}
#w-node-_2cd39ca3-a3a9-714d-a268-227a6f973e1b-b10a9ece {
grid-column-end: 7
}
#w-node-_329b16d8-2c44-6e68-bca3-28026c39ad21-82a18a20,
#w-node-_329b16d8-2c44-6e68-bca3-28026c39ad24-82a18a20 {
grid-column-end: 5
}
#w-node-_6fb70c95-c545-b297-de1f-06a9c2cbc265-82a18a25,
#w-node-_6fb70c95-c545-b297-de1f-06a9c2cbc270-82a18a25,
#w-node-_6fb70c95-c545-b297-de1f-06a9c2cbc276-82a18a25,
#w-node-ecc36efb-8da9-e266-cecc-1ab7d67624f1-82a18a25,
#w-node-c5abcab9-eafd-af6a-9f46-6b5b1cb5b64d-82a18a25,
#w-node-_85c7c353-c727-3bf6-f3e8-2ce4f643fe41-82a18a25 {
grid-area: span 1/span 4/span 1/span 4
}
#w-node-_3f1b04cf-0f7b-0196-8403-e27c64b837a6-82a18a25,
#w-node-_3f1b04cf-0f7b-0196-8403-e27c64b837a9-82a18a25 {
grid-column-end: 5
}
}
@media screen and (max-width:479px) {
#w-node-c4d10c73-2dbb-0bb4-eb1c-f2d0b08f6659-b10a9ec1,
#w-node-_36fa7f4a-4508-1ad0-7678-ecbea3afeed5-b10a9ec1,
#w-node-f74210e6-cb6f-0d3d-ff55-59b1697f2ae2-b10a9ec1,
#w-node-b3c62926-c3b6-ecab-b476-a77392a74928-b10a9ec1,
#w-node-d29a9c5a-65ff-2bfd-eda5-4891c1bbb5fb-b10a9ec1,
#w-node-_7b01e9eb-537c-2d12-e1a0-a717478ea846-b10a9ec1,
#w-node-a9435031-02db-6003-aed3-b44b3266999f-b10a9ec1,
#w-node-_0536ed8a-098f-fc9e-1d82-6f64759c74a5-b10a9ec1,
#w-node-_0536ed8a-098f-fc9e-1d82-6f64759c74c4-b10a9ec1,
#w-node-_8c89244d-1d49-cd73-d50d-094e530a5570-b10a9ec1,
#w-node-b6a8cd2a-57b5-b955-e770-adf6c529f859-b10a9ec1,
#w-node-b6a8cd2a-57b5-b955-e770-adf6c529f85c-b10a9ec1,
#w-node-d9a618af-4eb9-34f9-c16b-d778373d9d71-b10a9ec1,
#w-node-d9a618af-4eb9-34f9-c16b-d778373d9d74-b10a9ec1 {
grid-column-end: 3
}
#w-node-_7388f0cd-4b37-525f-ce32-104a212b2c26-66404cd6 {
grid-row: 1/2;
grid-column-end: 2
}
#w-node-_7388f0cd-4b37-525f-ce32-104a212b2c37-66404cd6 {
grid-area: 1/2/2/3
}
#w-node-_7388f0cd-4b37-525f-ce32-104a212b2c46-66404cd6 {
grid-area: 2/1/3/2
}
#w-node-b79f4c65-e988-1478-1b66-ea6ea1073ee6-b10a9ec5 {
grid-column-start: 1
}
#w-node-_8f00cf9f-34f3-5856-7183-df4468d6a767-b10a9ec5 {
grid-area: 2/1/3/3
}
#w-node-_58fb7510-d15c-a1ca-753f-506aab3de011-b10a9ec5 {
grid-column-start: 1
}
#w-node-f76e6d96-7a3f-7b9b-a91a-476a791e0b39-b10a9ec5 {
grid-column-end: 7
}
#w-node-b8fc009c-c64e-76fa-7cb4-b04597f540e6-b10a9ec5 {
grid-area: 2/1/3/4
}
#w-node-_1832550a-b95a-b92d-b0d0-6b512cfb0b37-b10a9ec5 {
grid-column: 4/7
}
#w-node-_07dbd1fc-f653-2a49-f3ba-e60625b0862d-b10a9ec5 {
grid-row: 3/4;
grid-column-start: 1
}
#w-node-_69c1ae36-203b-6350-b9f3-6612a9aac3c3-b10a9ec5 {
grid-column-end: 7
}
#w-node-_69c1ae36-203b-6350-b9f3-6612a9aac3cb-b10a9ec5 {
grid-row: 2/3;
grid-column-start: 1
}
#w-node-_69c1ae36-203b-6350-b9f3-6612a9aac3d3-b10a9ec5 {
grid-row: 3/4;
grid-column-end: 7
}
#w-node-_69c1ae36-203b-6350-b9f3-6612a9aac3db-b10a9ec5 {
grid-row: 4/5;
grid-column-start: 1
}
#w-node-_6e049a9d-959f-b5da-495e-1e786c3e8042-b10a9ec6,
#w-node-_6e049a9d-959f-b5da-495e-1e786c3e8045-b10a9ec6,
#w-node-bf7872d6-0808-86f9-7277-850888606b6c-b10a9ec6,
#w-node-bf7872d6-0808-86f9-7277-850888606b6f-b10a9ec6,
#w-node-dffc680b-916b-d961-a245-9011cb71df1b-b10a9ec6,
#w-node-dffc680b-916b-d961-a245-9011cb71df1e-b10a9ec6 {
grid-column-end: 3
}
#w-node-_35bd0f32-0347-41fa-89e6-858b8b9a0709-b10a9ec6 {
grid-column-end: 4
}
#w-node-_35bd0f32-0347-41fa-89e6-858b8b9a0711-b10a9ec6 {
grid-row: 1/2;
grid-column-start: 4
}
#w-node-_8a050597-07fd-e62b-d659-1fc65e86b2c1-b10a9ec6 {
grid-area: 2/1/3/4
}
#w-node-_35bd0f32-0347-41fa-89e6-858b8b9a0719-b10a9ec6 {
grid-area: 2/4/3/7
}
#w-node-faad8d74-cb4f-8a19-88be-cc4a7294de33-b10a9ec6 {
grid-column-end: 7
}
#w-node-_7c879317-e667-b9a2-e2ce-1fb5bffd7c7e-b10a9ec6,
#w-node-_7c879317-e667-b9a2-e2ce-1fb5bffd7c81-b10a9ec6,
#w-node-_69c9195c-8e9e-0266-fb11-fd02b5a1d88c-b10a9ec7,
#w-node-_69c9195c-8e9e-0266-fb11-fd02b5a1d88f-b10a9ec7 {
grid-column-end: 3
}
#w-node-_10f41182-efd4-69c1-c387-4dda68defae2-b10a9ec7 {
grid-column-end: 7
}
#w-node-_4633aa6c-e3e7-3f20-7305-5bcfc69f0605-b10a9ec7,
#w-node-_4633aa6c-e3e7-3f20-7305-5bcfc69f0608-b10a9ec7,
#w-node-_45a81c2c-664e-062f-b271-4a239cc6530b-b10a9ec7 {
grid-column-end: 3
}
#w-node-a1a5d35f-55fb-5fc0-720b-d12e992819b3-b10a9ec7 {
grid-column: 3/4
}
#w-node-_1f09b0eb-9e36-bdd0-7b29-ba91cf454695-b10a9ec7,
#w-node-_1f09b0eb-9e36-bdd0-7b29-ba91cf454698-b10a9ec7,
#w-node-_75f651b2-8d4a-9997-8af3-e554f3652790-b10a9ec7,
#w-node-_75f651b2-8d4a-9997-8af3-e554f3652793-b10a9ec7,
#w-node-_630ef490-e4ac-fe24-14e6-5457e157ae1e-b10a9ec8,
#w-node-_630ef490-e4ac-fe24-14e6-5457e157ae21-b10a9ec8,
#w-node-c985b5fb-b249-57f5-35f8-e7df0d033f87-b10a9ec8,
#w-node-c985b5fb-b249-57f5-35f8-e7df0d033f8a-b10a9ec8,
#w-node-_4bf2eae8-525f-80dd-4b5a-2793e8939ddb-b10a9ec8,
#w-node-_4bf2eae8-525f-80dd-4b5a-2793e8939dde-b10a9ec8,
#w-node-_1e06c169-0f1d-f21d-970f-81a20b2f9af6-b10a9ec9,
#w-node-_1e06c169-0f1d-f21d-970f-81a20b2f9af9-b10a9ec9,
#w-node-f5d41238-7203-3878-e561-dcd3935eb4b4-b10a9ec9,
#w-node-f5d41238-7203-3878-e561-dcd3935eb4b7-b10a9ec9,
#w-node-_9d754b14-910d-713a-48c9-62a9f9a278b6-b10a9ecc,
#w-node-_9d754b14-910d-713a-48c9-62a9f9a278b9-b10a9ecc,
#w-node-_6378851f-c0ef-451d-a8f1-0d1013fb45ec-b10a9ecd,
#w-node-_6378851f-c0ef-451d-a8f1-0d1013fb45ef-b10a9ecd,
#w-node-_4775afc7-b47e-505f-4804-dccdb49fa165-b10a9ecd,
#w-node-_4775afc7-b47e-505f-4804-dccdb49fa168-b10a9ecd,
#w-node-_329b16d8-2c44-6e68-bca3-28026c39ad21-82a18a20,
#w-node-_329b16d8-2c44-6e68-bca3-28026c39ad24-82a18a20 {
grid-column-end: 3
}
#w-node-_83a2de13-da3d-d783-38b3-3a49f23eb528-82a18a25 {
grid-column-end: 2
}
#w-node-a2b98aa3-8716-c025-6e38-f22878cd25bc-82a18a25 {
grid-area: 2/1/3/2
}
#w-node-_3780b437-56e2-6996-1042-c8d22aa0c217-82a18a25 {
grid-area: 3/1/4/2
}
#w-node-_3f1b04cf-0f7b-0196-8403-e27c64b837a6-82a18a25,
#w-node-_3f1b04cf-0f7b-0196-8403-e27c64b837a9-82a18a25 {
grid-column-end: 3
}
}
/* Light mode dropdown menu link overrides */
[data-theme="light"] .nav-dropdown .menu-link {
color: #201e1a !important;
text-decoration: none !important;
}
[data-theme="light"] .nav-dropdown .menu-link:hover {
color: #201e1a !important;
text-decoration: none !important;
}
[data-theme="light"] .nav-dropdown .menu-link.w--current {
color: #f5f3eb !important;
text-decoration: none !important;
}