/* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .XTrD8gFe { color: #1a1919; font-family: "ClassGarmnd BT", "Times New Roman", serif; font-style: normal; font-weight: 400; } .XTrD8gFe.teLz_1gn { font-size: 28px; line-height: 40px; } @media (min-width: 1024px) { .XTrD8gFe.teLz_1gn { font-size: 40px; line-height: 56px; } } @media (min-width: 2560px) { .XTrD8gFe.teLz_1gn { font-size: 54px; line-height: 64px; } } .XTrD8gFe.kAXJXMv4 { font-size: 24px; line-height: 32px; } @media (min-width: 1024px) { .XTrD8gFe.kAXJXMv4 { font-size: 36px; line-height: 48px; } } @media (min-width: 2560px) { .XTrD8gFe.kAXJXMv4 { font-size: 48px; line-height: 64px; } } .XTrD8gFe.nrVMhYVG { font-size: 20px; line-height: 32px; } @media (min-width: 1024px) { .XTrD8gFe.nrVMhYVG { font-size: 30px; line-height: 40px; } } @media (min-width: 2560px) { .XTrD8gFe.nrVMhYVG { font-size: 40px; line-height: 56px; } } .XTrD8gFe.a82g06OF { font-size: 18px; line-height: 24px; } @media (min-width: 1024px) { .XTrD8gFe.a82g06OF { font-size: 24px; line-height: 32px; } } @media (min-width: 2560px) { .XTrD8gFe.a82g06OF { font-size: 30px; line-height: 40px; } } .XTrD8gFe.RXvTnJzk { font-size: 16px; line-height: 24px; } @media (min-width: 1024px) { .XTrD8gFe.RXvTnJzk { font-size: 20px; line-height: 32px; } } @media (min-width: 2560px) { .XTrD8gFe.RXvTnJzk { font-size: 24px; line-height: 40px; } } .XTrD8gFe.U_KlUXtn { font-size: 14px; line-height: 24px; } @media (min-width: 1024px) { .XTrD8gFe.U_KlUXtn { font-size: 16px; line-height: 24px; } } @media (min-width: 2560px) { .XTrD8gFe.U_KlUXtn { font-size: 20px; line-height: 32px; } } .XTrD8gFe.EE0YBGpA { font-size: 32px; line-height: 40px; } @media (min-width: 1024px) { .XTrD8gFe.EE0YBGpA { font-size: 40px; line-height: 48px; } } @media (min-width: 2560px) { .XTrD8gFe.EE0YBGpA { font-size: 60px; line-height: 72px; } } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .PmN6Yk3r { color: #1a1919; font-family: "Scala Sans Pro", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; } .PmN6Yk3r.Nfq4TqdI { font-size: 12px; letter-spacing: 0.3px; line-height: 16px; } @media (min-width: 2560px) { .PmN6Yk3r.Nfq4TqdI { font-size: 14px; line-height: 24px; } } .PmN6Yk3r.mcvkN51T { font-size: 14px; letter-spacing: 0.3px; line-height: 24px; } @media (min-width: 2560px) { .PmN6Yk3r.mcvkN51T { font-size: 16px; letter-spacing: 0.6px; line-height: 24px; } } .PmN6Yk3r.yFZfQKg5 { font-size: 16px; letter-spacing: 0.6px; line-height: 24px; } @media (min-width: 2560px) { .PmN6Yk3r.yFZfQKg5 { font-size: 18px; line-height: 32px; } } .PmN6Yk3r.H6kGoOCr { font-family: "Scala Sans Pro", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-weight: 300; } .PmN6Yk3r.ODpHmybu { font-family: "Scala Sans Pro Regular", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-weight: 400; } .PmN6Yk3r.VarBSjLg { font-family: "Scala Sans Pro Bold", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; } .PmN6Yk3r.ORfRuNvS { font-family: "Scala Sans Pro Italic", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; } ._jz_51Ia { text-decoration: underline; } /* ========================================================================== Backdrop Style Definitions ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .ql00eotn { background: #1a1919; height: 100vh; left: 0; position: fixed; top: 0; width: 100%; z-index: 98; } :root, :host { --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Solid'; --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Regular'; --fa-font-light: normal 300 1em/1 'Font Awesome 6 Light'; --fa-font-thin: normal 100 1em/1 'Font Awesome 6 Thin'; --fa-font-duotone: normal 900 1em/1 'Font Awesome 6 Duotone'; --fa-font-sharp-solid: normal 900 1em/1 'Font Awesome 6 Sharp'; --fa-font-sharp-regular: normal 400 1em/1 'Font Awesome 6 Sharp'; --fa-font-sharp-light: normal 300 1em/1 'Font Awesome 6 Sharp'; --fa-font-sharp-thin: normal 100 1em/1 'Font Awesome 6 Sharp'; --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands'; } svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa { overflow: visible; box-sizing: content-box; } .svg-inline--fa { display: var(--fa-display, inline-block); height: 1em; overflow: visible; vertical-align: -.125em; } .svg-inline--fa.fa-2xs { vertical-align: 0.1em; } .svg-inline--fa.fa-xs { vertical-align: 0em; } .svg-inline--fa.fa-sm { vertical-align: -0.07143em; } .svg-inline--fa.fa-lg { vertical-align: -0.2em; } .svg-inline--fa.fa-xl { vertical-align: -0.25em; } .svg-inline--fa.fa-2xl { vertical-align: -0.3125em; } .svg-inline--fa.fa-pull-left { margin-right: var(--fa-pull-margin, 0.3em); width: auto; } .svg-inline--fa.fa-pull-right { margin-left: var(--fa-pull-margin, 0.3em); width: auto; } .svg-inline--fa.fa-li { width: var(--fa-li-width, 2em); top: 0.25em; } .svg-inline--fa.fa-fw { width: var(--fa-fw-width, 1.25em); } .fa-layers svg.svg-inline--fa { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; } .fa-layers-text, .fa-layers-counter { display: inline-block; position: absolute; text-align: center; } .fa-layers { display: inline-block; height: 1em; position: relative; text-align: center; vertical-align: -.125em; width: 1em; } .fa-layers svg.svg-inline--fa { -webkit-transform-origin: center center; transform-origin: center center; } .fa-layers-text { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform-origin: center center; transform-origin: center center; } .fa-layers-counter { background-color: var(--fa-counter-background-color, #ff253a); border-radius: var(--fa-counter-border-radius, 1em); box-sizing: border-box; color: var(--fa-inverse, #fff); line-height: var(--fa-counter-line-height, 1); max-width: var(--fa-counter-max-width, 5em); min-width: var(--fa-counter-min-width, 1.5em); overflow: hidden; padding: var(--fa-counter-padding, 0.25em 0.5em); right: var(--fa-right, 0); text-overflow: ellipsis; top: var(--fa-top, 0); -webkit-transform: scale(var(--fa-counter-scale, 0.25)); transform: scale(var(--fa-counter-scale, 0.25)); -webkit-transform-origin: top right; transform-origin: top right; } .fa-layers-bottom-right { bottom: var(--fa-bottom, 0); right: var(--fa-right, 0); top: auto; -webkit-transform: scale(var(--fa-layers-scale, 0.25)); transform: scale(var(--fa-layers-scale, 0.25)); -webkit-transform-origin: bottom right; transform-origin: bottom right; } .fa-layers-bottom-left { bottom: var(--fa-bottom, 0); left: var(--fa-left, 0); right: auto; top: auto; -webkit-transform: scale(var(--fa-layers-scale, 0.25)); transform: scale(var(--fa-layers-scale, 0.25)); -webkit-transform-origin: bottom left; transform-origin: bottom left; } .fa-layers-top-right { top: var(--fa-top, 0); right: var(--fa-right, 0); -webkit-transform: scale(var(--fa-layers-scale, 0.25)); transform: scale(var(--fa-layers-scale, 0.25)); -webkit-transform-origin: top right; transform-origin: top right; } .fa-layers-top-left { left: var(--fa-left, 0); right: auto; top: var(--fa-top, 0); -webkit-transform: scale(var(--fa-layers-scale, 0.25)); transform: scale(var(--fa-layers-scale, 0.25)); -webkit-transform-origin: top left; transform-origin: top left; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-2xs { font-size: 0.625em; line-height: 0.1em; vertical-align: 0.225em; } .fa-xs { font-size: 0.75em; line-height: 0.08333em; vertical-align: 0.125em; } .fa-sm { font-size: 0.875em; line-height: 0.07143em; vertical-align: 0.05357em; } .fa-lg { font-size: 1.25em; line-height: 0.05em; vertical-align: -0.075em; } .fa-xl { font-size: 1.5em; line-height: 0.04167em; vertical-align: -0.125em; } .fa-2xl { font-size: 2em; line-height: 0.03125em; vertical-align: -0.1875em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: var(--fa-li-margin, 2.5em); padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: calc(var(--fa-li-width, 2em) * -1); position: absolute; text-align: center; width: var(--fa-li-width, 2em); line-height: inherit; } .fa-border { border-color: var(--fa-border-color, #eee); border-radius: var(--fa-border-radius, 0.1em); border-style: var(--fa-border-style, solid); border-width: var(--fa-border-width, 0.08em); padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); } .fa-pull-left { float: left; margin-right: var(--fa-pull-margin, 0.3em); } .fa-pull-right { float: right; margin-left: var(--fa-pull-margin, 0.3em); } .fa-beat { -webkit-animation-name: fa-beat; animation-name: fa-beat; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-bounce { -webkit-animation-name: fa-bounce; animation-name: fa-bounce; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); } .fa-fade { -webkit-animation-name: fa-fade; animation-name: fa-fade; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-beat-fade { -webkit-animation-name: fa-beat-fade; animation-name: fa-beat-fade; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-flip { -webkit-animation-name: fa-flip; animation-name: fa-flip; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-shake { -webkit-animation-name: fa-shake; animation-name: fa-shake; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, linear); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin { -webkit-animation-name: fa-spin; animation-name: fa-spin; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 2s); animation-duration: var(--fa-animation-duration, 2s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, linear); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin-reverse { --fa-animation-direction: reverse; } .fa-pulse, .fa-spin-pulse { -webkit-animation-name: fa-spin; animation-name: fa-spin; -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, steps(8)); animation-timing-function: var(--fa-animation-timing, steps(8)); } @media (prefers-reduced-motion: reduce) { .fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse { -webkit-animation-delay: -1ms; animation-delay: -1ms; -webkit-animation-duration: 1ms; animation-duration: 1ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; } } @-webkit-keyframes fa-beat { 0%, 90% { -webkit-transform: scale(1); transform: scale(1); } 45% { -webkit-transform: scale(var(--fa-beat-scale, 1.25)); transform: scale(var(--fa-beat-scale, 1.25)); } } @keyframes fa-beat { 0%, 90% { -webkit-transform: scale(1); transform: scale(1); } 45% { -webkit-transform: scale(var(--fa-beat-scale, 1.25)); transform: scale(var(--fa-beat-scale, 1.25)); } } @-webkit-keyframes fa-bounce { 0% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } 10% { -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); } 30% { -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); } 50% { -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); } 57% { -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); } 64% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } 100% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } } @keyframes fa-bounce { 0% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } 10% { -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); } 30% { -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); } 50% { -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); } 57% { -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); } 64% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } 100% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } } @-webkit-keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity, 0.4); } } @keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity, 0.4); } } @-webkit-keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity, 0.4); -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125)); transform: scale(var(--fa-beat-fade-scale, 1.125)); } } @keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity, 0.4); -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125)); transform: scale(var(--fa-beat-fade-scale, 1.125)); } } @-webkit-keyframes fa-flip { 50% { -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } } @keyframes fa-flip { 50% { -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } } @-webkit-keyframes fa-shake { 0% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 4% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 8%, 24% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); } 12%, 28% { -webkit-transform: rotate(18deg); transform: rotate(18deg); } 16% { -webkit-transform: rotate(-22deg); transform: rotate(-22deg); } 20% { -webkit-transform: rotate(22deg); transform: rotate(22deg); } 32% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg); } 36% { -webkit-transform: rotate(12deg); transform: rotate(12deg); } 40%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes fa-shake { 0% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 4% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 8%, 24% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); } 12%, 28% { -webkit-transform: rotate(18deg); transform: rotate(18deg); } 16% { -webkit-transform: rotate(-22deg); transform: rotate(-22deg); } 20% { -webkit-transform: rotate(22deg); transform: rotate(22deg); } 32% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg); } 36% { -webkit-transform: rotate(12deg); transform: rotate(12deg); } 40%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } .fa-rotate-by { -webkit-transform: rotate(var(--fa-rotate-angle, 0)); transform: rotate(var(--fa-rotate-angle, 0)); } .fa-stack { display: inline-block; vertical-align: middle; height: 2em; position: relative; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; z-index: var(--fa-stack-z-index, auto); } .svg-inline--fa.fa-stack-1x { height: 1em; width: 1.25em; } .svg-inline--fa.fa-stack-2x { height: 2em; width: 2.5em; } .fa-inverse { color: var(--fa-inverse, #fff); } .sr-only, .fa-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .sr-only-focusable:not(:focus), .fa-sr-only-focusable:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .svg-inline--fa .fa-primary { fill: var(--fa-primary-color, currentColor); opacity: var(--fa-primary-opacity, 1); } .svg-inline--fa .fa-secondary { fill: var(--fa-secondary-color, currentColor); opacity: var(--fa-secondary-opacity, 0.4); } .svg-inline--fa.fa-swap-opacity .fa-primary { opacity: var(--fa-secondary-opacity, 0.4); } .svg-inline--fa.fa-swap-opacity .fa-secondary { opacity: var(--fa-primary-opacity, 1); } .svg-inline--fa mask .fa-primary, .svg-inline--fa mask .fa-secondary { fill: black; } .fad.fa-inverse, .fa-duotone.fa-inverse { color: var(--fa-inverse, #fff); } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .hKGTj_2d { align-items: center; background-color: #ffffff; display: flex; flex-direction: column; left: 50%; padding: 40px 24px; position: fixed; top: 50%; transform: translate(-50%, -50%); width: calc(100% - 48px); z-index: 999; } @media (min-width: 768px) and (max-width: 1023px) { .hKGTj_2d { margin: 0; padding: 40px 48px; width: calc(100% - 160px); } } @media (min-width: 1024px) { .hKGTj_2d { padding: 48px 64px; width: 640px; } } @media (min-width: 2560px) { .hKGTj_2d { width: 720px; } } .hKGTj_2d .l7rucDBe { display: flex; margin-top: 24px; row-gap: 16px; width: 100%; } @media (min-width: 1024px) { .hKGTj_2d .l7rucDBe { margin-top: 32px; } } .hKGTj_2d .lLJmJ87R { flex-direction: column; } .hKGTj_2d .Er_ijtMU { column-gap: 16px; flex-direction: row; justify-content: center; } .hKGTj_2d .w3hLAMLI { text-align: center; text-wrap: pretty; } .hKGTj_2d .w3hLAMLI p { font-size: 14px; margin-top: 8px; } @media (min-width: 1024px) { .hKGTj_2d .w3hLAMLI p { font-size: 16px; } } .hKGTj_2d .g3DqpBDr { cursor: pointer; height: 24px; position: absolute; right: 16px; top: 16px; width: 24px; } @media (min-width: 768px) and (max-width: 1023px) { .hKGTj_2d .g3DqpBDr { right: 16px; top: 16px; } } @media (min-width: 1024px) { .hKGTj_2d .g3DqpBDr { right: 24px; top: 24px; } } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .paN_2b0q { align-items: center; cursor: pointer; display: flex; font-family: "Scala Sans Pro", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-size: 12px; gap: 8px; height: 48px; justify-content: center; letter-spacing: 2px; line-height: 16px; padding: 0 32px; text-align: center; text-transform: uppercase; } .OnN47eee { flex-direction: row-reverse; } ._HYf2jhj { background-color: var(--primaryBackgroundColor); border: 1px solid var(--primaryBackgroundColor); color: var(--primaryTextColor); /** Typically, the :hover event is triggered when an element is tapped, and it will remain in the hover state until another element is tapped. We don't need this for tap devices (mobile and tablet) and that is why we use :active. */ } ._HYf2jhj:disabled { background-color: var(--disabledBackgroundColor); border-color: var(--disabledBackgroundColor); color: var(--disabledTextColor); } @media (hover: hover) and (pointer: fine) { ._HYf2jhj:hover { background-color: var(--primaryHoverBackgroundColor); border: 1px solid var(--primaryHoverBackgroundColor); } } @media (max-width: 1023px) { ._HYf2jhj:active { background-color: var(--primaryHoverBackgroundColor); border: 1px solid var(--primaryHoverBackgroundColor); } } .dX2ublYy { background-color: transparent; border: 1px solid var(--secondaryBorderColor); color: var(--secondaryTextColor); } .dX2ublYy:hover { background-color: var(--secondaryHoverBackgroundColor); color: var(--secondaryHoverTextColor); } .dX2ublYy:disabled { background-color: transparent; color: var(--secondaryTextColor); } .KwTsJqLs { color: var(--secondaryTextColor); height: auto; padding: 0; } .KwTsJqLs:hover { text-decoration: underline; text-underline-offset: 6px; } .KtIkhfdS { color: var(--linkTextColor); height: auto; letter-spacing: 0.3px; padding: 0; text-decoration: underline; text-transform: none; } .KtIkhfdS:hover { text-decoration: none; } .mFDdVuRG { font-size: 12px; padding: 10px 32px; } ._aZfChOh { font-size: 14px; padding: 11px 32px; } .zowRTi1I { font-size: 16px; padding: 12px 32px; } .Q_yJvmwx { font-size: 0; padding: 12px; } .Q_yJvmwx svg { height: 24px; width: 24px; } .paN_2b0q.oAbJp66M { --primaryBackgroundColor: #1a1919; --primaryTextColor: #ffffff; --primaryHoverBackgroundColor: #453f3f; --disabledBackgroundColor: #d8d8d8; --disabledTextColor: #333333; --secondaryBorderColor: rgba(26, 25, 25, 0.16); --secondaryTextColor: #1a1919; --secondaryHoverBackgroundColor: #1a1919; --secondaryHoverTextColor: #ffffff; --linkTextColor: #9a7b69; } .paN_2b0q.xwyXuZx7 { --primaryBackgroundColor: #ffffff; --primaryTextColor: #1a1919; --primaryHoverBackgroundColor: #d8d8d8; --disabledBackgroundColor: #626262; --disabledTextColor: #d8d8d8; --secondaryBorderColor: rgba(255, 255, 255, 0.24); --secondaryTextColor: #ffffff; --secondaryHoverBackgroundColor: #ffffff; --secondaryHoverTextColor: #1a1919; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .oS46mg1x { height: 100%; position: relative; width: 100%; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .KdGr36in { background-color: var(--backgroundColor); border: 1px solid var(--borderColor); border-radius: 16px; color: var(--textColor); display: inline-flex; flex-shrink: 0; font-size: 14px; font-style: normal; font-weight: 300; justify-content: center; letter-spacing: 0.4px; line-height: 14px; padding: 8px 16px; } .KdGr36in span { align-items: center; color: #7f7f7f; display: flex; justify-content: center; margin-left: 8px; } .KdGr36in.kHTnM7dY { --borderColor: #d8d8d8; --backgroundColor: transparent; --hoverBackground: #242222; --hoverColor: #ffffff; --textColor: #1a1919; } .KdGr36in.QjBswwhr { --borderColor: transparent; --backgroundColor: rgb(26, 25, 25, 0.6); --hoverBackground: #ffffff; --hoverColor: #1a1919; --textColor: #ffffff; } .KdGr36in.QMrG7SXV { background-color: var(--hoverBackground); border-color: var(--hoverBackground); color: var(--hoverColor); padding-right: 12px; } .KdGr36in.QMrG7SXV p { color: var(--hoverColor); } @media (min-width: 1024px) { .KdGr36in:hover { background-color: var(--hoverBackground); border-color: var(--hoverBackground); color: var(--hoverColor); } } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .GOvZVROW { cursor: pointer; display: block; margin: auto; padding: 16px 0; width: 100%; } .GOvZVROW .ihMAnLNr { width: auto; } .GOvZVROW .ihMAnLNr:first-child { padding-left: 16px; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .tzCk7cZ3 { align-items: center; bottom: 40px; display: flex; gap: 16px; opacity: 0; position: absolute; right: 40px; transition: opacity 0.6s cubic-bezier(0.32, 0.24, 0.15, 1) 0.3s; z-index: 3; } .tzCk7cZ3 svg { background: transparent; border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 50px; color: #ffffff; height: 24px; max-width: 24px; padding: 12px; width: 24px; } @media (min-width: 768px) { .tzCk7cZ3 svg { padding: 20px; } } .wKZoFyhN { height: 100%; overflow: hidden; position: relative; width: 100%; } .wKZoFyhN img, .wKZoFyhN video { height: 100%; object-fit: cover; width: 100%; } .KNRcT8Pa { height: 100%; } .wKZoFyhN:hover .tzCk7cZ3 { opacity: 1; } .UjvXMPVh { appearance: none; background: transparent; cursor: pointer; display: none; height: 72px; padding-left: 15px; position: absolute; top: 0; transform: rotate(-90deg); transform-origin: top left; } .UjvXMPVh:focus { outline: none; } .UjvXMPVh::-webkit-slider-runnable-track { border-top: 1px solid rgba(255, 255, 255, 0.24); } .UjvXMPVh::-moz-range-track { border-top: 1px solid rgba(255, 255, 255, 0.24); } .UjvXMPVh::-webkit-slider-thumb { appearance: none; background-color: #ffffff; border-radius: 50%; cursor: pointer; height: 18px; margin-top: -9px; width: 18px; } .UjvXMPVh::-moz-range-thumb { appearance: none; background-color: #ffffff; border-radius: 50%; cursor: pointer; height: 18px; margin-top: -9px; width: 18px; } .RyTLi6zH:hover .UjvXMPVh { display: block; } /** * Swiper 11.1.15 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 18, 2024 */ /* FONT_START */ @font-face { font-family: 'swiper-icons'; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } /* FONT_END */ :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Slide styles end */ :root { --swiper-navigation-size: 44px; /* --swiper-navigation-top-offset: 50%; --swiper-navigation-sides-offset: 10px; --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev svg, .swiper-button-next svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } /* Navigation font start */ .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; } /* Navigation font end */ :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-left: auto; --swiper-pagination-right: 8px; --swiper-pagination-bottom: 8px; --swiper-pagination-top: auto; --swiper-pagination-fraction-color: inherit; --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25); --swiper-pagination-progressbar-size: 4px; --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-border-radius: 50%; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Fraction */ .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } /* Progress */ .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active { pointer-events: auto; } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } /* ========================================================================== Carousel Style Definitions ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .KjYGUuoL { height: 100%; position: relative; } .KjYGUuoL .mvnlOtUz { position: absolute; top: 0; width: 100%; z-index: 10; } .KjYGUuoL .Jp7T8WvP { height: 100%; position: absolute; width: 100%; z-index: 10; } .KjYGUuoL .WeshqqAh { border: 0; color: transparent; display: block; height: 100%; padding: 0; text-transform: none; width: 100%; z-index: 10; } .KjYGUuoL .WeshqqAh:hover { background-color: unset; } .KjYGUuoL img { height: 100%; object-fit: cover; width: 100%; } .LFSOyfzS { display: none; inset: 0; position: absolute; } .paHrwCRJ { display: block; } .KjYGUuoL .c9AAYzN3 { /* stylelint-disable */ --themeColor: #ffffff; --swiper-navigation-sides-offset: 0; --swiper-navigation-size: 20px; --swiper-navigation-top-offset: 0; --swiper-pagination-bottom: 32px; --swiper-pagination-bullet-inactive-color: #cccccc; --swiper-pagination-bullet-inactive-opacity: 1; --swiper-pagination-bullet-size: 4px; --swiper-theme-color: var(--themeColor); display: block; height: 100%; /* stylelint-enable */ } @media (min-width: 768px) { .KjYGUuoL .c9AAYzN3 { --swiper-navigation-sides-offset: 56px; } } @media (min-width: 1440px) { .KjYGUuoL .c9AAYzN3 { --swiper-navigation-sides-offset: 96px; } } @media (min-width: 2560px) { .KjYGUuoL .c9AAYzN3 { --swiper-navigation-sides-offset: 128px; --swiper-pagination-bottom: 72px; } } .KjYGUuoL .SpnPh2BI { height: 100%; left: 0; opacity: 1; overflow: hidden; position: absolute; top: 0; transition: opacity 0s ease; width: 100%; z-index: 2; } .KjYGUuoL .WZiiYKns { display: none; } .KjYGUuoL .c9AAYzN3.EpBzIbJB .PCQvUdmD { cursor: pointer; } .KjYGUuoL .c9AAYzN3.EpBzIbJB .dcEF1pnP { cursor: unset; } .KjYGUuoL .c9AAYzN3.EpBzIbJB .tgjFDRZI { background: linear-gradient(180deg, #000000 -0.38%, rgba(36, 34, 34, 0) -0.38%, #000000 100%); bottom: 0; height: 20%; opacity: 0.16; position: absolute; width: 100%; z-index: 1; } .KjYGUuoL .c9AAYzN3.VbKC0E8Z { display: none; } .KjYGUuoL .c9AAYzN3.PkUb1Tm0 { height: 100vh; inset: 0; position: fixed; width: 100vw; z-index: 1000; } .KjYGUuoL .c9AAYzN3.PkUb1Tm0 .SXgZDkIu { background-color: #f6f4f2; } .KjYGUuoL .c9AAYzN3 .JCEBnulk { display: inline; } .KjYGUuoL .c9AAYzN3 .SXgZDkIu { background-color: #ffffff; height: 100%; overflow: hidden; width: 100%; } .KjYGUuoL .c9AAYzN3 .ZX6NiDGr { height: 100%; position: relative; width: 100%; } .KjYGUuoL .fepbpioE { animation-duration: 10000ms; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: Eu8pvyR_; animation-timing-function: linear; } .KjYGUuoL .vvFZ51sG, .KjYGUuoL .DFKn4Bch { align-items: center; bottom: 0; display: flex; flex-direction: column; gap: 16px; justify-content: flex-end; padding-bottom: 120px; position: absolute; width: 100%; z-index: 11; } @media (min-width: 1024px) { .KjYGUuoL .vvFZ51sG, .KjYGUuoL .DFKn4Bch { gap: 24px; padding-bottom: 136px; } } @media (min-width: 2560px) { .KjYGUuoL .vvFZ51sG, .KjYGUuoL .DFKn4Bch { padding-bottom: 160px; } } .KjYGUuoL .vvFZ51sG .e44NcEjr, .KjYGUuoL .DFKn4Bch .e44NcEjr { height: 40px; position: relative; width: 40px; } @media (min-width: 1024px) { .KjYGUuoL .vvFZ51sG .e44NcEjr, .KjYGUuoL .DFKn4Bch .e44NcEjr { height: 48px; width: 48px; } } @media (min-width: 1440px) { .KjYGUuoL .vvFZ51sG .e44NcEjr, .KjYGUuoL .DFKn4Bch .e44NcEjr { height: 64px; width: 64px; } } @media (min-width: 2560px) { .KjYGUuoL .vvFZ51sG .e44NcEjr, .KjYGUuoL .DFKn4Bch .e44NcEjr { height: 88px; width: 88px; } } .KjYGUuoL .vvFZ51sG .e44NcEjr img, .KjYGUuoL .DFKn4Bch .e44NcEjr img { height: 100%; width: 100%; } .KjYGUuoL .vvFZ51sG .BSDp4rNn, .KjYGUuoL .DFKn4Bch .BSDp4rNn { align-items: center; display: flex; flex-direction: column; max-width: 278px; padding: 0 24px; text-align: center; } @media (min-width: 1024px) { .KjYGUuoL .vvFZ51sG .BSDp4rNn, .KjYGUuoL .DFKn4Bch .BSDp4rNn { gap: 8px; max-width: 480px; } } .KjYGUuoL .vvFZ51sG .uKStixKh, .KjYGUuoL .DFKn4Bch .uKStixKh { color: #ffffff; } .KjYGUuoL .vvFZ51sG .TkUtuFGl, .KjYGUuoL .DFKn4Bch .TkUtuFGl { color: #ffffff; font-family: "ClassGarmnd BT", "Times New Roman", serif; font-size: 12px; font-style: normal; font-weight: 400; letter-spacing: 1.8px; line-height: 16px; text-align: center; text-transform: uppercase; } .KjYGUuoL .vvFZ51sG ._URfKVBn, .KjYGUuoL .DFKn4Bch ._URfKVBn { align-items: center; background-color: #ffffff; border: 0; color: #1a1919; cursor: pointer; display: flex; font-family: "Scala Sans Pro", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-size: 12px; height: 48px; justify-content: center; letter-spacing: 2px; line-height: 16px; padding: 0 32px; text-align: center; text-transform: uppercase; transition: all 300ms; z-index: 3; } .KjYGUuoL .vvFZ51sG ._URfKVBn:hover, .KjYGUuoL .DFKn4Bch ._URfKVBn:hover { background-color: #d8d8d8; } .KjYGUuoL .vvFZ51sG ._URfKVBn:active, .KjYGUuoL .DFKn4Bch ._URfKVBn:active { background-color: #626262; color: #ffffff; } .KjYGUuoL .DFKn4Bch { align-items: flex-start; margin-left: 24px; width: auto; } @media (min-width: 768px) { .KjYGUuoL .DFKn4Bch { margin-left: 96px; } } @media (min-width: 1440px) { .KjYGUuoL .DFKn4Bch { margin-left: 156px; } } @media (min-width: 2560px) { .KjYGUuoL .DFKn4Bch { margin-left: 320px; } } .KjYGUuoL .DFKn4Bch .BSDp4rNn { align-items: flex-start; padding: 0; text-align: left; } .KjYGUuoL .DFKn4Bch .TkUtuFGl { text-align: left; } .KjYGUuoL .RVlHEvjj { background: linear-gradient(180deg, #000000 -0.38%, rgba(36, 34, 34, 0) -0.38%, #000000 100%); height: 100%; left: 0; opacity: 0.64; position: absolute; top: 0; width: 100%; z-index: 1; } .KjYGUuoL .fwzVAlV5 { bottom: 24px; display: flex; gap: 12px; position: absolute; right: 28px; z-index: 1; } @media (min-width: 1024px) { .KjYGUuoL .fwzVAlV5 { right: 32px; } } .KjYGUuoL .fwzVAlV5.VO9MsM_A .CsRlVciC, .KjYGUuoL .fwzVAlV5.VO9MsM_A .O6ygaTp9, .KjYGUuoL .fwzVAlV5.VO9MsM_A .eOZB4WJ_ { opacity: 1; } .KjYGUuoL .fwzVAlV5 .CsRlVciC, .KjYGUuoL .fwzVAlV5 .O6ygaTp9, .KjYGUuoL .fwzVAlV5 .eOZB4WJ_ { align-items: center; background-color: rgba(26, 25, 25, 0.6); border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 50%; color: #ffffff; cursor: pointer; display: flex; font-size: 16px; height: 40px; justify-content: center; opacity: 0; transition: background 0.3s cubic-bezier(0.4, 0, 0.25, 1), border 0.3s cubic-bezier(0.4, 0, 0.25, 1); width: 40px; -webkit-tap-highlight-color: rgba(26, 25, 25, 0.1); } .KjYGUuoL .fwzVAlV5 .CsRlVciC:hover, .KjYGUuoL .fwzVAlV5 .O6ygaTp9:hover, .KjYGUuoL .fwzVAlV5 .eOZB4WJ_:hover { background-color: #1a1919; border-color: rgba(255, 255, 255, 0.6); } .KjYGUuoL .MEEQ_hVZ { align-items: center; background-color: rgba(26, 25, 25, 0.6); display: flex; left: 28px; padding: 8px 0; text-align: left; width: auto; } @media (min-width: 1024px) { .KjYGUuoL .MEEQ_hVZ { /* stylelint-disable-next-line */ left: calc(var(--swiper-pagination-bottom) + 12px); } } .KjYGUuoL .MEEQ_hVZ::before, .KjYGUuoL .MEEQ_hVZ::after { background-color: rgba(26, 25, 25, 0.6); content: ""; height: 100%; position: absolute; top: 0; width: 12px; } .KjYGUuoL .MEEQ_hVZ::before { border-radius: 12px 0 0 12px; left: -12px; } .KjYGUuoL .MEEQ_hVZ::after { border-radius: 0 12px 12px 0; right: -12px; } .KjYGUuoL .MEEQ_hVZ .JQYmFasg { background-color: var(--themeColor); height: 6px; opacity: 1; width: 6px; } /* Zoom-in style definitions ========================================================================== */ .qhGT8N8X { background: #ffffff; border: none; border-radius: 50%; color: #1a1919; cursor: pointer; height: 64px; padding: 20px; position: fixed; right: 40px; top: 40px; width: 64px; z-index: 1001; } /* Keyframe animations ========================================================================== */ @keyframes Eu8pvyR_ { from { transform: scale(1.3) translateX(0); } to { transform: scale(1.3) translateX(-38px); @media (min-width: 768px) { transform: scale(1.1) translateX(-76px); } @media (min-width: 1024px) { transform: scale(1.1) translateX(-90px); } @media (min-width: 2560px) { transform: scale(1.1) translateX(-176px); } } } @keyframes DG_MWWmD { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes IRNj_hbp { 0% { opacity: 1; } 100% { opacity: 0; } } .xMmvVXna { height: 512px; @media only screen and (min-width: 768px) { height: 504px; } @media only screen and (min-width: 1024px) and (max-width: 1280px) and (orientation: landscape) { height: 480px; } @media only screen and (min-width: 1440px) { height: 560px; } @media only screen and (min-width: 2560px) { height: 800px; } .O41u36hz { div:has(> p) { background-color: rgba(26, 25, 25, 0.4); border: transparent; padding-right: 16px; } p { white-space: nowrap; color: white; } span { display: none; } } .swiper-button-lock { display: none !important; } swiper-container::part(pagination) { background-color: transparent; height: auto !important; } } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .z_FGa8rt { background-color: #1a1919; height: 100vh; max-height: 560px; position: relative; width: 100%; } @media (min-width: 768px) { .z_FGa8rt { align-items: center; background-color: var(--backgroundColor); display: flex; max-height: 800px; } } @media (min-width: 1024px) { .z_FGa8rt { max-height: 640px; } } @media (min-width: 1440px) { .z_FGa8rt { max-height: 840px; } } @media (min-width: 2560px) { .z_FGa8rt { max-height: 1160px; } } @media (min-width: 768px) { .rSUWVOXy { min-height: 700px; width: 78vw; } } .z_FGa8rt .x25k7BWL { background-size: cover; object-fit: cover; position: relative; width: 100vw; } @media (max-width: 767px) { .z_FGa8rt .x25k7BWL { height: 568px; opacity: 0.8; } .z_FGa8rt .x25k7BWL::after { background: linear-gradient(180deg, rgba(10, 21, 43, 0) 0%, #1a1919 100%); bottom: -1px; content: ""; height: 320px; left: 0; position: absolute; width: 100%; } } @media (min-width: 768px) { .z_FGa8rt .x25k7BWL { height: 100%; width: 50vw; } } @media (min-width: 1440px) { .z_FGa8rt .x25k7BWL { width: 60vw; } } @media (min-width: 2560px) { .z_FGa8rt .x25k7BWL { width: 70vw; } } .z_FGa8rt .xFL9Yaww::after { background: linear-gradient(180deg, rgba(10, 21, 43, 0) 0%, var(--backgroundColor) 100%); } .z_FGa8rt .f18ejFDG { height: 100%; position: relative; } .z_FGa8rt .f18ejFDG video { background-size: cover; height: 100%; object-fit: cover; width: 100vw; } @media (max-width: 1023px) { .z_FGa8rt .f18ejFDG { opacity: 0.8; } .z_FGa8rt .f18ejFDG::after { background: linear-gradient(180deg, rgba(10, 21, 43, 0) 0%, var(--backgroundColor) 100%); bottom: -1px; content: ""; height: 100%; left: 0; position: absolute; width: 100%; } } @media (min-width: 768px) { .z_FGa8rt .VwInhLI9 { width: 50vw; } } @media (min-width: 768px) { .z_FGa8rt .dkczypiD video { width: 60vw; } } .z_FGa8rt .S3fTikZX { align-items: flex-start; color: var(--titleColor); display: flex; flex-direction: column; font-family: "Scala Sans Pro", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; gap: 8px; margin: auto; text-align: center; } @media (max-width: 767px) { .z_FGa8rt .S3fTikZX { align-items: center; bottom: 72px; line-height: 24px; padding: 0 24px; position: absolute; text-align: center; width: initial; } .z_FGa8rt .S3fTikZX p { color: #ffffff; } } @media (min-width: 768px) { .z_FGa8rt .S3fTikZX { max-width: 50%; padding: 0 40px; } } @media (min-width: 1024px) { .z_FGa8rt .S3fTikZX { justify-content: center; max-width: 40%; } } @media (min-width: 1440px) { .z_FGa8rt .S3fTikZX { padding: 0 80px; } } @media (max-width: 767px) { .z_FGa8rt .nmFAVRea { align-items: flex-start; bottom: 112px; padding: 0 24px; } } @media (min-width: 2560px) { .z_FGa8rt .nmFAVRea { max-width: 30%; padding: 0 128px; } } .z_FGa8rt .d1GBetm6 { color: var(--paragraphColor); font-family: "Scala Sans Pro", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-size: 14px; letter-spacing: 0.4px; line-height: 24px; text-align: center; } @media (min-width: 768px) { .z_FGa8rt .d1GBetm6 { text-align: left; } } @media (min-width: 1024px) { .z_FGa8rt .d1GBetm6 { font-size: 16px; letter-spacing: 0.6px; } } .z_FGa8rt .rabDOXhv { text-align: left; } .z_FGa8rt .RwPTuQEX { color: var(--titleColor); font-family: "ClassGarmnd BT", "Times New Roman", serif; font-size: 32px; line-height: 40px; text-align: left; } @media (min-width: 1024px) { .z_FGa8rt .RwPTuQEX { font-size: 40px; line-height: 56px; } } @media (min-width: 1440px) { .z_FGa8rt .RwPTuQEX { font-size: 50px; line-height: 72px; } } .z_FGa8rt .bRNyYEWP { text-align: left; } @media (min-width: 1440px) { .z_FGa8rt .bRNyYEWP { line-height: 56px; } } .z_FGa8rt .qcWX5gXK { align-items: center; cursor: pointer; display: flex; height: 48px; justify-content: center; letter-spacing: 2px; line-height: 16px; margin-top: 24px; } .z_FGa8rt .WYOdvdtS { border: 1px solid var(--buttonBorderColor); color: var(--primaryTextColor); font-size: 12px; font-weight: 700; letter-spacing: 2px; line-height: 16px; padding: 16px 32px; } @media (min-width: 768px) { .z_FGa8rt .WYOdvdtS { border: 1px solid var(--tabletButtonBorderColor); color: var(--titleColor); } } .z_FGa8rt .WYOdvdtS svg { color: var(--primaryTextColor); font-size: 16px; margin-right: 14px; } @media (min-width: 768px) { .z_FGa8rt .WYOdvdtS svg { color: var(--titleColor); } } .z_FGa8rt .WYOdvdtS:hover { background-color: transparent; } .z_FGa8rt .CnQfkSIQ { color: #b8a188; font-family: "ClassGarmnd BT", "Times New Roman", serif; font-size: 12px; letter-spacing: 1.8px; line-height: 16px; text-transform: uppercase; } .z_FGa8rt.It0YcsH3 { --backgroundColor: #ffffff; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; --buttonBorderColor: rgba(255, 255, 255, 0.24); --tabletButtonBorderColor: rgba(26, 25, 25, 0.16); } .z_FGa8rt.QzPHIVr6 { --backgroundColor: #faf9f7; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; --buttonBorderColor: rgba(255, 255, 255, 0.24); --tabletButtonBorderColor: rgba(26, 25, 25, 0.16); } .z_FGa8rt.wC5uWjHv { --backgroundColor: #f6f4f2; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --preTitle: #9a7b69; --titleColor: #1a1919; --buttonBorderColor: rgba(255, 255, 255, 0.24); --tabletButtonBorderColor: rgba(26, 25, 25, 0.16); } .z_FGa8rt.NbZiqRTC { --backgroundColor: #242222; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --buttonBorderColor: rgba(255, 255, 255, 0.27); --tabletButtonBorderColor: rgba(255, 255, 255, 0.27); } .z_FGa8rt._MMwYkuQ { --backgroundColor: #0a152b; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --buttonBorderColor: rgba(255, 255, 255, 0.27); --tabletButtonBorderColor: rgba(255, 255, 255, 0.27); } .z_FGa8rt.YyfZDwUV { --backgroundColor: #0d1a34; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --buttonBorderColor: rgba(255, 255, 255, 0.27); --tabletButtonBorderColor: rgba(255, 255, 255, 0.27); } .z_FGa8rt.zYlJou_a { --backgroundColor: #19251d; --iconColor: #b8a188; --linkColor: #b8a188; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --buttonBorderColor: rgba(255, 255, 255, 0.27); --tabletButtonBorderColor: rgba(255, 255, 255, 0.27); } .z_FGa8rt.FZlZTMll { --backgroundColor: #5b1218; --iconColor: #c2ae99; --linkColor: #c2ae99; --paragraphColor: #ffffff; --preTitle: #c2ae99; --titleColor: #ffffff; --buttonBorderColor: rgba(255, 255, 255, 0.27); --tabletButtonBorderColor: rgba(255, 255, 255, 0.27); } .z_FGa8rt.FZlZTMll .CnQfkSIQ { color: #ffffff; } .z_FGa8rt.o1ynuMCy { --backgroundColor: #68161d; --iconColor: #c2ae99; --linkColor: #c2ae99; --paragraphColor: #ffffff; --preTitle: #c2ae99; --titleColor: #ffffff; --buttonBorderColor: rgba(255, 255, 255, 0.27); --tabletButtonBorderColor: rgba(255, 255, 255, 0.27); } .z_FGa8rt.o1ynuMCy .CnQfkSIQ { color: #ffffff; } /* ========================================================================== Label Style Definitions ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .U3h6NNO5 { background-color: #ffffff; color: #1a1919; font-family: "Scala Sans Pro", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 300; letter-spacing: 0.3px; line-height: 16px; max-width: 120px; padding: 8px 16px; text-align: center; width: fit-content; } .K6agb1XS { background-color: #ad4141; color: #ffffff; } .KPvvJhJ3 { background-color: #626262; color: #ffffff; } .FkS_3lyW { background-color: #ffffff; color: #ad4141; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .cw_mEwCj { display: flex; user-select: none; } @media (min-width: 768px) { .cw_mEwCj { margin: auto; } } .PgmTcuuc { align-items: unset; flex-direction: column; gap: 40px; height: 100%; justify-content: center; padding: 40px 80px 80px; width: 100%; } @media (min-width: 768px) { .PgmTcuuc { justify-content: space-between; width: 400px; } } @media (min-width: 1024px) { .PgmTcuuc { padding: 64px 64px 80px; } } @media (min-width: 2560px) { .PgmTcuuc { justify-content: space-around; } } .bv2Bfts4 { justify-content: space-around; width: 100%; } @media (min-width: 768px) { .bv2Bfts4 { justify-content: flex-start; } } .cw_mEwCj .BEw4hZce { display: block; height: 100%; max-width: 160px; } @media (min-width: 768px) { .cw_mEwCj .BEw4hZce { max-width: 144px; } } @media (min-width: 1024px) { .cw_mEwCj .BEw4hZce { max-width: 232px; } } @media (min-width: 2560px) { .cw_mEwCj .BEw4hZce { max-width: 320px; } } .cw_mEwCj .pKOJqKB3 { display: block; overflow: hidden; } @media (max-width: 767px) { .cw_mEwCj .pKOJqKB3 { margin: auto; } } .cw_mEwCj .Xz1Pk4K2 { -webkit-text-fill-color: transparent; background: linear-gradient(135.76deg, #a88c77 16.86%, #dfd1b1 88%); background-clip: text; font-family: "ClassGarmnd BT", "Times New Roman", serif; font-size: 72px; font-weight: 400; line-height: 88px; opacity: 0.64; padding-bottom: 24px; } @media (min-width: 768px) { .cw_mEwCj .Xz1Pk4K2 { font-size: 88px; line-height: 96px; } } @media (min-width: 768px) and (max-width: 1023px) { .cw_mEwCj .FmdyhG9e { font-size: 64px; line-height: 80px; } } .cw_mEwCj .Z0Ahvk9_ { align-items: flex-start; display: flex; flex-direction: column; text-align: left; width: 100%; } @media (max-width: 767px) { .cw_mEwCj .Z0Ahvk9_ { min-width: 50%; } } .cw_mEwCj .zjQXTjxk { max-width: 34ch; } .cw_mEwCj .LDt1WpO3 { max-width: 25ch; } @media (min-width: 768px) { .cw_mEwCj .LDt1WpO3 { min-width: 20ch; } } .cw_mEwCj .Z0Ahvk9_ .Ll7MQMpX { border: 1px solid rgba(26, 25, 25, 0.16); margin-bottom: 12px; order: initial; padding: 8px 16px; } .cw_mEwCj .pGOvpJqs { color: #9a7b69; font-family: "ClassGarmnd BT", "Times New Roman", serif; font-size: 12px; letter-spacing: 1.8px; line-height: 16px; text-transform: uppercase; } @media (max-width: 767px) { .cw_mEwCj .A0a2hvAZ { font-size: 10px; } } .cw_mEwCj .yY2OyAwG { font-family: "ClassGarmnd BT", "Times New Roman", serif; font-size: 20px; font-weight: 400; letter-spacing: 1px; line-height: 24px; width: 100%; } .cw_mEwCj .aRiVkzdg { font-size: 20px; line-height: 32px; } @media (min-width: 2560px) { .cw_mEwCj .aRiVkzdg { font-size: 20px; line-height: 40px; } } .cw_mEwCj .uKAJ0yZD { font-size: 20px; line-height: 40px; } @media (min-width: 1024px) { .cw_mEwCj .uKAJ0yZD { font-size: 28px; } } .cw_mEwCj .dCD8tYcz { color: #626262; font-size: 14px; letter-spacing: 0.4px; line-height: 24px; } .cw_mEwCj .UlOXhEzE { order: 2; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .sTQiiQK1 { display: flex; height: 100%; width: 100%; } @media (max-width: 767px) { .sTQiiQK1 { flex-flow: column nowrap; justify-content: unset; row-gap: 40px; } .sTQiiQK1 .FRkuQJYJ { flex-shrink: 1; height: fit-content !important; padding: 0 24px; } .sTQiiQK1 .FRkuQJYJ:last-child { padding-bottom: 40px; } } .FRkuQJYJ:nth-of-type(2n + 1) img { order: 1; } .FRkuQJYJ:nth-of-type(2n + 1) div { align-items: flex-start; order: 2; padding: 0 0 0 16px; text-align: left; } .FRkuQJYJ:nth-of-type(even) img { order: 2; } .FRkuQJYJ:nth-of-type(even) div { align-items: flex-end; order: 1; padding: 0 16px 0 0; text-align: right; } .vpLFCHKI::before, .vpLFCHKI::after { height: 120px; left: 0; opacity: 0.04; position: absolute; width: 100%; } .vpLFCHKI { height: 100vh; max-height: 560px; overflow: hidden; position: relative; right: 0; top: 0; width: 100%; } .vpLFCHKI::after { background-image: linear-gradient(180deg, rgba(26, 25, 25, 0) 0%, #1a1919 100%); bottom: 0; content: ""; } .vpLFCHKI::before { background-image: linear-gradient(0deg, rgba(26, 25, 25, 0) 0%, #1a1919 100%); content: ""; } @media (min-width: 768px) { .vpLFCHKI { display: flex; max-height: 800px; min-height: 700px; } } @media (min-width: 1024px) { .vpLFCHKI { max-height: 640px; } } @media (min-width: 1440px) { .vpLFCHKI { max-height: 840px; } } @media (min-width: 2560px) { .vpLFCHKI { max-height: 1160px; } } .rlbUxzWG { display: flex; flex-direction: column; height: 100%; } .DBIcP2Mo { height: 232px; margin: auto; width: 100%; } @media (min-width: 1024px) { .DBIcP2Mo { max-height: 144px; } } @media (min-width: 1024px) { .DBIcP2Mo { max-height: 280px; } } @media (min-width: 2560px) { .DBIcP2Mo { max-height: 320px; } } .DTt1TTVe { cursor: pointer; display: block; height: 100%; position: absolute; top: 0; transition: background-color 0.8s; width: 240px; z-index: 15; } .NiMBiP7a { background: linear-gradient(270deg, rgba(255, 255, 255, 0.08) 0%, rgba(0, 0, 0, 0.08) 100%); left: 0; } .FAQhHsX3 { background: linear-gradient(270deg, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%); right: 0; } .JI8V_W94, .AmRv80Cy { border: none; color: #000000; height: 12px; opacity: 1; scale: 1.2; width: 21px; } .AmRv80Cy { left: 68.5px; position: absolute; top: 50%; } .JI8V_W94 { position: absolute; right: 68.5px; top: 50%; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .un8HT_wO { background-color: #ffffff; border-radius: 8px; bottom: 0; height: 80%; opacity: 1; overflow: hidden; position: fixed; right: 0; text-align: center; top: auto; transition: height 0.5s ease-in-out; width: 100%; will-change: transform; z-index: 101; } ._isiR2JX { height: 100%; } .yZ_BlCyk { height: 100vh; } .yZ_BlCyk::after { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); bottom: 0; content: ""; height: 32px; left: 0; position: absolute; width: 100%; z-index: 102; } .YwHMz2N5 { border: 1px solid rgba(26, 25, 25, 0.16); border-radius: 50%; padding: 10px 16.5px; position: absolute; right: 24px; top: 24px; transition: all 0.6s cubic-bezier(0.4, 0, 0.25, 1); } .YwHMz2N5:hover, .YwHMz2N5:focus, .YwHMz2N5:active { background-color: transparent; border-color: #1a1919; } .YwHMz2N5 svg { color: #1a1919; font-size: 24px; width: 15px; } .rvcZveUE { background-color: #ffffff; height: 80px; left: 0; padding-top: 24px; position: fixed; top: 0; width: 100%; z-index: 16; } .rvcZveUE::after { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); content: ""; height: 32px; left: 0; position: absolute; top: 80px; transform: matrix(1, 0, 0, -1, 0, 0); width: 100%; } .dbc914SV { color: #9a7b69; font-size: 10px; font-weight: 400; letter-spacing: 1.6px; line-height: 16px; text-transform: uppercase; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .aYYLd9cS::before, .aYYLd9cS::after { height: 120px; left: 0; opacity: 0.04; position: absolute; width: 100%; } .WUcpiNU9, .h_UUmcxn, .VwPF7CRP { max-height: 560px; } @media (min-width: 768px) { .WUcpiNU9, .h_UUmcxn, .VwPF7CRP { max-height: 800px; } } @media (min-width: 1024px) { .WUcpiNU9, .h_UUmcxn, .VwPF7CRP { max-height: 700px; } } @media (min-width: 1440px) { .WUcpiNU9, .h_UUmcxn, .VwPF7CRP { max-height: 840px; } } @media (min-width: 2560px) { .WUcpiNU9, .h_UUmcxn, .VwPF7CRP { max-height: 1160px; } } .aYYLd9cS { display: flex; flex-flow: column wrap; height: 100%; max-height: 840px; position: relative; row-gap: 16px; width: 100%; } @media (min-width: 2560px) { .aYYLd9cS { max-height: 1160px; row-gap: 64px; } } .aYYLd9cS::part(pagination) { background-color: rgba(255, 255, 255, 0.8); border-radius: 2px; bottom: 24px; left: 24px; padding: 10px; width: fit-content; } @media (min-width: 768px) { .aYYLd9cS::part(pagination) { bottom: 32px; left: 40px; } } @media (min-width: 1440px) { .aYYLd9cS::part(pagination) { bottom: 48px; left: 96px; } } @media (min-width: 2560px) { .aYYLd9cS::part(pagination) { left: 320px; } } .aYYLd9cS::after { background-image: linear-gradient(180deg, rgba(26, 25, 25, 0) 0%, #1a1919 100%); bottom: 0; content: ""; } .aYYLd9cS::before { background-image: linear-gradient(0deg, rgba(26, 25, 25, 0) 0%, #1a1919 100%); content: ""; } .Ue4DMHiy { flex-shrink: 1; height: 100%; width: fit-content; } @media (max-width: 767px) { .Ue4DMHiy { min-width: 100vw; } } .VwPF7CRP { height: 100vh; overflow: hidden; position: relative; text-align: center; width: 100vw; } @media (min-width: 768px) { .VwPF7CRP { min-height: 700px; } } .yZzJ8ulp { height: 100%; position: absolute; top: 0; width: 48px; z-index: 15; } .Xa1WO6vQ, .vWX1sO_l { align-items: center; background-color: rgba(255, 255, 255, 0.8); border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 50%; bottom: 24px; color: #000000; display: flex; font-size: unset; height: 40px; justify-content: center; opacity: 1; position: absolute; width: 40px; } @media (min-width: 768px) { .Xa1WO6vQ, .vWX1sO_l { bottom: 32px; } } @media (min-width: 1440px) { .Xa1WO6vQ, .vWX1sO_l { bottom: 48px; } } .Xa1WO6vQ svg, .vWX1sO_l svg { height: 16px; width: 16px; } .vWX1sO_l { right: 76px; } @media (min-width: 768px) { .vWX1sO_l { right: 92px; } } @media (min-width: 1440px) { .vWX1sO_l { right: 148px; } } @media (min-width: 2560px) { .vWX1sO_l { right: 372px; } } .Xa1WO6vQ { right: 24px; } @media (min-width: 768px) { .Xa1WO6vQ { right: 40px; } } @media (min-width: 1440px) { .Xa1WO6vQ { right: 96px; } } @media (min-width: 2560px) { .Xa1WO6vQ { right: 320px; } } .h_UUmcxn { bottom: 0; height: 100%; right: 0; } .WUcpiNU9 { bottom: 0; height: 100%; right: 0; } .dXyqzYR3 { cursor: pointer; height: 100%; position: absolute; z-index: 12; } .keULShTo { align-items: flex-start; background-color: #1a1919; display: flex; flex-direction: column; gap: 8px; height: 100%; justify-content: flex-end; padding: 80px 80px 112px; text-align: left; width: 100vw; } @media (min-width: 768px) { .keULShTo { padding: 40px 40px 128px; width: 400px; } } @media (min-width: 1024px) { .keULShTo { padding: 64px 64px 128px; } } .OPjavnr8 { height: 100%; width: 100vw; } @media (min-width: 768px) { .OPjavnr8 { width: 584px; } } @media (min-width: 1440px) { .OPjavnr8 { width: 616px; } } @media (min-width: 2560px) { .OPjavnr8 { width: 696px; } } .OPjavnr8 > div { background-size: cover; height: 100%; } @media (min-width: 768px) { .AkTpzZTN { font-size: 14px; letter-spacing: 2px; line-height: 16px; } } .eiDZPwia { color: #d8d8d8; font-family: "ClassGarmnd BT", "Times New Roman", serif; font-size: 16px; line-height: 24px; text-align: left; } .WaLSJMOh { color: #ffffff; } .OLd3LYJV { color: #b8a188; font-family: "ClassGarmnd BT", "Times New Roman", serif; font-size: 12px; font-style: normal; font-weight: 400; letter-spacing: 1.8px; line-height: 16px; text-align: center; text-transform: uppercase; } .Qn0LKcC1 { object-fit: cover; } .l5qQRdbK { font-size: 14px; letter-spacing: 0.4px; line-height: 24px; padding: 0; text-decoration: underline; text-transform: none; font-weight: bold; &:hover { text-underline-offset: 1px; } } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .pU9MYm2e { align-items: center; display: flex; justify-content: center; margin: 0 20px; } .pU9MYm2e.Shmrt6lk .VW78AHos, .pU9MYm2e.Shmrt6lk .VW78AHos::before, .pU9MYm2e.Shmrt6lk .VW78AHos::after { animation: none; } .pU9MYm2e .VW78AHos { animation: var(--mainDotAnimation); animation-delay: 0.4s; border-radius: 9px; height: 12px; position: relative; width: 12px; } .pU9MYm2e .VW78AHos::before, .pU9MYm2e .VW78AHos::after { animation: var(--beforeAfterAnimation); border-radius: 9px; content: ""; display: inline-block; height: 12px; position: absolute; top: 0; width: 12px; } .pU9MYm2e .VW78AHos::before { animation-delay: 0s; left: -20px; } .pU9MYm2e .VW78AHos::after { animation-delay: 0.8s; left: 20px; } .pU9MYm2e.CbG6H60d { --mainDotAnimation: njEsID6N 1s infinite linear alternate; --beforeAfterAnimation: njEsID6N 1s infinite alternate; } .pU9MYm2e.CbG6H60d .VW78AHos, .pU9MYm2e.CbG6H60d .VW78AHos::before, .pU9MYm2e.CbG6H60d .VW78AHos::after { background-color: #ffffff; color: #ffffff; } .pU9MYm2e.XVl6wdN8 { --mainDotAnimation: zSDvupkY 1s infinite linear alternate; --beforeAfterAnimation: zSDvupkY 1s infinite alternate; } .pU9MYm2e.XVl6wdN8 .VW78AHos, .pU9MYm2e.XVl6wdN8 .VW78AHos::before, .pU9MYm2e.XVl6wdN8 .VW78AHos::after { background-color: #1a1919; color: #1a1919; } .pU9MYm2e.INkw_t79 .VW78AHos, .pU9MYm2e.INkw_t79 .VW78AHos::before, .pU9MYm2e.INkw_t79 .VW78AHos::after { background-color: #7f7f7f; color: #7f7f7f; } @keyframes njEsID6N { 0% { background-color: #ffffff; } 50% { background-color: rgba(255, 255, 255, 0.3); } 100% { background-color: rgba(255, 255, 255, 0.2); } } @keyframes zSDvupkY { 0% { background-color: #1a1919; } 50% { background-color: rgba(26, 25, 25, 0.3); } 100% { background-color: rgba(26, 25, 25, 0.2); } } .muxRdSVS { display: inline-flex; font-size: 12px; font-weight: 700; height: auto; letter-spacing: 2px; line-height: 16px; padding: 20px 32px; position: relative; transition: 300ms; width: 100%; @media only screen and (min-width: 1024px) { &:hover { background-color: #ffffff; color: #1a1919; } } } ._Ya_YAMD { border: 1px solid rgb(180, 180, 180); &:hover { border-color: #1a1919; } } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .bmSzjF2C { border-top: 1px solid var(--dividingColor); color: var(--paragraphColor); cursor: pointer; padding: 16px 0; } .bmSzjF2C:last-of-type { border-bottom: 1px solid var(--dividingColor); } .bmSzjF2C .Mn_SSrg5 { align-items: center; color: var(--titleColor); display: flex; justify-content: space-between; } .bmSzjF2C .Mn_SSrg5 svg { color: var(--iconColor); height: 24px; width: 24px; } .bmSzjF2C .wOnCXCut { color: var(--paragraphColor); overflow: hidden; width: 90%; } .bmSzjF2C .M6GPdx0x { padding-top: 8px; } .bmSzjF2C.LNd5u3IE { --backgroundColor: #ffffff; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; --iconColor: #453f3f; --dividingColor: #d8d8d8; } .bmSzjF2C.ARH1OgJl { --backgroundColor: #faf9f7; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; --iconColor: #453f3f; --dividingColor: #d8d8d8; } .bmSzjF2C.V5wn4MZ6 { --backgroundColor: #f6f4f2; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --preTitle: #9a7b69; --titleColor: #1a1919; --iconColor: #453f3f; --dividingColor: #d8d8d8; } .bmSzjF2C.qdEMh8Ob { --backgroundColor: #1a1919; --errorColor: #de4b4b; --iconColor: #ffffff; --linkColor: #9a7b69; --paragraphColor: #ffffff; --placeholderColor: #d8d8d8; --preTitle: #b8a188; --titleColor: #ffffff; --dividingColor: rgba(255, 255, 255, 0.24); } .bmSzjF2C.OZ4RgFDA { --backgroundColor: #242222; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --dividingColor: rgba(255, 255, 255, 0.24); } .bmSzjF2C.y9m7NoNx { --backgroundColor: #0a152b; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --dividingColor: rgba(255, 255, 255, 0.24); } .bmSzjF2C.rQMPBzdl { --backgroundColor: #0d1a34; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --dividingColor: rgba(255, 255, 255, 0.24); } .bmSzjF2C.RaAPBq2j { --backgroundColor: #19251d; --iconColor: #b8a188; --linkColor: #b8a188; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --iconColor: #ffffff; --dividingColor: rgba(255, 255, 255, 0.16); } .bmSzjF2C.aiyJK5a_ { --backgroundColor: #19251d; --iconColor: #b8a188; --linkColor: #b8a188; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --backgroundColor: #1d2c22; --linkColor: #ffffff; --iconColor: #ffffff; --dividingColor: rgba(255, 255, 255, 0.16); } .bmSzjF2C.Ehh5K3gc { --backgroundColor: #5b1218; --iconColor: #c2ae99; --linkColor: #c2ae99; --paragraphColor: #ffffff; --preTitle: #c2ae99; --titleColor: #ffffff; --iconColor: #ffffff; --dividingColor: rgba(255, 255, 255, 0.16); } .bmSzjF2C.uiZPS9Eo { --backgroundColor: #68161d; --iconColor: #c2ae99; --linkColor: #c2ae99; --paragraphColor: #ffffff; --preTitle: #c2ae99; --titleColor: #ffffff; --iconColor: #ffffff; --dividingColor: rgba(255, 255, 255, 0.16); } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .KKPzyXAV { align-items: center; background-color: var(--backgroundColor); display: flex; flex-direction: column; padding: 40px 24px; } .KKPzyXAV .XuvV1Ug9 .QyPeZtce { color: var(--titleColor); margin-bottom: 24px; } @media (min-width: 768px) and (max-width: 1023px) { .KKPzyXAV { padding: 40px; } } @media (min-width: 1024px) { .KKPzyXAV { padding: 40px 128px; } } @media (min-width: 1440px) { .KKPzyXAV { padding: 64px 24px; } } .KKPzyXAV div { width: 100%; } @media (min-width: 1024px) { .KKPzyXAV div { max-width: 880px; } } .KKPzyXAV.kBTlxxa2 { --backgroundColor: #ffffff; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; } .KKPzyXAV.DGIaZvgD { --backgroundColor: #faf9f7; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; } .KKPzyXAV.XrkExtvo { --backgroundColor: #f6f4f2; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --preTitle: #9a7b69; --titleColor: #1a1919; } .KKPzyXAV.OBE_G0gu { --backgroundColor: #242222; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; } .KKPzyXAV.yrMD7Qze { --backgroundColor: #0a152b; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; } .KKPzyXAV.uP6QPOoR { --backgroundColor: #0d1a34; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; } .KKPzyXAV.HEkNT3Od { --backgroundColor: #19251d; --iconColor: #b8a188; --linkColor: #b8a188; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; } .KKPzyXAV.gYb40ouh { --backgroundColor: #19251d; --iconColor: #b8a188; --linkColor: #b8a188; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --backgroundColor: #1d2c22; --linkColor: #ffffff; } .KKPzyXAV.I6ztwRrD { --backgroundColor: #5b1218; --iconColor: #c2ae99; --linkColor: #c2ae99; --paragraphColor: #ffffff; --preTitle: #c2ae99; --titleColor: #ffffff; } .KKPzyXAV.I6ztwRrD .jYc6hwar a { color: #c2ae99; } .KKPzyXAV.v4WZ9QhT { --backgroundColor: #68161d; --iconColor: #c2ae99; --linkColor: #c2ae99; --paragraphColor: #ffffff; --preTitle: #c2ae99; --titleColor: #ffffff; } .KKPzyXAV.v4WZ9QhT .jYc6hwar a { color: #c2ae99; } .KKPzyXAV .jYc6hwar ol, .KKPzyXAV .jYc6hwar ul { margin-left: 30px; } .KKPzyXAV .jYc6hwar a { color: #9a7b69; text-decoration: underline; } .KKPzyXAV .u8GHy5wZ { color: var(--titleColor); font-size: 16px; line-height: 24px; } .KKPzyXAV .u_UXoTdw { color: var(--paragraphColor); } .j7ikz5rO { [role='button'] { text-align: left; } } .wXrpJkBP { display: flex; height: 800px; justify-content: center; padding: 64px 96px; position: relative; text-align: center; &:after { background-color: #1a1919; content: ''; display: block; height: 100%; left: 0; opacity: 0.6; position: absolute; top: 0; width: 100%; } @media only screen and (max-width: 767px) { height: 720px; padding: 40px 24px; } @media only screen and (min-width: 2560px) { height: 960px; padding: 128px 320px; } } .EvtdKzuL { height: 100%; left: 0; position: absolute; top: 0; width: 100%; img { height: 100%; object-fit: cover; width: 100%; } div { height: 100%; } video { height: 100%; object-fit: fill; width: 100%; } } .dLLKzgC5 { display: flex; flex-direction: column; gap: 40px; margin: auto 0; z-index: 2; width: 660px; @media only screen and (max-width: 767px) { gap: 24px; } @media only screen and (min-width: 2560px) { gap: 80px; .xDNDU1l5 { display: flex; flex-direction: column; width: 640px; .yqmg_h3H { margin-bottom: 16px; } .Bmg3r08C { margin-bottom: 24px; } } } } .yqmg_h3H { color: #ffffff; font-family: 'ClassGarmnd BT'; font-size: 14px; letter-spacing: 2px; line-height: 16px; text-transform: uppercase; @media only screen and (max-width: 767px) { font-size: 12px; letter-spacing: 1.8px; } } .Bmg3r08C { color: #ffffff; font-family: 'ClassGarmnd BT'; font-size: 50px; line-height: 56px; @media only screen and (max-width: 767px) { font-size: 32px; line-height: 40px; } } .CH_xyCcs { color: #ffffff; font-family: 'Scala Sans Pro'; font-size: 16px; letter-spacing: 0.6px; line-height: 24px; @media only screen and (max-width: 767px) { font-size: 12px; letter-spacing: 0.3px; line-height: 16px; } } ._0R0gwEs7 { align-items: center; display: flex; justify-content: center; margin-bottom: 20px; svg { height: 16px; width: 16px; } @media only screen and (max-width: 767px) { margin-bottom: 12px; } } .H5m980HJ { color: #ffffff; cursor: pointer; display: block; font-family: 'Scala Sans Pro'; font-size: 12px; letter-spacing: 2px; line-height: 16px; margin-right: 4px; text-transform: uppercase; } .lK5t81dM { color: #ffffff; display: none; font-family: 'Scala Sans Pro'; font-size: 12px; font-style: italic; letter-spacing: 0.3px; line-height: 16px; position: absolute; top: 100%; } .V3tad1oc { display: block; } .JbMAlng8 { align-items: center; display: flex; gap: 44px; justify-content: center; } .bmD4gm6P { display: flex; flex-direction: column; a:last-child { margin-bottom: 0; } @media only screen and (max-width: 767px) { gap: 10px; flex-direction: row; } } .iQWDLXMx { display: none; @media only screen and (min-width: 1024px) { display: block; height: 126px; width: 126px; img { height: 100%; object-fit: cover; width: 100%; } } } .CvsUJaQ1 { height: 48px; margin-bottom: 16px; width: 160px; img { filter: contrast(1.75) brightness(0.9); height: 100%; width: 100%; } @media only screen and (max-width: 767px) { height: 46px; margin-bottom: 0; } } .CVpjwpns { position: relative; } /* ========================================================================== TextCard style definitions ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .KZqoIYVp { background-color: var(--backgroundColor); padding: 40px 32px; position: relative; } @media (min-width: 768px) { .KZqoIYVp { padding: 40px 64px; } } @media (min-width: 1440px) { .KZqoIYVp { padding: 64px 69px; } } @media (min-width: 2560px) { .KZqoIYVp { padding: 64px 320px; } } .KZqoIYVp a { color: var(--linkColor); text-decoration: underline; } .KZqoIYVp .CkMsMA8L { margin-bottom: 16px; } @media (min-width: 1024px) { .KZqoIYVp .CkMsMA8L { margin-bottom: 24px; } } @media (min-width: 2560px) { .KZqoIYVp .CkMsMA8L { margin-bottom: 32px; } } .KZqoIYVp .gGAPvqg9 { margin: 0 auto 16px; } @media (min-width: 1024px) { .KZqoIYVp .gGAPvqg9 { margin-bottom: 24px; } } @media (min-width: 2560px) { .KZqoIYVp .gGAPvqg9 { margin-bottom: 32px; } } .KZqoIYVp .gGAPvqg9 svg { height: 100%; margin: auto; width: 100%; } .KZqoIYVp .gGAPvqg9 svg path { fill: var(--iconColor); } .KZqoIYVp .gGAPvqg9.HFE0QEDS { background-color: var(--iconColor); mask-size: contain; } .KZqoIYVp .axZrW7kz { color: var(--paragraphColor); letter-spacing: 0.4px; } @media (min-width: 2560px) { .KZqoIYVp .axZrW7kz { letter-spacing: 0.6px; } } .KZqoIYVp .p4pu3aQ5 { color: var(--titleColor); margin-bottom: 8px; max-width: 80%; } @media (min-width: 1024px) { .KZqoIYVp .p4pu3aQ5 { max-width: 45%; } } .KZqoIYVp .kixGNRm6 { height: 48px; margin: 16px auto 0; padding: 20px 32px; width: 100%; } @media (min-width: 768px) { .KZqoIYVp .kixGNRm6 { width: fit-content; } } @media (min-width: 1024px) { .KZqoIYVp .kixGNRm6 { margin-top: 24px; } } @media (min-width: 2560px) { .KZqoIYVp .kixGNRm6 { margin-top: 32px; } } .KZqoIYVp.GQp7ydlJ { text-align: center; } .KZqoIYVp.GQp7ydlJ img, .KZqoIYVp.GQp7ydlJ .p4pu3aQ5 { margin-left: auto; margin-right: auto; } .KZqoIYVp.h1N74apr { text-align: right; } .KZqoIYVp.h1N74apr img, .KZqoIYVp.h1N74apr .p4pu3aQ5 { margin-left: auto; } .KZqoIYVp.bsXzhOsr { text-align: left; } .KZqoIYVp.bsXzhOsr img, .KZqoIYVp.bsXzhOsr .p4pu3aQ5 { margin-right: auto; } .KZqoIYVp._5bOOw5l { --backgroundColor: #ffffff; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; } .KZqoIYVp.ibzY5qIh { --backgroundColor: #faf9f7; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; } .KZqoIYVp.OdhvokvX { --backgroundColor: #f6f4f2; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --preTitle: #9a7b69; --titleColor: #1a1919; } .KZqoIYVp.CvOnTiQY { --backgroundColor: #242222; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; } .KZqoIYVp.h00cJ5Ha { --backgroundColor: #0a152b; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; } .KZqoIYVp.g5UIjLxa { --backgroundColor: #0d1a34; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; } .KZqoIYVp.LH7i8y11 { --backgroundColor: #19251d; --iconColor: #b8a188; --linkColor: #b8a188; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; } .KZqoIYVp.F5DWLed2 { --backgroundColor: #19251d; --iconColor: #b8a188; --linkColor: #b8a188; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --backgroundColor: #1d2c22; --linkColor: #ffffff; } .KZqoIYVp.Gvl1KrBH { --backgroundColor: #5b1218; --iconColor: #c2ae99; --linkColor: #c2ae99; --paragraphColor: #ffffff; --preTitle: #c2ae99; --titleColor: #ffffff; } .KZqoIYVp.Gvl1KrBH a { color: #c2ae99; } .KZqoIYVp.rJNMl9C6 { --backgroundColor: #68161d; --iconColor: #c2ae99; --linkColor: #c2ae99; --paragraphColor: #ffffff; --preTitle: #c2ae99; --titleColor: #ffffff; } .KZqoIYVp.rJNMl9C6 a { color: #c2ae99; } .V1kgYqPK { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; z-index: 0; } .z6rPwx7j { position: relative; z-index: 1; } .OVsOzkWc { display: flex; flex-direction: column; gap: 8px; padding: 0px 24px; width: 100%; @media only screen and (min-width: 768px) { padding: 0px 40px; } @media only screen and (min-width: 2560px) { padding: 0px 64px; } } .UztUrEmB { width: 100%; @media only screen and (min-width: 768px) { width: 327px; } } .Wg9VMZVe { background-color: #ffffff; overflow: hidden; padding: 12px 16px; svg { color: #1a1919; } } .ZeGgRrf_ { align-items: flex-start; display: flex; justify-content: flex-start; width: 100%; span { font-family: 'Scala Sans Pro', 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif; font-size: 16px; letter-spacing: 0.6px; line-height: 24px; &:first-of-type { margin-right: 8px; color: #626262; } &:last-of-type { margin: 0px 0px 0px auto; } } input { padding: 0px; } form { padding-top: 0; > div { gap: 0px; input { border: none; font-family: 'Scala Sans Pro', 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif; letter-spacing: 0.6px; line-height: 24px; :focus { outline: none; } } input:not([value='']), p { font-family: 'Scala Sans Pro Italic', 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif; } p { background-color: #f6f4f2; color: #ad4141; margin-bottom: -12px; margin-left: -16px; margin-top: 12px; padding-top: 4px; position: relative; width: 500%; } } } .D7I1Ek7H { font-family: 'Scala Sans Pro Italic', 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif; } } .vSi20Qp1 { color: #453f3f; font-family: 'Scala Sans Pro Italic', 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif; font-size: 12px; letter-spacing: 0.3px; line-height: 16px; } .qmKlvMRR { color: #ad4141; font-family: 'Scala Sans Pro Italic', 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif; font-size: 12px; letter-spacing: 0.3px; line-height: 24px; padding-top: 4px; position: relative; span, p { &::before { background-color: #ad4141; content: ''; display: block; height: 0.5px; left: 0; position: absolute; top: 0; width: 100%; } } } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .wwPMiVZC { background-color: #f6f4f2; height: 100%; min-width: 480px; position: fixed; right: 0; top: 0; transform: translateX(101%); transition: 0.33s cubic-bezier(0.4, 0, 0.25, 1); z-index: 101; } @media (max-width: 767px) { .wwPMiVZC { min-width: unset; width: 90%; } } .ty9unZyy { align-items: center; background-color: transparent; cursor: pointer; display: flex; justify-content: center; position: absolute; right: 24px; top: 40px; z-index: 2; } .ty9unZyy svg { color: #1a1919; height: 24px; padding: 12px; transition: border 0.33s ease-in-out; width: 24px; } .wwPMiVZC.pwrkB19a { transform: translateX(0); transition: 0.33s cubic-bezier(0.4, 0, 0.25, 1); } /* ========================================================================== CSS module to expose our SCSS vars ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ /* stylelint-disable property-no-unknown, selector-pseudo-class-no-unknown */ /* stylelint-enable property-no-unknown */ /* ========================================================================== Max-height container style definitions. ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .OqJKzDRQ { background-color: var(--backgroundColor); position: relative; } .OqJKzDRQ .U4I4HKKb { max-height: inherit; overflow: auto; /* stylelint-disable */ /* stylelint-enable */ } .OqJKzDRQ .U4I4HKKb::-webkit-scrollbar { appearance: none; -webkit-appearance: none; width: 2px; } .OqJKzDRQ .U4I4HKKb::-webkit-scrollbar-thumb { background-color: #d8d8d8; border-radius: 8px; } .OqJKzDRQ .U4I4HKKb::-webkit-scrollbar-track { background-color: #f6f4f2; margin-bottom: 8px; margin-top: 8px; } .OqJKzDRQ .LZfK4817, .OqJKzDRQ .qp0PWzgB { left: 0; pointer-events: none; position: absolute; right: 0; z-index: 1; } .OqJKzDRQ .qp0PWzgB { background: linear-gradient(to top, var(--backgroundColor), transparent); bottom: 0; height: 40px; } .OqJKzDRQ .LZfK4817 { background: linear-gradient(to bottom, var(--backgroundColor), transparent); height: 24px; top: 0; } /* ========================================================================== ProductDescription Module Style Definitions ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .rmSEEAjz { background-color: var(--backgroundColor); width: 100%; } @media (max-width: 1023px) { .rmSEEAjz { padding: 40px; } } @media (min-width: 1024px) { .rmSEEAjz { padding: 40px 80px; } } @media (min-width: 1440px) { .rmSEEAjz { padding: 64px 0; } } @media (min-width: 2560px) { .rmSEEAjz { padding: 88px 0; } } .rmSEEAjz ul { list-style: none; margin: 0; padding: 0; } .rmSEEAjz .jadZnumU { color: var(--preTitle); display: flex; font-size: 12px; justify-content: flex-start; letter-spacing: 2px; padding: 0; text-transform: uppercase; } .rmSEEAjz .jadZnumU span { align-items: center; cursor: pointer; display: flex; gap: 8px; line-height: 16px; } .rmSEEAjz .x84oDDf8 { margin: 32px auto 0; } @media (max-width: 1023px) { .rmSEEAjz .x84oDDf8 { margin-top: 40px; } } @media (min-width: 1024px) { .rmSEEAjz .x84oDDf8 { column-gap: 112px; columns: 2; } } @media (min-width: 1440px) { .rmSEEAjz .x84oDDf8 { max-width: 1160px; } } @media (min-width: 2560px) { .rmSEEAjz .x84oDDf8 { max-width: 1760px; } } .rmSEEAjz .x84oDDf8 ._2JXIz9vO { color: var(--titleColor); } @media (max-width: 1023px) { .rmSEEAjz .x84oDDf8 ._2JXIz9vO { position: relative; } } .rmSEEAjz .x84oDDf8 ._2JXIz9vO a { color: var(--titleColor); font-size: 24px; left: 0; position: absolute; text-align: right; width: 100%; } @media (min-width: 1024px) { .rmSEEAjz .x84oDDf8 ._2JXIz9vO a { display: none; } } .rmSEEAjz .XZvmkKc6 { will-change: auto !important; } @media (max-width: 1023px) { .rmSEEAjz .XZvmkKc6 { border-top: 1px solid var(--borderColor); height: auto; opacity: 0; padding: 16px 0; } } @media (min-width: 1024px) { .rmSEEAjz .XZvmkKc6 { border: none; break-inside: avoid; padding: 0 0 32px; } } .rmSEEAjz .XZvmkKc6:last-child { border-bottom: 1px solid var(--borderColor); } @media (min-width: 1024px) { .rmSEEAjz .XZvmkKc6:last-child { border: none; } } .rmSEEAjz .XZvmkKc6 h4 { margin-bottom: 8px; } .rmSEEAjz .Oizh8ToE { display: flex; flex-direction: column; gap: 24px; will-change: auto !important; } .rmSEEAjz .Oizh8ToE .G2PlksWy, .rmSEEAjz .Oizh8ToE .G2PlksWy * { color: var(--paragraphColor); } .rmSEEAjz .xTwJ_3nk { display: flex; margin-top: 8px; } .rmSEEAjz .xTwJ_3nk li { align-items: center; display: flex; flex-direction: column; } .rmSEEAjz .xTwJ_3nk li + li { margin-left: 40px; } .rmSEEAjz .xTwJ_3nk .KyK581fr { color: var(--paragraphColor); margin-top: 8px; text-align: center; } .rmSEEAjz .ccASFVu5 { background-color: var(--paragraphColor); mask-size: contain; } .rmSEEAjz .Idv1o6uE { max-width: 366px; visibility: hidden; } .rmSEEAjz .Idv1o6uE > div { background-color: #f6f4f2; height: 100%; } .rmSEEAjz .Idv1o6uE button { background-color: #f6f4f2; } @media (min-width: 768px) and (max-width: 1023px) { .rmSEEAjz .Idv1o6uE { max-width: 480px; } } @media (min-width: 1024px) { .rmSEEAjz .Idv1o6uE { max-width: 400px; } } @media (min-width: 1440px) { .rmSEEAjz .Idv1o6uE { max-width: 480px; } } @media (min-width: 2560px) { .rmSEEAjz .Idv1o6uE { max-width: 640px; } } .rmSEEAjz .fJhUf9fk { height: 100%; } .rmSEEAjz .fJhUf9fk .n_4wXRbt { padding: 40px 24px 24px; } .rmSEEAjz .fJhUf9fk h3, .rmSEEAjz .fJhUf9fk .cJ7nzO0R { margin-bottom: 8px; } .rmSEEAjz .fJhUf9fk .T6_g_XYr { padding: 0 24px; } .rmSEEAjz .xN2gLcEE { visibility: visible; } .rmSEEAjz.KBYa9KJ_ { --backgroundColor: #ffffff; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; --borderColor: #d8d8d8; } .rmSEEAjz.hlQXePpU { --backgroundColor: #faf9f7; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; --borderColor: #d8d8d8; } .rmSEEAjz._bLgwTty { --backgroundColor: #f6f4f2; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --preTitle: #9a7b69; --titleColor: #1a1919; --borderColor: #d8d8d8; } .rmSEEAjz.XtC3831U { --backgroundColor: #242222; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --borderColor: rgba($white, 0.24); } .rmSEEAjz._xUOjGIl { --backgroundColor: #0a152b; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --borderColor: rgba($white, 0.24); } .rmSEEAjz.MIhCIoW7 { --backgroundColor: #0d1a34; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --borderColor: rgba($white, 0.24); } .rmSEEAjz.C_RdCUU1 { --backgroundColor: #19251d; --iconColor: #b8a188; --linkColor: #b8a188; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --borderColor: rgba($white, 0.24); } .rmSEEAjz.gHeJiQBR { --backgroundColor: #19251d; --iconColor: #b8a188; --linkColor: #b8a188; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --backgroundColor: #1d2c22; --linkColor: #ffffff; --borderColor: rgba($white, 0.24); } .rmSEEAjz.OIcZiXfB { --backgroundColor: #5b1218; --iconColor: #c2ae99; --linkColor: #c2ae99; --paragraphColor: #ffffff; --preTitle: #c2ae99; --titleColor: #ffffff; --borderColor: rgba($white, 0.24); } .rmSEEAjz.YUu0MpWF { --backgroundColor: #68161d; --iconColor: #c2ae99; --linkColor: #c2ae99; --paragraphColor: #ffffff; --preTitle: #c2ae99; --titleColor: #ffffff; --borderColor: rgba($white, 0.24); } /* ========================================================================== CSS module to expose our generic styles ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .YQ0BiQg6 { color: #9a7b69; font-family: "ClassGarmnd BT", "Times New Roman", serif; font-size: 12px; letter-spacing: 1.8px; line-height: 16px; text-transform: uppercase; } .oO8YyeA7 { color: #9a7b69; font-family: "ClassGarmnd BT", "Times New Roman", serif; font-size: 12px; letter-spacing: 1.8px; line-height: 16px; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; } .YOBSUfCX { border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } /* ========================================================================== Product Description Intro Module Style Definitions ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .c8hQSk4r { background-color: var(--backgroundColor); } @media (max-width: 1023px) { .c8hQSk4r { padding: 40px; } } @media (min-width: 1024px) { .c8hQSk4r { padding: 40px 80px; } } @media (min-width: 1440px) { .c8hQSk4r { padding: 64px 0; } } @media (min-width: 2560px) { .c8hQSk4r { padding: 88px 0; } } .c8hQSk4r.w_YFjRL5 { --backgroundColor: #ffffff; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; } .c8hQSk4r.whZDLFO6 { --backgroundColor: #faf9f7; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; } .c8hQSk4r.wgE_tYCa { --backgroundColor: #f6f4f2; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --preTitle: #9a7b69; --titleColor: #1a1919; } .c8hQSk4r.XmD7r_Ku { --backgroundColor: #242222; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; } .c8hQSk4r.I9i_lTIY { --backgroundColor: #0a152b; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; } .c8hQSk4r.rCA8ANur { --backgroundColor: #0d1a34; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; } .c8hQSk4r.LvyAwE4L { --backgroundColor: #19251d; --iconColor: #b8a188; --linkColor: #b8a188; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; } .c8hQSk4r.ky7MbZ4z { --backgroundColor: #19251d; --iconColor: #b8a188; --linkColor: #b8a188; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --backgroundColor: #1d2c22; --linkColor: #ffffff; } .c8hQSk4r.Kbc1aW0k { --backgroundColor: #5b1218; --iconColor: #c2ae99; --linkColor: #c2ae99; --paragraphColor: #ffffff; --preTitle: #c2ae99; --titleColor: #ffffff; } .c8hQSk4r.lFOnNcjT { --backgroundColor: #68161d; --iconColor: #c2ae99; --linkColor: #c2ae99; --paragraphColor: #ffffff; --preTitle: #c2ae99; --titleColor: #ffffff; } .IN439edl { position: relative !important; } @media (max-width: 1023px) { .IN439edl { margin: 0 auto; max-width: 500px; text-align: center; } } @media (min-width: 1024px) { .IN439edl { display: flex; } } @media (min-width: 1440px) { .IN439edl { margin: 0 auto; max-width: 1160px; } } @media (min-width: 2560px) { .IN439edl { max-width: 1760px; } } @media (min-width: 1024px) { .IN439edl .lfUhkZKV { flex-shrink: 0; margin-left: 64px; width: 280px; } } @media (min-width: 2560px) { .IN439edl .lfUhkZKV { margin-left: 128px; width: 320px; } } .IN439edl .lfUhkZKV ul { list-style: none; margin: 16px 0 0; padding: 0; } .IN439edl .lfUhkZKV ul .KwIpyBKB { color: var(--paragraphColor); } .IN439edl .lfUhkZKV li + li { margin-top: 8px; } .IN439edl .UyN7M1Y6 { color: var(--titleColor); } .IN439edl .MRkK7AA5 { color: var(--preTitle); } .IN439edl .hWUN2Ltt { display: inline-block; font-size: 12px; letter-spacing: 2px; padding: 0; text-transform: uppercase; width: max-content; } .IN439edl .hWUN2Ltt:hover { text-decoration: none; } .IN439edl .hWUN2Ltt span { align-items: center; color: var(--paragraphColor); cursor: pointer; display: flex; gap: 8px; line-height: 16px; } .IN439edl .hWUN2Ltt svg { height: 16px; width: 16px; } .IN439edl .vo9SojNR { display: flex; flex-direction: column; gap: 24px; } @media (max-width: 1023px) { .IN439edl .vo9SojNR { margin-bottom: 40px; } } @media (min-width: 1024px) { .IN439edl .vo9SojNR { flex-grow: 1; } } .IN439edl .vo9SojNR a { color: var(--paragraphColor); } @media (max-width: 1023px) { .IN439edl .vo9SojNR a { display: none; } } .TH_uIsZd { [role='button'] { text-align: left; } button { font-weight: 400; } } .UhVZOxZ5 { font-size: 14px; font-weight: 300; letter-spacing: 0.4px; line-height: 24px; text-rendering: optimizeLegibility; white-space: pre-line; @media only screen and (min-width: 2560px) { font-size: 16px; letter-spacing: 0.6px; } } .In5am8Qv { color: #c2ae99 !important; display: inline; font-weight: 300; letter-spacing: 0.4px; line-height: 24px; padding: 0; } .k9qUyQUV { display: inline; } .s5rbfk9Z { background: #fff; } .NSutRXXH { @media only screen and (min-width: 1024px) { padding-top: 56px; /* breadcrumb 16px + 40px padding*/ } } .k4xs7Bq2 { width: 100%; text-align: center; padding: 50px; } .PWM9Pxnv { margin: 0 auto; padding: 24px; @media only screen and (min-width: 768px) { padding: 24px 40px; } @media only screen and (min-width: 1024px) { padding: 48px; } @media only screen and (min-width: 1440px) { max-width: 1320px; padding: 40px 0; } @media only screen and (min-width: 2560px) { max-width: 1920px; padding: 56px 0 40px; } button { color: #1a1919; border: 1px solid rgba(26, 25, 25, 0.16); gap: 16px; padding: 20px 32px; width: 100%; @media only screen and (min-width: 768px) { width: auto; } } } .xI5Wv6pN { svg { color: #9a7b69; } } .jOCDBLMz { width: 100% !important; } .K6pILcYT { display: flex; flex-direction: column; gap: 24px; margin: 0 auto; padding: 32px 24px; width: 100%; @media only screen and (min-width: 768px) { padding: 40px; } @media only screen and (min-width: 1024px) { flex-direction: row; padding: 32px 48px 48px; & div { width: 100%; svg { min-width: fit-content; } } } @media only screen and (min-width: 1440px) { max-width: 1320px; padding: 32px 0 48px; } @media only screen and (min-width: 2560px) { max-width: 1920px; } &.hcD_dxQ6 > div { width: 100%; svg { min-width: fit-content; } @media only screen and (min-width: 1024px) { width: 50%; } } & > div > div:first-child { flex: 2; } & > div > div:last-child { flex: 3; } svg { color: #9a7b69; height: 24px; } } /* ========================================================================== Two Tile Style Definitions ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .tTPKv9xL { background-color: var(--backgroundColor); display: flex; flex-direction: column; gap: 24px; margin: auto; } .tTPKv9xL.PSbVdAGo { align-items: center; gap: 30px; } @media (min-width: 1024px) { .tTPKv9xL.PSbVdAGo { gap: 48px; } } @media (min-width: 1440px) { .tTPKv9xL.PSbVdAGo { gap: 64px; } } .tTPKv9xL img { color: var(--paragraphColor); } .tTPKv9xL .TKVvKA_F { color: var(--titleColor); } .tTPKv9xL .TKVvKA_F.PSbVdAGo { margin-bottom: 6px; } .tTPKv9xL .SE5taD8G { color: var(--descriptionColor); } @media (min-width: 768px) { .tTPKv9xL .SE5taD8G.PSbVdAGo { width: 85%; } } @media (min-width: 1024px) { .tTPKv9xL .SE5taD8G.PSbVdAGo { width: 100%; } } @media (min-width: 768px) { .tTPKv9xL { align-items: flex-end; flex-direction: row; } } @media (min-width: 1024px) { .tTPKv9xL { gap: 64px; } } @media (min-width: 1440px) { .tTPKv9xL { max-width: 1320px; } } @media (min-width: 2560px) { .tTPKv9xL { max-width: 1920px; } } .tTPKv9xL.RzD3Rbed { flex-direction: column-reverse; } @media (min-width: 768px) { .tTPKv9xL.RzD3Rbed { flex-direction: row-reverse; } } .tTPKv9xL .u74u2C98 { align-items: flex-end; aspect-ratio: 3/4; display: flex; height: auto; max-height: 400px; min-width: 100%; overflow: hidden; width: 100%; } @media (min-width: 768px) { .tTPKv9xL .u74u2C98 { aspect-ratio: 1; min-width: 60%; } } @media (min-width: 1024px) { .tTPKv9xL .u74u2C98 { aspect-ratio: 4/3; max-height: 480px; min-width: 65%; } } @media (min-width: 1440px) { .tTPKv9xL .u74u2C98 { aspect-ratio: 4/3; max-height: 640px; } } @media (min-width: 2560px) { .tTPKv9xL .u74u2C98 { max-height: 960px; min-width: 70%; } } .tTPKv9xL .u74u2C98 .tYZHB82a { height: 100%; width: 100%; } .tTPKv9xL .u74u2C98.PSbVdAGo { height: 352px; max-height: 100%; } @media (min-width: 768px) { .tTPKv9xL .u74u2C98.PSbVdAGo { height: 552px; } } @media (min-width: 1440px) { .tTPKv9xL .u74u2C98.PSbVdAGo { height: 640px; } } @media (min-width: 2560px) { .tTPKv9xL .u74u2C98.PSbVdAGo { height: 960px; } } .tTPKv9xL .XS1nNR1r { display: flex; flex-direction: column; gap: 24px; width: 100%; } @media (min-width: 768px) { .tTPKv9xL .XS1nNR1r { padding-bottom: 40px; } } @media (min-width: 1440px) { .tTPKv9xL .XS1nNR1r { padding-bottom: 96px; } } @media (min-width: 2560px) { .tTPKv9xL .XS1nNR1r { padding-bottom: 128px; } } .tTPKv9xL .XS1nNR1r .q7PyhhPx { display: flex; flex-direction: column; gap: 8px; } @media (min-width: 1024px) { .tTPKv9xL .XS1nNR1r .q7PyhhPx p { font-size: 16px; letter-spacing: 0.6px; } } @media (min-width: 2560px) { .tTPKv9xL .XS1nNR1r .q7PyhhPx h2 { font-size: 50px; } } .tTPKv9xL .XS1nNR1r .pRGBYst8 { color: var(--preTitle); } .tTPKv9xL .XS1nNR1r .pRGBYst8.PSbVdAGo { display: block; margin-bottom: 10px; padding-bottom: 16px; position: relative; } .tTPKv9xL .XS1nNR1r .pRGBYst8.PSbVdAGo::after { background-color: #9a7b69; content: ""; display: block; height: 1px; position: absolute; top: 100%; width: 24px; } .tTPKv9xL .XS1nNR1r .h7TJOYDn { margin-bottom: 16px; } .tTPKv9xL .XS1nNR1r .TbKh_bWH { padding: 20px 32px; width: fit-content; } .tTPKv9xL .XS1nNR1r .TbKh_bWH.PSbVdAGo { margin: 0 auto; } @media (min-width: 768px) { .tTPKv9xL .XS1nNR1r .TbKh_bWH.PSbVdAGo { margin: 0; } } .tTPKv9xL .XS1nNR1r.PSbVdAGo { gap: 8px; padding-bottom: 0; } .tTPKv9xL .Uy0e7Ka6.DlILneQb { cursor: pointer; } .tTPKv9xL .Uy0e7Ka6._vOUSHF0 { background-color: #ffffff; cursor: default; height: 100%; inset: 0; position: fixed; width: 100%; z-index: 22; } .tTPKv9xL .iTcH2Cfe { background-color: #ffffff; border: none; border-radius: 50%; color: #1a1919; cursor: pointer; height: 64px; padding: 20px; position: fixed; right: 40px; top: 40px; width: 64px; z-index: 23; } .tTPKv9xL.IuE1elJ7 { align-items: unset; } @media (min-width: 768px) { .tTPKv9xL.IuE1elJ7 .u74u2C98 { aspect-ratio: unset; max-height: unset; min-width: 60%; overflow: hidden; position: relative; } } @media (min-width: 1024px) { .tTPKv9xL.IuE1elJ7 .u74u2C98 { min-width: 65%; } } @media (min-width: 2560px) { .tTPKv9xL.IuE1elJ7 .u74u2C98 { min-width: 70%; } } @media (min-width: 768px) { .tTPKv9xL.IuE1elJ7 .tYZHB82a { aspect-ratio: unset; height: 100%; max-height: unset; min-width: unset; object-fit: cover; overflow: hidden; position: absolute; width: 100%; } } @media (min-width: 768px) { .tTPKv9xL.IuE1elJ7 .Uy0e7Ka6 { min-height: unset; object-fit: cover; } } @media (min-width: 768px) { .tTPKv9xL.IuE1elJ7 .XS1nNR1r { padding: 40px 0; } } @media (min-width: 1024px) { .tTPKv9xL.IuE1elJ7 .XS1nNR1r { padding: 64px 0; } } @media (min-width: 1440px) { .tTPKv9xL.IuE1elJ7 .XS1nNR1r { padding: 96px 0; } } @media (min-width: 2560px) { .tTPKv9xL.IuE1elJ7 .XS1nNR1r { padding: 240px 0; } } .Ys_lczAA { background-color: var(--backgroundColor); padding: 24px 24px 40px; } .Ys_lczAA.PSbVdAGo { padding: 32px 24px; } @media (min-width: 768px) { .Ys_lczAA.PSbVdAGo { padding: 40px; } } @media (min-width: 1024px) { .Ys_lczAA.PSbVdAGo { padding: 64px; } } @media (min-width: 1440px) { .Ys_lczAA.PSbVdAGo { padding: 96px; } } @media (min-width: 2560px) { .Ys_lczAA.PSbVdAGo { padding: 96px 320px; } } @media (min-width: 768px) { .Ys_lczAA { padding: 40px; } } @media (min-width: 1024px) { .Ys_lczAA { padding: 64px 40px; } } @media (min-width: 1440px) { .Ys_lczAA { padding: 64px 96px; } } @media (min-width: 2560px) { .Ys_lczAA { padding: 96px 320px; } } .Ys_lczAA.HbkH2ZQ1 { --backgroundColor: #ffffff; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; --descriptionColor: #453f3f; } .Ys_lczAA.rhiDT1hB { --backgroundColor: #faf9f7; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; --descriptionColor: #453f3f; } .Ys_lczAA.Ht_XCiuL { --backgroundColor: #f6f4f2; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --preTitle: #9a7b69; --titleColor: #1a1919; --descriptionColor: #453f3f; } .Ys_lczAA.pdPLqK0T { --backgroundColor: #1a1919; --errorColor: #de4b4b; --iconColor: #ffffff; --linkColor: #9a7b69; --paragraphColor: #ffffff; --placeholderColor: #d8d8d8; --preTitle: #b8a188; --titleColor: #ffffff; --descriptionColor: #d8d8d8; } .Ys_lczAA.dXUku_2N { --backgroundColor: #242222; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --descriptionColor: #d8d8d8; } .Ys_lczAA.I1LYn4pD { --backgroundColor: #0a152b; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --descriptionColor: #d8d8d8; } .Ys_lczAA.a9bV9CM2 { --backgroundColor: #0d1a34; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --descriptionColor: #d8d8d8; } .Ys_lczAA.l2ctgE27 { --backgroundColor: #19251d; --iconColor: #b8a188; --linkColor: #b8a188; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --descriptionColor: #ffffff; } .Ys_lczAA.X15yvLRp { --backgroundColor: #19251d; --iconColor: #b8a188; --linkColor: #b8a188; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --backgroundColor: #1d2c22; --linkColor: #ffffff; --descriptionColor: #ffffff; } .Ys_lczAA.r7iKcS0g { --backgroundColor: #5b1218; --iconColor: #c2ae99; --linkColor: #c2ae99; --paragraphColor: #ffffff; --preTitle: #c2ae99; --titleColor: #ffffff; --descriptionColor: #ffffff; } .Ys_lczAA.TV1owxWy { --backgroundColor: #68161d; --iconColor: #c2ae99; --linkColor: #c2ae99; --paragraphColor: #ffffff; --preTitle: #c2ae99; --titleColor: #ffffff; --descriptionColor: #ffffff; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .tVfV2QIw { height: 184px; position: relative; width: 280px; } .tVfV2QIw .CMx8_TKb { position: absolute; right: 0; top: 0; z-index: 1; } .tVfV2QIw .jiPiFgy_ { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 1; } .tVfV2QIw .zMokWFXx { height: 100%; width: 100%; } .tVfV2QIw .XsWhAQbj { color: #ffffff; z-index: 2; } .tVfV2QIw .J3Br8ssf { display: block; } .tVfV2QIw .o5uyoj3N { color: #ffffff; display: block; height: 32px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 32px; z-index: 3; } .tVfV2QIw.dX2HscX8 { border-bottom: 2px solid #7f7f7f; } .tVfV2QIw.dX2HscX8.gOf3jr6p { border-color: #d2a74d; } .tVfV2QIw.dX2HscX8.L_cTwgcx { border-color: #4da296; } .tVfV2QIw.j_xLBAlg::after { background: rgba(152, 89, 78, 0.2); backdrop-filter: blur(12px); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; } .tVfV2QIw .CNvjwBLk, .tVfV2QIw .xD5SSEzf { height: 100%; width: 100%; } .tVfV2QIw .CNvjwBLk img, .tVfV2QIw .xD5SSEzf img { height: 100%; object-fit: cover; width: 100%; } .tVfV2QIw .CNvjwBLk .SeClMqLI, .tVfV2QIw .xD5SSEzf .SeClMqLI { height: 136px; object-fit: contain; width: 136px; } .tVfV2QIw .yetbJwi7 { align-items: center; background-color: #ffffff; bottom: 20px; display: flex; gap: 10px; left: 0; max-width: 100%; padding: 8px 16px; position: absolute; z-index: 6; } .tVfV2QIw .yetbJwi7 svg { height: 16px; position: relative; width: 16px; } /* ========================================================================== CTA Block Style Definitions ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ @media (min-width: 1024px) { .ItkH00JD.jtyohiKI, .ItkH00JD.d5hnhFsX, .ItkH00JD.Z6B5M4tB { gap: 32px; } } .BoDfwQIN.jtyohiKI .pdnhJ1bX, .BoDfwQIN.Z6B5M4tB .pdnhJ1bX { flex-direction: column; } .BoDfwQIN.jtyohiKI .oSxnoYP2, .BoDfwQIN.d5hnhFsX .oSxnoYP2, .BoDfwQIN.Z6B5M4tB .oSxnoYP2 { border-radius: 5px; height: 48px; width: 162px; } @media (min-width: 768px) { .BoDfwQIN.jtyohiKI .oSxnoYP2, .BoDfwQIN.d5hnhFsX .oSxnoYP2, .BoDfwQIN.Z6B5M4tB .oSxnoYP2 { height: 56px; width: 190px; } } @media (min-width: 1024px) { .BoDfwQIN.jtyohiKI .oSxnoYP2, .BoDfwQIN.d5hnhFsX .oSxnoYP2, .BoDfwQIN.Z6B5M4tB .oSxnoYP2 { height: 40px; width: 136px; } } @media (min-width: 1440px) { .BoDfwQIN.jtyohiKI .oSxnoYP2, .BoDfwQIN.d5hnhFsX .oSxnoYP2, .BoDfwQIN.Z6B5M4tB .oSxnoYP2 { height: 56px; width: 190px; } } @media (min-width: 2560px) { .BoDfwQIN.jtyohiKI .oSxnoYP2, .BoDfwQIN.d5hnhFsX .oSxnoYP2, .BoDfwQIN.Z6B5M4tB .oSxnoYP2 { height: 64px; width: 216px; } } .BoDfwQIN.jtyohiKI { max-width: 240px; } .BoDfwQIN.d5hnhFsX { max-width: 342px; min-width: 240px; } .BoDfwQIN.d5hnhFsX .pdnhJ1bX { flex-direction: row; } .BoDfwQIN.Z6B5M4tB { min-width: 342px; } .BoDfwQIN.Z6B5M4tB .BZZKVnh4 { flex-shrink: 0; height: 126px; position: relative; width: 126px; } @media (min-width: 2560px) { .BoDfwQIN.Z6B5M4tB .BZZKVnh4 { height: 174px; width: 174px; } } .BoDfwQIN.Z6B5M4tB .BZZKVnh4::after { background-color: rgba(26, 25, 25, 0.16); content: ""; display: block; height: 80%; position: absolute; right: -16px; top: 50%; transform: translateY(-50%); width: 1px; } .pdnhJ1bX { display: flex; gap: 8px; height: 100%; width: 100%; } .MSAw1QHb { align-items: center; display: flex; gap: 32px; } .MSAw1QHb .BZZKVnh4 img, .MSAw1QHb .oSxnoYP2 img { height: 100%; object-fit: cover; width: 100%; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .PBmqHQNp { overflow: hidden; padding: 16px 0; width: 390px; } @media (min-width: 768px) { .PBmqHQNp { width: 760px; } } @media (min-width: 1024px) { .PBmqHQNp { width: 445px; } } @media (min-width: 1440px) { .PBmqHQNp { width: 460px; } } @media (min-width: 2560px) { .PBmqHQNp { width: 712px; } } .B3uX0qXe { display: flex; flex-direction: column; gap: 24px; } .D2WKSqwg { /* stylelint-disable */ --swiper-navigation-size: 12px; position: relative; } .D2WKSqwg::part(button-next), .D2WKSqwg::part(button-prev) { color: #626262; display: flex; height: 100%; opacity: 1; top: calc(50% + 6px); transform: translateY(-50%); transition: opacity 0.6s cubic-bezier(0.4, 0, 0.25, 1); } .D2WKSqwg::part(button-next)::before, .D2WKSqwg::part(button-prev)::before { background: linear-gradient(180deg, rgba(246, 244, 242, 0) 0%, #f6f4f2 100%); content: ""; height: 100%; opacity: 1; position: absolute; transform: rotate(-90deg); transition: opacity 0.6s cubic-bezier(0.4, 0, 0.25, 1); width: 72px; z-index: -1; } .D2WKSqwg::part(button-next) { right: 10px; } .D2WKSqwg::part(button-prev) { left: 10px; } .D2WKSqwg::part(button-prev)::before { background: linear-gradient(-180deg, rgba(246, 244, 242, 0) 0%, #f6f4f2 100%); transform: rotate(90deg); } .AO87gbJb { height: 100%; width: 100%; } .uSZZViSE { height: 72px; position: relative; width: 72px; } @media (min-width: 2560px) { .uSZZViSE { height: 88px; width: 88px; } } .uSZZViSE svg { color: #ffffff; font-size: 32px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .uSZZViSE:before { background-color: #9a7b69; content: ""; height: 1px; left: 0; position: absolute; top: 0; transition: width 0.3s cubic-bezier(0.5, 0, 0.4, 1); width: 0; } @media (min-width: 1024px) { .uSZZViSE:hover:before { width: 100%; } } .HT04biOW { background-color: #ffffff; } .HT04biOW:before { width: 100%; } .YkLlUek7 { background-color: #d8d8d8; } .Kdw0QZX3 { align-items: center; display: flex; gap: 8px; margin-bottom: 8px; } .BnvK38Aq { font-weight: bold !important; } .vP7BDMa3 { @media only screen and (min-width: 1024px) { gap: 24px; } @media only screen and (min-width: 1440px) { gap: 64px; } .SE1YkGap { aspect-ratio: 0.9; width: 100%; @media only screen and (min-width: 768px) { aspect-ratio: 1; } @media only screen and (min-width: 1440px) { aspect-ratio: 16/9; } } video + div { opacity: 1; } } .xIkf_13Y * { color: var(--fontColor); } .DZ0uRAIy { margin-top: 24px; } .F2uGtjue { a:last-child { background-color: transparent; border-color: #ffffff; color: #ffffff; &:hover { background-color: #1a1919; border-color: transparent; color: #ffffff; } } } .mzvJufXM { a:last-child { background-color: transparent; color: var(--fontColor); &:hover { background-color: #1a1919; color: #ffffff; } } } .lNdlupgO { a:last-child { background-color: #1a1919; color: #ffffff; &:hover { background-color: transparent; color: var(--fontColor); } } } .r4v1B5F6 { font-size: 16px; letter-spacing: 0.6px; line-height: 24px; } /* ========================================================================== Usp Style Definitions ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .XvdCssiK { cursor: pointer; margin: auto; width: 100%; /* stylelint-disable */ --swiper-pagination-bottom: 0px; --swiper-pagination-bullet-inactive-color: var(--iconColor); --swiper-pagination-bullet-size: 4px; --swiper-theme-color: var(--iconColor); /* stylelint-enable */ } .XvdCssiK .xF0TixIy { align-items: center; display: flex; flex-direction: column; gap: 16px; min-width: 100vw; padding: 0 48px 48px; } .XvdCssiK .xF0TixIy .cz8XYjHP { background-color: var(--iconColor); flex-shrink: 0; height: 32px; mask-repeat: no-repeat; mask-size: contain; position: relative; width: 32px; } .XvdCssiK .xF0TixIy .lSl70IIG { color: var(--paragraphColor); text-align: center; } .XvdCssiK .xF0TixIy .lSl70IIG a { color: #9a7b69; text-decoration: underline; } .CMcDLi29 { background-color: var(--backgroundColor); padding: 24px 24px 16px; position: relative; } @media (min-width: 768px) { .CMcDLi29 { padding: 24px 40px 16px; } } @media (min-width: 1024px) { .CMcDLi29 { padding: 40px 40px 24px; } } .CMcDLi29.hpbVJ9rj { padding: 40px 0 0; } @media (min-width: 1024px) { .CMcDLi29.hpbVJ9rj { padding-left: 40px; padding-right: 40px; } } @media (min-width: 1440px) { .CMcDLi29.hpbVJ9rj { padding-left: 96px; padding-right: 96px; } } @media (min-width: 2560px) { .CMcDLi29.hpbVJ9rj { padding-left: 320px; padding-right: 320px; } } .CMcDLi29.zmTUJvBc { padding: 40px 0; } @media (min-width: 768px) { .CMcDLi29.zmTUJvBc { padding: 48px 32px; } } @media (min-width: 1024px) { .CMcDLi29.zmTUJvBc { padding: 64px 88px; } } @media (min-width: 1440px) { .CMcDLi29.zmTUJvBc { padding: 64px 96px; } } @media (min-width: 2560px) { .CMcDLi29.zmTUJvBc { padding: 128px 320px; } } @media (min-width: 768px) { .CMcDLi29.EZL76LuL { padding: 48px 0; } } .CMcDLi29.NC_x7D2P { --backgroundColor: #ffffff; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; --iconColorUspLeft: #1a1919; --borderColor: #d8d8d8; } .CMcDLi29.eyd6Q_n6 { --backgroundColor: #faf9f7; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; --iconColorUspLeft: #1a1919; --borderColor: #d8d8d8; } .CMcDLi29.q2gmI31F { --backgroundColor: #f6f4f2; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --preTitle: #9a7b69; --titleColor: #1a1919; --iconColorUspLeft: #1a1919; --borderColor: #d8d8d8; } .CMcDLi29.feYbPyCA { --backgroundColor: #242222; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --iconColorUspLeft: #b8a188; --iconColor: #b8a188; --borderColor: rgba(255, 255, 255, 0.24); } .CMcDLi29.wFp4eb2b { --backgroundColor: #0a152b; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --iconColorUspLeft: #b8a188; --iconColor: #b8a188; --borderColor: rgba(255, 255, 255, 0.24); } .CMcDLi29.w0PpD7Io { --backgroundColor: #0d1a34; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --iconColorUspLeft: #b8a188; --iconColor: #b8a188; --borderColor: rgba(255, 255, 255, 0.24); } .CMcDLi29.OLoxfEFj { --backgroundColor: #19251d; --iconColor: #b8a188; --linkColor: #b8a188; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --iconColorUspLeft: #b8a188; --borderColor: rgba(255, 255, 255, 0.24); } .CMcDLi29.Sde6jFFA { --backgroundColor: #19251d; --iconColor: #b8a188; --linkColor: #b8a188; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --backgroundColor: #1d2c22; --linkColor: #ffffff; --iconColorUspLeft: #b8a188; --borderColor: rgba(255, 255, 255, 0.24); } .CMcDLi29.Sbub7n5H { --backgroundColor: #5b1218; --iconColor: #c2ae99; --linkColor: #c2ae99; --paragraphColor: #ffffff; --preTitle: #c2ae99; --titleColor: #ffffff; --iconColorUspLeft: #c2ae99; --borderColor: rgba(255, 255, 255, 0.24); } .CMcDLi29.Sbub7n5H .wUPmXqu5.hpbVJ9rj .YlIhCT2z .cz8XYjHP { background-color: #c2ae99; } .CMcDLi29.Sbub7n5H .wUPmXqu5 .YlIhCT2z .cz8XYjHP { background-color: #c2ae99; } .CMcDLi29.Sbub7n5H .wUPmXqu5 .YlIhCT2z .lSl70IIG a { color: #c2ae99; } .CMcDLi29.M9S9BRTP { --backgroundColor: #68161d; --iconColor: #c2ae99; --linkColor: #c2ae99; --paragraphColor: #ffffff; --preTitle: #c2ae99; --titleColor: #ffffff; --iconColorUspLeft: #c2ae99; --borderColor: rgba(255, 255, 255, 0.24); } .CMcDLi29.M9S9BRTP .wUPmXqu5.hpbVJ9rj .YlIhCT2z .cz8XYjHP { background-color: #c2ae99; } .CMcDLi29.M9S9BRTP .wUPmXqu5 .YlIhCT2z .cz8XYjHP { background-color: #c2ae99; } .CMcDLi29.M9S9BRTP .wUPmXqu5 .YlIhCT2z .lSl70IIG a { color: #c2ae99; } .wUPmXqu5 { background-color: var(--backgroundColor); display: flex; flex-direction: column; gap: 8px; justify-content: center; margin: auto; } @media (min-width: 1024px) { .wUPmXqu5 { gap: 16px; } } @media (min-width: 1440px) { .wUPmXqu5 { max-width: 1320px; } } @media (min-width: 2560px) { .wUPmXqu5 { max-width: 1920px; } } .wUPmXqu5 .KLXucsw_ { color: var(--paragraphColor); display: flex; flex-direction: column; gap: 8px; } .wUPmXqu5 .KLXucsw_ .OlPgk42r { color: var(--titleColor); } .wUPmXqu5 .KLXucsw_ .lSl70IIG { color: var(--paragraphColor); } .wUPmXqu5 .YlIhCT2z { display: flex; flex-direction: column; gap: 8px; max-width: 100%; overflow: hidden; } .wUPmXqu5 .YlIhCT2z .cdz4XNZi { align-items: center; display: flex; gap: 16px; word-break: break-word; } .wUPmXqu5 .YlIhCT2z .cdz4XNZi .cz8XYjHP { background-color: var(--iconColor); flex-shrink: 0; height: 16px; mask-repeat: no-repeat; mask-size: contain; position: relative; width: 16px; } .wUPmXqu5 .YlIhCT2z .cdz4XNZi .lSl70IIG { color: var(--paragraphColor); } .wUPmXqu5 .YlIhCT2z .cdz4XNZi .lSl70IIG a { color: #9a7b69; text-decoration: underline; } .wUPmXqu5.zmTUJvBc .YlIhCT2z, .wUPmXqu5.hpbVJ9rj .YlIhCT2z { flex-direction: row; } .wUPmXqu5.zmTUJvBc .YlIhCT2z .cdz4XNZi, .wUPmXqu5.hpbVJ9rj .YlIhCT2z .cdz4XNZi { flex-direction: column; } .wUPmXqu5.UowAWihC { gap: 16px; } @media (min-width: 1440px) { .wUPmXqu5.UowAWihC { gap: 24px; } } .wUPmXqu5.UowAWihC .YlIhCT2z { gap: 8px; } @media (min-width: 1440px) { .wUPmXqu5.UowAWihC .YlIhCT2z { gap: 16px; } } .wUPmXqu5.UowAWihC .cdz4XNZi .cz8XYjHP { height: 24px; width: 24px; } .wUPmXqu5.zmTUJvBc { align-items: center; gap: 32px; } .wUPmXqu5.zmTUJvBc .KLXucsw_ { align-items: center; gap: 16px; max-width: 640px; padding: 0 32px; } @media (min-width: 1440px) { .wUPmXqu5.zmTUJvBc .KLXucsw_ { max-width: 1320px; } } @media (min-width: 2560px) { .wUPmXqu5.zmTUJvBc .KLXucsw_ { gap: 24px; max-width: 1920px; } } @media (min-width: 1024px) { .wUPmXqu5.zmTUJvBc .KLXucsw_ .OlPgk42r { font-size: 36px; line-height: 48px; } } .wUPmXqu5.zmTUJvBc .KLXucsw_ .lSl70IIG { text-align: center; } @media (min-width: 1024px) { .wUPmXqu5.zmTUJvBc .KLXucsw_ .lSl70IIG { max-width: 720px; } } @media (min-width: 2560px) { .wUPmXqu5.zmTUJvBc .KLXucsw_ .lSl70IIG { max-width: 960px; } } .wUPmXqu5.zmTUJvBc .KLXucsw_ span { display: none; } .wUPmXqu5.zmTUJvBc .YlIhCT2z { gap: 40px; } .wUPmXqu5.zmTUJvBc .YlIhCT2z .cdz4XNZi { width: 210px; } .wUPmXqu5.zmTUJvBc .YlIhCT2z .cdz4XNZi .lSl70IIG { text-align: center; } .wUPmXqu5.zmTUJvBc .YlIhCT2z .cz8XYjHP { height: 32px; width: 32px; } @media (min-width: 1024px) { .wUPmXqu5.zmTUJvBc .YlIhCT2z .cz8XYjHP { height: 40px; width: 40px; } } .wUPmXqu5.hpbVJ9rj { align-items: center; } @media (max-width: 1023px) { .wUPmXqu5.hpbVJ9rj { border-bottom: 1px solid var(--borderColor); padding-bottom: 40px; } } .wUPmXqu5.hpbVJ9rj .KLXucsw_ { display: none; } .wUPmXqu5.hpbVJ9rj .XvdCssiK .xF0TixIy .cz8XYjHP { background-color: var(--iconColorUspLeft); height: 24px; width: 24px; } .wUPmXqu5.hpbVJ9rj .YlIhCT2z { border-bottom: 1px solid var(--borderColor); gap: 0; padding-bottom: 40px; width: 100%; } .wUPmXqu5.hpbVJ9rj .YlIhCT2z .cdz4XNZi { flex: 1 1 0; word-break: normal; } @media (min-width: 1024px) { .wUPmXqu5.hpbVJ9rj .YlIhCT2z .cdz4XNZi { gap: 8px; padding: 0 40px; } } @media (min-width: 1440px) { .wUPmXqu5.hpbVJ9rj .YlIhCT2z .cdz4XNZi { flex-direction: row; gap: 24px; } } .wUPmXqu5.hpbVJ9rj .YlIhCT2z .cdz4XNZi .lSl70IIG { text-align: center; } @media (min-width: 1440px) { .wUPmXqu5.hpbVJ9rj .YlIhCT2z .cdz4XNZi .lSl70IIG { text-align: left; } } .wUPmXqu5.hpbVJ9rj .YlIhCT2z .cdz4XNZi .cz8XYjHP { background-color: var(--iconColorUspLeft); height: 24px; width: 24px; } .wUPmXqu5.hpbVJ9rj.OJuoVlW2 { border-bottom: none; padding-bottom: 0; } .RWvpRapr { max-width: 550px; flex-direction: column; padding: 40px 24px 24px 24px; display: flex; height: 100%; gap: 16px; justify-content: space-between; .SlGfBtlZ { display: flex; flex-direction: column; } h1 { font-size: 36px; font-weight: normal; } h3 { font-size: 14px; font-weight: 300; line-height: 24px; font-family: 'Scala Sans Pro'; margin: 0; } .D2Ib1Liv { width: 100%; height: 242px; margin-top: 24px; } .zNE1wVlB { font-size: 24px; font-family: 'ClassGarmnd BT'; font-weight: 400 !important; padding-top: 20px; } .JzautmfG { display: flex; flex-direction: column; align-items: center; gap: 8px; align-items: stretch; width: 100%; button { width: 100%; flex-shrink: 0; } a { text-align: center; color: #9a7b69; font-size: 16px; text-decoration: underline; } } } .GY8vn4vq { swiper-container::part(pagination) { background-color: transparent; bottom: 0; height: auto; position: absolute; } } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .zJf1rE74 { align-items: center; display: flex; font-family: "Scala Sans Pro", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-size: 14px; gap: 16px; letter-spacing: 0.4px; line-height: 24px; padding: 16px; width: 100%; } .zJf1rE74.jiKYLfYX { --textColor: #1a1919; background-color: #f6f4f2; color: var(--textColor); } .zJf1rE74.daMjoNs9 { --textColor: #ffffff; background-color: #ad4141; color: var(--textColor); } .zJf1rE74.m4tMxkUr, .zJf1rE74.E2X9QJ5y { --textColor: #1a1919; background-color: #e2ead7; color: var(--textColor); } .zJf1rE74.TtXl_tdE { justify-content: flex-start; } .zJf1rE74.WYajGjLU { justify-content: center; } .zJf1rE74 .pUqgoeIC { align-items: center; background-color: inherit; color: var(--textColor); display: flex; width: fit-content; } .zJf1rE74 .pUqgoeIC svg { height: 24px; width: 24px; } .zJf1rE74 .pUqgoeIC svg path { fill: var(--textColor); } .zJf1rE74 .f55Nc2Tg { display: flex; flex-direction: column; gap: 8px; width: fit-content; } .zJf1rE74 .f55Nc2Tg .dcIWrUIy { align-items: center; color: var(--textColor); display: flex; font-family: "Scala Sans Pro Regular", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-size: 12px; gap: 8px; letter-spacing: 2px; line-height: 16px; text-transform: uppercase; } .zJf1rE74 .f55Nc2Tg .dcIWrUIy a { color: var(--textColor); } .zJf1rE74 .f55Nc2Tg .dcIWrUIy svg path { fill: var(--textColor); } .zJf1rE74 .f55Nc2Tg .Tmx3UFI9 a { text-decoration: underline; } /* ========================================================================== Highlight style definitions. ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .mbt04jf6 { display: flex; flex-direction: column; } .mbt04jf6 .dqI1Zhuj { display: flex; flex-direction: column; gap: 16px; padding: 40px 24px; text-align: center; } @media (min-width: 768px) { .mbt04jf6 .dqI1Zhuj { padding: 64px 0; } } @media (min-width: 1024px) { .mbt04jf6 .dqI1Zhuj { padding: 80px 0; } } @media (min-width: 2560px) { .mbt04jf6 .dqI1Zhuj { padding: 128px 0; } } .mbt04jf6 .dqI1Zhuj .pLjSAVTz { color: var(--preTitle); } .mbt04jf6 .dqI1Zhuj .UN0OnAsT, .mbt04jf6 .dqI1Zhuj .dV1Zi7zW { color: var(--paragraphColor); } .mbt04jf6 .dqI1Zhuj .UN0OnAsT { margin: 0 auto; max-width: 560px; } .mbt04jf6 .dqI1Zhuj .A6ijyUti { background: var(--separatorColor); display: block; height: 1px; margin: 0 auto; width: 24px; } .mbt04jf6 .dqI1Zhuj .JV1JigJF { background: var(--buttonColor); color: var(--buttonTextColor); margin: 0 auto; padding: 20px 32px; width: fit-content; } .mbt04jf6 .Usr8yCuE { height: 640px; position: relative; width: 100%; } @media (min-width: 1024px) { .mbt04jf6 .Usr8yCuE { height: 720px; } } @media (min-width: 1440px) { .mbt04jf6 .Usr8yCuE { height: 880px; } } @media (min-width: 2560px) { .mbt04jf6 .Usr8yCuE { height: 1160px; } } .mbt04jf6 .RBuzBGBB img { color: var(--paragraphColor); height: 100%; object-fit: cover; width: 100%; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .EOcgZ3AV { align-items: center; display: flex; flex-wrap: wrap; gap: 0 8px; width: fit-content; } .JqLqSqlj { align-items: center; display: flex; font-family: "ClassGarmnd BT", "Times New Roman", serif; gap: 8px; } .JqLqSqlj .FxkjsufY { color: #626262; font-size: 14px; line-height: 24px; text-decoration: line-through; } @media (min-width: 1024px) { .JqLqSqlj .FxkjsufY { font-size: 16px; } } .JqLqSqlj .zINkSSUp { font-size: 16px; line-height: 24px; } @media (min-width: 1024px) { .JqLqSqlj .zINkSSUp { font-size: 20px; line-height: 32px; } } .DyQz9cmj { color: #626262; font-size: 12px; letter-spacing: 0.3px; line-height: 16px; } .EOcgZ3AV.YH1unBr2 .FxkjsufY { font-size: 18px; } @media (min-width: 2560px) { .EOcgZ3AV.YH1unBr2 .FxkjsufY { font-size: 24px; } } @media (min-width: 2560px) { .EOcgZ3AV.YH1unBr2 .DyQz9cmj { font-size: 16px; } } .EOcgZ3AV.QVG4wy2Q, .EOcgZ3AV.YNIa06nh { align-items: flex-end; } .EOcgZ3AV.QVG4wy2Q .JqLqSqlj, .EOcgZ3AV.YNIa06nh .JqLqSqlj { flex-direction: column-reverse; gap: 0; } @media (max-width: 1023px) { .EOcgZ3AV.QVG4wy2Q { align-items: flex-start; flex-direction: column; gap: 0; } } .EOcgZ3AV.QVG4wy2Q .JqLqSqlj { align-items: flex-start; } @media (min-width: 2560px) { .EOcgZ3AV.QVG4wy2Q .FxkjsufY { font-size: 20px; } } @media (min-width: 1024px) { .EOcgZ3AV.QVG4wy2Q .DyQz9cmj { line-height: 32px; } } .EOcgZ3AV.YNIa06nh { flex-direction: column; gap: 0; } .EOcgZ3AV.YNIa06nh .JqLqSqlj { align-items: flex-end; } .EOcgZ3AV.Els4wOQN { align-items: flex-start; margin-left: auto; } .EOcgZ3AV.Els4wOQN .JqLqSqlj { flex-direction: column-reverse; gap: 0; } .EOcgZ3AV.Els4wOQN .FxkjsufY, .EOcgZ3AV.Els4wOQN .zINkSSUp { white-space: nowrap; } .EOcgZ3AV.Els4wOQN .FxkjsufY { font-size: 14px; letter-spacing: 1px; line-height: 18px; } .EOcgZ3AV.Els4wOQN .zINkSSUp { font-size: 12px; letter-spacing: 0.4px; line-height: 20px; } .EOcgZ3AV.ztzyUIBk .FxkjsufY { color: #7f7f7f; } @media (min-width: 768px) { .EOcgZ3AV.ztzyUIBk .FxkjsufY { font-size: 16px; } } .m0_1GBJR { align-items: center; display: flex; gap: 8px; width: max-content; } /* ========================================================================== Single Highlight style definitions. ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .JecCzbOo { background-color: var(--backgroundColor); } @media (min-width: 2560px) { .JecCzbOo .RZmCxFyl div:first-of-type .kODu0oyk { margin-bottom: 8px; } } .JecCzbOo.AWJpj6qy { --backgroundColor: #ffffff; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; --separatorColor: rgba(26, 25, 25, 0.16); } .JecCzbOo.HCaC7jXp { --backgroundColor: #1a1919; --errorColor: #de4b4b; --iconColor: #ffffff; --linkColor: #9a7b69; --paragraphColor: #ffffff; --placeholderColor: #d8d8d8; --preTitle: #b8a188; --titleColor: #ffffff; --separatorColor: rgba(255, 255, 255, 0.24); } .JecCzbOo.rlrfRC7C { --backgroundColor: #faf9f7; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; --separatorColor: rgba(26, 25, 25, 0.16); } .JecCzbOo.iU0ips8_ { --backgroundColor: #f6f4f2; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --preTitle: #9a7b69; --titleColor: #1a1919; --separatorColor: rgba(26, 25, 25, 0.16); } .JecCzbOo.hbkNfQvI { --backgroundColor: #242222; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --separatorColor: rgba(255, 255, 255, 0.24); } .JecCzbOo.M5YKtpFr { --backgroundColor: #0a152b; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --separatorColor: rgba(255, 255, 255, 0.24); } .JecCzbOo.ybSSFgVI { --backgroundColor: #0d1a34; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --separatorColor: rgba(255, 255, 255, 0.24); } .JecCzbOo.KseqmAYP { --backgroundColor: #19251d; --iconColor: #b8a188; --linkColor: #b8a188; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --separatorColor: rgba(255, 255, 255, 0.24); } .JecCzbOo.qhh43Liq { --backgroundColor: #19251d; --iconColor: #b8a188; --linkColor: #b8a188; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --backgroundColor: #1d2c22; --linkColor: #ffffff; --separatorColor: rgba(255, 255, 255, 0.24); } .JecCzbOo.i1_pCegT { --backgroundColor: #5b1218; --iconColor: #c2ae99; --linkColor: #c2ae99; --paragraphColor: #ffffff; --preTitle: #c2ae99; --titleColor: #ffffff; --buttonColor: #ffffff; --buttonTextColor: #1a1919; --separatorColor: rgba(255, 255, 255, 0.24); } .JecCzbOo.WkdQLGva { --backgroundColor: #68161d; --iconColor: #c2ae99; --linkColor: #c2ae99; --paragraphColor: #ffffff; --preTitle: #c2ae99; --titleColor: #ffffff; --buttonColor: #ffffff; --buttonTextColor: #1a1919; --separatorColor: rgba(255, 255, 255, 0.24); } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .cfvGdLrP { background: #f6f4f2; border-radius: 5px; overflow: hidden; width: 100%; } .TdFMwJ8V { background: repeating-linear-gradient(to right, transparent, rgba(26, 25, 25, 0.08), transparent 1.6px, rgba(26, 25, 25, 0.08) 0.8px) #a7884d; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.08) 0 1px 3px 0; } .QsqXx1YB { background: linear-gradient(270deg, transparent 0%, rgba(255, 255, 255, 0.32) 50.04%, transparent 100%); border-radius: 5px; box-shadow: #9a7b69 0 0 2px 0 inset; height: 8px; max-width: 100%; transition: all 0.3s; } /* ========================================================================== Multiple Highlight style definitions. ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ @media (min-width: 1024px) { .evEBstKV, .RIgYV_yK { display: flex; flex-direction: row; justify-content: space-between; } } @media (min-width: 1024px) { .evEBstKV .VhGzqe3F, .RIgYV_yK .VhGzqe3F { display: flex; flex-direction: row; gap: 80px; justify-content: space-between; padding: 80px 0; width: 100%; } .evEBstKV .VhGzqe3F div, .RIgYV_yK .VhGzqe3F div { flex: 1; } } .QAspblMo { margin: auto; } @media (min-width: 1440px) { .QAspblMo { max-width: 1320px; } } @media (min-width: 2560px) { .QAspblMo { max-width: 1920px; } } @media (min-width: 1024px) { .QAspblMo .spxDVmR6 { display: flex; flex-direction: column; justify-content: space-between; } } .QAspblMo .evEBstKV .VhGzqe3F div:first-of-type, .QAspblMo .RIgYV_yK .VhGzqe3F div:first-of-type { gap: 24px; } @media (min-width: 1024px) { .QAspblMo .evEBstKV .VhGzqe3F div:first-of-type, .QAspblMo .RIgYV_yK .VhGzqe3F div:first-of-type { padding: 40px 0; } } @media (min-width: 2560px) { .QAspblMo .evEBstKV .VhGzqe3F div:first-of-type, .QAspblMo .RIgYV_yK .VhGzqe3F div:first-of-type { gap: 40px; } } .QAspblMo .evEBstKV .VhGzqe3F div:first-of-type .Y3EqgyV2, .QAspblMo .RIgYV_yK .VhGzqe3F div:first-of-type .Y3EqgyV2 { max-width: 480px; } .QAspblMo .evEBstKV { padding: 0 32px 32px; } @media (min-width: 1024px) { .QAspblMo .evEBstKV .VhGzqe3F { padding: 80px 0; } } @media (min-width: 1440px) { .QAspblMo .evEBstKV .VhGzqe3F { gap: 120px; } } @media (min-width: 2560px) { .QAspblMo .evEBstKV .VhGzqe3F { gap: 160px; padding: 128px 0; } } .QAspblMo .evEBstKV .VhGzqe3F div:last-of-type { height: 328px; width: 100%; } @media (min-width: 768px) { .QAspblMo .evEBstKV .VhGzqe3F div:last-of-type { height: 688px; } } @media (min-width: 1024px) { .QAspblMo .evEBstKV .VhGzqe3F div:last-of-type { align-items: end; display: flex; height: 392px; justify-content: end; width: 392px; } } @media (min-width: 1440px) { .QAspblMo .evEBstKV .VhGzqe3F div:last-of-type { height: 624px; } } @media (min-width: 2560px) { .QAspblMo .evEBstKV .VhGzqe3F div:last-of-type { height: 896px; } } @media (min-width: 1024px) { .QAspblMo .RIgYV_yK { padding: 0 32px 32px; } } .QAspblMo .RIgYV_yK .VhGzqe3F { display: flex; flex-direction: column-reverse; } @media (min-width: 1024px) { .QAspblMo .RIgYV_yK .VhGzqe3F { flex-direction: row-reverse; padding: 0; } } @media (min-width: 2560px) { .QAspblMo .RIgYV_yK .VhGzqe3F { padding: 128px 0; } } @media (min-width: 1024px) { .QAspblMo .RIgYV_yK .VhGzqe3F div:first-of-type { padding: 0; } } .QAspblMo .RIgYV_yK .VhGzqe3F div:last-of-type { height: 296px; width: 100%; } @media (min-width: 768px) { .QAspblMo .RIgYV_yK .VhGzqe3F div:last-of-type { height: 576px; } } @media (min-width: 1024px) { .QAspblMo .RIgYV_yK .VhGzqe3F div:last-of-type { height: 520px; margin-top: -10%; } } @media (min-width: 1440px) { .QAspblMo .RIgYV_yK .VhGzqe3F div:last-of-type { height: 824px; margin-top: -20%; } } @media (min-width: 2560px) { .QAspblMo .RIgYV_yK .VhGzqe3F div:last-of-type { height: 1192px; } } .fTJ9YyyV { background-color: var(--backgroundColor); } .fTJ9YyyV.k6l0ciNK { --backgroundColor: #ffffff; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; --separatorColor: rgba(26, 25, 25, 0.16); } .fTJ9YyyV.it19dbFW { --backgroundColor: #1a1919; --errorColor: #de4b4b; --iconColor: #ffffff; --linkColor: #9a7b69; --paragraphColor: #ffffff; --placeholderColor: #d8d8d8; --preTitle: #b8a188; --titleColor: #ffffff; --separatorColor: rgba(255, 255, 255, 0.24); } .fTJ9YyyV.XKsJMY2q { --backgroundColor: #faf9f7; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; --separatorColor: rgba(26, 25, 25, 0.16); } .fTJ9YyyV.V0kiI6ms { --backgroundColor: #f6f4f2; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --preTitle: #9a7b69; --titleColor: #1a1919; --separatorColor: rgba(26, 25, 25, 0.16); } .fTJ9YyyV.Op7rwpW1 { --backgroundColor: #242222; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --separatorColor: rgba(255, 255, 255, 0.24); } .fTJ9YyyV.XTPkuaaD { --backgroundColor: #0a152b; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --separatorColor: rgba(255, 255, 255, 0.24); } .fTJ9YyyV.gOM4dQMc { --backgroundColor: #0d1a34; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --separatorColor: rgba(255, 255, 255, 0.24); } .fTJ9YyyV.G8QVgCnV { --backgroundColor: #19251d; --iconColor: #b8a188; --linkColor: #b8a188; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --separatorColor: rgba(255, 255, 255, 0.24); } .fTJ9YyyV.I44wfyMs { --backgroundColor: #19251d; --iconColor: #b8a188; --linkColor: #b8a188; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --backgroundColor: #1d2c22; --linkColor: #ffffff; --separatorColor: rgba(255, 255, 255, 0.24); } .fTJ9YyyV.wWKIxUdO { --backgroundColor: #5b1218; --iconColor: #c2ae99; --linkColor: #c2ae99; --paragraphColor: #ffffff; --preTitle: #c2ae99; --titleColor: #ffffff; --buttonColor: #ffffff; --buttonTextColor: #1a1919; --separatorColor: rgba(255, 255, 255, 0.24); } .fTJ9YyyV.cVtRCEOR { --backgroundColor: #68161d; --iconColor: #c2ae99; --linkColor: #c2ae99; --paragraphColor: #ffffff; --preTitle: #c2ae99; --titleColor: #ffffff; --buttonColor: #ffffff; --buttonTextColor: #1a1919; --separatorColor: rgba(255, 255, 255, 0.24); } .NPsjDkNW .evEBstKV .VhGzqe3F, .NPsjDkNW .RIgYV_yK .VhGzqe3F { flex-direction: column-reverse; } @media (max-width: 1023px) { .NPsjDkNW .evEBstKV .VhGzqe3F, .NPsjDkNW .RIgYV_yK .VhGzqe3F { padding-top: 64px; } } @media (min-width: 1024px) { .NPsjDkNW .evEBstKV .VhGzqe3F, .NPsjDkNW .RIgYV_yK .VhGzqe3F { flex-direction: row-reverse; } } @media (min-width: 1024px) { .NPsjDkNW .evEBstKV .VhGzqe3F div:first-of-type, .NPsjDkNW .RIgYV_yK .VhGzqe3F div:first-of-type { justify-content: center; } } @media (min-width: 768px) { .NPsjDkNW .evEBstKV .VhGzqe3F div:last-of-type, .NPsjDkNW .RIgYV_yK .VhGzqe3F div:last-of-type { height: 576px; } } @media (min-width: 1024px) { .NPsjDkNW .evEBstKV .VhGzqe3F div:last-of-type, .NPsjDkNW .RIgYV_yK .VhGzqe3F div:last-of-type { height: 392px; width: 392px; } } @media (min-width: 1440px) { .NPsjDkNW .evEBstKV .VhGzqe3F div:last-of-type, .NPsjDkNW .RIgYV_yK .VhGzqe3F div:last-of-type { height: 624px; width: 620px; } } @media (min-width: 2560px) { .NPsjDkNW .evEBstKV .VhGzqe3F div:last-of-type, .NPsjDkNW .RIgYV_yK .VhGzqe3F div:last-of-type { height: 896px; width: 896px; } } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .Vjd4Jiiy { background-color: #ffffff; border: 1px solid #d8d8d8; display: flex; gap: 8px; margin: 0 24px; padding: 8px; width: calc(100% - 48px); } @media (min-width: 768px) and (max-width: 1023px) { .Vjd4Jiiy { margin: 0 40px; width: calc(100% - 80px); } } .Vjd4Jiiy.gJ1dU0bg { border: 1px solid #ad4141; } .Vjd4Jiiy .kIhbvYat { background-color: #f6f4f2; display: flex; flex-direction: column; gap: 8px; justify-content: center; min-width: 96px; padding: 8px; text-align: center; } .Vjd4Jiiy .kIhbvYat .CmIDsu7N { font-size: 24px; line-height: 32px; } @media (min-width: 2560px) { .Vjd4Jiiy .kIhbvYat .CmIDsu7N { font-size: 30px; line-height: 40px; } } .Vjd4Jiiy .xap4akqR { display: flex; flex-direction: column; justify-content: center; max-width: 84px; } .Vjd4Jiiy .YEo3oD4n { display: flex; flex-direction: column; gap: 8px; padding: 8px; width: 100%; } .Vjd4Jiiy .u8swsiLO { display: flex; flex-direction: column; gap: 4px; } .Vjd4Jiiy .u8swsiLO.VJzDwYzg { text-align: center; } .Vjd4Jiiy .u8swsiLO .ijjENwjm { font-size: 16px; line-height: 24px; margin-bottom: 4px; } @media (min-width: 2560px) { .Vjd4Jiiy .u8swsiLO .ijjENwjm { font-size: 20px; line-height: 32px; } } .Vjd4Jiiy .u8swsiLO .Sdyn6X5R { font-size: 12px; letter-spacing: 0.3px; line-height: 16px; } @media (min-width: 2560px) { .Vjd4Jiiy .u8swsiLO .Sdyn6X5R { font-size: 14px; letter-spacing: 0.4px; line-height: 24px; } } .Vjd4Jiiy .u8swsiLO .Sdyn6X5R a { color: #9a7b69; text-decoration: underline; } .Vjd4Jiiy .u8swsiLO .Sdyn6X5R b { font-family: "Scala Sans Pro Bold", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-weight: 700; } .Vjd4Jiiy .CtvqOekR { align-items: center; display: flex; gap: 8px; } .Vjd4Jiiy .CtvqOekR .xxlXBfVx { font-size: 12px; letter-spacing: 0.3px; line-height: 16px; min-width: fit-content; } @media (min-width: 1024px) { .Vjd4Jiiy .CtvqOekR .xxlXBfVx { font-size: 14px; letter-spacing: 0.4px; line-height: 24px; } } .KEGhU_Rr div div { background: #d5b26d; } .pX_Qrwlg div div { background: #938c86; } .g9lDt75t div div { background: #d5b26d; } .itZ6mp8m div div { background: #358f81; } /* ========================================================================== Category Overview Banner style definitions ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .mrLKRtq2 { align-items: center; display: flex; flex-basis: calc((100% - 8px) / 2); flex-direction: column; overflow: hidden; text-align: center; } @media (min-width: 768px) { .mrLKRtq2 { flex: 1; min-width: 160px; } } @media (min-width: 1024px) { .mrLKRtq2:hover img { transform: scale(1.04); } } @media (min-width: 1024px) { .mrLKRtq2:hover .nyA4D2ZY { background-color: #1a1919; color: #ffffff; } } @media (max-width: 767px) { .mrLKRtq2:nth-child(2n-1):last-child { flex-basis: 100%; } } @media (min-width: 1024px) { .mrLKRtq2 img { transform: scale(1); transition: transform 0.3s cubic-bezier(0.5, 0, 0.4, 1); } } .mrLKRtq2 .d_Rh1DuI { height: 200px; overflow: hidden; position: relative; text-align: left; width: 100%; } .mrLKRtq2 .d_Rh1DuI a { display: block; height: 100%; position: relative; width: 100%; } .mrLKRtq2 .d_Rh1DuI a:focus-visible::after { border: 2px solid #1a1919; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .mrLKRtq2 .d_Rh1DuI img { height: 100%; object-fit: cover; width: 100%; } @media (min-width: 768px) { .mrLKRtq2 .d_Rh1DuI { height: 240px; } } @media (min-width: 1024px) { .mrLKRtq2 .d_Rh1DuI { height: 344px; } } @media (min-width: 1440px) { .mrLKRtq2 .d_Rh1DuI { height: 480px; } } @media (min-width: 2560px) { .mrLKRtq2 .d_Rh1DuI { height: 560px; } } .mrLKRtq2 .GQhH8nva { align-items: center; display: flex; flex-direction: column; flex-grow: 1; gap: 8px; justify-content: space-between; padding: 8px; } @media (min-width: 1024px) { .mrLKRtq2 .GQhH8nva { gap: 24px; padding: 16px; } } @media (min-width: 1440px) { .mrLKRtq2 .GQhH8nva { padding: 24px; } } @media (min-width: 2560px) { .mrLKRtq2 .GQhH8nva { padding: 40px; } } .mrLKRtq2 .GQhH8nva .ZgttaLjA { display: flex; flex-direction: column; gap: 8px; } .mrLKRtq2 .GQhH8nva .ZgttaLjA ._4dn7W8yr { color: #626262; text-align: center; } .mrLKRtq2 .GQhH8nva .ZgttaLjA ._4dn7W8yr a { color: #9a7b69; text-decoration: underline; } .mrLKRtq2 .GQhH8nva .nyA4D2ZY { padding: 20px 24px; } @media (min-width: 1024px) { .mrLKRtq2 .GQhH8nva .nyA4D2ZY { padding: 20px 32px; } } /* ========================================================================== Product Line Item style definitions ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .O0ZbxiOh { display: grid; grid-template-areas: "image description pricing" "image quantity footer" "notification notification notification"; grid-template-columns: 64px auto 80px; padding: 24px; position: relative; /* Minicart template styling ========================================================================== */ /* Sticky CTA template styling ========================================================================== */ /* Cart page template styling ========================================================================== */ /* Selectable gift template styling ========================================================================== */ /* Selectable gift template styling ========================================================================== */ } @media (min-width: 1024px) { .O0ZbxiOh { column-gap: 24px; grid-template-areas: "image description quantity pricing" "image footer footer footer" "notification notification notification notification"; grid-template-columns: 96px auto 120px 128px; } } @media (min-width: 2560px) { .O0ZbxiOh { grid-template-columns: 112px auto 120px 200px; } } .O0ZbxiOh .SCdkqKZS { left: 0; position: absolute; top: 24px; z-index: 2; } .O0ZbxiOh .EIvFc_Ps { align-self: center; cursor: pointer; grid-area: image; height: 100%; position: relative; } .O0ZbxiOh .EIvFc_Ps img { object-fit: contain; } .O0ZbxiOh .EIvFc_Ps .sEV7fQvn { color: #ffffff; font-family: "ClassGarmnd BT", "Times New Roman", serif; font-size: 20px; font-variant-numeric: lining-nums; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 1; } .O0ZbxiOh .V04KkkYz { display: grid; gap: 8px; grid-area: description; margin: 0 8px 16px; } @media (min-width: 1024px) { .O0ZbxiOh .V04KkkYz { margin: 0 8px; } } .O0ZbxiOh .V04KkkYz .GSrzhzYJ { color: #626262; } @media (min-width: 2560px) { .O0ZbxiOh .V04KkkYz .cS7iTRlc { font-size: 24px; line-height: 32px; } } .O0ZbxiOh .g_TrBJPw, .O0ZbxiOh .uGmEvN3j, .O0ZbxiOh .A0ePOB89 { align-items: flex-end; display: flex; } .O0ZbxiOh .g_TrBJPw:empty, .O0ZbxiOh .uGmEvN3j:empty, .O0ZbxiOh .A0ePOB89:empty { display: none; } .O0ZbxiOh .g_TrBJPw, .O0ZbxiOh .uGmEvN3j { min-height: 48px; } .O0ZbxiOh .uGmEvN3j { display: flex; flex-direction: column; gap: 16px; grid-area: quantity; width: fit-content; } @media (min-width: 1440px) { .O0ZbxiOh .uGmEvN3j { align-self: auto; margin: 0 auto; } } .O0ZbxiOh .ROqBbczX { grid-area: pricing; margin-left: auto; } .O0ZbxiOh .ROqBbczX .E92cUVmV { color: #7f7f7f; } .O0ZbxiOh .g_TrBJPw, .O0ZbxiOh .A0ePOB89 { grid-area: footer; margin-left: auto; } @media (min-width: 1024px) { .O0ZbxiOh .g_TrBJPw, .O0ZbxiOh .A0ePOB89 { margin-left: 8px; } } .O0ZbxiOh .g_TrBJPw a, .O0ZbxiOh .A0ePOB89 a { color: #9a7b69; font-size: 14px; text-decoration: underline; } @media (min-width: 2560px) { .O0ZbxiOh .g_TrBJPw a, .O0ZbxiOh .A0ePOB89 a { font-size: 16px; } } .O0ZbxiOh .g_TrBJPw a.GCVG2gty, .O0ZbxiOh .A0ePOB89 a.GCVG2gty { align-items: center; display: flex; font-size: 12px; font-weight: 400; gap: 8px; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; } .O0ZbxiOh .g_TrBJPw a.GCVG2gty svg, .O0ZbxiOh .A0ePOB89 a.GCVG2gty svg { font-size: 16px; } .O0ZbxiOh .Ak9CwsMO { align-items: center; display: flex; margin: 0 auto; } .O0ZbxiOh .Ak9CwsMO .FVvYdjRs { border-radius: 50%; height: 10px; margin-right: 8px; width: 10px; } .O0ZbxiOh .Ak9CwsMO .DckiLizG { background-color: #f79e1b; } .O0ZbxiOh .Ak9CwsMO .WHYuoTgP { background-color: #ad4141; } .O0ZbxiOh .Ak9CwsMO .v_Vw0nQO { color: #626262; } .O0ZbxiOh .A0ePOB89 { height: auto; margin-top: 16px; } .O0ZbxiOh .WQpYFATL { grid-area: notification; } .O0ZbxiOh .WQpYFATL > div { border-color: #f6f4f2; margin-top: 16px; } .O0ZbxiOh .fKBDZ7Z_ { background-color: #faf9f7; margin: 0; width: 100%; } .O0ZbxiOh .fKBDZ7Z_ p { font-size: 16px; } .O0ZbxiOh .vH_dNSiI { color: #9a7b69; font-family: "ClassGarmnd BT", "Times New Roman", serif; font-size: 10px; letter-spacing: 2px; line-height: 16px; text-transform: uppercase; } @media (min-width: 1440px) { .O0ZbxiOh .vH_dNSiI { font-size: 12px; } } @media (min-width: 2560px) { .O0ZbxiOh .vH_dNSiI { font-size: 14px; } } .O0ZbxiOh .vH_dNSiI.zZ1iZGvN { color: #d5b26d; } .O0ZbxiOh .vH_dNSiI.ow9iFMol { color: #938c86; } .O0ZbxiOh .vH_dNSiI.r35rz5kX { color: #d5b26d; } .O0ZbxiOh .vH_dNSiI.Cxu3ZEiF { color: #358f81; } .O0ZbxiOh .nHS9BBzh { position: absolute; right: 0; top: 0; z-index: 1; } .O0ZbxiOh.MaS7BdRK { column-gap: 8px; grid-template-areas: "image description pricing" "image footer footer" "notification notification notification"; grid-template-columns: 64px auto 80px; } @media (min-width: 1024px) { .O0ZbxiOh.MaS7BdRK { grid-template-columns: 80px auto 80px; } } @media (min-width: 2560px) { .O0ZbxiOh.MaS7BdRK { grid-template-columns: 96px auto 128px; } } .O0ZbxiOh.MaS7BdRK .SCdkqKZS { left: 0; top: 24px; } .O0ZbxiOh.MaS7BdRK .ROqBbczX { margin-bottom: auto; margin-top: auto; } .O0ZbxiOh.I4wZXAZ3 { align-items: center; grid-template-areas: "image pricing" "image pricing"; grid-template-columns: 70px auto; height: auto; margin: 0 24px 0 16px; width: 100%; } @media (max-width: 767px) { .O0ZbxiOh.I4wZXAZ3 { justify-content: flex-start; } } @media (min-width: 768px) { .O0ZbxiOh.I4wZXAZ3 { grid-template-areas: "image description . pricing" "image description . pricing"; grid-template-columns: 70px auto 128px auto; margin-left: 40px; } } @media (min-width: 1440px) { .O0ZbxiOh.I4wZXAZ3 { margin-left: 96px; } } @media (min-width: 2560px) { .O0ZbxiOh.I4wZXAZ3 { margin-left: 320px; } } .O0ZbxiOh.I4wZXAZ3 .ROqBbczX { align-items: flex-start; display: flex; flex-direction: column; } @media (min-width: 768px) { .O0ZbxiOh.I4wZXAZ3 .ROqBbczX { align-items: flex-end; } } .O0ZbxiOh.I4wZXAZ3 .ROqBbczX > div > span { color: #7f7f7f; } .O0ZbxiOh.I4wZXAZ3 .vH_dNSiI { letter-spacing: 1.6px; } @media (min-width: 1024px) { .O0ZbxiOh.I4wZXAZ3 .vH_dNSiI { font-size: 12px; letter-spacing: 1.8px; } } .O0ZbxiOh.I4wZXAZ3 .V04KkkYz { gap: normal; } .O0ZbxiOh.I4wZXAZ3 .g_TrBJPw { display: none; } .O0ZbxiOh .G6EnXnr_ { cursor: pointer; } @media (max-width: 1023px) { .O0ZbxiOh.fGCVKCyn { grid-template-areas: "image description" "image footer" "notification notification"; grid-template-columns: 86px auto; } } @media (max-width: 1023px) { .O0ZbxiOh.fGCVKCyn .V04KkkYz { margin: 0 0 0 16px; } } @media (max-width: 1023px) { .O0ZbxiOh.fGCVKCyn .A0ePOB89 { margin-left: 16px; } } .O0ZbxiOh.bSA7YA7C { align-items: center; border-bottom: 1px solid #d8d8d8; grid-template-areas: "description image" "footer footer" "notification notification"; grid-template-columns: auto 72px; } .O0ZbxiOh.bSA7YA7C .V04KkkYz { display: block; } @media (max-width: 1023px) { .O0ZbxiOh.bSA7YA7C .V04KkkYz { margin: 0; } } .O0ZbxiOh.bSA7YA7C .EIvFc_Ps { border: 0; } /* ========================================================================== Category Overview style definitions ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .K8DkQP0F { background-color: #ffffff; padding: 40px 24px; } @media (min-width: 768px) { .K8DkQP0F { padding: 40px 40px 24px; } } @media (min-width: 1024px) { .K8DkQP0F { padding: 64px 40px 48px; } } @media (min-width: 1440px) { .K8DkQP0F { padding: 96px 64px; } } @media (min-width: 2560px) { .K8DkQP0F { padding: 128px 320px 88px; } } .NfjlkjEU { align-items: center; background-color: #ffffff; display: flex; flex-direction: column; gap: 24px; margin: auto; } @media (min-width: 1024px) { .NfjlkjEU { gap: 32px; } } @media (min-width: 1440px) { .NfjlkjEU { gap: 48px; max-width: 1320px; } } @media (min-width: 2560px) { .NfjlkjEU { gap: 64px; max-width: 1920px; } } .NfjlkjEU .KnUvUPDI { align-items: center; display: flex; flex-direction: column; gap: 8px; text-align: center; } @media (min-width: 768px) { .NfjlkjEU .KnUvUPDI { max-width: 508px; } } @media (min-width: 1024px) { .NfjlkjEU .KnUvUPDI { max-width: 640px; } } @media (min-width: 2560px) { .NfjlkjEU .KnUvUPDI { max-width: 800px; } } .NfjlkjEU .KnUvUPDI .TubD7_Ux { font-family: "ClassGarmnd BT", "Times New Roman", serif; font-weight: 400; text-align: center; } @media (min-width: 1024px) { .NfjlkjEU .KnUvUPDI .TubD7_Ux { font-size: 36px; line-height: 48px; } } .NfjlkjEU .KnUvUPDI .Zozq3i9Y { color: #453f3f; letter-spacing: 0.4px; } .NfjlkjEU .KnUvUPDI .Zozq3i9Y a { color: #9a7b69; text-decoration: underline; } @media (min-width: 2560px) { .NfjlkjEU .KnUvUPDI .Zozq3i9Y { letter-spacing: 0.6px; } } .NfjlkjEU .PyRkHVLm { display: flex; flex-wrap: wrap; gap: 24px 8px; } @media (min-width: 768px) { .NfjlkjEU .PyRkHVLm { flex-direction: row; gap: 16px; width: 100%; } } @media (min-width: 1440px) { .NfjlkjEU .PyRkHVLm { gap: 24px; } } /* ========================================================================== Product Quantity Selector style definitions ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .CwqmpbqO button, .CwqmpbqO input[type=text] { vertical-align: middle; } .CwqmpbqO button { background-color: transparent; border: 0; color: #d8d8d8; cursor: pointer; font-size: 24px; height: 40px; width: 40px; } .CwqmpbqO button:disabled { cursor: default; } .CwqmpbqO input[type=text] { border: 1px solid #d8d8d8; font-family: "Scala Sans Pro", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-variant-numeric: lining-nums; text-align: center; } @media (max-width: 1023px) { .CwqmpbqO input[type=text] { font-size: 14px; height: 32px; width: 32px; } } @media (min-width: 1024px) { .CwqmpbqO input[type=text] { font-size: 16px; height: 40px; width: 40px; } } .WdTK__si { ul { list-style-type: disc; padding-left: 20px; } [role='button'] { text-align: left; } } .EwUqxQwr { padding: 48px 24px 40px; @media only screen and (min-width: 1024px) { padding-top: 40px; } h1 { font-size: 24px; line-height: 32px; margin-bottom: 12px; @media only screen and (min-width: 1024px) { font-size: 36px; line-height: 48px; margin-bottom: 8px; } } h3 { font-size: 14px; letter-spacing: 0.3px; line-height: 24px; margin-bottom: 24px; @media only screen and (min-width: 1024px) { margin-bottom: 32px; } } article { column-gap: 0; display: flex; margin-bottom: 12px; padding: 16px; svg { height: 74px; width: 74px; @media only screen and (min-width: 1024px) { height: 94px; width: 94px; } } button { height: 82px; margin-right: 20px; width: 100px; @media only screen and (min-width: 1024px) { margin-right: 34px; } img { height: 100%; object-fit: cover; width: 100%; } } h3 { font-size: 24px; line-height: 32px; margin-bottom: 0; @media only screen and (min-width: 1024px) { font-size: 18px; line-height: 24px; } } p { span { color: #7f7f7f; display: block; font-size: 14px; letter-spacing: 0.3px; line-height: 24px; } } div { gap: 0 !important; } } } .LPukVZxR { display: flex; flex-direction: column; gap: 10px; margin-top: 32px; } .DdSYtcK0 { font-size: 12px; letter-spacing: 2px; line-height: 16px; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .A_ghLmep { background-color: var(--backgroundColor); } .A_ghLmep.jMkAXehg { --backgroundColor: #faf9f7; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; } .A_ghLmep.zpnGfSeO { --backgroundColor: #f6f4f2; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --preTitle: #9a7b69; --titleColor: #1a1919; } .eDzHmAME { display: flex; gap: 0; } @media (min-width: 1024px) { .eDzHmAME { gap: 16px; } } .sU1zaeP6 { align-items: center; background-color: #ffffff; display: flex; justify-content: center; min-width: 320px; padding: 16px 0 8px; } @media (min-width: 768px) { .sU1zaeP6 { min-width: 768px; } } @media (min-width: 1024px) { .sU1zaeP6 { display: none; } } .nZuEMnqe { display: flex; flex-direction: column; text-align: center; } .dv30h9uB { margin: 0 auto 30px; width: 65%; } @media (min-width: 1024px) { .dv30h9uB { width: 50%; } } .oV4gdHhD { display: flex; flex-direction: column; } .nZSc0bOH { color: #9a7b69; font-family: "ClassGarmnd BT", "Times New Roman", serif; font-size: 12px; letter-spacing: 1.8px; line-height: 16px; margin-bottom: 4px; text-transform: uppercase; } @media (min-width: 1024px) { .nZSc0bOH { font-size: 14px; letter-spacing: 4px; margin-bottom: 10px; } } .Q60Osj6u { display: none; max-width: 100%; width: 100%; z-index: 1; } @media (min-width: 1024px) { .Q60Osj6u { display: block; max-width: 542px; min-width: 356px; } } .sETtnNdK { display: none; height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; z-index: -1; } @media (min-width: 1024px) { .sETtnNdK { display: block; } } .d61t3Egt { border: 1px solid #ffffff; display: none; height: 10px; width: 10px; } @media (min-width: 1024px) { .d61t3Egt { border: none; display: block; height: 22px; width: 22px; } } .z_0Eo1mX svg:first-child { background-color: #897f7a; } .y_p0BhgG svg:first-child { background-color: #d2a74d; } .M5y0McbX svg:first-child { background-color: #4da296; } .z_0Eo1mX svg:first-child, .y_p0BhgG svg:first-child, .M5y0McbX svg:first-child { border-radius: 50px; color: #ffffff; height: 12px; padding: 4px; width: 12px; } .oFDB5wDo { margin: 40px auto 0; } @media (min-width: 1024px) { .oFDB5wDo { margin-top: 30px; } } .fPaJcaxW { color: #453f3f; margin: 24px 24px 0; text-align: center; } @media (min-width: 1024px) { .fPaJcaxW { margin-top: 32px; } } .fPaJcaxW a { color: #9a7b69; text-decoration: underline; } .Yanz7Vm3 { display: block; } .Yanz7Vm3 .sETtnNdK { display: block; } .wdqt10cZ { background-color: #f6f4f2; @media only screen and (min-width: 1024px) { width: 400px; } @media only screen and (min-width: 1440px) { width: 432px; } @media only screen and (min-width: 2560px) { width: 640px; } } .wv1ZFt0X { align-items: flex-start; display: flex; flex-direction: column; gap: 40px; height: 100%; overflow-y: scroll; padding: 40px 24px 24px; h2 { max-width: 90%; @media only screen and (max-width: 1024px) { padding: 8px 0; } } form { align-items: flex-end; /* if there are longer translations */ display: flex; flex-direction: column; flex-wrap: wrap; flex: 1; justify-content: space-between; padding: 0; width: 100%; & > div { width: 100%; &:first-child { @media only screen and (min-width: 1440px) { margin-bottom: 24px; } } } } .sbKuLbp1 { margin-top: auto; display: flex; gap: 16px; .YIWbsb2K { flex: 1; padding: 20px 32px; } .brUM3m_X { flex: 3; padding: 20px 32px; ul { height: 100%; } } } } /* Styles for ordering of input fields */ .lQNlrpBc { order: 1; } .sUbVUV_h { order: 2; } .kF_RsWuP { order: 3; } .U88MZGjU { order: 4; } .m2FJqS9I { order: 5; } .BLhig5z0 { order: 6; } .irhCfqco { order: 7; } .nXprD1qU { order: 8; } .WlHELa_X { order: 9; } .Z5tUg9bp { order: 10; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .wJa5kBye { background-color: #f6f4f2; cursor: pointer; padding: 12px; position: relative; text-align: center; width: 120px; } @media (min-width: 768px) { .wJa5kBye { width: 230px; } } .egAZx3oO { border-radius: 5px; z-index: 0; } .wfRYPLOo, .rIwO1BPk { color: #1a1919; letter-spacing: 2px; position: relative; text-transform: uppercase; z-index: 1; } .wfRYPLOo, .tKIfoLjx { left: 50%; position: absolute; top: 0; transform: translate(-50%, -54%); } .wfRYPLOo { height: 16px; } .jUYmD9BX { background-color: #938883; width: 15px; } @media (min-width: 1024px) { .jUYmD9BX { width: 24px; } } .AfrbIHmj { background-color: #deb76a; width: 30px; } @media (min-width: 1024px) { .AfrbIHmj { width: 46px; } } .lPZhxOWY { background-color: #5fb3a4; width: 45px; } @media (min-width: 1024px) { .lPZhxOWY { width: 68px; } } .jUYmD9BX, .AfrbIHmj, .lPZhxOWY { mask-size: contain; } @media (min-width: 1024px) { .jUYmD9BX, .AfrbIHmj, .lPZhxOWY { background-color: #ffffff; height: 24px; mask-size: auto; opacity: 0.5; } } .tKIfoLjx { top: 0.5px; z-index: 0; } .tKIfoLjx .wfRYPLOo { background-color: #ffffff; } .eKuhMmxB { display: block; } .eKuhMmxB .egAZx3oO, .eKuhMmxB .wfRYPLOo { display: block; } .eKuhMmxB .rIwO1BPk { color: #ffffff; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .N9vhFnlD { cursor: pointer; display: inline-block; line-height: 1; position: relative; } .N9vhFnlD.nWJt8_mT { --primaryColor: #ffffff; --secondaryColor: #1a1919; } .N9vhFnlD.LK2V4Gln { --primaryColor: #1a1919; --secondaryColor: #ffffff; } .N9vhFnlD::after { background-color: var(--primaryColor); color: var(--secondaryColor); content: attr(data-tooltip); font-family: "Scala Sans Pro", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 300; line-height: 16px; max-width: 184px; opacity: 0; padding: 8px 12px; position: absolute; text-align: center; text-transform: none; transition: opacity 0.2s; visibility: hidden; white-space: break-word; width: max-content; z-index: 1; } .N9vhFnlD.CRwYXMKu::before { border-style: solid; border-width: 4px; content: ""; opacity: 0; position: absolute; transition: opacity 0.2s; visibility: hidden; border-color: var(--primaryColor) transparent transparent transparent; left: 50%; margin-left: -4px; top: -50%; } .N9vhFnlD.CRwYXMKu::after { bottom: 150%; left: 50%; transform: translate(-50%); } .N9vhFnlD.Pr0DH8Ib::before { border-style: solid; border-width: 4px; content: ""; opacity: 0; position: absolute; transition: opacity 0.2s; visibility: hidden; border-color: transparent transparent var(--primaryColor) transparent; bottom: -50%; left: 50%; margin-left: -4px; } .N9vhFnlD.Pr0DH8Ib::after { left: 50%; top: 150%; transform: translate(-50%); } .N9vhFnlD.C2ZVHWS0::before { border-style: solid; border-width: 4px; content: ""; opacity: 0; position: absolute; transition: opacity 0.2s; visibility: hidden; border-color: transparent transparent transparent var(--primaryColor); margin-top: -4px; right: calc(110% - 4px); top: 4px; } .N9vhFnlD.C2ZVHWS0::after { right: calc(110% + 4px); top: -4px; } .N9vhFnlD.NdonejmI::before { border-style: solid; border-width: 4px; content: ""; opacity: 0; position: absolute; transition: opacity 0.2s; visibility: hidden; border-color: transparent var(--primaryColor) transparent transparent; left: calc(110% - 4px); margin-top: -4px; top: 4px; } .N9vhFnlD.NdonejmI::after { left: calc(110% + 4px); top: -4px; } .N9vhFnlD:hover::after, .N9vhFnlD[class*=tooltip-]:hover::before { opacity: 1; visibility: visible; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .u0Hjq5UY { padding: 12px 16px; } .kNgEEYyu { color: #626262; } .VpJJEtU2 { border-bottom: 1px solid #f6f4f2; } .VpJJEtU2:last-child { border-bottom: none; } .rPLmmj4a { align-items: center; cursor: pointer; display: flex; justify-content: space-between; } .p_K2b1Zb { color: #1a1919; } .rPLmmj4a svg { color: #453f3f; } .eyRwSicc { color: #7f7f7f; font-size: 12px; line-height: 16px; } .zsEt1XQi { align-items: flex-start; display: flex; height: auto; margin: 0 16px 12px; transition: height 0.33s cubic-bezier(0.4, 0, 0.25, 1); visibility: visible; } .HSkBWJAY { height: 0; visibility: hidden; } .IcnUiXWW { align-items: center; display: flex; } .IcnUiXWW svg { margin-right: 8px; } .Iqo6wdp7 { animation: xpTXZ5xK 0.6s cubic-bezier(0.4, 0, 0.25, 1); } @media (min-width: 1024px) { .Iqo6wdp7 { animation: none; } } .yPkAgGQx { animation: OGLDJ6PS 0.6s cubic-bezier(0.4, 0, 0.25, 1); } @media (min-width: 1024px) { .yPkAgGQx { animation: none; } } .QBvtfOmt { animation: xpfaMTlj 0.6s cubic-bezier(0.4, 0, 0.25, 1); } @media (min-width: 1024px) { .QBvtfOmt { animation: none; } } /* Keyframe animations ========================================================================== */ @keyframes xpTXZ5xK { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes OGLDJ6PS { 0% { margin-left: -8px; } 100% { margin-left: 0; } } @keyframes xpfaMTlj { 0% { margin-left: 8px; } 100% { margin-left: 0; } } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .VXEZjfUt path { fill: #ffffff; } ._40tPnBp path { fill: #1a1919; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .W_7_e4pP { display: none; } @media (min-width: 1024px) { .W_7_e4pP { display: block; padding: 18px 24px; position: relative; } } .W_7_e4pP span { color: #ffffff; } .dMxkvTPE { display: none; height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; z-index: -1; } @media (min-width: 1024px) { .dMxkvTPE { display: block; } } .VDJND_rk { align-items: center; display: flex; } .of9FO5Yj { border: 1px solid #ffffff; height: 10px; width: 10px; } @media (min-width: 1024px) { .of9FO5Yj { border: none; height: 22px; width: 22px; } } .pSumvLpC { margin-left: 16px; } .epcBuby3 { font-family: "ClassGarmnd BT", "Times New Roman", serif; font-size: 10px; letter-spacing: 1.6px; line-height: 16px; text-transform: uppercase; } .RIt4CCrQ { color: #ffffff; line-height: 20px; } .BFU3W53l { background-color: #ffffff; letter-spacing: 2px !important; padding: 10px 20px; text-align: center; text-transform: uppercase; } @media (min-width: 1024px) { .BFU3W53l { background-color: rgba(255, 255, 255, 0.5); padding: 8px 24px; text-align: left; } } .ns9k0e8G { background-color: #ffffff; display: flex; flex-direction: column; padding-top: 4px; } @media (min-width: 768px) { .ns9k0e8G { padding-top: 10px; } } @media (min-width: 1024px) { .ns9k0e8G { padding-top: 0; } } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .aRwT1j8g { width: 100%; } .aRwT1j8g .xm1PXZro { display: flex; justify-content: space-between; margin-bottom: 8px; } .aRwT1j8g .PSZAexXV { align-items: center; color: var(--paragraphColor); display: flex; gap: 8px; } .aRwT1j8g ._3nIs8ea { color: var(--placeholderColor); display: block; font-family: "Scala Sans Pro", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-size: 14px; letter-spacing: 0.3px; line-height: 24px; text-align: start; } .aRwT1j8g .TDPlAslf { color: #626262; } .aRwT1j8g .T1mWspN2 { color: var(--placeholderColor); display: block; font-family: "Scala Sans Pro", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-size: 14px; letter-spacing: 0.6px; line-height: 24px; text-align: start; } .aRwT1j8g .s4_H87Cf { align-items: center; display: flex; position: relative; width: 100%; } .aRwT1j8g .s4_H87Cf .LUY9Sjja { background-color: transparent; border: none; color: var(--paragraphColor); font-size: 16px; letter-spacing: 0.6px; line-height: 24px; width: 100%; } .aRwT1j8g .s4_H87Cf .ZiIzqtPX { background-color: var(--backgroundColor); border: 1px solid rgba(26, 25, 25, 0.16); color: var(--paragraphColor); font-size: 16px; height: 48px; letter-spacing: 0.6px; line-height: 24px; padding: 12px 16px; width: 100%; } .aRwT1j8g .s4_H87Cf .ZiIzqtPX:hover { border-color: var(--borderOnFocus); } .aRwT1j8g .s4_H87Cf .ZiIzqtPX::placeholder { color: var(--placeholderColor); font-size: 16px; font-style: italic; letter-spacing: 0.6px; line-height: 24px; } .aRwT1j8g .s4_H87Cf .ZiIzqtPX:focus { border-color: var(--borderOnFocus); outline: none; } .aRwT1j8g .s4_H87Cf .ZiIzqtPX.cFhxDMeI { border-color: var(--errorColor); } .aRwT1j8g .s4_H87Cf .ZiIzqtPX.cFhxDMeI:focus { border-color: var(--errorColor); } .aRwT1j8g .s4_H87Cf .ZiIzqtPX.bPm2v_OT { border-color: #649b26; } .aRwT1j8g .s4_H87Cf .ZiIzqtPX.bPm2v_OT:focus { border-color: #649b26; } .aRwT1j8g .s4_H87Cf .mM1Pr_fH { margin-left: 16px; width: 28px; } .aRwT1j8g .s4_H87Cf .mM1Pr_fH path { fill: var(--paragraphColor); } .aRwT1j8g .s4_H87Cf .mM1Pr_fH.cFhxDMeI path { fill: var(--errorColor); } .aRwT1j8g .s4_H87Cf div[data-testid=insideIcon] { position: absolute; right: 16px; width: 16px; } .aRwT1j8g .s4_H87Cf div[data-testid=insideIcon] .eJ9ym8Zx { fill: #de4b4b; height: 100%; width: 100%; } .aRwT1j8g .s4_H87Cf div[data-testid=insideIcon] .eJ9ym8Zx path { fill: var(--paragraphColor); } .aRwT1j8g .s4_H87Cf div[data-testid=insideIcon] .eJ9ym8Zx.UKQ4vGsl path { fill: var(--errorColor); } .aRwT1j8g .s4_H87Cf .SaKSXKIT { color: var(--errorColor); position: absolute; right: 16px; top: 50%; transform: translateY(-50%); } .aRwT1j8g .s4_H87Cf .SaKSXKIT.UKQ4vGsl { color: var(--errorColor); } .aRwT1j8g .s4_H87Cf .SaKSXKIT.UKQ4vGsl:hover { cursor: pointer; } .aRwT1j8g .s4_H87Cf .SaKSXKIT.NFirI35U { color: #649b26; } .aRwT1j8g .s4_H87Cf.NE3EauTN div[data-lastpass-icon-root] { right: 60px; } .aRwT1j8g .thM8v5jL { color: var(--errorColor); font-family: "Scala Sans Pro Italic", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-size: 14px; letter-spacing: 0.3px; line-height: 24px; margin-top: 8px; } .aRwT1j8g .QXbe7VkK { color: var(--placeholderColor); margin-top: 8px; } .aRwT1j8g .kgilaPdY { display: inline-block; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .aRwT1j8g .liZgXBYo { height: 18px; width: 18px; } .aRwT1j8g.ap7udC7N { --backgroundColor: #ffffff; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; --backgroundColor: #ffffff; --borderOnFocus: #7f7f7f; } .aRwT1j8g.q_PB1ojQ { --backgroundColor: #faf9f7; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; --backgroundColor: #ffffff; --borderOnFocus: #7f7f7f; } .aRwT1j8g.a8ufjyGy { --backgroundColor: #1a1919; --errorColor: #de4b4b; --iconColor: #ffffff; --linkColor: #9a7b69; --paragraphColor: #ffffff; --placeholderColor: #d8d8d8; --preTitle: #b8a188; --titleColor: #ffffff; --borderOnFocus: #453f3f; } .F8somgeY { & > div { padding: 48px 0; @media only screen and (min-width: 1024px) { padding: 40px 0; } @media only screen and (min-width: 1440px) { padding: 80px 0; } @media only screen and (min-width: 2560px) { padding: 128px 0; } & > div:last-of-type { justify-content: center; margin: 0 auto; [role='button'] { text-align: left; } @media only screen and (min-width: 1024px) { max-width: 944px; } @media only screen and (min-width: 1440px) { max-width: 1100px; } @media only screen and (min-width: 2560px) { max-width: 1488px; } } } } /* ========================================================================== App buttons section Style Definitions ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ @media (min-width: 1440px) { .rLS35xt8 { margin-top: 40px; } } .rLS35xt8 .hIqydjn6 { display: flex; gap: 16px; } @media (min-width: 768px) { .rLS35xt8 .hIqydjn6 { flex-direction: column; } } @media (min-width: 1024px) { .rLS35xt8 .hIqydjn6 { flex-direction: row; } } @media (min-width: 1440px) { .rLS35xt8 .hIqydjn6 { flex-direction: column; } } @media (min-width: 2560px) { .rLS35xt8 .hIqydjn6 { gap: 24px; } } .rLS35xt8 .hIqydjn6 a { height: 48px; position: relative; width: 164px; } @media (min-width: 768px) { .rLS35xt8 .hIqydjn6 a { width: auto; } } @media (min-width: 768px) { .rLS35xt8 .hIqydjn6 img { height: 100%; } } .rLS35xt8 ._jaRIxKM { color: #b8a188; display: block; font-family: "ClassGarmnd BT", "Times New Roman", serif; font-size: 12px; letter-spacing: 1.8px; line-height: 16px; margin-bottom: 16px; text-transform: uppercase; } /* ========================================================================== Footer Links Style Definitions ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .XabP9VDE { display: grid; } @media (min-width: 1440px) { .XabP9VDE { gap: 72px; grid-auto-columns: 1fr; grid-auto-flow: column; margin-right: 72px; } } .XabP9VDE .AUXp50Yj { border-top-color: #453f3f; } .XabP9VDE .AUXp50Yj li:first-of-type { padding-top: 16px; } .XabP9VDE .AUXp50Yj svg { color: #ffffff; height: 24px; width: 24px; } @media (min-width: 1440px) { .XabP9VDE .tWiZORj3:nth-child(-n+2) { padding-bottom: 184px; } } .XabP9VDE .tWiZORj3 .SZLgRZzi { list-style: none; } .XabP9VDE .tWiZORj3 .SZLgRZzi li { padding-bottom: 8px; } .XabP9VDE .tWiZORj3 .SZLgRZzi li:last-of-type { padding-bottom: 0; } .XabP9VDE .tWiZORj3 .SZLgRZzi .ZWESbGdA { color: #d8d8d8; cursor: pointer; } .XabP9VDE .tWiZORj3 .SZLgRZzi .ZWESbGdA:hover { text-decoration: underline; } .XabP9VDE .tWiZORj3:last-of-type .AUXp50Yj { border-bottom: 1px solid #453f3f; } @media (min-width: 1024px) { .XabP9VDE .IbnEf2xG { display: none; } } @media (min-width: 1440px) { .XabP9VDE .IbnEf2xG { display: block; } } .yCFwu9Vj { color: #ffffff; display: block; font-family: "ClassGarmnd BT", "Times New Roman", serif; font-size: 16px; line-height: 24px; } @media (min-width: 1440px) { .yCFwu9Vj { color: #b8a188; font-size: 12px; letter-spacing: 1.8px; line-height: 16px; margin-bottom: 16px; text-transform: uppercase; } } .BqM4DMhe { a { color: #d8d8d8; } @media only screen and (min-width: 768px) { grid-area: 1 / 1 / 3 / 5; } @media only screen and (min-width: 1440px) { grid-area: 1 / 1 / 3 / 5; } } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .Rjygn1Q1 { align-items: flex-start; align-self: stretch; background: #ffffff; display: flex; flex: 1 0 0; flex-direction: column; gap: 16px; min-width: 312px; padding: 24px; } .fJd51NG7 { align-items: center; display: flex; gap: 12px; text-align: left; } .K7DylB9D { display: flex; flex-direction: column; gap: 8px; margin-bottom: 0; text-align: left; } @media (min-width: 2560px) { .K7DylB9D { margin-bottom: 32px; } } @media (min-width: 1024px) { .Rjygn1Q1 .cp1jnVjD { font-size: 20px; } } @media (min-width: 1440px) { .Rjygn1Q1 .cp1jnVjD { font-size: 24px; } } @media (min-width: 2560px) { .Rjygn1Q1 .cp1jnVjD { font-size: 30px; } } .Rjygn1Q1 .EZkxHtRb { color: #626262; font-size: 14px; } .kxu2Hxft { height: 24px; width: 24px; } @media (min-width: 1024px) { .kxu2Hxft { height: 32px; width: 32px; } } @media (min-width: 2560px) { .kxu2Hxft { height: 40px; width: 40px; } } .LJ1iFBs_ { align-self: stretch; display: flex; flex: 1 0 0; flex-direction: column; justify-content: flex-end; text-align: left; } .jxTBgCEL { background: #f6f4f2; padding: 16px 32px 16px 16px; position: relative; } @media (min-width: 2560px) { .jxTBgCEL { gap: 24px; padding-left: 24px; } } .GPLs_D0J { font-size: 14px; letter-spacing: 0.3px; line-height: 24px; } @media (min-width: 2560px) { .GPLs_D0J { font-size: 18px; letter-spacing: 0.6px; line-height: 32px; } } .ICHp8Vj6 { border-radius: 50%; height: 16px; outline: #ffffff solid 8px; position: absolute; right: 0; top: 0; width: 16px; } .ICHp8Vj6.DAm2b0Q9 { background-color: #ad4141; } .ICHp8Vj6.aAO5Fb97 { background-color: #649b26; } .ICHp8Vj6.tcDBcMPJ { background-color: #f79e1b; } .N4_DlCFw { font-size: 12px; width: 100%; } .cmkYOKxI { margin: 0 auto; max-width: 640px; } .gFva5rdM { margin-bottom: 8px; } .A1mFYtmG { min-width: unset; height: 100%; } .U1JDNSXP { button { margin: 0 auto; width: fit-content; } } .laVt0Wqf { position: relative; nav h5:first-child { @media only screen and (min-width: 1024px) { font-size: 10px; letter-spacing: 1.6px; line-height: 16px; } } } .A9AvgBa0 { margin: 0 auto; width: 100%; @media only screen and (min-width: 1024px) { padding-left: 48px; } @media only screen and (min-width: 1440px) { max-width: 1320px; padding: 0; } @media only screen and (min-width: 2560px) { max-width: 1920px; } div { top: 40px; } } /* Wrapper for all content except overview page */ .yByW5gW2 { margin: 0 auto; width: 100%; @media only screen and (min-width: 1024px) { padding: 24px 40px 48px; } @media only screen and (min-width: 1440px) { max-width: 1320px; padding: 24px 0 48px; } @media only screen and (min-width: 2560px) { max-width: 1920px; } } .avkBAWrM { swiper-container { white-space: nowrap; } @media only screen and (min-width: 1024px) { display: flex; gap: 24px; padding-top: 56px; /* breadcrumb 16px + 40px padding*/ } @media only screen and (min-width: 1440px) { gap: 40px; } nav { @media only screen and (min-width: 1024px) { min-width: 296px; } @media only screen and (min-width: 1440px) { min-width: 320px; } @media only screen and (min-width: 2560px) { min-width: 462px; } ul li { span { display: flex; text-align: left; } svg { color: #1a1919; } } } } .Fj0IQnVn { &.nZkGOCd1 { @media only screen and (min-width: 768px) { padding: 40px; } @media only screen and (min-width: 1024px) { padding: 0; } } /* Full width - gap - menu width */ @media only screen and (min-width: 1024px) { width: calc(100% - 320px); } @media only screen and (min-width: 1440px) { width: calc(100% - 360px); } @media only screen and (min-width: 2560px) { width: calc(100% - 502px); } } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .Y_dshNSb { background-color: #242222; padding: 24px; position: relative; width: 100%; } .Y_dshNSb svg { color: #1a1919; height: 16px; pointer-events: none; position: relative; width: 16px; } .jCCTfrhA { width: 100%; } .ysuu81KQ { background: #1a1919; display: flex; flex-direction: column; gap: 24px; padding: 40px; } .f2TqD4oH .FtJvbCJb, .f2TqD4oH svg, .f2TqD4oH a { color: #7f7f7f; text-align: left; } .w3ArsYGB .FtJvbCJb, .w3ArsYGB svg, .w3ArsYGB a { color: #ffffff; } .f2TqD4oH, .w3ArsYGB { align-items: center; cursor: pointer; display: flex; position: relative; width: 100%; } .f2TqD4oH .FtJvbCJb, .f2TqD4oH svg, .f2TqD4oH a, .w3ArsYGB .FtJvbCJb, .w3ArsYGB svg, .w3ArsYGB a { transition: color 0.3s cubic-bezier(0.4, 0, 0.25, 1); } .f2TqD4oH a, .w3ArsYGB a { font-family: "ClassGarmnd BT", "Times New Roman", serif; } .f2TqD4oH .FtJvbCJb, .w3ArsYGB .FtJvbCJb { font-size: 24px; line-height: 32px; margin-left: 0; position: relative; transition: none; } .f2TqD4oH .isyaz2x5 .FtJvbCJb, .w3ArsYGB .isyaz2x5 .FtJvbCJb { margin-left: 16px; transition: 0.3s cubic-bezier(0.4, 0, 0.25, 1); } .f2TqD4oH svg, .w3ArsYGB svg { height: 24px; width: 24px; } .f2TqD4oH svg:last-of-type, .w3ArsYGB svg:last-of-type { margin-left: auto; } .f2TqD4oH .UYMpgivO, .w3ArsYGB .UYMpgivO { bottom: 5px; left: 15px; right: unset; top: unset; } .f2TqD4oH .Mo1taoHw, .w3ArsYGB .Mo1taoHw { margin-right: 16px; } .f2TqD4oH:hover .FtJvbCJb, .f2TqD4oH:hover svg, .f2TqD4oH:hover a, .w3ArsYGB:hover .FtJvbCJb, .w3ArsYGB:hover svg, .w3ArsYGB:hover a { color: #ffffff; } .f2TqD4oH:hover i, .w3ArsYGB:hover i { width: 100%; } .K4vYKw9T { background-color: #ffffff; bottom: -7px; height: 1px; left: 0; position: absolute; transition: 0.3s cubic-bezier(0.4, 0, 0.25, 1); width: 0; } .cqwqX_bH { width: 100%; } @media (min-width: 1024px) { .mjM5hr81 { display: flex; } .mjM5hr81 .LRNqqFTr { padding: 40px; width: 40%; } .mjM5hr81 .YO_G0I8U { padding: 40px; width: 60%; } } .IXmxlvXi { width: 50%; .mwAEja57 { text-align: left; h2 { display: flex; img { height: 24px; margin: auto 16px auto 0; width: 24px; @media only screen and (min-width: 1024px) { height: 32px; width: 32px; } @media only screen and (min-width: 2560px) { height: 40px; width: 40px; } } } ul { list-style-type: disc; } b, strong { font-weight: bold; } [role='button'] { text-align: left; } @media only screen and (min-width: 768px) { min-height: 496px; } } @media only screen and (max-width: 1023px) { width: 100%; } } .Tj6zBqG9 { background: #faf9f7; width: 100%; padding: 40px 24px; .mwAEja57 { background-color: transparent; margin: 0 auto; max-width: 880px; min-height: auto; padding: 0; } @media only screen and (min-width: 768px) { padding: 40px; } @media only screen and (min-width: 1024px) { padding: 64px 24px; } } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .UcSlsx6j { background-color: var(--backgroundColor); color: var(--paragraphColor); display: flex; flex-direction: column; gap: 24px; height: auto; min-width: 342px; padding: 24px; width: 100%; } @media (min-width: 768px) { .UcSlsx6j { width: 390px; } } @media (min-width: 1024px) { .UcSlsx6j { padding: 32px; width: 468px; } } @media (min-width: 2560px) { .UcSlsx6j { gap: 32px; padding: 40px; width: 697px; } } .jVuyN4vi { align-items: flex-start; display: flex; gap: 16px; } @media (min-width: 1024px) { .jVuyN4vi { gap: 24px; } } .jVuyN4vi h4 { color: var(--titleColor); } .jVuyN4vi svg { height: 24px; width: 24px; } @media (min-width: 2560px) { .jVuyN4vi svg { height: 32px; width: 32px; } } .UcSlsx6j .qGlsI2qC { color: var(--preTitle); height: 24px; margin: auto 0; width: 24px; } @media (min-width: 2560px) { .UcSlsx6j .qGlsI2qC { height: 32px; width: 32px; } } .UcSlsx6j.Od2zUIhp { --backgroundColor: #ffffff; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; } .UcSlsx6j.QFPRHiKS { --backgroundColor: #1a1919; --errorColor: #de4b4b; --iconColor: #ffffff; --linkColor: #9a7b69; --paragraphColor: #ffffff; --placeholderColor: #d8d8d8; --preTitle: #b8a188; --titleColor: #ffffff; --backgroundColor: #242222; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .cm5jOxgU { background-color: #f6f4f2; cursor: pointer; display: flex; flex-direction: column; gap: 0; height: 100%; min-width: 135px; padding: 24px 16px; position: relative; width: 100%; } @media (min-width: 768px) { .cm5jOxgU { gap: 8px; } } @media (min-width: 1024px) { .cm5jOxgU { padding: 40px 32px; } } @media (min-width: 2560px) { .cm5jOxgU { padding: 48px 32px; } } .cm5jOxgU::before { background: rgba(0, 0, 0, 0.04); content: ""; inset: 0; opacity: 0; position: absolute; transition: opacity 0.3s ease; } .cm5jOxgU:hover::before { opacity: 1; } .Y9spRmfh { align-items: flex-start; flex-direction: column; row-gap: 8px; } .Y9spRmfh .qC2vxCxx { font-size: 16px; word-break: break-word; } @media (min-width: 1024px) { .Y9spRmfh .qC2vxCxx { font-size: 20px; line-height: 32px; } } @media (min-width: 2560px) { .Y9spRmfh .qC2vxCxx { font-size: 24px; line-height: 40px; } } @media (min-width: 768px) { .NcwYAGHQ { align-items: center; column-gap: 8px; display: flex; justify-content: space-between; position: relative; } } @media (min-width: 1024px) { .NcwYAGHQ { max-width: calc(100% - 40px); } } @media (min-width: 2560px) { .NcwYAGHQ { justify-content: space-between; } } .NcwYAGHQ .DTa6Hi2k { color: #453f3f; font-size: 16px; letter-spacing: 0.6px; line-height: 24px; text-align: left; word-break: break-word; } @media (min-width: 1024px) { .NcwYAGHQ .DTa6Hi2k { font-size: 18px; line-height: 32px; } } @media (min-width: 1024px) { .bAjYZfGB { align-items: center; display: flex; height: 32px; justify-content: flex-end; min-width: 32px; position: absolute; right: 32px; top: calc(50% - 16px); width: 32px; } } @media (min-width: 1024px) { .ZBNVh3tJ { display: block; width: 20px; } } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .gBmgi_mb { height: fit-content; } .gBmgi_mb:not(:first-of-type) { margin-top: 32px; } @media (min-width: 1024px) { .gBmgi_mb:not(:first-of-type) { margin-top: 40px; } } .gBmgi_mb .RHakSViN { display: inline-block; margin-bottom: 16px; } .gBmgi_mb .mS8L1wen { display: grid; gap: 8px; grid-template-columns: repeat(2, 1fr); } @media (min-width: 768px) { .gBmgi_mb .mS8L1wen { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 2560px) { .gBmgi_mb .mS8L1wen { gap: 16px; } } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .cKr1bi8C { color: #ad4141; font-size: 12px; margin: 32px auto 0; padding: 0; text-transform: uppercase; } @media (min-width: 1024px) { .cKr1bi8C { margin-top: 40px; } } .cKr1bi8C svg { height: 16px; width: 16px; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .LIptcLF1 { align-items: center; background-color: #ffffff; display: flex; flex-direction: column; justify-content: center; padding: 24px; position: relative; width: 100%; } @media (min-width: 1024px) { .LIptcLF1 { padding: 24px 40px; } } @media (min-width: 1440px) { .LIptcLF1 { padding: 48px 206px; } } @media (min-width: 2560px) { .LIptcLF1 { padding: 56px 480px; } } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .bcdnJP7Q { border-radius: 2px 2px 0 0; display: flex; flex-direction: column; position: relative; width: 100%; } @media (min-width: 2560px) { .bcdnJP7Q { border-radius: 4px 0 0 4px; } } .DPxoYBzA { flex-direction: column; } .DPxoYBzA h5 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .V3mHCKGr { background-color: #ffffff; flex: 1 0 0; padding: 24px; } @media (min-width: 1024px) { .V3mHCKGr { padding: 32px 32px 40px; } } @media (min-width: 1440px) { .V3mHCKGr { padding: 32px; } } .V3mHCKGr .FHZHMuBN { margin-bottom: 8px; } @media (min-width: 1024px) { .V3mHCKGr .FHZHMuBN { margin-bottom: 16px; } } .V3mHCKGr .pY8bqk_s { color: #5a5a5a; } .YXIwIah0 h5 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (min-width: 1024px) { .YXIwIah0 h5 { overflow: visible; text-overflow: initial; white-space: normal; } } @media (min-width: 1024px) { .YXIwIah0 { flex-direction: row; } } .YXIwIah0 .V3mHCKGr { height: 100%; } @media (min-width: 1024px) { .YXIwIah0 .V3mHCKGr { padding: 32px; } } @media (min-width: 2560px) { .YXIwIah0 .V3mHCKGr { padding: 48px; } } @media (min-width: 1024px) { .YXIwIah0 .p7mP7llR, .YXIwIah0 ._jnwbPbN { border-radius: 0; min-width: 455px; } .YXIwIah0 .p7mP7llR img, .YXIwIah0 ._jnwbPbN img { border-radius: 0; } } @media (min-width: 1440px) { .YXIwIah0 .p7mP7llR, .YXIwIah0 ._jnwbPbN { min-width: 423px; } } @media (min-width: 2560px) { .YXIwIah0 .p7mP7llR, .YXIwIah0 ._jnwbPbN { min-width: 462px; } } @media (min-width: 1024px) { .YXIwIah0 .p7mP7llR { padding: 16px 24px; } } .YXIwIah0 .p7mP7llR .N7e1yEf7 { height: 46px; width: 46px; } @media (min-width: 2560px) { .YXIwIah0 .p7mP7llR .N7e1yEf7 { height: 58px; width: 58px; } } @media (min-width: 1440px) { .YXIwIah0 ._jnwbPbN { padding: 16px 24px; } } @media (min-width: 2560px) { .YXIwIah0 ._jnwbPbN { padding: 16px 32px; } } .YXIwIah0 ._jnwbPbN .N7e1yEf7[data-level="1"] { height: 22.6px; width: 22.6px; } @media (min-width: 1024px) { .YXIwIah0 ._jnwbPbN .N7e1yEf7[data-level="1"] { height: 28.3px; width: 28.3px; } } @media (min-width: 1440px) { .YXIwIah0 ._jnwbPbN .N7e1yEf7[data-level="1"] { width: 22.6px; } } @media (min-width: 2560px) { .YXIwIah0 ._jnwbPbN .N7e1yEf7[data-level="1"] { width: 28.3px; } } .YXIwIah0 ._jnwbPbN .N7e1yEf7[data-level="2"] { height: 22.6px; width: 49.3px; } @media (min-width: 1024px) { .YXIwIah0 ._jnwbPbN .N7e1yEf7[data-level="2"] { height: 28.3px; width: 64.6px; } } @media (min-width: 1440px) { .YXIwIah0 ._jnwbPbN .N7e1yEf7[data-level="2"] { width: 60.6px; } } @media (min-width: 2560px) { .YXIwIah0 ._jnwbPbN .N7e1yEf7[data-level="2"] { width: 74px; } } .YXIwIah0 ._jnwbPbN .N7e1yEf7[data-level="3"] { height: 22.6px; width: 76px; } @media (min-width: 1024px) { .YXIwIah0 ._jnwbPbN .N7e1yEf7[data-level="3"] { height: 28.3px; width: 101px; } } @media (min-width: 1440px) { .YXIwIah0 ._jnwbPbN .N7e1yEf7[data-level="3"] { width: 76px; } } @media (min-width: 2560px) { .YXIwIah0 ._jnwbPbN .N7e1yEf7[data-level="3"] { width: 101px; } } @media (min-width: 1024px) { .YXIwIah0 ._jnwbPbN { column-gap: 16px; } } .tfk2xID6 { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; z-index: -1; } .bIxTNgGt { margin-bottom: 8px; } .p7mP7llR, ._jnwbPbN { align-items: center; border-radius: 2px 2px 0 0; display: flex; min-height: 64px; position: relative; z-index: 1; } .p7mP7llR img, ._jnwbPbN img { border-radius: 2px 2px 0 0; } @media (min-width: 1024px) { .p7mP7llR, ._jnwbPbN { min-height: 72px; } } @media (min-width: 1440px) { .p7mP7llR, ._jnwbPbN { min-height: 80px; } } @media (min-width: 2560px) { .p7mP7llR, ._jnwbPbN { min-height: 72px; } } .p7mP7llR .oToaeNfB, ._jnwbPbN .oToaeNfB { line-height: 16px; text-transform: uppercase; } .p7mP7llR { column-gap: 16px; padding: 8px 16px; } .p7mP7llR .uRTRi0JO .oToaeNfB { color: #deca87; font-size: 12px; letter-spacing: 1.8px; line-height: 16px; } .p7mP7llR .uRTRi0JO .W2eRNE2v { color: #ffffff; font-size: 20px; line-height: 32px; } @media (min-width: 2560px) { .p7mP7llR .uRTRi0JO .W2eRNE2v { font-size: 24px; line-height: 40px; } } ._jnwbPbN { column-gap: 12px; padding: 16px; } @media (min-width: 1024px) { ._jnwbPbN { padding: 16px 24px; } } @media (min-width: 1440px) { ._jnwbPbN { column-gap: 16px; padding: 16px 24px; } } @media (min-width: 2560px) { ._jnwbPbN { column-gap: 12px; padding: 0 32px; } } ._jnwbPbN .oToaeNfB, ._jnwbPbN .W2eRNE2v { color: #ffffff; } ._jnwbPbN .oToaeNfB { font-size: 10px; letter-spacing: 1.6px; line-height: 16px; } ._jnwbPbN .N7e1yEf7 { mix-blend-mode: soft-light; } .Dvt5Cc7t { background-color: #7f7f7f; display: flex; justify-content: center; margin-top: 30px; padding: 24px 16px; } @media (min-width: 1024px) { .Dvt5Cc7t { padding: 24px 40px; width: 570px; } } @media (min-width: 1440px) { .Dvt5Cc7t { margin-left: 206px; width: 542px; } } @media (min-width: 2560px) { .Dvt5Cc7t { margin-left: 480px; width: 788px; } } .uRTRi0JO { overflow: hidden; position: relative; } .dijCWWbF { padding: 24px 16px; width: 100%; } @media (min-width: 1024px) { .dijCWWbF { padding: 0 40px; width: 1194px; } } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .A_P2ReMr { background-color: #f6f4f2; border-radius: 0 0 2px 2px; max-height: 136px; padding: 16px; width: 100%; } @media (min-width: 2560px) { .A_P2ReMr { max-height: 160px; padding: 32px 24px; } } .A_P2ReMr .FLYOOeYI { column-gap: 8px; display: flex; margin-bottom: 16px; } .A_P2ReMr .ItfShKhN { display: flex; flex-direction: column; row-gap: 16px; } .A_P2ReMr .ItfShKhN .m896HIex { background: #ffffff; } .A_P2ReMr .ItfShKhN .uRyvbvk2 { color: #5a5a5a; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ /* ========================================================================== CSS module to expose our generic styles ========================================================================== */ .BlK8722F { color: #9a7b69; font-family: "ClassGarmnd BT", "Times New Roman", serif; font-size: 12px; letter-spacing: 1.8px; line-height: 16px; text-transform: uppercase; } .AUBguwqj { color: #9a7b69; font-family: "ClassGarmnd BT", "Times New Roman", serif; font-size: 12px; letter-spacing: 1.8px; line-height: 16px; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; } .MnwupuYt { border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } .hF8q52j6 { background-color: transparent; display: flex; flex-direction: column; } @media (min-width: 1024px) { .hF8q52j6 { background-color: #f6f4f2; padding: 24px; } } .hF8q52j6 .CeKDxPiq { color: #9a7b69; font-family: "ClassGarmnd BT", "Times New Roman", serif; font-size: 12px; letter-spacing: 1.8px; line-height: 16px; text-transform: uppercase; } .hF8q52j6 .VbF9NDpU { align-items: center; background-color: #ffffff; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.04); display: flex; justify-content: space-between; margin-top: 8px; min-height: 82px; padding: 16px; position: relative; transition: all 0.3s cubic-bezier(0.4, 0, 0.25, 1); width: 100%; } @media (min-width: 1024px) { .hF8q52j6 .VbF9NDpU { margin-top: 16px; min-height: 72px; } } @media (min-width: 2560px) { .hF8q52j6 .VbF9NDpU { margin-top: 24px; } } .hF8q52j6 .VbF9NDpU:hover { background-color: #faf9f7; cursor: pointer; } .hF8q52j6 .VbF9NDpU .xjZMPELi { content: ""; height: 2px; left: 0; position: absolute; top: 0; width: 100%; } .hF8q52j6 .VbF9NDpU .FcMwd9rq { background-color: #649b26; } .hF8q52j6 .VbF9NDpU .OxTOHOUf { background-color: #a7884d; } .hF8q52j6 .VbF9NDpU .AEwpsT7e { background-color: #ad4141; } .hF8q52j6 .VbF9NDpU .BykI5cvH { display: flex; flex-direction: column; gap: 2px; } .hF8q52j6 .VbF9NDpU .BykI5cvH .C_eZ4DlF { color: #626262; } .hF8q52j6 .VbF9NDpU .sXvjMgM1 { align-items: center; background-color: #f6f4f2; border-radius: 100%; display: flex; gap: 10px; height: 32px; justify-content: center; width: 32px; } .Fn4P_muU { background-color: #ffffff; margin: 24px 16px; width: 358px; } @media (min-width: 1024px) { .Fn4P_muU { margin: 32px 40px; width: 549px; } } @media (min-width: 1440px) { .Fn4P_muU { margin: 32px 206px; width: 534px; } } @media (min-width: 2560px) { .Fn4P_muU { margin: 32px 480px; width: 788px; } } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .QFx7PS2J { align-items: center; animation: tSsXWDID 0.3s cubic-bezier(0.4, 0, 0.25, 1) forwards, bUj9EX8I 0.3s cubic-bezier(0.4, 0, 0.25, 1) 5s forwards; background-color: var(--backgroundColor); bottom: 0; column-gap: 16px; display: flex; justify-content: center; left: 50%; margin-left: -195px; padding: 16px; position: fixed; width: 390px; z-index: 9; } @media (min-width: 1024px) { .QFx7PS2J { bottom: 16px; left: 16px; margin: 0; } } .QFx7PS2J .xbMJy_RE { color: var(--paragraphColor); display: block; letter-spacing: 0.4px; width: 100%; } @media (min-width: 2560px) { .QFx7PS2J .xbMJy_RE { font-size: 14px; letter-spacing: 0.4px; } } .QFx7PS2J svg { height: 24px; width: 24px; } .QFx7PS2J .Hmft7BeM { color: #649b26; } .QFx7PS2J .XlsJ3HsU { color: var(--paragraphColor); } .QFx7PS2J.EVrtGxnO { --backgroundColor: #f6f4f2; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --preTitle: #9a7b69; --titleColor: #1a1919; } .QFx7PS2J.T6s2_VUr { --backgroundColor: #1a1919; --errorColor: #de4b4b; --iconColor: #ffffff; --linkColor: #9a7b69; --paragraphColor: #ffffff; --placeholderColor: #d8d8d8; --preTitle: #b8a188; --titleColor: #ffffff; --backgroundColor: #453f3f; } @keyframes tSsXWDID { from { transform: translateY(100%); } to { transform: translateY(0); } } @keyframes bUj9EX8I { from { transform: translateY(0); } to { transform: translateY(100%); } } .SH0iWh4a { background-color: #ffffff; height: 100vh; justify-content: center; position: relative; width: 100vw; } .SH0iWh4a button { left: 30%; position: absolute; top: 30%; } .MTxbuOW_ { display: flex; flex-wrap: wrap; gap: 16px; @media only screen and (min-width: 1024px) { gap: 24px; } } .V18YGEGW { width: 100%; svg { color: #9a7b69; } } .BEgohg5a { flex: 0 0 100%; @media only screen and (min-width: 1024px) { flex: 0 0 calc(50% - 12px); } } .BEgohg5a, .P3LNws3a { text-align: left; div:first-child { text-align: left; } } .G0wdkOiC { display: flex; flex-direction: column; gap: 24px; @media only screen and (max-width: 767px) { padding: 32px 0; } } .sovjxik5 { background-color: #ffffff; @media only screen and (max-width: 767px) { margin-top: 32px; } @media only screen and (min-width: 1024px) { height: 360px; } } .MnKgvmfa { margin: 0 auto; button { font-size: 12px; margin: 16px auto 0; width: 94%; @media only screen and (min-width: 1024px) { margin: 24px auto 0; } } } .bLsLNX1m { align-items: center; background-color: #1a1919; color: #ffffff; display: flex; justify-content: center; margin: 0 auto; padding: 14px; width: 100%; @media only screen and (min-width: 1024px) { margin: initial; width: fit-content; } svg { color: #ffffff; height: 18px; margin-right: 10px; width: 18px; } } .P3LNws3a { button { @media only screen and (min-width: 768px) { margin-left: auto; } } } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .aQLajQOk { position: relative; } .aQLajQOk .fXHi7TPw { display: flex; gap: 8px; } .aQLajQOk .Fhd6EVMZ { color: var(--placeholderColor); font-size: 14px; letter-spacing: 0.3px; line-height: 24px; margin-bottom: 8px; } .aQLajQOk > div { align-items: flex-start; display: flex; flex-wrap: wrap; } .aQLajQOk .QHXX0Kyq, .aQLajQOk .OshDTBwA li { align-items: center; display: flex; letter-spacing: 0.6px; line-height: 24px; padding: 11px 16px; } .aQLajQOk .QHXX0Kyq { background-color: var(--backgroundColor); border: 1px solid rgba(26, 25, 25, 0.16); color: var(--paragraphColor); cursor: pointer; font-weight: 300; gap: 8px; width: 100%; } .aQLajQOk .QHXX0Kyq:hover, .aQLajQOk .QHXX0Kyq:focus { border-color: var(--borderOnFocus); } .aQLajQOk .QHXX0Kyq :last-child { height: 16px; margin-left: auto; width: 16px; } .aQLajQOk .QHXX0Kyq.IR8xnm7R { background-color: var(--backgroundColor); color: var(--placeholderColor); font-family: "Scala Sans Pro Italic", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; } .aQLajQOk .QHXX0Kyq.x8tNKTrS { border-color: var(--errorColor); } .aQLajQOk .QHXX0Kyq.rqJ3GDGe { color: #7f7f7f; pointer-events: none; width: 80%; } .aQLajQOk .OshDTBwA { background-color: var(--optionList); border-bottom: 1px solid var(--borderOnFocus); cursor: pointer; left: 0; list-style: none; overflow: auto; position: absolute; top: 100%; width: 100%; z-index: 99; } .aQLajQOk .OshDTBwA li { border: 1px solid var(--borderOnFocus); border-top-color: transparent; color: var(--paragraphColor); gap: 16px; } .aQLajQOk .OshDTBwA li:hover, .aQLajQOk .OshDTBwA li:focus { background-color: var(--optionListOnHover); } .aQLajQOk .OshDTBwA li:last-of-type { border-bottom: none; } .aQLajQOk .RcYEBeaP { background-color: var(--optionListOnHover); } .aQLajQOk ._LPW8qFj { color: var(--errorColor); font-family: "Scala Sans Pro Italic", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-size: 12px; letter-spacing: 0.3px; line-height: 16px; margin-top: 8px; width: 100%; } .aQLajQOk .j6JmhCPL { color: var(--placeholderColor); margin-top: 8px; } .aQLajQOk .Q0fliOD1 { align-items: center; display: flex; height: 50px; padding-left: 16px; width: 16%; } .aQLajQOk .Q0fliOD1 svg { color: var(--paragraphColor); height: 24px; width: 24px; } .aQLajQOk.f03Fqr2I { --backgroundColor: #faf9f7; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; --backgroundColor: #ffffff; --borderOnFocus: #7f7f7f; --optionList: #ffffff; --optionListOnHover: #faf9f7; } .aQLajQOk.I6DJNM_R { --backgroundColor: #ffffff; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; --backgroundColor: #ffffff; --borderOnFocus: #7f7f7f; --optionList: #ffffff; --optionListOnHover: #faf9f7; } .aQLajQOk.riuGiwCj { --backgroundColor: #1a1919; --errorColor: #de4b4b; --iconColor: #ffffff; --linkColor: #9a7b69; --paragraphColor: #ffffff; --placeholderColor: #d8d8d8; --preTitle: #b8a188; --titleColor: #ffffff; --backgroundColor: #242222; --borderOnFocus: #626262; --optionList: #242222; --optionListOnHover: #1a1919; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .sKsQ7gAy { background: var(--backgroundColor); display: flex; flex-direction: column; gap: 16px; position: relative; width: 100%; } @media (min-width: 1024px) { .sKsQ7gAy.S1g8d3i2 { gap: 24px; } } @media (min-width: 2560px) { .sKsQ7gAy { gap: 24px; } } .sKsQ7gAy .mqrYJnRI { color: var(--headingColor); } .sKsQ7gAy .mqrYJnRI.wkdEesrX { font-size: 12px; letter-spacing: 1.8px; line-height: 16px; text-transform: uppercase; } .sKsQ7gAy .f9uiPAQH label { text-transform: lowercase; } .sKsQ7gAy .f9uiPAQH label::first-letter { text-transform: capitalize; } .sKsQ7gAy .dB9sJnH7 { border: 1px solid; border-color: var(--borderColor); padding: 20px 32px; } .sKsQ7gAy .dB9sJnH7.wkdEesrX { margin-top: 8px; width: fit-content; } @media (min-width: 1440px) { .sKsQ7gAy .dB9sJnH7.wkdEesrX { margin-top: 16px; } } .sKsQ7gAy.vmYxpxOg .f9uiPAQH ul { position: relative; top: unset; } .sKsQ7gAy.S1g8d3i2 { --backgroundColor: #ffffff; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; --borderColor: rgba(26, 25, 25, 0.24); --headingColor: #1a1919; } .sKsQ7gAy.S1g8d3i2 .f9uiPAQH button { background-color: #f6f4f2; } .sKsQ7gAy.wkdEesrX { --backgroundColor: #1a1919; --errorColor: #de4b4b; --iconColor: #ffffff; --linkColor: #9a7b69; --paragraphColor: #ffffff; --placeholderColor: #d8d8d8; --preTitle: #b8a188; --titleColor: #ffffff; --borderColor: rgba(255, 255, 255, 0.24); --headingColor: #b8a188; } .HfjQN8ft { img { width: 24px; height: 24px; } button { font-weight: 400; } @media only screen and (min-width: 768px) { grid-area: 3 / 3 / 5 / 5; } @media only screen and (min-width: 1440px) { grid-area: 1 / 5 / 3 / 6; } } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .KhkqeQAz { position: relative; width: 100%; } .KhkqeQAz .qki_ZmIt { background-color: var(--backgroundColor); border: 1px solid var(--backgroundColor); box-sizing: border-box; color: var(--paragraphColor); font-family: "Scala Sans Pro", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-size: 16px; letter-spacing: 0.6px; padding: 16px; resize: none; width: 100%; } .KhkqeQAz .qki_ZmIt:hover { border-color: var(--borderOnFocus); } .KhkqeQAz .qki_ZmIt::placeholder { color: var(--placeholderColor); font-family: "Scala Sans Pro Italic", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-size: 16px; letter-spacing: 0.6px; line-height: 24px; } .KhkqeQAz .qki_ZmIt:focus { border-color: var(--borderOnFocus); } .KhkqeQAz .xEpaG9Jc { align-items: center; display: flex; justify-content: space-between; margin-bottom: 8px; } .KhkqeQAz .U3pfXo0A { color: var(--paragraphColor); display: block; font-family: "Scala Sans Pro", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-size: 14px; letter-spacing: 0.4px; line-height: 24px; text-align: start; } .KhkqeQAz .pWPbpVUV { color: var(--placeholderColor); display: block; font-family: "Scala Sans Pro", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-size: 12px; letter-spacing: 0.3px; line-height: 16px; text-align: start; } .KhkqeQAz ._XmXfLEi { bottom: 22px; color: var(--placeholderColor); font-family: "Scala Sans Pro Italic", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 300; letter-spacing: 0.3px; position: absolute; right: 16px; } .KhkqeQAz.YVmUzq43 { --backgroundColor: #ffffff; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; } .KhkqeQAz.Z_I06OTn { --backgroundColor: #faf9f7; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; } .KhkqeQAz.wfl2Fl3Y { --backgroundColor: #f6f4f2; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --preTitle: #9a7b69; --titleColor: #1a1919; } .KhkqeQAz.gnt8ZDhl { --backgroundColor: #1a1919; --errorColor: #de4b4b; --iconColor: #ffffff; --linkColor: #9a7b69; --paragraphColor: #ffffff; --placeholderColor: #d8d8d8; --preTitle: #b8a188; --titleColor: #ffffff; --borderOnFocus: #453f3f; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .HZyZquMV { display: flex; flex-direction: column; width: 100%; } .HZyZquMV .sEE3Jfyj { align-items: center; color: var(--placeholderColor); display: flex; gap: 8px; margin-bottom: 7px; } .HZyZquMV .FsiJemJk { color: var(--placeholderColor); display: block; font-family: "Scala Sans Pro", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-size: 14px; letter-spacing: 0.3px; line-height: 24px; text-align: start; } .HZyZquMV .sPrf4UoA { align-items: center; border: 1px solid rgba(26, 25, 25, 0.16); color: var(--paragraphColor); display: flex; height: 50px; position: relative; } .HZyZquMV .sPrf4UoA.vUMnL5dk, .HZyZquMV .sPrf4UoA:focus, .HZyZquMV .sPrf4UoA:hover { border-color: var(--borderOnFocus); } .HZyZquMV .sPrf4UoA.SCWPifpn { border-color: var(--errorColor); } .HZyZquMV .sPrf4UoA.SCWPifpn:focus { border-color: var(--errorColor); } .HZyZquMV .sPrf4UoA.WO6Qb092 { border-color: #649b26; } .HZyZquMV .sPrf4UoA.WO6Qb092:focus { border-color: #649b26; } .HZyZquMV .M97eghnz { align-items: center; background-color: var(--countrySelector); border: unset; color: var(--paragraphColor); cursor: pointer; display: flex; gap: 8px; height: 100%; justify-content: space-between; padding: 0 16px; width: 104px; } .HZyZquMV .VhTypc34 { align-content: center; align-items: center; background-color: var(--backgroundColor); display: flex; gap: 16px; height: 100%; padding: 0 16px; width: 100%; } .HZyZquMV .vDtKarl0 { background-color: var(--optionList); border: 1px solid var(--borderOnFocus); position: absolute; right: -1px; top: 48px; width: calc(100% + 2px); z-index: 1; } .HZyZquMV .PLHOwHEp { align-items: center; display: flex; gap: 16px; height: 48px; justify-content: space-between; padding: 12px 16px; } .HZyZquMV .siVYaVqO { background-color: var(--optionList); border: none; color: var(--paragraphColor); height: 46px; width: 100%; } .HZyZquMV .siVYaVqO::placeholder { color: var(--placeholderColor); font-size: 16px; font-style: italic; letter-spacing: 0.6px; line-height: 24px; } .HZyZquMV .gl6o20rf { list-style: none; margin: 0; max-height: 250px; overflow-y: auto; padding: 0; } .HZyZquMV .gl6o20rf li { align-items: center; border-top: 1px solid var(--borderOnFocus); cursor: pointer; display: flex; font-size: 16px; justify-content: space-between; letter-spacing: 0.6px; line-height: 24px; padding: 12px 16px; } .HZyZquMV .gl6o20rf li:hover { background-color: var(--optionListOnHover); } .HZyZquMV .oOuZ6puK { align-items: center; display: flex; gap: 16px; justify-content: space-between; } .HZyZquMV .vW4625Gs { background-color: var(--backgroundColor); border: unset; color: var(--paragraphColor); font-size: 16px; height: 100%; line-height: 24px; width: 100%; } .HZyZquMV .vW4625Gs:hover { border-color: unset; } .HZyZquMV .vW4625Gs::placeholder { color: var(--placeholderColor); font-size: 16px; font-style: italic; letter-spacing: 0.6px; line-height: 24px; } .HZyZquMV .vW4625Gs:focus { border-color: unset; outline: none; } .HZyZquMV .Y3mldtUA { color: #649b26; } .HZyZquMV .GH4_lCpH { color: var(--errorColor); } .HZyZquMV .ijqtxYrR { color: var(--errorColor); font-family: "Scala Sans Pro Italic", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-size: 12px; letter-spacing: 0.4px; margin-top: 8px; } .HZyZquMV .voRSG7XS { color: var(--placeholderColor); margin-top: 8px; } .HZyZquMV.us5G1d3p { --backgroundColor: #faf9f7; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; --borderOnFocus: #7f7f7f; --countrySelector: #f6f4f2; --optionList: #ffffff; --optionListOnHover: #faf9f7; } .HZyZquMV.tAOVoPVp { --backgroundColor: #ffffff; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; --backgroundColor: #ffffff; --borderOnFocus: #7f7f7f; --countrySelector: #f6f4f2; --optionList: #ffffff; --optionListOnHover: #faf9f7; } .HZyZquMV.UbpRh6wp { --backgroundColor: #1a1919; --errorColor: #de4b4b; --iconColor: #ffffff; --linkColor: #9a7b69; --paragraphColor: #ffffff; --placeholderColor: #d8d8d8; --preTitle: #b8a188; --titleColor: #ffffff; --backgroundColor: #242222; --borderOnFocus: #626262; --countrySelector: #453f3f; --optionList: #242222; --optionListOnHover: #1a1919; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .m96kuj3m { width: 100%; } @media (min-width: 1024px) { .m96kuj3m { width: calc((100% - 24px) / 2); } } .nqGlNiSt { width: 100%; } /* ========================================================================== Input with validation Style Definitions ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .GtQQNfVf .uHTWuHjK { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; } .GtQQNfVf .uHTWuHjK .Fw7ykBcS { align-items: center; color: #7f7f7f; display: flex; font-size: 12px; gap: 8px; letter-spacing: 0.3px; line-height: 16px; } .GtQQNfVf .uHTWuHjK .Fw7ykBcS svg { height: 16px; width: 16px; } .GtQQNfVf .uHTWuHjK .yx4ZChuh { color: #ad4141; } .GtQQNfVf .uHTWuHjK .FAzUTZ5H { color: #649b26; } .GtQQNfVf .W64VNmGi { font-size: 14px; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .AyhJGY5N { width: 100%; } .AyhJGY5N div.YqmSDHgt { align-items: flex-start; flex-direction: column; overflow-x: clip; } .AyhJGY5N div.YqmSDHgt .yzaJ7iTf { color: var(--iconsColor); padding: 16px; position: absolute; } .AyhJGY5N div.YqmSDHgt .yzaJ7iTf path { fill: var(--iconsColor); } .AyhJGY5N div.YqmSDHgt input.biVj1Fo0 { padding: 12px 16px 12px 48px; } .AyhJGY5N div.YqmSDHgt input.CcNUf5BY { color: #7f7f7f; font-family: "Scala Sans Pro Italic", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; overflow: hidden; padding: 12px 0; position: absolute; text-overflow: ellipsis; white-space: nowrap; } .AyhJGY5N .X2ABRg6a { background-color: var(--backgroundColor); border: 1px solid #d8d8d8; list-style-type: none; position: absolute; top: 48px; width: 100%; z-index: 1; } .AyhJGY5N .X2ABRg6a .ckW_gMWo { display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; padding: 12px 16px; } .AyhJGY5N .X2ABRg6a .ckW_gMWo:not(:first-child) { border-top: 1px solid #ffffff; } .AyhJGY5N .X2ABRg6a .ckW_gMWo .F9C4Kl16 { font-family: "Scala Sans Pro", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; } .AyhJGY5N .X2ABRg6a .ckW_gMWo .SBEXjX0n { font-family: "Scala Sans Pro Bold", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; } .AyhJGY5N .X2ABRg6a .ckW_gMWo:hover { background-color: var(--hoverColor); cursor: pointer; } .AyhJGY5N .Ulbm4Ovo { color: var(--placeholderColor); margin-top: 8px; } .AyhJGY5N.rrTyXxD5 { --backgroundColor: #faf9f7; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; --hoverColor: #f6f4f2; --iconsColor: #1a1919; } .AyhJGY5N.W75kzlZv { --backgroundColor: #ffffff; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; --hoverColor: #f6f4f2; --iconsColor: #1a1919; } .AyhJGY5N.E4K6uTlk { --backgroundColor: #1a1919; --errorColor: #de4b4b; --iconColor: #ffffff; --linkColor: #9a7b69; --paragraphColor: #ffffff; --placeholderColor: #d8d8d8; --preTitle: #b8a188; --titleColor: #ffffff; --hoverColor: #242222; --iconsColor: #ffffff; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .ZAEk4nPO { display: flex; flex-direction: column; margin: auto; } .ZAEk4nPO .bFfaj6TB { display: flex; flex-wrap: wrap; gap: 24px; margin-bottom: 24px; } /* ========================================================================== Newsletter Style Definitions ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .qDT_AmLE { background-color: #242222; padding: 40px 24px; } @media (min-width: 768px) { .qDT_AmLE { padding: 40px 0; } } @media (min-width: 2560px) { .qDT_AmLE { padding: 64px 0; } } .qDT_AmLE .Cqi7LR5a { margin: auto; max-width: 480px; } @media (min-width: 768px) { .qDT_AmLE .Cqi7LR5a { max-width: none; width: 480px; } } @media (min-width: 2560px) { .qDT_AmLE .Cqi7LR5a { width: 640px; } } .qDT_AmLE .nVjLfHO2 { color: #ffffff; } @media (min-width: 1024px) { .qDT_AmLE .nVjLfHO2 { font-size: 30px; line-height: 40px; } } .qDT_AmLE .e_kjEClr { color: #ffffff; } .qDT_AmLE .L7g2301K { display: flex; flex-direction: column; gap: 8px; margin: auto; max-width: 230px; padding-bottom: 24px; text-align: center; } @media (min-width: 768px) { .qDT_AmLE .L7g2301K { max-width: none; } } .qDT_AmLE .G24Elgiv { margin: auto; width: fit-content; } .UzfJal6v { a { color: #b8a188; text-decoration: underline; &:hover { text-decoration: none; } } button { min-width: 143px; } } /* ========================================================================== Footer Bottom Style Definitions ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .Rlc2PM7R, .u8aLYVXt { align-items: center; display: flex; flex-direction: column; gap: 8px; } .Rlc2PM7R { background-color: #ffffff; padding: 40px 0; } @media (min-width: 768px) { .Rlc2PM7R { gap: 16px; } } @media (min-width: 1024px) { .Rlc2PM7R { gap: 24px; } } .Rlc2PM7R .u8aLYVXt { text-align: center; } @media (min-width: 1024px) { .Rlc2PM7R .u8aLYVXt { flex-direction: row; } } .Rlc2PM7R .u8aLYVXt .QEcXuGIj { color: #626262; } .Rlc2PM7R .u8aLYVXt .dlRw6A2f { margin: 0 25px; } @media (min-width: 768px) { .Rlc2PM7R .u8aLYVXt .dlRw6A2f { margin: 0; } } .Rlc2PM7R .DaxMCNKM { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; } .Rlc2PM7R .DaxMCNKM a { color: #626262; cursor: pointer; } .Rlc2PM7R .DaxMCNKM a:hover { text-decoration: underline; } .Rlc2PM7R .DbfbAYAh { background-color: #626262; border-radius: 50%; display: block; height: 2px; width: 2px; } @media (max-width: 1023px) { .Rlc2PM7R .DbfbAYAh:first-of-type { display: none; } } .Rlc2PM7R .ENFskXR1 { display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: center; max-width: 274px; } @media (min-width: 768px) { .Rlc2PM7R .ENFskXR1 { max-width: 408px; row-gap: 16px; } } @media (min-width: 1024px) { .Rlc2PM7R .ENFskXR1 { column-gap: 40px; max-width: none; } } .Rlc2PM7R .ENFskXR1 .THt9hJtm { height: 48px; position: relative; width: 48px; } .Rlc2PM7R .ENFskXR1 .THt9hJtm img { height: 100%; width: 100%; } /* ========================================================================== Global style imports ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ @media (max-width: 767px) { .hideOnMobile { display: none !important; } } @media (min-width: 768px) and (max-width: 1023px) { .hideOnTablet { display: none !important; } } @media (max-width: 1023px) { .hideOnMobileAndTablet { display: none !important; } } @media (min-width: 1024px) { .hideOnDesktop { display: none !important; } } @media (min-width: 1440px) { .hideOnDesktopMedium { display: none !important; } } /* ========================================================================== Custom font definitions ========================================================================== */ /* Classical Garamond font family ========================================================================== */ @font-face { font-display: swap; font-family: "ClassGarmnd BT"; font-style: normal; font-weight: 400; src: local("ClassGarmnd BT"), url(f5862a2b13983b665792.woff2) format("woff2"), url(14967c8df2e3d95bc490.woff) format("woff"), url(61c33d68d1415dd8e5c4.ttf) format("truetype"); } @font-face { font-display: swap; font-family: "ClassGarmnd BT Bold"; font-style: normal; font-weight: 600; src: local("ClassGarmnd BT Bold"), url(97090a89c882281805c8.woff2) format("woff2"), url(2da2cd32387fec0d44e9.woff) format("woff"), url(fdc35a31064785d53d54.ttf) format("truetype"); } @font-face { font-display: swap; font-family: "ClassGarmnd BT Italic"; font-style: normal; font-weight: 400; src: local("ClassGarmnd BT Italic"), url(6f84042070eb4b97f700.woff2) format("woff2"), url(15a85c2d2be913f5b48f.woff) format("woff"), url(7f2661e11a52c8f9b1fd.ttf) format("truetype"); } /* Scala Sans font family ========================================================================== */ @font-face { font-display: swap; font-family: "Scala Sans Pro"; font-style: normal; font-weight: 350; src: local("Scala Sans Pro"), url(1bd5562f1f3b9625dd60.woff2) format("woff2"), url(3957525dd1f9f657b14f.woff) format("woff"), url(952a7d774812c6b214a4.otf) format("opentype"); } @font-face { font-display: swap; font-family: "Scala Sans Pro Bold"; font-style: normal; font-weight: 600; src: local("Scala Sans Pro Bold"), url(0ac178ac4bc6548c21d1.woff2) format("woff2"), url(273ea3e9189d0494aa52.woff) format("woff"), url(9e462ac8bdd2c9f91ad9.otf) format("opentype"); } @font-face { font-display: swap; font-family: "Scala Sans Pro Italic"; font-style: normal; font-weight: 350; src: local("Scala Sans Italic"), url(d52961fb19664b21480a.woff2) format("woff2"), url(1d36e60ec72cf7088ebc.woff) format("woff"), url(942678ed0a9100eff21a.otf) format("opentype"); } @font-face { font-display: swap; font-family: "Scala Sans Pro Regular"; font-style: normal; font-weight: 400; src: local("Scala Sans Pro Regular"), url(5d5d1e31ce80716c778e.woff2) format("woff2"), url(c26da09eb9bf4dc90aac.woff) format("woff"), url(8145076fdb5a900d8047.otf) format("opentype"); } /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ body { background-color: #f6f4f2; color: #1a1919; font-family: "Scala Sans Pro", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-variant-numeric: lining-nums proportional-nums; } a { color: inherit; } /* ========================================================================== Global reset definitions ========================================================================== */ /** * Based on Josh Comeau's Custom CSS 'Reset' * Last updated on June 9th, 2023 * * Source: https://www.joshwcomeau.com/css/custom-css-reset/ */ /* 1. Use a more-intuitive box-sizing model. */ *, *::before, *::after { box-sizing: border-box; } /* 2. Remove default margin */ * { margin: 0; padding: 0; } /* Typographic tweaks! 3. Add accessible line-height 4. Improve text rendering */ body { line-height: 1.5; -webkit-font-smoothing: antialiased; } /* 5. Improve media defaults */ img, picture, video, canvas, svg { display: block; max-width: 100%; } /* 6. Remove built-in form typography styles */ input, button, textarea, select { font: inherit; } /* 7. Avoid text overflows */ p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; } /* 8. Create a root stacking context */ #root, #__next { isolation: isolate; } /* 9. General style */ a { text-decoration: none; } button { background: inherit; border: inherit; } .pre-message-normal { border: 1px solid black; padding: 8px; white-space: normal; width: fit-content; } .pre-message-break { border: 1px solid black; padding: 10px; white-space: break-spaces; word-break: break-word; } .refresh-button { padding: 6px; } .bold-text { font-weight: bold; } /* ========================================================================== Radio button style definitions ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .QuVb3QAk { height: 100%; position: relative; } .QuVb3QAk.PD5jj5bn { --primaryColor: #9a7b69; --secondaryColor: #d8d8d8; } .QuVb3QAk.wCEsPznB { --primaryColor: #b8a188; --secondaryColor: #626262; } .QuVb3QAk .oial2ajW[type=radio] { appearance: none; display: flex; place-content: center; } .QuVb3QAk .oial2ajW[type=radio]::before { border: 1px solid var(--secondaryColor); border-radius: 50%; content: ""; cursor: pointer; height: 24px; min-width: 24px; transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1); } @media (min-width: 1024px) { .QuVb3QAk .oial2ajW[type=radio]::before { height: 32px; width: 32px; } } .QuVb3QAk .oial2ajW[type=radio]:hover::before { border: 1px solid var(--primaryColor); transition: border 0.3s cubic-bezier(0.5, 0, 0.4, 1); } .QuVb3QAk .oial2ajW[type=radio]:checked::before { background: var(--primaryColor); border: 1px solid var(--primaryColor); transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1); } .QuVb3QAk .oial2ajW[type=radio]:checked::after { background-color: #ffffff; border-radius: 50%; content: ""; cursor: pointer; height: 8px; position: absolute; top: calc(50% - 4px); width: 8px; } @media (min-width: 1024px) { .QuVb3QAk .oial2ajW[type=radio]:checked::after { height: 10px; top: calc(50% - 5px); width: 10px; } } .QuVb3QAk .oial2ajW[type=radio]:disabled::before { background: transparent; border: 1px solid var(--secondaryColor); } .QuVb3QAk .oial2ajW[type=radio]:focus::before { outline: 2px solid var(--primaryColor); outline-offset: -1px; } .QuVb3QAk .oial2ajW[type=radio]:disabled:checked::before { background: var(--secondaryColor); } .QuVb3QAk .plhm5oXW { align-items: center; display: flex; gap: 8px; position: relative; } /* ========================================================================== iPhone-specific adjustments ========================================================================== */ /* stylelint-disable */ @media screen and (max-width: 480px) and (-webkit-device-pixel-ratio: 2) { .oial2ajW[type=radio]:checked::after { top: 50%; } } /* stylelint-enable */ /* ========================================================================== Details card component style definitions ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .tWnnxQSW { align-items: flex-start; background: #faf9f7; border: 1px solid transparent; display: flex; flex-direction: column; padding: 24px; position: relative; word-break: break-all; } .Oti8xPQA { cursor: pointer; display: flex; flex-direction: column; gap: 8px; width: 100%; word-break: break-word; z-index: 1; } .tWnnxQSW .Ndmj4euW { display: flex; gap: 8px; justify-content: flex-start; } .tWnnxQSW .Bji2_fPh, .tWnnxQSW .zugiK2lU { color: #9a7b69; font-size: 12px; letter-spacing: 1.8px; line-height: 16px; padding: 0; text-transform: uppercase; } .tWnnxQSW .F8Sp7MjT { font-size: 16px; letter-spacing: 0.6px; line-height: 24px; } .tWnnxQSW .tLxnmDKT { height: auto; position: absolute; right: 24px; } .tWnnxQSW .IUXpvy9a { background: #faf9f7; display: flex; flex-direction: column; gap: 24px; width: 100%; } @media (min-width: 1024px) { .tWnnxQSW .IUXpvy9a { flex-direction: row; justify-content: space-between; } .tWnnxQSW .IUXpvy9a.b2ErtDvT { flex-direction: column; } } .tWnnxQSW .IUXpvy9a .BaKskJPZ { line-height: 16px; } .tWnnxQSW .IUXpvy9a .DwDEUrlL { display: flex; flex-direction: column; gap: 24px; } @media (min-width: 1024px) { .tWnnxQSW .IUXpvy9a .DwDEUrlL { flex-direction: row; } .tWnnxQSW .IUXpvy9a .DwDEUrlL.b2ErtDvT { flex-direction: column; } } .tWnnxQSW .gOXQ6_5L { display: grid; grid-template-areas: "three" "one" "two"; grid-template-columns: 1fr; position: relative; width: 100%; } @media (min-width: 1024px) { .tWnnxQSW .gOXQ6_5L { grid-template-areas: "three one two"; } .tWnnxQSW .gOXQ6_5L.aRPrS6KI { grid-template-areas: "three" "one" "two"; grid-template-columns: 1fr; } } .tWnnxQSW .gOXQ6_5L.SJwexNiV { border-top: 1px solid #d8d8d8; margin-top: 16px; padding-top: 24px; } .tWnnxQSW .gOXQ6_5L .zugiK2lU { border: none; cursor: pointer; letter-spacing: 2px; text-decoration: none; text-underline-offset: 4px; width: fit-content; } .tWnnxQSW .gOXQ6_5L .zugiK2lU:hover { text-decoration: underline; } .tWnnxQSW .gOXQ6_5L .zugiK2lU.djjzB4wD { grid-area: one; } .tWnnxQSW .gOXQ6_5L .zugiK2lU.q8A0NWYL { grid-area: two; margin-top: 26px; } @media (min-width: 1024px) { .tWnnxQSW .gOXQ6_5L .zugiK2lU.q8A0NWYL { margin-left: 24px; margin-top: 0; } } @media (min-width: 1024px) { .tWnnxQSW .gOXQ6_5L .zugiK2lU.q8A0NWYL.aRPrS6KI { margin-left: 0; margin-top: 26px; } } .tWnnxQSW .gOXQ6_5L .zugiK2lU.AzHGNqwW { grid-area: three; margin-bottom: 26px; } @media (min-width: 1024px) { .tWnnxQSW .gOXQ6_5L .zugiK2lU.AzHGNqwW { margin: 0; } } @media (min-width: 1024px) { .tWnnxQSW .gOXQ6_5L .zugiK2lU.AzHGNqwW.aRPrS6KI { margin-bottom: 26px; } } .tWnnxQSW.yI9kH8Em:hover { background: #f6f4f2; } .tWnnxQSW.yI9kH8Em:hover .IUXpvy9a { background: #f6f4f2; } .tWnnxQSW.zMuyFUK2, .tWnnxQSW.zMuyFUK2:hover { background: #f6f4f2; border-color: #9a7b69; } .tWnnxQSW.zMuyFUK2 .IUXpvy9a, .tWnnxQSW.zMuyFUK2:hover .IUXpvy9a { background: #f6f4f2; } .tWnnxQSW.SJwexNiV { border-color: #9a7b69; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .HzG8rJky { background-color: var(--backgroundColor); color: var(--paragraphColor); display: flex; flex-direction: column; height: auto; width: 100%; } @media (min-width: 768px) { .HzG8rJky { max-width: 390px; } } @media (min-width: 1024px) { .HzG8rJky { max-width: 468px; } } @media (min-width: 2560px) { .HzG8rJky { max-width: 697px; } } .HzG8rJky.DKARXAbF { --backgroundColor: #ffffff; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; } .HzG8rJky.N95t68_Z { --backgroundColor: #1a1919; --errorColor: #de4b4b; --iconColor: #ffffff; --linkColor: #9a7b69; --paragraphColor: #ffffff; --placeholderColor: #d8d8d8; --preTitle: #b8a188; --titleColor: #ffffff; } .HzG8rJky img { align-self: stretch; height: 164px; width: 100%; } @media (min-width: 1024px) { .HzG8rJky img { height: 211px; } } @media (min-width: 2560px) { .HzG8rJky img { height: 282px; } } .HzG8rJky .jyMAo0Bt { margin-top: 24px; } @media (min-width: 2560px) { .HzG8rJky .jyMAo0Bt { margin-top: 32px; } } .HzG8rJky .pfjKE0pj { margin-bottom: 12px; } .HzG8rJky .x1j9_iDO { color: var(--paragraphColor); font-size: 14px; letter-spacing: 0.3px; line-height: 24px; } @media (min-width: 2560px) { .HzG8rJky .x1j9_iDO { font-size: 16px; letter-spacing: 0.6px; } } .YhSuwzpw { gap: 0; padding: 24px; width: inherit; } @media (min-width: 1024px) { .YhSuwzpw { padding: 24px 32px 32px; } } @media (min-width: 2560px) { .YhSuwzpw { padding: 32px 40px 40px; } } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .gCrZi0dQ, .D4boHbpi { font-size: 12px; width: 100%; } .D4boHbpi { margin-top: 4px; } .vN3imIIl { min-height: 338px; width: inherit; } @media (min-width: 1024px) { .vN3imIIl { min-height: 362px; } } @media (min-width: 2560px) { .vN3imIIl { min-height: 402px; } } .M7rMzhdO { display: flex; flex-direction: column; gap: 10px; } .mohIM6P_ { border-block: 1px solid rgba(26, 25, 25, 0.16); height: 56px; justify-content: space-between; padding: 16px 0; transition: height 0.33s cubic-bezier(0.4, 0, 0.25, 1); visibility: visible; } .mohIM6P_, .NdA4ECWZ { align-items: center; display: flex; } .NdA4ECWZ { gap: 16px; } .NIf3WvFH span { font-size: 16px; line-height: 24px; } .rmU10bfY { align-items: center; color: #1a1919; display: flex; height: 48px; left: 0; margin-left: 18px; position: absolute; top: 32px; z-index: 1; } .vN3imIIl .CuMVH8tg, .B_F4Xdbn .CuMVH8tg { position: relative; } .vN3imIIl .CuMVH8tg .bvepZZNZ, .B_F4Xdbn .CuMVH8tg .bvepZZNZ { padding-left: 64px; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .rmxW4QIp { height: 100%; position: relative; width: 100%; } .rmxW4QIp.pK8kI93u { background: linear-gradient(180deg, transparent 50%, #f6f4f2 100%); } .fZWZp_gA { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .fZWZp_gA .TTwXBPHz { height: 100%; z-index: -1; } .fZWZp_gA .TTwXBPHz video { height: 100%; object-fit: fill; width: 100%; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .cdmL3XGO .aujhnG9_ { align-items: center; border: none; color: var(--fontColor); column-gap: 8px; display: flex; font-size: 12px; font-weight: 400; height: auto; justify-content: flex-end; letter-spacing: 2px; line-height: 16px; padding: 0; text-transform: uppercase; } .cdmL3XGO .aujhnG9_:hover { background-color: transparent; color: unset; cursor: pointer; } .cdmL3XGO .aujhnG9_ svg { height: 16px; width: 16px; } @media (min-width: 1024px) { .cdmL3XGO .aujhnG9_ svg { height: 24px; width: 24px; } } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .tTUlLhvH { align-items: center; border-top: 1px solid var(--borderColor); display: flex; justify-content: space-between; padding: 12px 0; width: 100%; } @media (min-width: 1440px) { .tTUlLhvH { padding: 16px 0; } } .tTUlLhvH:hover { cursor: pointer; } .tTUlLhvH:last-child { border-bottom: 1px solid var(--borderColor); } .tTUlLhvH._ltaLcot { --borderColor: #d8d8d8; } .tTUlLhvH.WQX9O90O { --borderColor: #453f3f; } .jxC5Y2MT { display: flex; gap: 16px; justify-content: space-between; position: relative; width: 100%; } .jxC5Y2MT p { color: inherit; } .tTUlLhvH svg { height: 24px; width: 24px; } .aYx4onvm { display: flex; flex-direction: column; gap: 24px; padding: 32px 0; @media only screen and (min-width: 768px) { padding: 0; } } .nbJ1F7qL { max-width: 100%; width: 100%; img { object-fit: cover; } } .rO_E3V4A { display: flex; flex-direction: column; gap: 24px; justify-content: space-between; @media only screen and (min-width: 1024px) { flex-direction: row; } > div:first-child { h4 { margin-bottom: 12px; } } } .Xj0lPv8Y, .G17A_0pq { flex: 0 0 calc(50% - 12px); margin: 0; max-width: 100%; width: 100%; } .ImnqKd3_ { div > div:first-child { max-width: 100%; width: initial; span:last-child { align-items: center; display: flex; justify-content: flex-end; width: 100px; } } p { font-family: 'ClassGarmnd BT'; } label { color: #626262; } button { padding: 12px 30px; } } .v6IgO8eQ { @media only screen and (max-width: 1023px) { display: none; width: 100%; div:has(+ button) { margin-bottom: -18px; } button { margin-top: 6px; } } > div { > div:first-child { min-height: 340px; @media only screen and (min-width: 1024px) { min-height: 380px; } } } } /* ========================================================================== Member Card style definitions. ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .gDpMhzbh { align-items: center; display: flex; flex-direction: column; gap: 38px; } .ZZGpuxUk { border-radius: 10px; display: block; height: 254px; overflow: hidden; padding: 16px; position: relative; width: 440px; } .ZZGpuxUk .hlG66Sps .zCgiY7Ds { color: #9e8449; text-transform: uppercase; } .ZZGpuxUk .hlG66Sps .zCgiY7Ds._eZpxVnD { color: #ffffff; } .ZZGpuxUk .hlG66Sps .obHRDrgG { color: #ffffff; } .ZZGpuxUk .hlG66Sps .tjDxUX1U { color: #ffffff; letter-spacing: 0.3px; } .ZZGpuxUk .hlG66Sps .doLFLB5D { color: #ffffff; text-transform: uppercase; } .ZZGpuxUk .hlG66Sps .doLFLB5D.gA_0VjYS { background: linear-gradient(225deg, #9e8449 9.72%, #9e8449 24.47%, #c6be83 30.98%, #9e8449 33.95%, #9e8449 46.08%, #c6be83 48.57%, #9e8449 66.59%, #9e8449 100%); background-clip: text; margin: 0; -webkit-text-fill-color: transparent; } @media (min-width: 1024px) { .ZZGpuxUk { border-radius: 12px; height: 296px; width: 512px; } } .ZZGpuxUk.nPKy3pLq { height: 188px; padding: 16px; width: 358px; } @media (min-width: 1024px) { .ZZGpuxUk.nPKy3pLq { height: 255px; padding: 24px; width: 440px; } } @media (min-width: 2560px) { .ZZGpuxUk.nPKy3pLq { height: 275px; width: 546px; } } .ZZGpuxUk.gA_0VjYS { height: 204px; width: 358px; } @media (min-width: 1024px) { .ZZGpuxUk.gA_0VjYS { height: 268px; padding: 24px; width: 440px; } } @media (min-width: 2560px) { .ZZGpuxUk.gA_0VjYS { height: 316px; width: 546px; } } .ZZGpuxUk._eZpxVnD { height: 168px; padding: 24px; width: 358px; } @media (min-width: 1024px) { .ZZGpuxUk._eZpxVnD { height: 252px; padding: 36px; width: 537px; } } .BYoo2pD_.nPKy3pLq { align-items: center; display: flex; height: 16px; justify-content: space-between; } @media (min-width: 1024px) { .BYoo2pD_.nPKy3pLq { height: 17px; } } .BYoo2pD_.nPKy3pLq img { width: 100px; } @media (min-width: 1024px) { .BYoo2pD_.nPKy3pLq img { width: 120px; } } .BYoo2pD_._eZpxVnD { flex-shrink: 0; } .BYoo2pD_ .gA_0VjYS { flex-direction: column-reverse; gap: 6px; width: 100%; } @media (min-width: 1024px) { .BYoo2pD_ .gA_0VjYS { gap: 8px; } } @media (min-width: 2560px) { .BYoo2pD_ .gA_0VjYS { gap: 24px; } } .SXick11W { align-items: center; display: none; gap: 8px; } @media (min-width: 1024px) { .SXick11W { gap: 10px; } } .SXick11W.nPKy3pLq, .SXick11W.gA_0VjYS { display: flex; } .SXick11W.gA_0VjYS svg { height: 48px; width: 48px; } @media (min-width: 1024px) { .SXick11W.gA_0VjYS svg { height: 60px; width: 60px; } } .UFWI7FWx { height: 12px; width: fit-content; } @media (min-width: 1024px) { .UFWI7FWx { height: 17px; } } .RZKaU7G4 { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; } .hlG66Sps { display: flex; flex-direction: column; gap: 14px; position: relative; text-align: center; z-index: 1; } @media (min-width: 1024px) { .hlG66Sps { gap: 21px; } } .hlG66Sps.nPKy3pLq { gap: 24px; text-align: left; } .hlG66Sps._eZpxVnD { align-items: center; flex-direction: row-reverse; height: 100%; justify-content: space-between; } .hlG66Sps.gA_0VjYS { gap: 4px; text-align: center; } @media (min-width: 1024px) { .hlG66Sps.gA_0VjYS { gap: 8px; } } .hlG66Sps.gA_0VjYS > div { margin-bottom: 0; } @media (min-width: 2560px) { .hlG66Sps.gA_0VjYS > div { gap: 24px; } } .fcHhP8ZP { display: block; margin: 0 auto; } .T9XS_xYj { display: flex; flex-direction: column; gap: 8px; } @media (min-width: 1024px) { .T9XS_xYj { gap: 10px; } } .T9XS_xYj.nPKy3pLq { gap: 8px; } @media (min-width: 1024px) { .T9XS_xYj.nPKy3pLq { gap: 12px; } } @media (min-width: 2560px) { .T9XS_xYj.nPKy3pLq { gap: 24px; } } .T9XS_xYj._eZpxVnD { text-align: left; } @media (min-width: 1024px) { .T9XS_xYj._eZpxVnD { gap: 12px; } } .T9XS_xYj.gA_0VjYS { gap: 6px; } @media (min-width: 1024px) { .T9XS_xYj.gA_0VjYS { gap: 8px; } } .UX7LSu0o.nPKy3pLq { display: none; } .UX7LSu0o._eZpxVnD { align-items: center; display: flex; gap: 8px; } .KjUmSamh { display: flex; flex-direction: column; gap: 8px; } .KjUmSamh.gA_0VjYS { gap: 4px; } @media (min-width: 1024px) { .KjUmSamh.gA_0VjYS { gap: 8px; } } .KjUmSamh._eZpxVnD { gap: 16px; } @media (min-width: 1024px) { .KjUmSamh._eZpxVnD { gap: 24px; } } .kHbkYCNY { display: flex; flex-direction: column; @media only screen and (max-width: 1024px) { margin-top: 24px; } h3 { margin-bottom: 16px; } } .qfqCwtws { background-color: #ffffff; padding: 32px 16px; @media only screen and (min-width: 1024px) { padding: 40px 260px; } > div { > div { @media only screen and (max-width: 390px) { width: 100% !important; } } } } .qi1mhJnD { align-items: center; display: flex; width: 100%; } .deO__JTk { background-color: #faf9f7; display: flex; flex-direction: column; gap: 16px; padding: 24px 0 48px; width: 100%; @media only screen and (min-width: 1024px) { padding: 24px 0; } h5 { margin: 0 auto; } img { height: 44px; margin: 0 auto; width: 148px; } } @use 'src/styles/abstracts' as *; .bZvgLNsQ { display: flex; flex-direction: column; gap: 24px; padding: 32px 0; @media only screen and (min-width: 768px) { padding: 0; } @media only screen and (min-width: 1440px) { gap: 24px; } @media only screen and (min-width: 2560px) { gap: 16px; } .K3TXJSCq { color: #9a7b69; font-family: 'ClassGarmnd BT'; font-size: 14px; letter-spacing: 2px; line-height: 16px; padding: 8px 16px 0; text-transform: uppercase; /* Not needed for first ancient ritual, just for others */ &:first-of-type { padding: 0 16px; } @media only screen and (min-width: 768px) { padding: 16px 16px 0; } @media only screen and (min-width: 1024px) { padding: 16px 0 0; /* Not needed for first ancient ritual, just for others */ &:first-of-type { padding: 0; } } @media only screen and (min-width: 1440px) { padding: 24px 0 0; } } } .Lba1RQTY { display: flex; flex-direction: column; flex-wrap: wrap; gap: 24px; @media only screen and (min-width: 1024px) { flex-direction: row; } .ErLeHJXz { flex: 0 0 calc(50% - 12px); width: 100%; @media only screen and (min-width: 2560px) { flex: 0 0 calc(50% - 20px); } } .ia5izfIq { gap: 24px; display: flex; flex-direction: column; } svg { color: #9a7b69; } } .XtTgrVzg { display: flex; gap: 10px; flex-direction: column; } .eysift93 { display: flex; flex-direction: column; gap: 24px; height: 100%; @media only screen and (min-width: 2560px) { gap: 40px; } a { font-size: 12px; line-height: 16px; letter-spacing: 2px; margin-top: auto; text-transform: uppercase; color: #1a1919; &.iKFmXxWD { background-color: #d8d8d8; border: 1px solid rgba(26, 25, 25, 0.16); color: #1a1919; pointer-events: none; } @media only screen and (min-width: 2560px) { font-size: 14px; line-height: 24px; letter-spacing: 2.5px; } } } .E25Yu7Mv { display: flex; flex-direction: column; gap: 8px; padding: 8px 0; @media only screen and (min-width: 1024px) { width: calc(50% - 8px); /* half a card - half a gap of 16px*/ } } .WZPjvxLk { display: flex; flex-direction: column; gap: 10px; @media only screen and (min-width: 1024px) { flex-direction: row; gap: 16px; } @media only screen and (min-width: 2560px) { gap: 40px; } } ._J09SeHZ { color: #626262 !important; font-size: 14px; letter-spacing: 0.3px; line-height: 24px; } .Z_b2j8FS { font-size: 16px; line-height: 24px; letter-spacing: 0.6px; } .e7p4WlY7 { margin-top: auto; } .USMqpt6a { display: flex; flex-direction: column; gap: 8px; padding: 8px 0; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .OX0TF9Ds { position: relative; } .OX0TF9Ds .W1b6W9lB { background: no-repeat; height: 16px; left: 4px; position: absolute; top: 4px; width: 16px; } .OX0TF9Ds .W1b6W9lB path { fill: #ffffff; } @media (min-width: 1024px) { .OX0TF9Ds .W1b6W9lB { left: 8px; top: 8px; } } .OX0TF9Ds .tTYK7f52 { align-items: flex-start; display: flex; gap: 16px; } @media (min-width: 1024px) { .OX0TF9Ds .tTYK7f52 { align-items: center; } .OX0TF9Ds .tTYK7f52.BFv5m_dG { align-items: flex-start; } } @media (min-width: 2560px) { .OX0TF9Ds .tTYK7f52 p { font-size: 14px; letter-spacing: 0.4px; line-height: 24px; } } .OX0TF9Ds .tTYK7f52 .NdANPc4N { position: relative; } .OX0TF9Ds .lk7v31tO[type=checkbox] { appearance: none; display: flex; place-content: flex-start; } .OX0TF9Ds .lk7v31tO[type=checkbox]::before { border: 1px solid var(--secondaryColor); content: ""; cursor: pointer; height: 24px; min-height: 24px; min-width: 24px; transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1); width: 24px; } @media (min-width: 1024px) { .OX0TF9Ds .lk7v31tO[type=checkbox]::before { height: 32px; min-height: 32px; min-width: 32px; width: 32px; } } .OX0TF9Ds .lk7v31tO[type=checkbox].CSU3BB7v::before { background: rgba(173, 65, 65, 0.1); border: 1px solid var(--errorColor); } .OX0TF9Ds .lk7v31tO[type=checkbox]:hover::before { border: 1px solid var(--primaryColor); transition: border 0.3s cubic-bezier(0.5, 0, 0.4, 1); } .OX0TF9Ds .lk7v31tO[type=checkbox]:checked::before { background: var(--primaryColor); border: 1px solid var(--primaryColor); transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1); } .OX0TF9Ds .lk7v31tO[type=checkbox]:disabled::before { background: transparent; border: 1px solid var(--secondaryColor); } .OX0TF9Ds .lk7v31tO[type=checkbox]:disabled:checked::before { background: var(--secondaryColor); } .OX0TF9Ds .hZqQGWWl { color: var(--errorColor); } .OX0TF9Ds .uQVNWV68 { display: flex; flex-direction: column; gap: 8px; } .OX0TF9Ds.KzaKsZ3u { --primaryColor: #9a7b69; --secondaryColor: #d8d8d8; --errorColor: #ad4141; } .OX0TF9Ds.i5GI19U8 { --primaryColor: #b8a188; --secondaryColor: #626262; --errorColor: #ad4141; } .vZ10h_6_ { align-items: center; background-color: #f6f4f2; display: flex; gap: 8px; padding: 11px; } .wNxMF48U { display: flex; flex-direction: column; gap: 24px; p:first-child { font-size: 14px; font-weight: 300; letter-spacing: 0.4px; line-height: 24px; } } .dFWMm1ZI { display: flex; font-size: 16px; font-weight: 300; gap: 8px; letter-spacing: 0.6px; line-height: 24px; } .qsfYwug1 { display: flex; flex-direction: column; gap: 8px; label { color: #626262; font-size: 14px; font-weight: 300; letter-spacing: 0.4px; line-height: 24px; } } .Oz9OHapp { align-items: center; background-color: #f6f4f2; display: flex; gap: 16px; padding: 16px 24px; svg { color: #1a1919; height: 24px; width: 24px; } } .uDh04gnN { border: 1px solid #1a1919; overflow: hidden; } .GPtW1wYi { position: relative; div { position: relative; z-index: 1; } &:after { background-color: #1a1919; content: ''; display: block; height: 100px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 400px; } } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .ZNnGPbgn { align-items: center; background-color: #d8d8d8; border-radius: 100px; display: flex; height: 32px; padding: 3px 26px 3px 4px; position: relative; transition: all 0.4s; width: 56px; } .ZNnGPbgn:hover { cursor: pointer; } .ZNnGPbgn .RhY8bTcc { background-color: #ffffff; border-radius: 100%; display: block; height: 26px; position: relative; width: 26px; } .lrGFTVI7 { background-color: #9a7b69; padding: 3px 3px 3px 27px; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .LLVzCova { background-color: #faf9f7; border: 1px solid #d8d8d8; column-gap: 16px; display: flex; justify-content: space-between; padding: 24px; transition: all 0.4s; } .LLVzCova .c3RIjQ34 { margin-bottom: 16px; } .LLVzCova .dekwhd1X { color: #626262; } .t5SSacg_ { border-color: #9a7b69; } /* ========================================================================== My account mobile menu Style Definitions ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .bAh53S1Z { background-color: #ffffff; /* stylelint-disable */ /* stylelint-enable */ } .bAh53S1Z .cJSIMAuW { color: #7f7f7f; display: flex; padding: 16px; position: relative; } .bAh53S1Z .cJSIMAuW::after { background-color: #1a1919; bottom: 0; content: ""; height: 1px; left: 0; opacity: 0; position: absolute; transition: opacity 0.33s cubic-bezier(0.4, 0, 0.25, 1); width: 100%; } .bAh53S1Z .cJSIMAuW.dAlE6Vrs { color: #1a1919; } .bAh53S1Z .cJSIMAuW.dAlE6Vrs::after { opacity: 1; } .bAh53S1Z .cJSIMAuW span { font-family: "ClassGarmnd BT", "Times New Roman", serif; font-size: 16px; } .bAh53S1Z swiper-slide { width: auto; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .yN9S8SFN { height: 16px; width: 16px; } @media (min-width: 2560px) { .yN9S8SFN { height: 24px; width: 24px; } } .gLUd5OK1 { font-family: "ClassGarmnd BT", "Times New Roman", serif; } .XJAL7vTk { background: #ffffff; border-radius: 0 0 2px 2px; display: flex; flex-direction: column; gap: 4px; list-style-type: none; padding: 8px 0; } .esygrK5i { align-items: center; color: #453f3f; cursor: pointer; display: flex; gap: 12px; padding: 12px 16px; width: 100%; } @media (min-width: 2560px) { .esygrK5i { padding: 16px; } } .esygrK5i:hover { background: #f6f4f2; } .vx_BN8Zs { background: #f6f4f2; border-radius: 2px; } .ZNcnMruD { padding: 0 8px; } .Q4OHIaKp { width: 100%; } @media (min-width: 1024px) { .Q4OHIaKp { font-size: 16px; } } @media (min-width: 2560px) { .Q4OHIaKp { font-size: 20px; } } .BqhoXqt3 img { border-top-left-radius: 2px; border-top-right-radius: 2px; } @media (min-width: 1024px) { .BqhoXqt3 { border-top-left-radius: 2px; border-top-right-radius: 2px; padding: 8px 16px; } } @media (min-width: 1440px) { .BqhoXqt3 { padding: 16px 24px; } } .BqhoXqt3 .vA5Bkecy { height: 46px; width: 46px; } @media (min-width: 1024px) { .BqhoXqt3 .DuV4kLVX { font-size: 10px; letter-spacing: 1.6px; line-height: 16px; } } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .oewNN8oe { border-radius: 4px; height: 360px; overflow: hidden; position: relative; width: 190px; } .oewNN8oe.WJbKI1EH { border-radius: unset; overflow: visible; } .oewNN8oe.RQmAFa1s { cursor: pointer; } .oewNN8oe .u8LUPaqg { width: 100%; } .oewNN8oe img { height: 100%; width: 100%; } @media (min-width: 1024px) { .oewNN8oe { height: 410px; width: 252px; } } .Xs63fWXD { background-color: #faf9f7; display: flex; flex-direction: column; gap: 16px; justify-content: center; padding: 24px; } .Xs63fWXD.EmCqkkJz { background: transparent; gap: 20px; height: 100%; left: 0; position: absolute; text-align: center; top: 0; width: 100%; } .Xs63fWXD.EmCqkkJz .YlswYCpj { flex-direction: column-reverse; gap: 0; } .Xs63fWXD.EmCqkkJz .FixY8U3v, .Xs63fWXD.EmCqkkJz p { color: #ffffff; } .Xs63fWXD.EmCqkkJz .FixY8U3v { position: relative; margin-top: 6px; padding-bottom: 18px; } .Xs63fWXD.EmCqkkJz .FixY8U3v::after { background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 30.93%, #ffffff 66.23%, rgba(255, 255, 255, 0) 100%); content: ""; display: block; height: 2px; position: absolute; top: 100%; width: 100%; } .Xs63fWXD.EmCqkkJz .O21_LHIQ { font-family: "ClassGarmnd BT", "Times New Roman", serif; font-size: 10px; letter-spacing: 1.6px; line-height: 16px; padding: 0; text-transform: uppercase; } @media (min-width: 1024px) { .Xs63fWXD.EmCqkkJz .O21_LHIQ { font-size: 12px; letter-spacing: 1.8px; } } .SH7vqnlh { margin: 0 auto; width: 70%; } .iz2ozPDM { color: #ffffff; height: 28px; margin: 0 auto; width: 28px; } .kk32bqZO { margin: 0 auto 12px; } .p1nvn1Qk { width: 100%; } .IzDHOsLl { background-color: #faf9f7; color: #827772; padding: 12px 8px; text-align: center; } .O21_LHIQ { color: #453f3f; font-size: 14px; padding-bottom: 36px; } .YlswYCpj { display: flex; flex-direction: column; gap: 18px; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ @keyframes zgtW4ThE { 0% { transform: translate(-75%, -75%); } 100% { transform: translate(75%, 75%); } } .wkSOvleY, .wkSOvleY:hover, .wkSOvleY:active { background-color: var(--skeletonBgColor); border-color: transparent; border-radius: 2px; color: transparent; cursor: default; display: grid; height: 100%; min-height: 1em; overflow: hidden; pointer-events: none; position: relative; width: 100%; } .wkSOvleY::before { animation: zgtW4ThE 1.5s cubic-bezier(0, 0.5, 1, 0.5) infinite; background: linear-gradient(135deg, var(--skeletonBgColor) 20%, var(--skeletonGlossyColor), var(--skeletonBgColor) 80%); content: ""; display: block; height: 300%; left: -75%; position: absolute; top: -75%; width: 300%; z-index: 1; } .BhclsvtW { display: grid; height: 100%; row-gap: 10px; width: 100%; } .OmMMC1Tk { width: 50%; } .wkSOvleY.mzgVjxIa { --skeletonBgColor: #ffffff; --skeletonGlossyColor: #f3f3f3; } .wkSOvleY.eQP1_0wx { --skeletonBgColor: #e6e6e6; --skeletonGlossyColor: #ffffff; } /* ========================================================================== Product Card Module Style Definitions ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .Ecjyf1I2 { cursor: pointer; display: flex; flex-direction: column; height: 100%; width: 200px; } @media (min-width: 1024px) { .Ecjyf1I2 { width: 280px; } } @media (min-width: 1440px) { .Ecjyf1I2 { width: 328px; } } @media (min-width: 2560px) { .Ecjyf1I2 { width: 400px; } } .Ecjyf1I2 .tni9e0Z6 { background-color: #faf9f7; display: flex; height: 240px; position: relative; text-align: center; } @media (min-width: 1024px) { .Ecjyf1I2 .tni9e0Z6 { height: 280px; } } @media (min-width: 1440px) { .Ecjyf1I2 .tni9e0Z6 { height: 480px; } } @media (min-width: 2560px) { .Ecjyf1I2 .tni9e0Z6 { height: 560px; } } .Ecjyf1I2 .k4gu9eiO { object-fit: contain; } .Ecjyf1I2 .MHV0YgOK { bottom: 8px; display: flex; flex-direction: column; gap: 8px; position: absolute; } .Ecjyf1I2 .REOBQn8Z { background-color: #ffffff; display: flex; flex-direction: column; flex-grow: 1; gap: 8px; justify-content: space-between; padding: 8px; position: relative; width: 100%; } @media (min-width: 1024px) { .Ecjyf1I2 .REOBQn8Z { gap: 16px; padding: 24px; } } .Ecjyf1I2 .pLHNON42 { display: flex; flex-direction: column; gap: 4px; margin-bottom: 4px; position: relative; } .Ecjyf1I2 .KGTB1dBj { color: #626262; } @media (max-width: 1023px) { .Ecjyf1I2 .KGTB1dBj { font-size: 12px; } } .Ecjyf1I2 .XoxadBAu { white-space: nowrap; } .Ecjyf1I2 .VvH2_lej { display: flex; flex-flow: row wrap; height: 113px; justify-content: space-between; } @media (min-width: 1024px) { .Ecjyf1I2 .VvH2_lej { flex-flow: nowrap; height: 100px; } } .Ecjyf1I2 .MhAMzdOQ { align-items: flex-end; display: flex; flex: 1; gap: 8px; justify-content: flex-end; padding-left: 16px; } .Ecjyf1I2 .MhAMzdOQ button { align-items: center; background-color: transparent; border: 1px solid rgba(26, 25, 25, 0.16); border-radius: 50%; display: flex; height: 48px; justify-content: center; transition: all 0.3s ease-in-out; width: 48px; z-index: 1; } @media (min-width: 1024px) { .Ecjyf1I2 .MhAMzdOQ button { height: 56px; width: 56px; } } @media (min-width: 2560px) { .Ecjyf1I2 .MhAMzdOQ button { height: 64px; width: 64px; } } .Ecjyf1I2 .MhAMzdOQ button:hover { background-color: transparent; border-color: #1a1919; } .Ecjyf1I2 .MhAMzdOQ button svg { color: #1a1919; font-size: 23px; } .Ecjyf1I2 .MhAMzdOQ button img { height: 24px; width: 24px; } .Ecjyf1I2 .MhAMzdOQ > div { button-background: transparent; } .Ecjyf1I2 .Hiitr8LD { height: 40px; width: 100%; } .Ecjyf1I2 .NSsdQdAo { padding-top: 4px; } .Ecjyf1I2 .vDVEhLGz { height: auto; } .Ecjyf1I2 .vDVEhLGz:not(:last-of-type) { margin-bottom: 8px; } .Ecjyf1I2 .j_oF2cOm { color: #1a1919; font-family: "Scala Sans Pro", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-size: 12px; letter-spacing: 0.3px; line-height: 24px; } .Ecjyf1I2 .uJo2QX0a { color: #626262; font-family: "Scala Sans Pro", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-size: 12px; letter-spacing: 0.3px; line-height: 16px; padding-top: 4px; } .Ecjyf1I2 .v5jDFW9f { display: flex; flex: 2; flex-direction: column; justify-content: flex-end; } .Ecjyf1I2 .qBazhKPa { flex: 2; height: 64px; } @media (max-width: 1023px) { .Ecjyf1I2 .v5jDFW9f { justify-content: flex-end; width: 100%; } } @media (min-width: 1024px) { .Ecjyf1I2 .v5jDFW9f .j_oF2cOm, .Ecjyf1I2 .v5jDFW9f .uJo2QX0a { display: block; } } .Ecjyf1I2 .nGktoqcp, .Ecjyf1I2 .hDCQk0ip { font-family: "ClassGarmnd BT", "Times New Roman", serif; font-weight: 400; line-height: 24px; } .Ecjyf1I2 .nGktoqcp { color: #7f7f7f; font-size: 14px; text-decoration: line-through; } .Ecjyf1I2 .hDCQk0ip { color: #1a1919; display: inline-block; font-size: 16px; } @media (min-width: 1024px) { .Ecjyf1I2 .hDCQk0ip { font-size: 20px; line-height: 32px; } } .Ecjyf1I2 .rxIaaGRP { color: #626262; display: block; font-family: "Scala Sans Pro", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 300; letter-spacing: 0.3px; line-height: 16px; } @media (min-width: 1024px) { .Ecjyf1I2 .rxIaaGRP { display: inline; padding-left: 8px; } } .Ecjyf1I2 .HPl03PQa { background-color: #1a1919; border: 0; flex-basis: 100%; height: 1px; margin-top: 8px; opacity: 0.16; } /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* Colors ========================================================================== */ /* Customer Level ========================================================================== */ /* Cubic bezier ========================================================================== */ /* Device Widths ========================================================================== */ /* Font families ========================================================================== */ /* ========================================================================== Abstracts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* Media Queries ========================================================================== */ /* Color Schemes ========================================================================== */ .t6bnvKYJ { background-color: var(--backgroundColor); overflow: hidden; padding: 16px 0 16px 40px; width: 100vw; } @media (min-width: 768px) { .t6bnvKYJ { padding: 36px 0 36px 24px; width: 764px; } } @media (min-width: 1024px) { .t6bnvKYJ { padding: 34px 0 34px 40px; } } @media (min-width: 1440px) { .t6bnvKYJ { width: 904px; } } @media (min-width: 2560px) { .t6bnvKYJ { padding: 46px 0 36px 46px; width: 1410px; } } .t6bnvKYJ.gc6Cv9Yu { --backgroundColor: #ffffff; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; } .t6bnvKYJ.SFTbhrr2 { --backgroundColor: #faf9f7; --borderOnFocus: #d8d8d8; --errorColor: #ad4141; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --placeholderColor: #626262; --preTitle: #9a7b69; --titleColor: #1a1919; } .t6bnvKYJ.Yb3mud3c { --backgroundColor: #f6f4f2; --iconColor: #9a7b69; --linkColor: #9a7b69; --paragraphColor: #1a1919; --preTitle: #9a7b69; --titleColor: #1a1919; } .t6bnvKYJ.cSS0usQj { --backgroundColor: #242222; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; } .t6bnvKYJ.QzU1DMLW { --backgroundColor: #0a152b; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; } .t6bnvKYJ.ooSVvUf2 { --backgroundColor: #0d1a34; --iconColor: #ffffff; --linkColor: #ffffff; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; } .t6bnvKYJ.cvab0VeG { --backgroundColor: #19251d; --iconColor: #b8a188; --linkColor: #b8a188; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; } .t6bnvKYJ.zO2eA2nf { --backgroundColor: #19251d; --iconColor: #b8a188; --linkColor: #b8a188; --paragraphColor: #ffffff; --preTitle: #b8a188; --titleColor: #ffffff; --backgroundColor: #1d2c22; --linkColor: #ffffff; } .t6bnvKYJ.XPpRTL4S { --backgroundColor: #5b1218; --iconColor: #c2ae99; --linkColor: #c2ae99; --paragraphColor: #ffffff; --preTitle: #c2ae99; --titleColor: #ffffff; } .t6bnvKYJ.waUuyoC6 { --backgroundColor: #68161d; --iconColor: #c2ae99; --linkColor: #c2ae99; --paragraphColor: #ffffff; --preTitle: #c2ae99; --titleColor: #ffffff; } .t6bnvKYJ .dgZIClJP { color: var(--titleColor); } .LoSbFHw6 { display: flex; flex-direction: column; gap: 24px; } .LoSbFHw6 .wGjOUuJl { height: auto; width: auto; } .LoSbFHw6 .wGjOUuJl > div { background-color: #faf9f7; display: flex; flex-direction: column; justify-content: space-between; width: 100%; } .LoSbFHw6 .wGjOUuJl > a { height: 360px; width: 100%; } @media (min-width: 1024px) { .LoSbFHw6 .wGjOUuJl > a { height: 410px; } } .LoSbFHw6 .wGjOUuJl > a > div { height: 184px; } @media (min-width: 1024px) { .LoSbFHw6 { gap: 42px; } } @media (min-width: 2560px) { .LoSbFHw6 { gap: 32px; } } .KwWHrKH7 { align-items: flex-start; display: flex; gap: 16px; } .KwWHrKH7 svg { color: var(--iconColor); } @media (min-width: 768px) { .KwWHrKH7 svg { height: 24px; width: 24px; } } @media (min-width: 1024px) { .KwWHrKH7 svg { height: 32px; width: 32px; } } @media (min-width: 2560px) { .KwWHrKH7 svg { height: 42px; width: 42px; } } .D4Fnw0IX { /* stylelint-disable */ --swiper-navigation-size: 24px; /* stylelint-enable */ position: relative; } .D4Fnw0IX::part(button-next), .D4Fnw0IX::part(button-prev) { color: #1a1919; display: none; height: 100%; opacity: 1; top: calc(50% + 12px); transform: translateY(-50%); transition: opacity 0.6s cubic-bezier(0.4, 0, 0.25, 1); } @media (min-width: 1024px) { .D4Fnw0IX::part(button-next), .D4Fnw0IX::part(button-prev) { display: flex; padding-top: 84px; } } .D4Fnw0IX::part(button-next)::before, .D4Fnw0IX::part(button-prev)::before { background: linear-gradient(90deg, rgba(26, 25, 25, 0) 15.36%, #ffffff 75.55%); content: ""; height: 100%; opacity: 0; position: absolute; transition: opacity 0.6s cubic-bezier(0.4, 0, 0.25, 1); width: 490px; z-index: -1; } .D4Fnw0IX::part(button-next):hover::before, .D4Fnw0IX::part(button-prev):hover::before { opacity: 1; } .D4Fnw0IX::part(button-next) { right: 24px; transition: right 0.3s cubic-bezier(0.5, 0, 0.4, 1); } .D4Fnw0IX::part(button-next):hover { right: 10px; } .D4Fnw0IX::part(button-prev) { left: 24px; transition: left 0.3s cubic-bezier(0.5, 0, 0.4, 1); } .D4Fnw0IX::part(button-prev):hover { left: 10px; } .D4Fnw0IX::part(button-prev)::before { background: linear-gradient(-90deg, rgba(26, 25, 25, 0) 15.36%, #ffffff 75.55%); } .Dyb3CT4R { position: relative; section { width: 100%; p { white-space: pre-line; } swiper-slide { & > div, & > a { height: 420px; @media only screen and (min-width: 1024px) { height: 430px; } } } } .b_N3Khxu { max-width: 390px; @media only screen and (min-width: 1024px) { max-width: 480px; } swiper-slide { & > div, & > a { height: auto; @media only screen and (min-width: 1024px) { height: auto; } } } } } .o6IUBff8 { bottom: 30px; color: #9a7b69; display: block; font-size: 16px; letter-spacing: 0.6px; padding: 0 24px; position: absolute; text-align: center; text-decoration: underline; width: 100%; @media only screen and (min-width: 768px) { bottom: 32px; padding: 0 40px; text-align: left; } } .ILnoOc8N { padding: 16px 40px 78px; @media only screen and (min-width: 768px) { padding-bottom: 90px; } div { max-width: 100%; text-align: left; } } .z59bS2pA { width: 50%; a { text-align: left; } @media only screen and (max-width: 1023px) { width: 100%; } @media only screen and (min-width: 768px) { min-height: 496px; } @media only screen and (min-width: 1440px) { width: 50%; } &.gsRYATl8 { @media only screen and (min-width: 768px) { min-height: unset; height: auto; } @media only screen and (min-width: 1440px) { width: 424px; } } } .h1XlmtRw { height: auto; width: calc(33.3% - 16px); @media only screen and (min-width: 768px) and (max-width: 1023px) { width: calc(50% - 16px); } @media only screen and (max-width: 767px) { width: 100%; } } .f0eJZBjI { display: flex; flex-direction: column; width: 100%; h1 { @media only screen and (max-width: 1023px) { color: #1a1919; font-size: 32px; line-height: 40px; margin-top: 80px; padding: 0 0 24px 24px; } } .Rpig7zrd { text-align: left; ul { list-style-type: disc; } b, strong { font-weight: bold; } [role='button'] { text-align: left; } @media only screen and (min-width: 768px) { min-height: 496px; } } @media only screen and (min-width: 1024px) { gap: 40px; width: calc(100% - 464px); h1 { font-size: 50px; line-height: 56px; } } @media only screen and (min-width: 2560px) { width: calc(100% - 520px); } } .EZ2wly8i { margin-bottom: 24px; text-align: center; }