button {
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
padding: 0;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit;
font-family: inherit;
}
.bg-image img,
.bg-image picture,
.bg-image picture img, .covered, .cover-bg {
height: 100%;
left: 0;
position: absolute;
width: 100%;
top: 0;
pointer-events: none;
}
.covered-pointer {
height: 100%;
left: 0;
position: absolute;
width: 100%;
top: 0;
}
.d-flex-cc,
.d-flex-center-center {
display: flex;
align-items: center;
justify-content: center;
}
body {
font-size: 16px;
line-height: 1.25;
}
.text--40 {
font-size: 40px;
line-height: 1.3;
letter-spacing: 0.01em;
}
@media only screen and (max-width: 1439px) {
.text--40 {
font-size: 36px;
}
}
@media only screen and (max-width: 1200px) {
.text--40 {
font-size: 28px;
}
}
@media only screen and (max-width: 1022px) {
.text--40 {
font-size: 22px;
}
}
@media only screen and (max-width: 767px) {
.text--40 {
font-size: 20px;
}
}
.text--30 {
font-size: 30px;
line-height: 1;
letter-spacing: -0.03em;
}
@media only screen and (max-width: 1200px) {
.text--30 {
font-size: 24px;
}
}
@media only screen and (max-width: 1022px) {
.text--30 {
font-size: 20px;
}
}
@media only screen and (max-width: 767px) {
.text--30 {
font-size: 18px;
}
}
.text--24 {
font-size: 24px;
line-height: 1.2;
}
@media only screen and (max-width: 1022px) {
.text--24 {
font-size: 20px;
}
}
@media only screen and (max-width: 767px) {
.text--24 {
font-size: 18px;
}
}
.text--20 {
font-size: 20px;
line-height: 1.2;
}
.text--18 {
font-size: 18px;
line-height: 1.3;
}
.text--16 {
font-size: 16px;
}
.text--14 {
font-size: 14px;
}
.text--12 {
font-size: 12px;
line-height: 1;
}
.text--7xl {
font-weight: 700;
font-size: 356px;
line-height: 0.76;
}
@media only screen and (max-width: 1439px) {
.text--7xl {
font-size: 250px;
}
}
@media only screen and (max-width: 1200px) {
.text--7xl {
font-size: 200px;
}
}
@media only screen and (max-width: 1022px) {
.text--7xl {
font-size: 170px;
}
}
.text--128 {
font-size: 128px;
line-height: 1;
}
@media only screen and (max-width: 1439px) {
.text--128 {
font-size: 100px;
}
}
@media only screen and (max-width: 1200px) {
.text--128 {
font-size: 80px;
}
}
@media only screen and (max-width: 1022px) {
.text--128 {
font-size: 60px;
letter-spacing: normal;
}
}
a:focus-visible,
button:focus-visible,
.btn:focus-visible,
.focus-visible:focus-visible,
.focus-within:focus-visible {
outline-color: var(--color-focus);
outline-style: solid;
outline-offset: 0;
outline-width: 2.5px;
transition: outline-offset 0.2s linear;
}
.text *,
.title *,
.title-main * {
color: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
text-transform: inherit;
text-align: inherit;
font-style: inherit;
font-family: inherit;
}
.overflow-backface {
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
.bg-video {
position: absolute;
min-width: 100%;
min-height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-color: #000;
}
:root {
--color-white: #fff;
--color-black: #000;
--color-primary: #2f1408;
--color-primary-light: #ff4b48;
--color-primary-lighter: #ff532d;
--color-green-dark: #385131;
--color-green-light: #8effbd;
--color-green-lighter: #b6ef75;
--color-purple-dark: #651180;
--color-purple-light: #ceabd9;
--color-purple-text: #ff2261;
--color-blue: #a5ffdc;
--color-gray-light: #f5f5f2;
--color-focus: #2f1408;
--color-gray-50: #fafafa;
--color-gray-100: #f5f5f5;
--color-gray-200: #e5e5e5;
--color-gray-300: #d4d4d4;
--color-gray-400: #a3a3a3;
--color-gray-500: #737373;
--color-gray-600: #525252;
--color-gray-700: #404040;
--color-gray-800: #262626;
--color-gray-900: #171717;
--color-gray-950: #0a0a0a;
--color-warning: #ffa726;
--color-error: #c01414;
--color-success: #66bb6a;
--color-validation-failed: #c01414;
--font-primary: PP Neue Montreal, sans-serif;
--font-secondary: OT Neue Montreal Ul Squeezed, Arial Narrow, Helvetica Neue;
--easing-default: cubic-bezier(0.16, 1, 0.3, 1);
--easing-slow: cubic-bezier(0.25, 0.1, 0.25, 1);
--easing-spring-slow: cubic-bezier(0.25, 0.1, 0.25, 1);
--shadow-soft: 0 1px 2px 0 rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
--shadow-xs: 0px 2px 4px 0px #00000005, 0px 1px 2px 0px #0000000a;
--easing-ease: cubic-bezier(0.23, 1, 0.32, 1);
--easing-ease-in-out: cubic-bezier(0.55, 0, 0.45, 1);
--easing-slow-down: cubic-bezier(0.25, 0.49, 0.31, 1);
--easing-long-slow-down: cubic-bezier(0.13, 0.63, 0.4, 0.97);
--easing-ease-motion: cubic-bezier(0.66, 0.19, 0.29, 0.79);
--easing-expressive-in-out: cubic-bezier(0.76, 0.09, 0.03, 0.96);
--easing-fly-in: cubic-bezier(0.08, 0.69, 0.07, 1);
--easing-fly-out: cubic-bezier(0.54, 0.01, 0.99, 0.26);
}
.theme-green {
--color-primary: #385131;
--color-primary-light: #8effbd;
}
.theme-purple {
--color-primary: #651180;
--color-primary-light: #ceabd9;
--color-primary-text: #ff2261;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block;
}
body {
margin: 0;
text-align: left;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 1rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
cursor: help;
border-bottom: 0;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: 700;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
text-decoration: none;
background-color: transparent;
}
a:hover, a:focus {
text-decoration: none;
}
a:not([href]):not([tabindex]) {
text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
pre,
code,
kbd,
samp {
font-family: monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg {
overflow: hidden;
vertical-align: middle;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 1rem;
}
button {
border-radius: 0;
text-transform: none;
cursor: pointer;
-webkit-appearance: button;
}
input,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
select {
word-wrap: normal;
text-transform: none;
}
input {
overflow: visible;
}
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type=radio],
input[type=checkbox] {
box-sizing: border-box;
padding: 0;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
@media (min-width: 320px) {
.text-xs-center {
text-align: center;
}
.text-xs-left {
text-align: left;
}
.text-xs-right {
text-align: right;
}
.d-xs-none {
display: none !important;
}
.d-xs-inline-block {
display: inline-block !important;
}
.d-xs-block {
display: block !important;
}
.d-xs-flex {
display: flex !important;
}
.d-xs-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.text-sm-center {
text-align: center;
}
.text-sm-left {
text-align: left;
}
.text-sm-right {
text-align: right;
}
.d-sm-none {
display: none !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1023px) {
.text-md-center {
text-align: center;
}
.text-md-left {
text-align: left;
}
.text-md-right {
text-align: right;
}
.d-md-none {
display: none !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1201px) {
.text-lg-center {
text-align: center;
}
.text-lg-left {
text-align: left;
}
.text-lg-right {
text-align: right;
}
.d-lg-none {
display: none !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1439px) {
.text-xl-center {
text-align: center;
}
.text-xl-left {
text-align: left;
}
.text-xl-right {
text-align: right;
}
.d-xl-none {
display: none !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-right: 2rem;
padding-left: 2rem;
}
.container {
display: block;
margin: 0 auto;
max-width: calc(100% - 32px);
padding: 0;
width: 100%;
}
.row {
box-sizing: border-box;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex: 0 1 auto;
-webkit-box-flex: 0;
flex: 0 1 auto;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -8px;
margin-right: -8px;
}
.row.reverse {
-ms-flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
}
.col.reverse {
-ms-flex-direction: column-reverse;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
flex-direction: column-reverse;
}
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
}
[class*=col-] {
padding-left: 8px;
padding-right: 8px;
}
.col-xs {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xs-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-xs-2 {
-ms-flex-preferred-size: 16.666667%;
flex-basis: 16.666667%;
max-width: 16.666667%;
}
.col-xs-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xs-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-xs-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-xs-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xs-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-xs-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-xs-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xs-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-xs-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-xs-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xs-offset-1 {
margin-left: 8.333%;
}
.col-xs-offset-2 {
margin-left: 16.666667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.333%;
}
.col-xs-offset-5 {
margin-left: 41.667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.333%;
}
.col-xs-offset-8 {
margin-left: 66.667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.333%;
}
.col-xs-offset-11 {
margin-left: 91.667%;
}
.start-xs {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-xs {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.end-xs {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-xs {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-xs {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-xs {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-xs {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xs {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-xs {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-xs {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
@media only screen and (min-width: 768px) {
.row {
margin-left: -8px;
margin-right: -8px;
}
.container {
max-width: calc(100% - 32px);
}
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
}
[class*=col-] {
padding-left: 8px;
padding-right: 8px;
}
.col-sm {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-sm-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-sm-2 {
-ms-flex-preferred-size: 16.666667%;
flex-basis: 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-sm-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-sm-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-sm-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-sm-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-sm-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-sm-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-sm-offset-0 {
margin-left: 0;
}
.col-sm-offset-1 {
margin-left: 8.333%;
}
.col-sm-offset-2 {
margin-left: 16.666667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.333%;
}
.col-sm-offset-5 {
margin-left: 41.667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.333%;
}
.col-sm-offset-8 {
margin-left: 66.667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.333%;
}
.col-sm-offset-11 {
margin-left: 91.667%;
}
.start-sm {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-sm {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.end-sm {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-sm {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-sm {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-sm {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-sm {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-sm {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-sm {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-sm {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
@media only screen and (min-width: 1023px) {
.row {
margin-left: -10px;
margin-right: -10px;
}
.container {
max-width: 990px;
padding-left: 10px;
padding-right: 10px;
}
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
}
[class*=col-] {
padding-left: 10px;
padding-right: 10px;
}
.col-md {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-md-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-md-2 {
-ms-flex-preferred-size: 16.666667%;
flex-basis: 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-md-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-md-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-md-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-md-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-md-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-md-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-md-offset-0 {
margin-left: 0;
}
.col-md-offset-1 {
margin-left: 8.333%;
}
.col-md-offset-2 {
margin-left: 16.666667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.333%;
}
.col-md-offset-5 {
margin-left: 41.667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.333%;
}
.col-md-offset-8 {
margin-left: 66.667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.333%;
}
.col-md-offset-11 {
margin-left: 91.667%;
}
.start-md {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-md {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.end-md {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-md {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-md {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-md {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-md {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-md {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-md {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-md {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
@media only screen and (min-width: 1201px) {
.row {
margin-left: -16px;
margin-right: -16px;
}
.container {
max-width: 1240px;
padding-left: 16px;
padding-right: 16px;
}
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
}
[class*=col-] {
padding-left: 16px;
padding-right: 16px;
}
.col-lg {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-lg-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-lg-2 {
-ms-flex-preferred-size: 16.666667%;
flex-basis: 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-lg-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-lg-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-lg-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-lg-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-lg-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-lg-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-lg-offset-0 {
margin-left: 0;
}
.col-lg-offset-1 {
margin-left: 8.333%;
}
.col-lg-offset-2 {
margin-left: 16.666667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.333%;
}
.col-lg-offset-5 {
margin-left: 41.667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.333%;
}
.col-lg-offset-8 {
margin-left: 66.667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.333%;
}
.col-lg-offset-11 {
margin-left: 91.667%;
}
.start-lg {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-lg {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.end-lg {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-lg {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-lg {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-lg {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-lg {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-lg {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-lg {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-lg {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
@media only screen and (min-width: 1440px) {
.row {
margin-left: -16px;
margin-right: -16px;
}
.container {
max-width: 1408px;
padding-left: 16px;
padding-right: 16px;
}
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
}
[class*=col-] {
padding-left: 16px;
padding-right: 16px;
}
.col-xl {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xl-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-xl-2 {
-ms-flex-preferred-size: 16.666667%;
flex-basis: 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-xl-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-xl-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-xl-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-xl-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-xl-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-xl-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xl-offset-0 {
margin-left: 0;
}
.col-xl-offset-1 {
margin-left: 8.333%;
}
.col-xl-offset-2 {
margin-left: 16.666667%;
}
.col-xl-offset-3 {
margin-left: 25%;
}
.col-xl-offset-4 {
margin-left: 33.333%;
}
.col-xl-offset-5 {
margin-left: 41.667%;
}
.col-xl-offset-6 {
margin-left: 50%;
}
.col-xl-offset-7 {
margin-left: 58.333%;
}
.col-xl-offset-8 {
margin-left: 66.667%;
}
.col-xl-offset-9 {
margin-left: 75%;
}
.col-xl-offset-10 {
margin-left: 83.333%;
}
.col-xl-offset-11 {
margin-left: 91.667%;
}
.start-xl {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-xl {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.end-xl {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-xl {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-xl {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-xl {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-xl {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xl {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-xl {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-xl {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
:focus {
outline: none;
}
a,
button,
.btn,
.focus-visible,
.focus-within {
outline-offset: 6px;
}
.animate-fade.is-visible {
opacity: 1;
transition: opacity 250ms linear;
}
.animate-fade.is-hidden {
opacity: 0;
transition: opacity 250ms linear;
pointer-events: none;
}
@keyframes slowZoom {
from {
transform: scale(1);
}
to {
transform: scale(1.2);
}
}
@keyframes pulse-effect {
0% {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
}
70% {
box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}
.mt-160 {
margin-top: 160px;
}
@media only screen and (max-width: 1200px) {
.mt-160 {
margin-top: 120px;
}
}
@media only screen and (max-width: 1022px) {
.mt-160 {
margin-top: 80px;
}
}
@media only screen and (max-width: 767px) {
.mt-160 {
margin-top: 60px;
}
}
.mt-150 {
margin-top: 150px;
}
@media only screen and (max-width: 1200px) {
.mt-150 {
margin-top: 120px;
}
}
@media only screen and (max-width: 1022px) {
.mt-150 {
margin-top: 80px;
}
}
@media only screen and (max-width: 767px) {
.mt-150 {
margin-top: 60px;
}
}
.mt-120 {
margin-top: 120px;
}
@media only screen and (max-width: 1439px) {
.mt-120 {
margin-top: 100px;
}
}
@media only screen and (max-width: 1200px) {
.mt-120 {
margin-top: 80px;
}
}
@media only screen and (max-width: 767px) {
.mt-120 {
margin-top: 60px;
}
}
.mt-100 {
margin-top: 100px;
}
@media only screen and (max-width: 1200px) {
.mt-100 {
margin-top: 80px;
}
}
@media only screen and (max-width: 767px) {
.mt-100 {
margin-top: 60px;
}
}
.mt-90 {
margin-top: 90px;
}
@media only screen and (max-width: 1200px) {
.mt-90 {
margin-top: 70px;
}
}
@media only screen and (max-width: 767px) {
.mt-90 {
margin-top: 60px;
}
}
.mt-80 {
margin-top: 80px;
}
@media only screen and (max-width: 1200px) {
.mt-80 {
margin-top: 50px;
}
}
@media only screen and (max-width: 1022px) {
.mt-80 {
margin-top: 40px;
}
}
.mt-70 {
margin-top: 70px;
}
@media only screen and (max-width: 1200px) {
.mt-70 {
margin-top: 50px;
}
}
@media only screen and (max-width: 1022px) {
.mt-70 {
margin-top: 40px;
}
}
.mt-60 {
margin-top: 60px;
}
@media only screen and (max-width: 1200px) {
.mt-60 {
margin-top: 40px;
}
}
@media only screen and (max-width: 1022px) {
.mt-60 {
margin-top: 30px;
}
}
.mt-50 {
margin-top: 50px;
}
@media only screen and (max-width: 1200px) {
.mt-50 {
margin-top: 40px;
}
}
@media only screen and (max-width: 1022px) {
.mt-50 {
margin-top: 30px;
}
}
.mt-40 {
margin-top: 40px;
}
@media only screen and (max-width: 1200px) {
.mt-40 {
margin-top: 32px;
}
}
.mt-32 {
margin-top: 32px;
}
@media only screen and (max-width: 1200px) {
.mt-32 {
margin-top: 20px;
}
}
.mt-30 {
margin-top: 30px;
}
@media only screen and (max-width: 1200px) {
.mt-30 {
margin-top: 20px;
}
}
.mt-24 {
margin-top: 24px;
}
@media only screen and (max-width: 1200px) {
.mt-24 {
margin-top: 15px;
}
}
.mt-20 {
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.mt-20 {
margin-top: 12px;
}
}
.mt-16 {
margin-top: 16px;
}
@media only screen and (max-width: 767px) {
.mt-16 {
margin-top: 8px;
}
}
.mt-12 {
margin-top: 12px;
}
.mb-160 {
margin-bottom: 160px;
}
@media only screen and (max-width: 1200px) {
.mb-160 {
margin-bottom: 120px;
}
}
@media only screen and (max-width: 1022px) {
.mb-160 {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 767px) {
.mb-160 {
margin-bottom: 60px;
}
}
.mb-150 {
margin-bottom: 150px;
}
@media only screen and (max-width: 1200px) {
.mb-150 {
margin-bottom: 120px;
}
}
@media only screen and (max-width: 1022px) {
.mb-150 {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 767px) {
.mb-150 {
margin-bottom: 60px;
}
}
.mb-120 {
margin-bottom: 120px;
}
@media only screen and (max-width: 1200px) {
.mb-120 {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 767px) {
.mb-120 {
margin-bottom: 60px;
}
}
.mb-100 {
margin-bottom: 100px;
}
@media only screen and (max-width: 1200px) {
.mb-100 {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 767px) {
.mb-100 {
margin-bottom: 60px;
}
}
.mb-90 {
margin-bottom: 90px;
}
@media only screen and (max-width: 1200px) {
.mb-90 {
margin-bottom: 70px;
}
}
@media only screen and (max-width: 767px) {
.mb-90 {
margin-bottom: 60px;
}
}
.mb-80 {
margin-bottom: 80px;
}
@media only screen and (max-width: 1200px) {
.mb-80 {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 1022px) {
.mb-80 {
margin-bottom: 40px;
}
}
.mb-70 {
margin-bottom: 70px;
}
@media only screen and (max-width: 1200px) {
.mb-70 {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 1022px) {
.mb-70 {
margin-bottom: 40px;
}
}
.mb-60 {
margin-bottom: 60px;
}
@media only screen and (max-width: 1200px) {
.mb-60 {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 1022px) {
.mb-60 {
margin-bottom: 30px;
}
}
.mb-50 {
margin-bottom: 50px;
}
@media only screen and (max-width: 1200px) {
.mb-50 {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 1022px) {
.mb-50 {
margin-bottom: 30px;
}
}
.mb-40 {
margin-bottom: 40px;
}
@media only screen and (max-width: 1200px) {
.mb-40 {
margin-bottom: 32px;
}
}
.mb-32 {
margin-bottom: 32px;
}
@media only screen and (max-width: 1200px) {
.mb-32 {
margin-bottom: 20px;
}
}
.mb-30 {
margin-bottom: 30px;
}
@media only screen and (max-width: 1200px) {
.mb-30 {
margin-bottom: 20px;
}
}
.mb-24 {
margin-bottom: 24px;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-16 {
margin-bottom: 16px;
}
.mb-12 {
margin-bottom: 12px;
}
.mb-6 {
margin-bottom: 6px;
}
@font-face {
font-family: "PP Neue Montreal";
src: url(//mojazgodba.mgml.si/wp-content/themes/moja-zbirka/public/fonts/PPNeueMontreal-Medium.woff2) format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "PP Neue Montreal";
src: url(//mojazgodba.mgml.si/wp-content/themes/moja-zbirka/public/fonts/PPNeueMontreal-Regular.woff2) format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "PP Neue Montreal";
src: url(//mojazgodba.mgml.si/wp-content/themes/moja-zbirka/public/fonts/PPNeueMontreal-Semibold.woff2) format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "OT Neue Montreal Ul Squeezed";
src: url(//mojazgodba.mgml.si/wp-content/themes/moja-zbirka/public/fonts/OTNeueMontreal-BoldUltraSqueezed.woff2) format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
.cover-bg {
background-size: cover;
background-position: center center;
}
.cover-bg img {
display: none;
}
.covered {
max-height: initial;
}
.bg-image img,
.bg-image picture,
.bg-image picture img {
max-height: initial;
}
.bg-video video {
height: 100%;
width: 100%;
object-fit: cover;
}
.bg-primary {
background-color: var(--color-primary);
color: var(--color-primary-light);
}
.bg-primary-light {
background-color: var(--color-primary-light);
color: var(--color-primary);
}
.overflow-h {
overflow: hidden;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.text--10 {
font-size: 10px;
}
.text--lt {
font-weight: 300;
}
.text--rg {
font-weight: 400;
}
.text--md {
font-weight: 500;
}
.text--sb {
font-weight: 600;
}
.text--bd {
font-weight: 700;
}
.text--eb {
font-weight: 800;
}
.text--uppercase {
text-transform: uppercase;
}
.text--white {
color: var(--color-white);
}
.text--white.title,
.text--white .title {
color: var(--color-white);
}
.text--red-500 {
color: var(--color-validation-failed);
}
.text--primary-light {
color: var(--color-primary-light);
}
.text--primary {
color: var(--color-primary);
}
.stretched-link {
font-size: 0;
line-height: 0;
opacity: 0;
overflow: hidden;
}
.stretched-link::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 6;
}
.hide {
display: none;
}
.show {
display: block;
}
.d-flex {
display: flex;
}
.d-none {
display: none;
}
.container--large {
width: 100%;
display: block;
margin: 0 auto;
max-width: calc(100% - 64px);
padding: 0;
}
@media only screen and (max-width: 1439px) {
.container--large {
max-width: calc(100% - 32px);
}
}
@media only screen and (max-width: 1022px) {
.container--large {
max-width: calc(100% - 32px);
}
}
@media only screen and (max-width: 767px) {
.container--large {
max-width: calc(100% - 32px);
}
}
.f-auto {
display: flex;
flex-direction: column;
flex: auto;
}
.p-0 {
padding: 0 !important;
}
.p-none {
pointer-events: none;
}
.p-relative {
position: relative;
}
.mx-auto {
margin: 0 auto;
width: 100%;
display: block;
}
.overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--color-black);
opacity: 0.9;
mix-blend-mode: multiply;
}
.font-primary {
font-family: var(--font-primary);
}
.font-secondary {
font-family: var(--font-secondary);
}
.truncate-3 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.swiper {
-webkit-user-select: none;
user-select: none;
}
@media only screen and (max-width: 767px) {
[data-slider-parent] .swiper {
width: calc(100% + 40px);
margin-left: -20px;
padding: 0 20px;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
display: flex;
overflow: auto;
min-width: 0;
-ms-overflow-style: none;
scrollbar-width: none;
}
[data-slider-parent] .swiper::-webkit-scrollbar {
display: none;
}
}
@media only screen and (max-width: 767px) {
[data-slider-parent] .swiper-slide {
width: calc(100vw - 40px);
}
}
@media only screen and (max-width: 767px) {
[data-slider-parent] .swiper-wrapper {
display: flex;
flex-wrap: nowrap;
gap: 10px;
width: auto;
}
}
@media only screen and (max-width: 767px) {
[data-slider-parent] .swiper:not(.swiper-initialized) .swiper-pagination, [data-slider-parent] .swiper:not(.swiper-initialized) .swiper-slide:not(:first-of-type) {
display: block !important;
}
}
[data-slider-parent]:has(.arrow-right.swiper-button-disabled) .swiper::after, [data-slider-parent]:has(.arrow-left.swiper-button-disabled) .swiper::before {
opacity: 0;
}
.swiper-button-prev svg,
.swiper-button-next svg {
display: none;
}
.rounded-4 {
border-radius: 4px;
}
.rounded-6 {
border-radius: 6px;
}
.rounded-8 {
border-radius: 8px;
}
.rounded-10 {
border-radius: 10px;
}
.rounded-12 {
border-radius: 12px;
}
.rounded-16 {
border-radius: 16px;
}
.z-top {
position: relative;
z-index: 3;
}
.label {
letter-spacing: 0;
margin-bottom: 16px;
line-height: 1.5;
color: var(--color-primary);
font-size: 16px;
font-weight: 600;
}
.shadow-soft {
box-shadow: var(--shadow-soft);
}
.shadow-xs {
box-shadow: var(--shadow-xs);
}
.text--number {
font-variant-numeric: lining-nums tabular-nums;
}
.inset-0 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 3;
}
.has-youtube .f-html,
.has-html5video .f-html {
width: 90vw !important;
max-width: 90vw !important;
aspect-ratio: 16/9 !important;
max-height: 90vh;
height: auto;
}
.h-100 {
height: 100%;
}
html,
body {
scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
::selection {
background-color: var(--color-primary);
color: var(--color-white);
}
body {
color: var(--color-primary);
font-family: var(--font-primary);
position: relative;
height: auto;
width: 100%;
display: flex;
flex-direction: column;
min-height: 100vh;
align-items: flex-start;
background-color: var(--color-gray-light);
}
body.body-scroll-locked, body.is-open-menu, body.is-open-search, body.is-open-mega-menu, body.noscroll {
overflow: hidden;
padding-right: var(--scroll-width, 0px);
}
body.theme-purple {
color: var(--color-primary-text);
}
.noselect,
.noselect * {
-webkit-user-select: none;
user-select: none;
}
ul,
ol {
list-style: none;
margin: 0;
padding: 0;
}
p {
margin: 0;
}
a {
color: inherit;
text-decoration: none;
transition: color 0.3s ease, border 0.3s ease;
}
i,
em {
font-style: italic;
}
h1 {
font-weight: inherit;
font-size: inherit;
margin: 0;
}
h2 {
font-weight: inherit;
font-size: inherit;
margin: 0;
}
h3 {
font-weight: inherit;
font-size: inherit;
margin: 0;
}
h4 {
font-weight: inherit;
font-size: inherit;
margin: 0;
}
h5 {
font-weight: inherit;
font-size: inherit;
margin: 0;
}
h6 {
font-weight: inherit;
font-size: inherit;
margin: 0;
}
img {
margin: 0;
max-height: 100%;
max-width: 100%;
height: auto;
width: auto;
object-fit: cover;
}
figure img {
margin: 0;
}
img.lazyload,
img.lazyloaded {
transition: opacity 0.1s ease, transform 0.3s ease !important;
}
.sc-general {
width: 100%;
position: relative;
}
.swiper:not(.swiper-initialized) .swiper-pagination,
.swiper:not(.swiper-initialized) .swiper-slide:not(:first-of-type) {
display: none !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-size: 0 !important;
}
form select::-ms-expand {
display: none;
}
input,
select,
textarea {
box-shadow: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
input,
textarea {
-webkit-appearance: none;
border-radius: 0;
}
input:invalid:not(:focus) {
outline: none;
}
textarea::-ms-clear,
input::-ms-clear {
display: none;
}
main {
width: 100%;
flex: 1 0 auto;
position: relative;
}
:has(.header-main) main {
padding-top: 90px;
}
@media only screen and (max-width: 1022px) {
:has(.header-main) main {
padding-top: 66px;
}
}
.remove-padding main, main.remove-padding {
padding-top: 0;
}
.sdt-env__badge {
position: fixed;
display: block;
right: 40px;
height: 40px;
line-height: 40px;
transform-origin: 100% 0;
background-color: #1a2e44;
padding: 0 35px;
border-radius: 15px 15px 0 0;
transform: rotate(270deg);
z-index: 99999;
font-weight: bold;
color: white;
font-size: 13px;
font-family: sans-serif;
}
.sdt-env__badge .icon {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDAuNjMiIGhlaWdodD0iMTU5LjQ0IiB2aWV3Qm94PSIwIDAgMTQwLjYzIDE1OS40NCI+PHBhdGggZD0iTTI1LjUxLDI5LjgzYy00LjMtMi40OC0yLjQ4LTMuNTMsMS4yNC01LjczUzY0LjQ1LDIuNjIsNjcuMjIsMS4xczQuMzktMS42Miw4LjU5LC43NiwzNy40MiwyMS4zOCw0MC4xOSwyMi44MiwyLjQ4LDMuMTUsMCw0LjU4LTguNzgsNS4xNS0xMC45OCw2LjExLTYuNzgsLjY3LTkuNjQtMS4wNS0xNC43LTguNS0xOC45LTExLjM2LTcuMzUtMi42Ny0xMi4zMSwuMTktMTcuMjgsMTAuMDItMjAuMDUsMTEuNDYtNi40OSwyLjM5LTEwLjEyLC40OC04LjUtNS4yNS04LjUtNS4yNVoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBhdGggZD0iTTI0Ljk4LDY0LjQ5YzIuNzcsMS40MywzNS45OSwyMC40Myw0MC4xOSwyMi44MnM1LjgyLDIuMjksOC41OSwuNzYsMzYuNzUtMjAuODEsNDAuNDgtMjMuMDFsNy4wNS0zLjY3djQ3LjM1czExLjQ2LDYuMzYsMTQuNzYsOC41NCw0LjU4LS45LDQuNTgtNC4yMVY0Ni4xMmMwLTEwLjE4LTguNC0xMi4yMi0xNS4yNy04LjY2cy0yOC40OSwxNy4xLTI4LjQ5LDE3LjFjLTIuNzcsMS40My0xNS4wOCw4LjU5LTIwLjA1LDExLjQ2cy04LjExLDMuMDUtMTIuMzEsLjE5LTE2LjA0LTkuNjQtMTguOS0xMS4zNmMwLDAtMjAuOC0xMi41NS0yOC42OS0xNi42MlMuMTEsMzcuNDcsLjExLDQ1LjM2LS4xNCwxMDguNzUsLjExLDExMi41NnMyLjA1LDYuMDgsNi44NywzLjU2YzcuMjItMy43NiwxMi43My03LjM4LDEyLjczLTcuMzhsLjc2LTQ2LjU5LDQuNTEsMi4zM1oiIHN0eWxlPSJmaWxsOiMyMmQxNzI7Ii8+PHBhdGggZD0iTTEyNS40OCwxMjMuNjFjNC4zLDIuNDgsMi40OCwzLjUzLTEuMjQsNS43M3MtNDcuNzEsMjcuNDgtNTAuNDgsMjkuMDEtNC4zOSwxLjYyLTguNTktLjc2LTQ3LjQyLTI3LjM4LTUwLjE5LTI4LjgyLTIuNDgtMy4xNSwwLTQuNTgsOC43OC01LjE1LDEwLjk4LTYuMTEsNi43OC0uNjcsOS42NCwxLjA1LDI0LjcsMTQuNSwyOC45LDE3LjM2LDcuMzUsMi42NywxMi4zMS0uMTksMjcuMjgtMTYuMDIsMzAuMDUtMTcuNDYsNi40OS0yLjM5LDEwLjEyLS40OCw4LjUsNS4yNSw4LjUsNS4yNVoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PC9zdmc+") !important;
background-position: center bottom;
background-repeat: no-repeat;
background-size: 20px 20px;
float: right;
width: 20px;
height: 30px;
margin-left: 10px;
}
.sdt-env__badge .icon::before {
background-color: transparent;
}
.sdt-env__badge .mailtrap-unread-email {
display: inline-block;
box-sizing: border-box;
margin: 12px 0 0 25px;
min-width: 18px;
height: 18px;
border-radius: 9px;
background-color: #d63638;
color: #fff;
font-size: 11px;
line-height: 1.6;
text-align: center;
z-index: 26;
}
.sdt-env__badge.local {
background-color: #fdb833;
color: #2b2b2b;
}
.sdt-env__badge.staging {
background-color: #ea3546;
}
.sdt-env__badge.production {
background-color: #1789fc;
}
.grecaptcha-badge,
.g-captcha,
.g-recaptcha {
position: absolute !important;
right: 100vw !important;
top: -100vh !important;
}
div#qm-fatal,
div#qm-fatal h2 {
background: #ffffff !important;
}
iframe[src*=googletagmanager] {
position: absolute;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
html.lenis,
html.lenis body {
height: auto;
}
.lenis.lenis-smooth {
scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
overscroll-behavior: contain;
}
.lenis.lenis-stopped {
overflow: hidden;
}
.lenis.lenis-smooth iframe {
pointer-events: none;
}
#wp-admin-bar-sp-role-switcher span.on {
background-color: #d63638;
display: inline-block;
box-sizing: border-box;
margin: 1px 0 -1px 2px;
padding: 0 5px;
min-width: 18px;
height: 18px;
border-radius: 9px;
color: #fff;
font-size: 11px;
line-height: 1.6;
text-align: center;
z-index: 26;
}
#wp-admin-bar-sp-role-switcher span.on:before {
content: "\f177";
font-family: "Dashicons"; }
#wp-admin-bar-sp-role-switcher span.off:before {
content: "\f530";
font-family: Dashicons; }
#wp-admin-bar-sp-role-switcher.menupop.hover ul li.sp-switch-back a {
color: #d63638;
}
.editable-section {
position: relative;
cursor: pointer;
outline: 1px dashed rgba(80, 80, 80, 0.4);
background-color: rgba(0, 0, 0, 0.02);
transition: background-color 0.5s ease, outline-color 0.5s ease;
}
.editable-section:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.editable-section:hover::before {
content: "Edit this module";
position: absolute;
inset: 0;
display: flex;
justify-content: center;
align-items: center;
background: rgba(255, 255, 255, 0.6);
font-size: 0.95rem;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
pointer-events: none;
z-index: 1000;
text-align: center;
border-radius: 4px;
opacity: 0;
animation: classyFade 0.6s ease forwards;
}
@keyframes classyFade {
from {
opacity: 0;
transform: scale(0.985);
}
to {
opacity: 1;
transform: scale(1);
}
}
.development-error--active {
overflow: hidden;
}
.development-error__wrapper {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
z-index: 100000000000000000;
display: flex;
align-content: center;
align-items: center;
flex-direction: column;
padding: 10vh 15px 0;
}
@media (max-height: 812px) {
.development-error__wrapper {
padding: 15px 15px 0;
}
}
.development-error__wrapper.is-hidden {
display: none;
}
.development-error {
--size-gap-half: 4px;
--size-gap: 8px;
--size-gap-double: 16px;
--size-gap-triple: 24px;
--size-gap-quad: 32px;
--size-font-small: 14px;
--size-font: 16px;
--size-font-big: 20px;
--size-font-bigger: 24px;
--color-accents-1: #808080;
--color-accents-2: #222222;
--color-accents-3: #404040;
--font-stack-monospace: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
--color-ansi-selection: rgba(95, 126, 151, 0.48);
--color-ansi-bg: #111111;
--color-ansi-fg: #cccccc;
--color-ansi-white: #777777;
--color-ansi-black: #141414;
--color-ansi-blue: #00aaff;
--color-ansi-cyan: #88ddff;
--color-ansi-green: #98ec65;
--color-ansi-magenta: #aa88ff;
--color-ansi-red: #ff5555;
--color-ansi-yellow: #ffcc33;
--color-ansi-bright-white: #ffffff;
--color-ansi-bright-black: #777777;
--color-ansi-bright-blue: #33bbff;
--color-ansi-bright-cyan: #bbecff;
--color-ansi-bright-green: #b6f292;
--color-ansi-bright-magenta: #cebbff;
--color-ansi-bright-red: #ff8888;
--color-ansi-bright-yellow: #ffd966;
display: flex;
flex-direction: column;
width: 100%;
margin-right: auto;
margin-left: auto;
outline: none;
background: white;
border-radius: var(--size-gap);
box-shadow: 0 var(--size-gap-half) var(--size-gap-double) rgba(0, 0, 0, 0.25);
max-height: calc(100% - 56px);
overflow-y: hidden;
}
@media (min-width: 576px) {
.development-error {
max-width: 540px;
box-shadow: 0 var(--size-gap) var(--size-gap-quad) rgba(0, 0, 0, 0.25);
}
}
@media (min-width: 768px) {
.development-error {
max-width: 720px;
}
}
@media (min-width: 992px) {
.development-error {
max-width: 960px;
}
}
.development-error small {
font-size: 80%;
color: #757575;
}
.development-error__backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(17, 17, 17, 0.2);
pointer-events: all;
cursor: not-allowed;
z-index: -1;
}
.development-error__banner {
z-index: 2;
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
border-top-width: var(--size-gap-half);
border-bottom-width: 0;
border-top-style: solid;
border-bottom-style: solid;
border-color: var(--color-ansi-red);
}
.development-error__header {
position: relative;
margin-bottom: var(--size-gap-double);
}
.development-error__header button {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
padding: 20px 0 20px 20px;
font-size: 24px;
}
.development-error__title {
font-weight: 500;
font-size: 24px;
line-height: 34px;
padding: 0;
}
.development-error__content {
position: relative;
overflow-y: auto;
border: none;
margin: 0;
padding: calc(var(--size-gap-double) + var(--size-gap-half)) var(--size-gap-double);
height: 100%;
display: flex;
flex-direction: column;
}
.development-error__body {
position: relative;
flex: 1 1 auto;
}
.development-error__terminal {
border-radius: var(--size-gap-half);
background-color: var(--color-ansi-bg);
color: var(--color-ansi-fg);
}
.development-error__terminal * {
color: inherit;
background-color: transparent;
font-family: var(--font-stack-monospace);
}
.development-error__terminal > * {
margin: 0;
padding: calc(var(--size-gap) + var(--size-gap-half)) calc(var(--size-gap-double) + var(--size-gap-half));
}
.development-error__terminal pre {
white-space: pre-wrap;
word-break: break-word;
}
.development-error__terminal pre b {
color: var(--color-ansi-cyan);
}
.development-error footer {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: var(--size-gap);
}
.development-error footer button small {
color: black;
font-weight: 500;
}
.development-error footer small span {
color: black;
}
.btn--secondary {
background-image: linear-gradient(var(--color-black), var(--color-black));
background-size: 0% 2px;
background-repeat: no-repeat;
transition: background-size 0.3s ease, color 0.3s ease;
background-position: 0 100%;
}
.btn--secondary:hover {
background-size: 100% 2px;
}
.btn {
cursor: pointer;
font-family: var(--font-primary);
font-size: 16px;
min-height: 44px;
letter-spacing: normal;
line-height: 1.1;
padding: 4px 20px;
display: inline-flex;
text-align: center;
align-items: center;
font-weight: 600;
justify-content: center;
gap: 10px;
color: var(--color-white);
background-color: var(--color-primary);
border: 0;
position: relative;
transition: background-color 80ms ease, border-color 80ms ease, color 80ms ease, transform 140ms cubic-bezier(0.23, 1, 0.32, 1);
}
.theme-purple .btn {
background-color: var(--color-primary-text);
}
.btn__text {
display: block;
pointer-events: none;
transition: transform 0.3s ease;
position: relative;
z-index: 3;
}
.btn:hover {
color: var(--color-white);
background-color: var(--color-primary-light);
}
.btn:active {
transform: scale(0.98);
transition-duration: 100ms;
}
.btn__icon {
flex-shrink: 0;
position: relative;
pointer-events: none;
}
.btn__icon img {
width: 14px;
height: 14px;
object-fit: contain;
}
.btn__icon .icon {
width: 14px;
height: 14px;
transition: transform 0.3s ease;
}
.btn__icon .icon::before {
background-color: currentColor;
}
.btn--primary-light {
background-color: var(--color-primary-light);
}
.btn--primary-light:hover {
color: var(--color-white);
background-color: var(--color-primary);
}
.btn--secondary {
padding: 0;
min-height: 1px;
background-color: transparent;
color: var(--color-primary);
font-weight: 400;
text-transform: none;
letter-spacing: 0.01em;
background-image: linear-gradient(currentColor, currentColor);
transition: background-size 120ms ease, color 40ms ease;
}
.theme-purple .btn--secondary {
background-color: transparent;
color: var(--color-primary-text);
}
.btn--secondary::before, .btn--secondary::after {
display: none;
}
.btn--secondary:hover {
background-color: transparent;
color: var(--color-primary);
}
.theme-purple .btn--secondary:hover {
color: var(--color-primary-text);
}
.bg-primary .btn--secondary {
color: var(--color-primary-light);
}
.bg-primary .btn--secondary:hover {
color: var(--color-primary-light);
}
.btn--tertiary {
background-color: transparent;
padding: 0;
min-height: 1px;
color: var(--color-primary);
gap: 4px;
}
.theme-purple .btn--tertiary {
color: var(--color-primary-text);
background-color: transparent;
}
.btn--tertiary .btn__icon .icon {
width: 12px;
height: 12px;
transition: transform 80ms ease;
}
.btn--tertiary:hover {
background-color: transparent;
color: var(--color-primary);
}
.btn--tertiary:hover .btn__icon .icon {
transform: translateX(4px);
}
.btn--only-icon {
padding: 0;
width: 44px;
height: 44px;
min-height: 1px;
}
.btn--left-icon .btn__icon {
order: -1;
}
.btn[disabled], .btn.is-disabled, .btn--disabled {
cursor: not-allowed;
transition: none;
pointer-events: none;
opacity: 0.5;
}
.btn[disabled] .btn__icon, .btn.is-disabled .btn__icon, .btn--disabled .btn__icon {
transform: none !important;
}
.btn.hide, .btn.d-none {
display: none;
}
.btn__loader {
pointer-events: none;
opacity: 0;
transition: opacity 0.3s var(--easing-default);
}
.btn__loader:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 4px solid rgba(47, 20, 8, 0.2);
border-top: 4px solid currentColor;
border-radius: 100%;
width: 22px;
height: 22px;
animation: btnSpin 1s linear infinite;
pointer-events: none;
}
.theme-green .btn__loader:after {
border-color: rgba(56, 81, 49, 0.2);
border-top-color: currentColor;
}
.theme-purple .btn__loader:after {
border-color: rgba(101, 17, 128, 0.2);
border-top-color: currentColor;
}
@keyframes btnSpin {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
.btn.is-loading {
-webkit-user-select: none;
user-select: none;
pointer-events: none;
}
.btn.is-loading .btn__loader {
opacity: 1;
}
.btn.is-loading .icon,
.btn.is-loading .btn__text {
position: relative;
display: flex;
align-items: center;
opacity: 0;
}
.checkbox input {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
white-space: nowrap;
border: 0;
visibility: inherit;
clip: rect(0, 0, 0, 0);
}
.checkbox {
user-select: none;
font-weight: 500;
color: var(--color-primary);
}
.theme-purple .checkbox {
color: var(--color-primary-text);
}
.checkbox.is-disabled {
opacity: 0.5;
pointer-events: none;
}
.checkbox.is-disabled input {
pointer-events: none;
}
.checkbox__label {
position: relative;
padding-left: 40px;
cursor: pointer;
margin: 0;
min-height: 24px;
display: flex;
align-items: center;
}
.checkbox__label::after, .checkbox__label:before {
content: "";
left: 0;
top: 50%;
transform: translateY(-50%);
position: absolute;
pointer-events: none;
width: 24px;
height: 24px;
border-radius: 0;
}
.checkbox__label:before {
background-color: var(--color-white);
border: 1px solid rgba(47, 20, 8, 0.2);
outline: 1px solid transparent;
transition: background-color 80ms ease, border 80ms ease;
}
.theme-green .checkbox__label:before {
border-color: rgba(56, 81, 49, 0.2);
}
.theme-purple .checkbox__label:before {
border-color: rgba(255, 34, 97, 0.2);
}
.checkbox__label::after {
opacity: 0;
transition: opacity 80ms ease;
background: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='11' fill='none'%3E%3Cpath fill='%23fff' d='M4.517 8.577 13.095 0l1.139 1.139-9.717 9.717L0 6.338 1.14 5.199z'/%3E%3C/svg%3E") no-repeat center/14px auto;
}
.checkbox:hover .checkbox__label::before {
border-color: var(--color-gray-300);
}
.checkbox input:checked ~ .checkbox__label::before {
border-color: var(--color-primary);
background-color: var(--color-primary);
}
.theme-purple .checkbox input:checked ~ .checkbox__label::before {
border-color: var(--color-primary-text);
background-color: var(--color-primary-text);
}
.checkbox input:checked ~ .checkbox__label::after {
opacity: 1;
}
.checkbox a {
text-decoration: underline;
}
.checkbox a:hover {
text-decoration: none;
}
.checkbox.is-validation-failed .checkbox__label::before, .is-validation-failed .checkbox .checkbox__label::before {
border-color: var(--color-validation-failed);
outline-color: var(--color-validation-failed);
}
.checkbox .fv-plugins-message-container {
text-align: left;
padding-left: 40px;
}
.icon::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.icon {
width: 14px;
height: 14px;
display: block;
position: relative;
}
.icon::before {
background-color: currentColor;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
transition: background-color 0.3s ease;
}
.icon-chevron-up:before, .icon-chevron-down:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath fill='%23171717' d='m7 9.144-3.5-3.5.744-.744L7 7.656 9.756 4.9l.744.744z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath fill='%23171717' d='m7 9.144-3.5-3.5.744-.744L7 7.656 9.756 4.9l.744.744z'/%3E%3C/svg%3E");
}
.icon-chevron-up-rounded:before, .icon-chevron-down-rounded:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23fff' d='M15.5 20.033q-.234 0-.467-.066a1.6 1.6 0 0 1-.4-.3L8.367 13.4A1.19 1.19 0 0 1 8 12.533q.033-.533.367-.866.333-.334.833-.334.534 0 .9.334l5.4 5.433 5.433-5.433q.334-.334.834-.334.533 0 .866.367.334.333.334.867 0 .499-.334.833l-6.266 6.267a1.4 1.4 0 0 1-.434.3 1.4 1.4 0 0 1-.433.066'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23fff' d='M15.5 20.033q-.234 0-.467-.066a1.6 1.6 0 0 1-.4-.3L8.367 13.4A1.19 1.19 0 0 1 8 12.533q.033-.533.367-.866.333-.334.833-.334.534 0 .9.334l5.4 5.433 5.433-5.433q.334-.334.834-.334.533 0 .866.367.334.333.334.867 0 .499-.334.833l-6.266 6.267a1.4 1.4 0 0 1-.434.3 1.4 1.4 0 0 1-.433.066'/%3E%3C/svg%3E");
}
.icon-chevron-left:before, .icon-chevron-right:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.167' d='M5.25 10.5 8.75 7l-3.5-3.5'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.167' d='M5.25 10.5 8.75 7l-3.5-3.5'/%3E%3C/svg%3E");
}
.icon-arrow-right, .icon-arrow-left {
width: 20px;
height: 20px;
}
.icon-arrow-right:before, .icon-arrow-left:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23737373'%3E%3Cpath d='M647-440H160v-80h487L423-744l57-56 320 320-320 320-57-56 224-224Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23737373'%3E%3Cpath d='M647-440H160v-80h487L423-744l57-56 320 320-320 320-57-56 224-224Z'/%3E%3C/svg%3E");
}
.icon-arrow-right-bold, .icon-arrow-left-bold {
width: 20px;
height: 20px;
}
.icon-arrow-right-bold:before, .icon-arrow-left-bold:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' fill='none'%3E%3Cpath fill='%23fff' d='M6.64 9.552 5.52 8.416l2.624-2.8H0V3.92h8.144L5.52 1.12 6.64 0l4.416 4.768z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' fill='none'%3E%3Cpath fill='%23fff' d='M6.64 9.552 5.52 8.416l2.624-2.8H0V3.92h8.144L5.52 1.12 6.64 0l4.416 4.768z'/%3E%3C/svg%3E");
}
.icon-arrow-up, .icon-arrow-down {
width: 20px;
height: 25px;
}
.icon-arrow-up:before, .icon-arrow-down:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='9' viewBox='0 0 7 9' fill='none'%3E%3Cpath d='M3.24063 8.11212L0.000625014 4.88412V3.45612L2.71263 6.16812V0.000124931H3.76863V6.14412L6.48063 3.44412V4.87212L3.24063 8.11212Z' fill='%23F5F5F5'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='9' viewBox='0 0 7 9' fill='none'%3E%3Cpath d='M3.24063 8.11212L0.000625014 4.88412V3.45612L2.71263 6.16812V0.000124931H3.76863V6.14412L6.48063 3.44412V4.87212L3.24063 8.11212Z' fill='%23F5F5F5'/%3E%3C/svg%3E");
}
.icon-chevron-up-rounded:before, .icon-chevron-left:before, .icon-arrow-up:before, .icon-chevron-up:before, .icon-arrow-left:before, .icon-arrow-left-bold:before {
transform: scale(-1);
}
.icon-check:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath stroke='%230a0a0a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10 3 4.5 8.5 2 6'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath stroke='%230a0a0a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10 3 4.5 8.5 2 6'/%3E%3C/svg%3E");
}
.icon-close {
width: 20px;
height: 20px;
}
.icon-close:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%232f1408' d='M12.656 4.281 8.937 8l3.72 3.719-.938.937L8 8.937l-3.719 3.72-.937-.938L7.063 8l-3.72-3.719.938-.937L8 7.063l3.719-3.72z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%232f1408' d='M12.656 4.281 8.937 8l3.72 3.719-.938.937L8 8.937l-3.719 3.72-.937-.938L7.063 8l-3.72-3.719.938-.937L8 7.063l3.719-3.72z'/%3E%3C/svg%3E");
}
.icon-facebook {
width: 8px;
height: 16px;
}
.icon-facebook:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='8' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.457 16V8.8h2.186L8 5.6H5.457V4.041c0-.824.021-1.641 1.173-1.641h1.166V.112C7.796.078 6.794 0 5.78 0 3.664 0 2.339 1.326 2.339 3.76V5.6H0v3.2h2.339V16h3.118Z' fill='%23fff'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width='8' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.457 16V8.8h2.186L8 5.6H5.457V4.041c0-.824.021-1.641 1.173-1.641h1.166V.112C7.796.078 6.794 0 5.78 0 3.664 0 2.339 1.326 2.339 3.76V5.6H0v3.2h2.339V16h3.118Z' fill='%23fff'/%3E%3C/svg%3E");
}
.icon-linkedin {
width: 16px;
height: 16px;
}
.icon-linkedin:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 16h-3.2v-5.6c0-1.535-.678-2.392-1.893-2.392C9.585 8.008 8.8 8.9 8.8 10.4V16H5.6V5.6h3.2v1.17s1.004-1.762 3.266-1.762C14.33 5.008 16 6.388 16 9.246V16ZM1.954 3.937A1.961 1.961 0 0 1 0 1.968C0 .882.874 0 1.954 0a1.96 1.96 0 0 1 1.952 1.968 1.96 1.96 0 0 1-1.952 1.969ZM0 16h4V5.6H0V16Z' fill='%23fff'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 16h-3.2v-5.6c0-1.535-.678-2.392-1.893-2.392C9.585 8.008 8.8 8.9 8.8 10.4V16H5.6V5.6h3.2v1.17s1.004-1.762 3.266-1.762C14.33 5.008 16 6.388 16 9.246V16ZM1.954 3.937A1.961 1.961 0 0 1 0 1.968C0 .882.874 0 1.954 0a1.96 1.96 0 0 1 1.952 1.968 1.96 1.96 0 0 1-1.952 1.969ZM0 16h4V5.6H0V16Z' fill='%23fff'/%3E%3C/svg%3E");
}
.icon-twitter {
width: 16px;
height: 16px;
}
.icon-twitter:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M12.6 0h2.454l-5.36 6.778L16 16h-4.937l-3.867-5.594L2.77 16H.316l5.733-7.25L0 0h5.062l3.496 5.113L12.601 0Zm-.86 14.375h1.36L4.323 1.54H2.865l8.875 12.836Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M12.6 0h2.454l-5.36 6.778L16 16h-4.937l-3.867-5.594L2.77 16H.316l5.733-7.25L0 0h5.062l3.496 5.113L12.601 0Zm-.86 14.375h1.36L4.323 1.54H2.865l8.875 12.836Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.icon-tiktok {
width: 16px;
height: 16px;
}
.icon-tiktok:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M448 209.9a210.1 210.1 0 0 1-122.8-39.3v178.8A162.6 162.6 0 1 1 185 188.3v89.9a74.6 74.6 0 1 0 52.2 71.2V0h88a121.2 121.2 0 0 0 1.9 22.2 122.2 122.2 0 0 0 53.9 80.2 121.4 121.4 0 0 0 67 20.1z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M448 209.9a210.1 210.1 0 0 1-122.8-39.3v178.8A162.6 162.6 0 1 1 185 188.3v89.9a74.6 74.6 0 1 0 52.2 71.2V0h88a121.2 121.2 0 0 0 1.9 22.2 122.2 122.2 0 0 0 53.9 80.2 121.4 121.4 0 0 0 67 20.1z'/%3E%3C/svg%3E");
}
.icon-instagram {
width: 18px;
height: 18px;
}
.icon-instagram:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M320.3 205C256.8 204.8 205.2 256.2 205 319.7C204.8 383.2 256.2 434.8 319.7 435C383.2 435.2 434.8 383.8 435 320.3C435.2 256.8 383.8 205.2 320.3 205zM319.7 245.4C360.9 245.2 394.4 278.5 394.6 319.7C394.8 360.9 361.5 394.4 320.3 394.6C279.1 394.8 245.6 361.5 245.4 320.3C245.2 279.1 278.5 245.6 319.7 245.4zM413.1 200.3C413.1 185.5 425.1 173.5 439.9 173.5C454.7 173.5 466.7 185.5 466.7 200.3C466.7 215.1 454.7 227.1 439.9 227.1C425.1 227.1 413.1 215.1 413.1 200.3zM542.8 227.5C541.1 191.6 532.9 159.8 506.6 133.6C480.4 107.4 448.6 99.2 412.7 97.4C375.7 95.3 264.8 95.3 227.8 97.4C192 99.1 160.2 107.3 133.9 133.5C107.6 159.7 99.5 191.5 97.7 227.4C95.6 264.4 95.6 375.3 97.7 412.3C99.4 448.2 107.6 480 133.9 506.2C160.2 532.4 191.9 540.6 227.8 542.4C264.8 544.5 375.7 544.5 412.7 542.4C448.6 540.7 480.4 532.5 506.6 506.2C532.8 480 541 448.2 542.8 412.3C544.9 375.3 544.9 264.5 542.8 227.5zM495 452C487.2 471.6 472.1 486.7 452.4 494.6C422.9 506.3 352.9 503.6 320.3 503.6C287.7 503.6 217.6 506.2 188.2 494.6C168.6 486.8 153.5 471.7 145.6 452C133.9 422.5 136.6 352.5 136.6 319.9C136.6 287.3 134 217.2 145.6 187.8C153.4 168.2 168.5 153.1 188.2 145.2C217.7 133.5 287.7 136.2 320.3 136.2C352.9 136.2 423 133.6 452.4 145.2C472 153 487.1 168.1 495 187.8C506.7 217.3 504 287.3 504 319.9C504 352.5 506.7 422.6 495 452z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M320.3 205C256.8 204.8 205.2 256.2 205 319.7C204.8 383.2 256.2 434.8 319.7 435C383.2 435.2 434.8 383.8 435 320.3C435.2 256.8 383.8 205.2 320.3 205zM319.7 245.4C360.9 245.2 394.4 278.5 394.6 319.7C394.8 360.9 361.5 394.4 320.3 394.6C279.1 394.8 245.6 361.5 245.4 320.3C245.2 279.1 278.5 245.6 319.7 245.4zM413.1 200.3C413.1 185.5 425.1 173.5 439.9 173.5C454.7 173.5 466.7 185.5 466.7 200.3C466.7 215.1 454.7 227.1 439.9 227.1C425.1 227.1 413.1 215.1 413.1 200.3zM542.8 227.5C541.1 191.6 532.9 159.8 506.6 133.6C480.4 107.4 448.6 99.2 412.7 97.4C375.7 95.3 264.8 95.3 227.8 97.4C192 99.1 160.2 107.3 133.9 133.5C107.6 159.7 99.5 191.5 97.7 227.4C95.6 264.4 95.6 375.3 97.7 412.3C99.4 448.2 107.6 480 133.9 506.2C160.2 532.4 191.9 540.6 227.8 542.4C264.8 544.5 375.7 544.5 412.7 542.4C448.6 540.7 480.4 532.5 506.6 506.2C532.8 480 541 448.2 542.8 412.3C544.9 375.3 544.9 264.5 542.8 227.5zM495 452C487.2 471.6 472.1 486.7 452.4 494.6C422.9 506.3 352.9 503.6 320.3 503.6C287.7 503.6 217.6 506.2 188.2 494.6C168.6 486.8 153.5 471.7 145.6 452C133.9 422.5 136.6 352.5 136.6 319.9C136.6 287.3 134 217.2 145.6 187.8C153.4 168.2 168.5 153.1 188.2 145.2C217.7 133.5 287.7 136.2 320.3 136.2C352.9 136.2 423 133.6 452.4 145.2C472 153 487.1 168.1 495 187.8C506.7 217.3 504 287.3 504 319.9C504 352.5 506.7 422.6 495 452z'/%3E%3C/svg%3E");
}
.icon-youtube {
width: 16px;
height: 16px;
}
.icon-youtube:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.6051 4.0651C18 5.48698 18 8.53385 18 8.53385C18 8.53385 18 11.5469 17.6051 13.0026C17.4077 13.8151 16.7824 14.4245 16.0256 14.6276C14.6106 15 9.01645 15 9.01645 15C9.01645 15 3.3894 15 1.97441 14.6276C1.21755 14.4245 0.592322 13.8151 0.394881 13.0026C0 11.5469 0 8.53385 0 8.53385C0 8.53385 0 5.48698 0.394881 4.0651C0.592322 3.2526 1.21755 2.60938 1.97441 2.40625C3.3894 2 9.01645 2 9.01645 2C9.01645 2 14.6106 2 16.0256 2.40625C16.7824 2.60938 17.4077 3.2526 17.6051 4.0651ZM7.17367 11.276L11.8464 8.53385L7.17367 5.79167V11.276Z' fill='%23E5E5E5'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.6051 4.0651C18 5.48698 18 8.53385 18 8.53385C18 8.53385 18 11.5469 17.6051 13.0026C17.4077 13.8151 16.7824 14.4245 16.0256 14.6276C14.6106 15 9.01645 15 9.01645 15C9.01645 15 3.3894 15 1.97441 14.6276C1.21755 14.4245 0.592322 13.8151 0.394881 13.0026C0 11.5469 0 8.53385 0 8.53385C0 8.53385 0 5.48698 0.394881 4.0651C0.592322 3.2526 1.21755 2.60938 1.97441 2.40625C3.3894 2 9.01645 2 9.01645 2C9.01645 2 14.6106 2 16.0256 2.40625C16.7824 2.60938 17.4077 3.2526 17.6051 4.0651ZM7.17367 11.276L11.8464 8.53385L7.17367 5.79167V11.276Z' fill='%23E5E5E5'/%3E%3C/svg%3E%0A");
}
.icon-tripadvisor {
width: 16px;
height: 16px;
}
.icon-tripadvisor:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5288 6.20383L18 4.68042H14.7375C13.1042 3.61845 11.1317 3 8.99863 3C6.86811 3 4.90109 3.61984 3.27057 4.68042H0L1.47106 6.20383C0.569295 6.98694 0.00402331 8.11506 0.00402331 9.36745C0.00402331 11.7311 2.01731 13.6473 4.50059 13.6473C5.68033 13.6473 6.75491 13.2143 7.55719 12.5064L8.99845 14L10.4397 12.5077C11.242 13.2157 12.3155 13.6473 13.495 13.6473C15.9783 13.6473 17.9943 11.7311 17.9943 9.36745C17.9956 8.11366 17.4303 6.98573 16.5286 6.20383H16.5288ZM4.50187 12.2639C2.82087 12.2639 1.45881 10.9674 1.45881 9.36745C1.45881 7.76745 2.82105 6.47102 4.50187 6.47102C6.18288 6.47102 7.54494 7.76762 7.54494 9.36745C7.54494 10.9673 6.18269 12.2639 4.50187 12.2639ZM8.99991 9.2832C8.99991 7.3772 7.54366 5.74099 5.62163 5.04212C6.6611 4.62855 7.80115 4.39913 8.99863 4.39913C10.1959 4.39913 11.3374 4.62855 12.3769 5.04212C10.4563 5.74238 9.00009 7.3772 9.00009 9.2832H8.99991ZM13.4965 12.2639C11.8155 12.2639 10.4534 10.9674 10.4534 9.36745C10.4534 7.76745 11.8157 6.47102 13.4965 6.47102C15.1775 6.47102 16.5395 7.76762 16.5395 9.36745C16.5395 10.9673 15.1773 12.2639 13.4965 12.2639ZM13.4965 7.84787C12.615 7.84787 11.9012 8.52724 11.9012 9.36623C11.9012 10.205 12.615 10.8844 13.4965 10.8844C14.3778 10.8844 15.0915 10.205 15.0915 9.36623C15.0915 8.52863 14.3778 7.84787 13.4965 7.84787ZM6.09711 9.36745C6.09711 10.2063 5.38334 10.8856 4.50187 10.8856C3.62059 10.8856 2.90682 10.2063 2.90682 9.36745C2.90682 8.52846 3.62059 7.84909 4.50187 7.84909C5.38316 7.84787 6.09711 8.52846 6.09711 9.36745Z' fill='%23E5E5E5'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5288 6.20383L18 4.68042H14.7375C13.1042 3.61845 11.1317 3 8.99863 3C6.86811 3 4.90109 3.61984 3.27057 4.68042H0L1.47106 6.20383C0.569295 6.98694 0.00402331 8.11506 0.00402331 9.36745C0.00402331 11.7311 2.01731 13.6473 4.50059 13.6473C5.68033 13.6473 6.75491 13.2143 7.55719 12.5064L8.99845 14L10.4397 12.5077C11.242 13.2157 12.3155 13.6473 13.495 13.6473C15.9783 13.6473 17.9943 11.7311 17.9943 9.36745C17.9956 8.11366 17.4303 6.98573 16.5286 6.20383H16.5288ZM4.50187 12.2639C2.82087 12.2639 1.45881 10.9674 1.45881 9.36745C1.45881 7.76745 2.82105 6.47102 4.50187 6.47102C6.18288 6.47102 7.54494 7.76762 7.54494 9.36745C7.54494 10.9673 6.18269 12.2639 4.50187 12.2639ZM8.99991 9.2832C8.99991 7.3772 7.54366 5.74099 5.62163 5.04212C6.6611 4.62855 7.80115 4.39913 8.99863 4.39913C10.1959 4.39913 11.3374 4.62855 12.3769 5.04212C10.4563 5.74238 9.00009 7.3772 9.00009 9.2832H8.99991ZM13.4965 12.2639C11.8155 12.2639 10.4534 10.9674 10.4534 9.36745C10.4534 7.76745 11.8157 6.47102 13.4965 6.47102C15.1775 6.47102 16.5395 7.76762 16.5395 9.36745C16.5395 10.9673 15.1773 12.2639 13.4965 12.2639ZM13.4965 7.84787C12.615 7.84787 11.9012 8.52724 11.9012 9.36623C11.9012 10.205 12.615 10.8844 13.4965 10.8844C14.3778 10.8844 15.0915 10.205 15.0915 9.36623C15.0915 8.52863 14.3778 7.84787 13.4965 7.84787ZM6.09711 9.36745C6.09711 10.2063 5.38334 10.8856 4.50187 10.8856C3.62059 10.8856 2.90682 10.2063 2.90682 9.36745C2.90682 8.52846 3.62059 7.84909 4.50187 7.84909C5.38316 7.84787 6.09711 8.52846 6.09711 9.36745Z' fill='%23E5E5E5'/%3E%3C/svg%3E%0A");
}
.icon-info:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath stroke='%2390a1b9' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.167' d='M7 9.333V6.999m0-2.333h.006m5.827 2.333A5.833 5.833 0 1 1 1.166 7a5.833 5.833 0 0 1 11.667 0'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath stroke='%2390a1b9' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.167' d='M7 9.333V6.999m0-2.333h.006m5.827 2.333A5.833 5.833 0 1 1 1.166 7a5.833 5.833 0 0 1 11.667 0'/%3E%3C/svg%3E");
}
.icon-pdf {
width: 20px;
height: 20px;
}
.icon-pdf:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='24' fill='none'%3E%3Cpath fill='%23000' d='M14.274 16.129c-.391-.024-1.332.032-2.274.211-.545-.551-1.017-1.246-1.367-1.82 1.122-3.225.412-4.141-.545-4.141-.75 0-1.125.792-1.042 1.668.042.44.415 1.367.875 2.246-.282.742-.785 1.995-1.284 2.901-.585.178-1.086.375-1.446.542-1.792.833-1.936 1.946-1.563 2.417.708.896 2.217.123 3.73-2.584 1.037-.294 2.4-.687 2.523-.687.014 0 .033.005.056.012.755.666 1.648 1.429 2.382 1.529 1.062.146 1.667-.625 1.625-1.104-.041-.48-.321-1.11-1.67-1.19Zm-6.708 2.92c-.438.52-1.146 1.02-1.396.854-.25-.166-.292-.646.271-1.188.563-.541 1.504-.822 1.646-.875.167-.062.209 0 .209.083 0 .084-.292.605-.73 1.126Zm1.918-7.003c-.042-.521.062-1.021.5-1.083.437-.063.646.437.48 1.25-.168.813-.251 1.354-.334 1.418-.084.062-.167-.147-.167-.147-.167-.334-.438-.917-.48-1.438Zm.167 4.898c.229-.376.812-1.896.812-1.896.125.23 1.105 1.395 1.105 1.395s-1.501.334-1.917.5Zm4.542.666c-.625-.082-1.688-.834-1.688-.834-.145-.062 1.165-.24 1.668-.208.646.042.875.313.875.584 0 .271-.229.541-.855.458Z'/%3E%3Cpath fill='%23000' d='M19.566 5.016 14.985.434 14.55 0H4.593c-2.206 0-4 1.795-4 4.002v.306H0v4.786h.592v10.758a4.006 4.006 0 0 0 4.001 4.001h11.405A4.006 4.006 0 0 0 20 19.851V5.45l-.434-.434ZM15.998 22.37H4.593a2.52 2.52 0 0 1-2.52-2.52V9.095h7.33V4.308h-7.33v-.306a2.52 2.52 0 0 1 2.52-2.52h8.99v2.836c0 1.16.94 2.1 2.1 2.1h2.836V19.85a2.52 2.52 0 0 1-2.52 2.52ZM2.178 7.738V5.522c0-.039.031-.07.07-.07h.704a.87.87 0 0 1 .319.056.756.756 0 0 1 .247.154c.07.067.123.147.16.239.036.09.055.189.055.293a.773.773 0 0 1-.056.295.683.683 0 0 1-.407.39.886.886 0 0 1-.318.055h-.297v.804c0 .039-.032.07-.07.07h-.337a.071.071 0 0 1-.07-.07Zm2.17 0V5.522c0-.039.032-.07.071-.07h.778c.148 0 .278.024.388.072a.8.8 0 0 1 .296.234.69.69 0 0 1 .104.182c.024.064.043.133.055.205.012.072.019.149.021.231a9.59 9.59 0 0 1 0 .507c-.002.083-.01.16-.02.232-.013.072-.032.14-.056.205a.792.792 0 0 1-.4.416.951.951 0 0 1-.388.073h-.778a.07.07 0 0 1-.07-.071Zm3.708-1.31c.039 0 .07.032.07.071v.302c0 .04-.031.071-.07.071h-.85v.866c0 .039-.032.07-.071.07h-.336a.071.071 0 0 1-.071-.07V5.522c0-.039.032-.07.071-.07h1.288c.04 0 .071.031.071.07v.302c0 .04-.032.071-.07.071h-.882v.533h.85Z'/%3E%3Cpath fill='%23000' d='M3.171 6.415c.056-.05.084-.123.084-.22 0-.098-.028-.17-.084-.222a.34.34 0 0 0-.237-.078h-.279v.599h.279a.34.34 0 0 0 .237-.079ZM5.348 7.337a.344.344 0 0 0 .138-.098.375.375 0 0 0 .083-.21c.012-.103.018-.237.018-.399 0-.162-.006-.297-.018-.4a.376.376 0 0 0-.083-.21.346.346 0 0 0-.138-.097.524.524 0 0 0-.188-.031h-.334v1.476h.334c.07 0 .133-.01.188-.031Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='24' fill='none'%3E%3Cpath fill='%23000' d='M14.274 16.129c-.391-.024-1.332.032-2.274.211-.545-.551-1.017-1.246-1.367-1.82 1.122-3.225.412-4.141-.545-4.141-.75 0-1.125.792-1.042 1.668.042.44.415 1.367.875 2.246-.282.742-.785 1.995-1.284 2.901-.585.178-1.086.375-1.446.542-1.792.833-1.936 1.946-1.563 2.417.708.896 2.217.123 3.73-2.584 1.037-.294 2.4-.687 2.523-.687.014 0 .033.005.056.012.755.666 1.648 1.429 2.382 1.529 1.062.146 1.667-.625 1.625-1.104-.041-.48-.321-1.11-1.67-1.19Zm-6.708 2.92c-.438.52-1.146 1.02-1.396.854-.25-.166-.292-.646.271-1.188.563-.541 1.504-.822 1.646-.875.167-.062.209 0 .209.083 0 .084-.292.605-.73 1.126Zm1.918-7.003c-.042-.521.062-1.021.5-1.083.437-.063.646.437.48 1.25-.168.813-.251 1.354-.334 1.418-.084.062-.167-.147-.167-.147-.167-.334-.438-.917-.48-1.438Zm.167 4.898c.229-.376.812-1.896.812-1.896.125.23 1.105 1.395 1.105 1.395s-1.501.334-1.917.5Zm4.542.666c-.625-.082-1.688-.834-1.688-.834-.145-.062 1.165-.24 1.668-.208.646.042.875.313.875.584 0 .271-.229.541-.855.458Z'/%3E%3Cpath fill='%23000' d='M19.566 5.016 14.985.434 14.55 0H4.593c-2.206 0-4 1.795-4 4.002v.306H0v4.786h.592v10.758a4.006 4.006 0 0 0 4.001 4.001h11.405A4.006 4.006 0 0 0 20 19.851V5.45l-.434-.434ZM15.998 22.37H4.593a2.52 2.52 0 0 1-2.52-2.52V9.095h7.33V4.308h-7.33v-.306a2.52 2.52 0 0 1 2.52-2.52h8.99v2.836c0 1.16.94 2.1 2.1 2.1h2.836V19.85a2.52 2.52 0 0 1-2.52 2.52ZM2.178 7.738V5.522c0-.039.031-.07.07-.07h.704a.87.87 0 0 1 .319.056.756.756 0 0 1 .247.154c.07.067.123.147.16.239.036.09.055.189.055.293a.773.773 0 0 1-.056.295.683.683 0 0 1-.407.39.886.886 0 0 1-.318.055h-.297v.804c0 .039-.032.07-.07.07h-.337a.071.071 0 0 1-.07-.07Zm2.17 0V5.522c0-.039.032-.07.071-.07h.778c.148 0 .278.024.388.072a.8.8 0 0 1 .296.234.69.69 0 0 1 .104.182c.024.064.043.133.055.205.012.072.019.149.021.231a9.59 9.59 0 0 1 0 .507c-.002.083-.01.16-.02.232-.013.072-.032.14-.056.205a.792.792 0 0 1-.4.416.951.951 0 0 1-.388.073h-.778a.07.07 0 0 1-.07-.071Zm3.708-1.31c.039 0 .07.032.07.071v.302c0 .04-.031.071-.07.071h-.85v.866c0 .039-.032.07-.071.07h-.336a.071.071 0 0 1-.071-.07V5.522c0-.039.032-.07.071-.07h1.288c.04 0 .071.031.071.07v.302c0 .04-.032.071-.07.071h-.882v.533h.85Z'/%3E%3Cpath fill='%23000' d='M3.171 6.415c.056-.05.084-.123.084-.22 0-.098-.028-.17-.084-.222a.34.34 0 0 0-.237-.078h-.279v.599h.279a.34.34 0 0 0 .237-.079ZM5.348 7.337a.344.344 0 0 0 .138-.098.375.375 0 0 0 .083-.21c.012-.103.018-.237.018-.399 0-.162-.006-.297-.018-.4a.376.376 0 0 0-.083-.21.346.346 0 0 0-.138-.097.524.524 0 0 0-.188-.031h-.334v1.476h.334c.07 0 .133-.01.188-.031Z'/%3E%3C/svg%3E");
}
.icon-zip {
width: 20px;
height: 20px;
}
.icon-zip:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='24' fill='none'%3E%3Cpath stroke='%23200E32' stroke-width='2' d='M1 21.777V2.222C1 1.547 1.547 1 2.222 1h6.659c.42 0 .81.216 1.034.571l1.59 2.525c.223.355.614.57 1.034.57H24.22c.675 0 1.223.548 1.223 1.223v15.888c0 .675-.548 1.222-1.223 1.222H2.222A1.222 1.222 0 0 1 1 21.777Z'/%3E%3Cpath fill='%23200E32' d='M18.11 5.889h-2.444v2.444h2.444V5.889ZM20.555 8.334h-2.444v2.444h2.444V8.334ZM18.11 10.777h-2.444v2.445h2.444v-2.445ZM20.555 13.223h-2.444v2.444h2.444v-2.444ZM18.11 15.666h-2.444v2.444h2.444v-2.444ZM20.555 18.111h-2.444v2.445h2.444V18.11ZM18.11 18.111h-2.444v2.445h2.444V18.11Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='24' fill='none'%3E%3Cpath stroke='%23200E32' stroke-width='2' d='M1 21.777V2.222C1 1.547 1.547 1 2.222 1h6.659c.42 0 .81.216 1.034.571l1.59 2.525c.223.355.614.57 1.034.57H24.22c.675 0 1.223.548 1.223 1.223v15.888c0 .675-.548 1.222-1.223 1.222H2.222A1.222 1.222 0 0 1 1 21.777Z'/%3E%3Cpath fill='%23200E32' d='M18.11 5.889h-2.444v2.444h2.444V5.889ZM20.555 8.334h-2.444v2.444h2.444V8.334ZM18.11 10.777h-2.444v2.445h2.444v-2.445ZM20.555 13.223h-2.444v2.444h2.444v-2.444ZM18.11 15.666h-2.444v2.444h2.444v-2.444ZM20.555 18.111h-2.444v2.445h2.444V18.11ZM18.11 18.111h-2.444v2.445h2.444V18.11Z'/%3E%3C/svg%3E");
}
.mod-input {
width: 100%;
position: relative;
font-size: 0;
}
.mod-input ::-webkit-input-placeholder {
color: var(--color-primary);
opacity: 0.7;
}
.mod-input :-ms-input-placeholder {
color: var(--color-primary);
opacity: 0.7;
}
.mod-input ::placeholder {
color: var(--color-primary);
opacity: 0.7;
}
.theme-purple .mod-input ::-webkit-input-placeholder {
color: #ff2261;
opacity: 0.7;
}
.theme-purple .mod-input :-ms-input-placeholder {
color: #ff2261;
opacity: 0.7;
}
.theme-purple .mod-input ::placeholder {
color: #ff2261;
opacity: 0.7;
}
.mod-input__field {
position: relative;
width: 100%;
height: 56px;
color: var(--color-gray-900);
z-index: 1;
font-size: 18px;
font-family: var(--font-primary);
padding: 4px 16px;
transition: border-color 80ms ease;
border-radius: 0;
border: 1px solid rgba(47, 20, 8, 0.2);
background-color: var(--color-white);
outline: 1px solid transparent !important;
}
.theme-green .mod-input__field {
border-color: rgba(56, 81, 49, 0.2);
}
.theme-purple .mod-input__field {
border-color: rgba(255, 34, 97, 0.2);
color: var(--color-primary-text);
}
.mod-input__field:focus {
border-color: var(--color-primary);
}
.theme-purple .mod-input__field:focus {
border-color: var(--color-primary-text);
}
.is-validation-failed .mod-input__field, .mod-input__field.is-validation-failed {
color: var(--color-validation-failed);
border-color: var(--color-validation-failed);
outline-color: var(--color-validation-failed) !important;
}
.mod-input__field:-webkit-autofill {
color: var(--color-primary) !important;
-webkit-text-fill-color: var(--color-primary) !important;
-webkit-box-shadow: 0 0 0 1000px var(--color-white) inset !important;
box-shadow: 0 0 0 1000px var(--color-white) inset !important;
}
.mod-input__field:-webkit-autofill::selection {
-webkit-box-shadow: 0 0 0 1000px var(--color-white) inset !important;
box-shadow: 0 0 0 1000px var(--color-white) inset !important;
background-color: transparent !important;
-webkit-text-fill-color: var(--color-primary) !important;
}
.mod-input__inner {
position: relative;
}
.mod-input__icon {
position: absolute;
right: 16px;
top: 50%;
z-index: 4;
color: var(--color-gray-400);
transform: translate(0, -50%);
}
.mod-input__icon img {
width: 100%;
height: auto;
object-fit: contain;
}
.mod-input__icon .icon {
width: 14px;
height: 14px;
}
.mod-input__icon .icon-chevron-down {
transition: transform 180ms ease;
}
.mod-input:has(textarea) .mod-input__tooltip {
top: 14px;
transform: translate(0, 0);
}
.mod-input textarea {
resize: none;
min-height: 168px;
padding: 12px 15px;
}
.mod-input.is-disabled .mod-input__field {
pointer-events: none;
background-color: var(--color-gray-50);
color: var(--color-gray-400);
}
.mod-input.is-focused .mod-input__password-validation {
display: grid;
}
.mod-input__password-validation {
display: none;
margin: 10px 0 0;
line-height: 2.04;
grid-gap: 0 20px;
max-width: 360px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mod-input__password-validation-item {
position: relative;
padding-left: 12px;
}
.mod-input__password-validation-item::before {
content: "";
position: absolute;
left: 0;
top: 10px;
width: 4px;
height: 4px;
border-radius: 100%;
background-color: var(--color-black);
}
.mod-input__password-validation-item-icon {
position: absolute;
top: 8px;
left: 0;
width: 8px;
height: 8px;
}
.mod-input__password-validation-item.is-passed::before, .mod-input__password-validation-item.is-failed::before {
display: none;
}
.mod-input__password-validation-item.is-failed {
color: var(--color-red);
}
.mod-input__password-validation-item.is-failed .mod-input__password-validation-item-icon {
background: url("data:image/svg+xml, %3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.86689 0.13765C5.78187 0.0524383 5.66645 0.00455063 5.54608 0.00455063C5.4257 0.00455063 5.31028 0.0524383 5.22526 0.13765L3 2.35836L0.774744 0.133099C0.689724 0.0478876 0.574297 0 0.453925 0C0.333553 0 0.218126 0.0478876 0.133106 0.133099C-0.0443686 0.310574 -0.0443686 0.597264 0.133106 0.774738L2.35836 3L0.133106 5.22526C-0.0443686 5.40273 -0.0443686 5.68942 0.133106 5.86689C0.31058 6.04437 0.59727 6.04437 0.774744 5.86689L3 3.64164L5.22526 5.86689C5.40273 6.04437 5.68942 6.04437 5.86689 5.86689C6.04437 5.68942 6.04437 5.40273 5.86689 5.22526L3.64164 3L5.86689 0.774738C6.03982 0.601814 6.03982 0.310574 5.86689 0.13765Z' fill='%23CC5743'/%3E%3C/svg%3E%0A") no-repeat center center/6px;
}
.mod-input__password-validation-item.is-passed {
color: var(--color-text);
}
.mod-input__password-validation-item.is-passed .mod-input__password-validation-item-icon {
background: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath stroke='%238ABF56' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10 3 4.5 8.5 2 6'/%3E%3C/svg%3E") no-repeat center center/8px;
}
.mod-input__show-password {
position: absolute;
padding: 8px;
right: 8px;
top: 50%;
transform: translate(0, -50%);
z-index: 3;
color: var(--color-gray-400);
transition: color 80ms ease, transform 80ms ease;
}
.mod-input__show-password:hover {
color: var(--color-gray-900);
}
.mod-input__show-password:active {
transform: scale(0.95) translate(0, -50%);
}
.mod-input__info-text {
margin-top: 8px;
line-height: 1.2;
}
.mod-input__tooltip {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
z-index: 3;
font-size: 0;
line-height: 0;
}
.mod-input__tooltip-btn .icon {
color: var(--color-gray-400);
}
.mod-input__tooltip-content {
width: max-content;
height: max-content;
font-size: 12px;
padding: 8px;
line-height: 1.5;
position: absolute;
max-width: 250px;
border: 1px solid var(--color-gray-200);
border-radius: 4px;
background-color: var(--color-white);
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, visibility 0.2s ease;
right: -8px;
bottom: calc(100% + 10px);
}
.mod-input__tooltip-content::before {
content: "";
width: 10px;
height: 10px;
border-radius: 2px;
border-left: 1px solid var(--color-gray-200);
border-bottom: 1px solid var(--color-gray-200);
position: absolute;
background-color: var(--color-white);
right: 10px;
bottom: -5px;
transform: rotate(-45deg);
z-index: 1;
}
.mod-input__tooltip:hover .mod-input__tooltip-content {
opacity: 1;
visibility: visible;
}
.mod-input:has(.mod-input__tooltip) .mod-input__field, .mod-input--with-icon .mod-input__field {
padding-right: 40px;
}
.fv-plugins-message-container,
.validation-message {
color: var(--color-validation-failed);
position: relative;
font-size: 14px;
line-height: 1;
font-weight: 500;
}
.fv-plugins-message-container div,
.validation-message div {
margin-top: 8px;
}
.validation-message {
display: none;
}
.is-validation-failed .validation-message {
display: block;
}
.form-success-message,
.form-error-message {
margin: 10px 0;
padding: 8px 20px;
font-size: 16px;
line-height: 1.5;
border-radius: 4px;
color: var(--color-white);
}
@media only screen and (max-width: 767px) {
.form-success-message,
.form-error-message {
font-size: 14px;
padding: 5px 10px;
}
}
.form-success-message.is-hidden,
.form-error-message.is-hidden {
display: none;
}
.form-error-message {
background-color: rgba(192, 20, 20, 0.5);
border: 1px solid var(--color-validation-failed);
}
.form-success-message {
background-color: rgba(102, 187, 106, 0.5);
border: 1px solid var(--color-success);
}
.mod-loader {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: opacity 0.3s ease 0.2s, visibility 0.3s ease 0.2s;
opacity: 0;
pointer-events: none;
visibility: hidden;
z-index: 30;
background-color: var(--color-gray-50);
}
.bg-blue .mod-loader {
background-color: var(--color-dark-blue);
}
.show-loader .mod-loader {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.mod-loader svg {
width: 120px;
height: 120px;
}
.mod-loader__spinner {
border: 5px solid var(--color-gray-500);
border-radius: 50%;
border-top: 5px solid transparent;
width: 60px;
height: 60px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
} @-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .site-logo svg {
width: auto;
height: 36px;
}
@media only screen and (max-width: 1022px) {
.site-logo svg {
height: 28px;
}
}
.site-logo svg path {
fill: var(--color-primary-light);
}
.margin {
display: block;
width: 100%;
}
.margin--300 {
height: 300px;
}
@media only screen and (max-width: 1919px) {
.margin--300 {
height: 240px;
}
}
@media only screen and (max-width: 1439px) {
.margin--300 {
height: 180px;
}
}
@media only screen and (max-width: 1200px) {
.margin--300 {
height: 140px;
}
}
@media only screen and (max-width: 1022px) {
.margin--300 {
height: 90px;
}
}
.margin--260 {
height: 260px;
}
@media only screen and (max-width: 1919px) {
.margin--260 {
height: 200px;
}
}
@media only screen and (max-width: 1439px) {
.margin--260 {
height: 160px;
}
}
@media only screen and (max-width: 1200px) {
.margin--260 {
height: 120px;
}
}
@media only screen and (max-width: 1022px) {
.margin--260 {
height: 80px;
}
}
.margin--200 {
height: 200px;
}
@media only screen and (max-width: 1439px) {
.margin--200 {
height: 150px;
}
}
@media only screen and (max-width: 1200px) {
.margin--200 {
height: 120px;
}
}
@media only screen and (max-width: 1022px) {
.margin--200 {
height: 80px;
}
}
.margin--180 {
height: 180px;
}
@media only screen and (max-width: 1200px) {
.margin--180 {
height: 120px;
}
}
@media only screen and (max-width: 1022px) {
.margin--180 {
height: 80px;
}
}
.margin--160 {
height: 160px;
}
@media only screen and (max-width: 1439px) {
.margin--160 {
height: 120px;
}
}
@media only screen and (max-width: 1200px) {
.margin--160 {
height: 80px;
}
}
.margin--150 {
height: 150px;
}
@media only screen and (max-width: 1919px) {
.margin--150 {
height: 130px;
}
}
@media only screen and (max-width: 1439px) {
.margin--150 {
height: 110px;
}
}
@media only screen and (max-width: 1200px) {
.margin--150 {
height: 80px;
}
}
.margin--140 {
height: 140px;
}
@media only screen and (max-width: 1919px) {
.margin--140 {
height: 120px;
}
}
@media only screen and (max-width: 1439px) {
.margin--140 {
height: 100px;
}
}
@media only screen and (max-width: 1200px) {
.margin--140 {
height: 80px;
}
}
.margin--130 {
height: 130px;
}
@media only screen and (max-width: 1439px) {
.margin--130 {
height: 100px;
}
}
@media only screen and (max-width: 1200px) {
.margin--130 {
height: 80px;
}
}
.margin--128 {
height: 128px;
}
@media only screen and (max-width: 1439px) {
.margin--128 {
height: 100px;
}
}
@media only screen and (max-width: 1200px) {
.margin--128 {
height: 80px;
}
}
.margin--120 {
height: 120px;
}
@media only screen and (max-width: 1439px) {
.margin--120 {
height: 100px;
}
}
@media only screen and (max-width: 1200px) {
.margin--120 {
height: 80px;
}
}
.margin--100 {
height: 100px;
}
@media only screen and (max-width: 1200px) {
.margin--100 {
height: 80px;
}
}
@media only screen and (max-width: 1022px) {
.margin--100 {
height: 60px;
}
}
.margin--96 {
height: 96px;
}
@media only screen and (max-width: 1200px) {
.margin--96 {
height: 80px;
}
}
@media only screen and (max-width: 1022px) {
.margin--96 {
height: 60px;
}
}
.margin--90 {
height: 90px;
}
@media only screen and (max-width: 1439px) {
.margin--90 {
height: 70px;
}
}
@media only screen and (max-width: 1200px) {
.margin--90 {
height: 60px;
}
}
@media only screen and (max-width: 767px) {
.margin--90 {
height: 50px;
}
}
.margin--80 {
height: 80px;
}
@media only screen and (max-width: 1439px) {
.margin--80 {
height: 70px;
}
}
@media only screen and (max-width: 1200px) {
.margin--80 {
height: 60px;
}
}
.margin--70 {
height: 70px;
}
@media only screen and (max-width: 1439px) {
.margin--70 {
height: 60px;
}
}
@media only screen and (max-width: 1200px) {
.margin--70 {
height: 50px;
}
}
@media only screen and (max-width: 767px) {
.margin--70 {
height: 40px;
}
}
.margin--64 {
height: 64px;
}
@media only screen and (max-width: 1200px) {
.margin--64 {
height: 44px;
}
}
@media only screen and (max-width: 767px) {
.margin--64 {
height: 36px;
}
}
.margin--60 {
height: 60px;
}
@media only screen and (max-width: 1200px) {
.margin--60 {
height: 40px;
}
}
@media only screen and (max-width: 767px) {
.margin--60 {
height: 30px;
}
}
.margin--50 {
height: 50px;
}
@media only screen and (max-width: 1200px) {
.margin--50 {
height: 40px;
}
}
@media only screen and (max-width: 767px) {
.margin--50 {
height: 30px;
}
}
.margin--40 {
height: 40px;
}
@media only screen and (max-width: 1200px) {
.margin--40 {
height: 30px;
}
}
.margin--32 {
height: 32px;
}
.margin--30 {
height: 30px;
}
.margin--24 {
height: 24px;
}
.margin--20 {
height: 20px;
}
.margin--16 {
height: 16px;
}
.mod-tag {
font-size: 16px;
font-weight: 600;
line-height: 1.1;
min-height: 20px;
padding: 6px 8px;
text-align: center;
color: var(--color-primary);
background-color: var(--color-green-lighter);
display: inline-flex;
align-items: center;
}
@media only screen and (max-width: 767px) {
.mod-tag {
font-size: 14px;
line-height: 1.2;
padding: 4px 5px;
min-height: 1px;
}
}
.theme-green .mod-tag {
background-color: var(--color-primary-light);
color: var(--color-primary);
}
.theme-purple .mod-tag {
background-color: var(--color-purple-light);
}
.radio-button {
user-select: none;
font-size: 12px;
font-weight: 500;
color: var(--color-gray-500);
}
.radio-button.is-disabled {
opacity: 0.5;
pointer-events: none;
}
.radio-button.is-disabled input {
pointer-events: none;
}
.radio-button__label {
position: relative;
padding-left: 26px;
cursor: pointer;
margin: 0;
min-height: 18px;
display: block;
}
.radio-button__label::after, .radio-button__label:before {
content: "";
left: 0;
top: 0;
position: absolute;
pointer-events: none;
}
.radio-button__label:before {
width: 18px;
height: 18px;
border: 1px solid var(--color-gray-200);
background-color: transparent;
border-radius: 100%;
transition: background-color 0.3s ease, border 0.3s ease;
}
.radio-button__label::after {
top: 4px;
left: 4px;
width: 10px;
height: 10px;
transform: scale(0);
border-radius: 100%;
transition: transform 0.3s ease, opacity 0.3s ease;
background: var(--color-dark-blue);
}
.radio-button:hover .radio-button__label::before {
border-color: var(--color-gray-300);
background-color: var(--color-gray-200);
}
.radio-button input {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 3;
cursor: pointer;
}
.radio-button input:checked ~ label::after {
transform: scale(1);
}
.radio-button a {
text-decoration: underline;
}
.radio-button a:hover {
color: var(--color-gray);
}
.radio-button.is-validation-failed .radio-button__label::before, .is-validation-failed .radio-button .radio-button__label::before {
border-color: var(--color-validation-failed);
}
.radio-button .fv-plugins-message-container {
text-align: left;
padding-left: 36px;
}
@media only screen and (max-width: 1022px) {
.radio-button .fv-plugins-message-container {
padding-left: 32px;
}
}
.title--h6, .title--h5, .title--h4, .title--h3, .title--h2, .title--h1 {
line-height: 1;
font-weight: 600;
letter-spacing: 0.01em;
}
.title--h1 {
font-size: 48px;
}
@media only screen and (max-width: 1200px) {
.title--h1 {
font-size: 44px;
}
}
@media only screen and (max-width: 1022px) {
.title--h1 {
font-size: 40px;
}
}
.title--h2 {
font-size: 32px;
line-height: 1.3;
}
@media only screen and (max-width: 1022px) {
.title--h2 {
font-size: 28px;
}
}
.title--h3 {
font-size: 28px;
}
@media only screen and (max-width: 1022px) {
.title--h3 {
font-size: 24px;
}
}
@media only screen and (max-width: 767px) {
.title--h3 {
font-size: 22px;
}
}
.title--h4 {
font-size: 24px;
}
@media only screen and (max-width: 767px) {
.title--h4 {
font-size: 20px;
}
}
.title--h5 {
font-size: 20px;
}
@media only screen and (max-width: 767px) {
.title--h5 {
font-size: 18px;
}
}
.title--h6 {
font-size: 18px;
line-height: 1.3;
letter-spacing: normal;
}
.title--dark {
color: var(--color-gray-900);
}
.advance-cookie-banner {
font-size: 16px;
line-height: 1.5;
font-weight: 500;
}
.advance-cookie-banner__bar {
position: fixed;
left: 28px;
bottom: 24px;
width: calc(100% - 40px);
z-index: 998;
max-height: 100vh;
transition: opacity 0.5s ease;
padding: 16px 58px 16px 16px;
opacity: 0;
pointer-events: none;
background-color: var(--color-black);
color: var(--color-gray-light);
max-width: 484px;
line-height: 1.2;
}
@media only screen and (max-width: 1022px) {
.advance-cookie-banner__bar {
left: 16px;
bottom: 16px;
width: calc(100% - 32px);
}
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__bar {
width: 100%;
bottom: 0;
left: 0;
}
}
.cookie-not-set .advance-cookie-banner__bar {
opacity: 1;
pointer-events: all;
}
.advance-cookie-banner__inner {
position: relative;
z-index: 3;
display: grid;
grid-template-columns: 1fr;
grid-gap: 18px;
align-items: center;
}
@media only screen and (max-width: 1022px) {
.advance-cookie-banner__inner {
grid-template-columns: 1fr;
grid-gap: 20px;
}
}
.advance-cookie-banner a {
text-decoration: none;
}
.advance-cookie-banner a:hover {
text-decoration: underline;
}
.advance-cookie-banner__button:hover {
color: var(--color-primary-light);
}
.advance-cookie-banner__button-group {
display: flex;
align-items: center;
gap: 14px 32px;
flex-wrap: wrap;
}
.advance-cookie-banner .btn--decline-cookie {
position: absolute;
right: 16px;
top: 16px;
width: 18px;
height: 18px;
}
.advance-cookie-banner .btn[disabled] {
pointer-events: none;
opacity: 0.4;
}
.advance-cookie-banner .btn[disabled]::after {
width: 100%;
height: 100%;
}
.advance-cookie-banner__modal {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 999;
opacity: 0;
pointer-events: none;
overflow: auto;
transition: opacity 0.4s ease;
padding: 28px;
display: flex;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal {
padding: 18px 10px;
}
}
.advance-cookie-banner__modal.is-open-modal {
opacity: 1;
pointer-events: all;
}
.advance-cookie-banner__modal-close {
flex-shrink: 0;
width: 34px;
height: 34px;
}
.advance-cookie-banner__modal-close .icon {
pointer-events: none;
width: 20px;
height: 20px;
}
.advance-cookie-banner__modal-overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: 999;
}
.advance-cookie-banner__modal-header {
border-bottom: 0.5px solid var(--color-gray-200);
padding-bottom: 20px;
margin-bottom: 30px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.advance-cookie-banner__modal-body {
position: relative;
margin: auto;
width: 100%;
max-width: 830px;
background-color: var(--color-black);
z-index: 1000;
box-shadow: var(--shadow-small);
color: var(--color-white);
padding: 24px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-body {
padding: 24px 20px 20px;
}
}
.advance-cookie-banner__modal-content .editor-text {
margin-bottom: 30px;
}
.advance-cookie-banner__modal-content .editor-text p {
margin-top: 16px;
margin-bottom: 16px;
}
.advance-cookie-banner__modal-content .editor-text p:first-child {
margin-top: 0;
}
.advance-cookie-banner__modal-content .editor-text p a {
text-decoration: underline;
}
.advance-cookie-banner__modal-content .editor-text p a:hover {
text-decoration: none;
}
.advance-cookie-banner__modal-content .editor-text strong {
font-weight: 600;
}
.advance-cookie-banner__modal-item {
margin-bottom: 30px;
position: relative;
}
.advance-cookie-banner__modal-item.is-necessary .mod-toggle {
pointer-events: none;
opacity: 0;
}
.advance-cookie-banner__modal-cookie-title {
margin-bottom: 16px;
padding-right: 140px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-cookie-title {
padding-right: 80px;
margin-bottom: 8px;
}
}
.advance-cookie-banner__modal-active-label {
position: absolute;
right: 12px;
top: 0;
font-weight: 600;
color: var(--color-primary-light);
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-active-label {
font-size: 12px;
top: 4px;
}
}
.advance-cookie-banner__modal-footer {
display: flex;
justify-content: space-between;
gap: 8px;
margin-top: 30px;
border-top: 0.5px solid var(--color-gray-200);
padding-top: 20px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-footer {
flex-direction: column;
}
}
@media only screen and (min-width: 768px) {
.advance-cookie-banner__modal-footer .btn__text {
flex-shrink: 0;
}
}
.advance-cookie-banner__modal .mod-toggle {
position: absolute;
right: 14px;
top: 0;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal .mod-toggle {
right: 0;
}
}
.advance-cookie-banner__modal .mod-toggle__switch {
width: 36px;
height: 20px;
}
.advance-cookie-banner__modal .mod-toggle__switch::after {
width: 14px;
height: 14px;
}
.advance-cookie-banner__modal .mod-toggle input:checked + .mod-toggle__label .mod-toggle__switch::after {
transform: translate(16px, 0);
}
.checkbox-group__list {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.checkbox-group--horizontal .checkbox-group__list {
grid-gap: 10px;
flex-direction: column;
}
.checkbox-group .checkbox .fv-plugins-message-container,
.checkbox-group .checkbox .validation-message {
display: none;
}
.checkbox-group__text {
margin-top: 2px;
letter-spacing: 0.02em;
}
.checkbox-group .fv-plugins-message-container,
.checkbox-group .validation-message {
display: none;
margin-top: 0;
font-size: 12px;
font-weight: 500;
}
.checkbox-group.failed .fv-plugins-message-container.group-error,
.checkbox-group.failed .validation-message {
display: block;
margin-top: 8px;
}
.checkbox-group.failed .checkbox__label::before {
border-color: var(--color-validation-failed);
}
.form-component {
width: 100%;
position: relative;
margin: 0 auto;
max-width: 738px;
}
[data-component^=mod-] .form-component {
margin: 0;
}
.form-component__header {
margin-bottom: 32px;
}
@media only screen and (max-width: 1022px) {
.form-component__header {
margin-bottom: 24px;
}
}
.form-component__body {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-gap: 32px 24px;
}
@media only screen and (max-width: 767px) {
.form-component__body {
grid-gap: 24px 16px;
grid-template-columns: 1fr;
}
}
.form-component__item {
grid-column: span 2;
min-width: 1px;
}
@media only screen and (max-width: 767px) {
.form-component__item {
grid-column: span 1;
}
}
.form-component__item-title {
margin-bottom: 12px;
}
.form-component__item-title strong {
font-weight: 400;
}
.form-component__item-sub-title {
margin-top: 8px;
}
.form-component__item-link {
text-decoration: underline;
}
.form-component__item-link:hover {
text-decoration: none;
color: var(--color-red);
}
.form-component__item--checkboxes {
display: grid;
grid-gap: 12px;
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.form-component__item--checkboxes {
margin-top: 0;
}
}
.form-component .full {
grid-column: span 4;
}
@media only screen and (max-width: 767px) {
.form-component .full {
grid-column: span 1;
}
}
.form-component .one-third {
grid-column: span 1;
}
.form-component .two-third {
grid-column: span 3;
}
@media only screen and (max-width: 767px) {
.form-component .two-third {
grid-column: span 1;
}
}
.form-component__required-info-text {
margin-bottom: 12px;
}
.form-component__divider {
display: block;
width: 100%;
height: 1px;
border-top: 1px solid var(--color-gray-200);
}
.form-component__form {
position: relative;
}
.form-component__submit {
grid-column: span 4;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.form-component__submit {
grid-column: span 1;
margin-top: 10px;
}
}
@media only screen and (min-width: 1023px) {
.form-component__submit .btn {
font-size: 16px;
}
}
.form-component__success {
display: none;
margin: 0 auto;
}
.form-component__success-inner {
padding: 24px;
}
@media only screen and (max-width: 1022px) {
.form-component__success-inner {
padding: 0;
}
}
.form-component__success .title {
margin-bottom: 0 !important;
}
.form-component__success-text.editor-text p, .form-component__success-text p {
margin: 20px 0;
}
.form-component__success-text.editor-text p:first-child, .form-component__success-text p:first-child {
margin-top: 0;
}
.form-component__success-text.editor-text p:last-child, .form-component__success-text p:last-child {
margin-bottom: 0;
}
.form-component__success-text.editor-text p:has(+ ol), .form-component__success-text p:has(+ ol) {
margin-top: 40px;
}
.form-component__success-text.editor-text ol, .form-component__success-text ol {
margin: 20px 0;
}
.form-component__success-text.editor-text ol:first-child, .form-component__success-text ol:first-child {
margin-top: 0;
}
.form-component__success-text.editor-text ol:last-child, .form-component__success-text ol:last-child {
margin-bottom: 0;
}
.form-component__success-text.editor-text ol li, .form-component__success-text ol li {
font-weight: 600;
}
.form-component__alert {
padding: 8px 16px;
width: 100%;
border-radius: 10px;
text-align: left;
margin-top: 20px;
border: 1px solid currentColor;
font-size: 16px;
}
.form-component__alert-error {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.form-component__alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.form-component [data-validator] + [data-validator] {
display: none;
}
.form-component__checkboxes-input {
width: 100%;
}
.form-component__checkboxes-input.is-hidden {
display: none;
}
.form-component__info-text {
margin-top: 16px;
line-height: 1.2;
}
.form-component__info-link {
display: inline-flex;
align-items: center;
gap: 4px;
}
.form-component__footer {
margin-top: 24px;
}
.form-component__footer .btn {
width: 100%;
margin-top: 20px;
}
.form-component .has-checkbox + .has-checkbox {
margin-top: -8px;
}
@media only screen and (max-width: 1022px) {
.form-component .has-checkbox + .has-checkbox {
margin-top: 0;
}
}
.form-component strong {
font-weight: 600;
}
.form-component .dropdown,
.form-component .upload-box {
max-width: 100%;
}
.form-component .mod-toggle {
margin-top: 20px;
}
.form-component__box {
position: relative;
padding: 0 48px 48px 0;
}
@media only screen and (max-width: 1022px) {
.form-component__box {
padding: 0 24px 26px 0;
}
}
.form-component__box::before, .form-component__box::after {
content: "";
position: absolute;
}
.form-component__box::before {
bottom: 0;
left: 60px;
width: calc(100% - 68px);
height: 2px;
background-color: var(--color-primary);
}
.theme-purple .form-component__box::before {
background-color: var(--color-primary-text);
}
@media only screen and (max-width: 1022px) {
.form-component__box::before {
left: 35px;
width: calc(100% - 44px);
}
}
.form-component__box::after {
top: 60px;
right: 0;
width: 2px;
height: calc(100% - 68px);
background-color: var(--color-primary);
}
.theme-purple .form-component__box::after {
background-color: var(--color-primary-text);
}
.form-component__box-inner {
display: grid;
grid-gap: 32px;
border: 2px solid var(--color-primary);
padding: 12px 12px 32px;
}
.theme-purple .form-component__box-inner {
border-color: var(--color-primary-text);
}
.form-component__box-shape::after {
content: "";
position: absolute;
border: 2px solid var(--color-primary);
width: 26px;
height: 14px;
bottom: 18px;
border-radius: 100%;
left: 50%;
transform: translateX(-85%);
}
.theme-purple .form-component__box-shape::after {
border-color: var(--color-primary-text);
}
@media only screen and (max-width: 1022px) {
.form-component__box-shape::after {
height: 12px;
bottom: 8px;
transform: translateX(-35%);
}
}
.form-component__box-shape-box {
position: absolute;
right: 0;
top: 4px;
width: 44px;
height: 48px;
}
@media only screen and (max-width: 1022px) {
.form-component__box-shape-box {
width: 20px;
}
}
.form-component__box-shape-box::before {
content: "";
position: absolute;
background-color: var(--color-primary);
width: 2px;
height: 64px;
top: 0;
left: 0;
transform: rotate(-43deg);
transform-origin: top;
}
.theme-purple .form-component__box-shape-box::before {
background-color: var(--color-primary-text);
}
@media only screen and (max-width: 1022px) {
.form-component__box-shape-box::before {
height: 50px;
transform: rotate(-22deg);
}
}
.form-component__box-shape-box:nth-child(2) {
top: initial;
bottom: -3px;
right: 1px;
}
@media only screen and (max-width: 1022px) {
.form-component__box-shape-box:nth-child(2) {
bottom: -3px;
right: 1px;
height: 25px;
width: 20px;
}
}
.form-component__box-shape-box:nth-child(2)::before {
height: 50px;
transform: rotate(-45deg);
}
@media only screen and (max-width: 1022px) {
.form-component__box-shape-box:nth-child(2)::before {
height: 18px;
}
}
.form-component__box-shape-box:nth-child(3) {
top: initial;
bottom: -3px;
right: initial;
left: 2px;
width: 56px;
}
@media only screen and (max-width: 1022px) {
.form-component__box-shape-box:nth-child(3) {
height: 24px;
width: 26px;
}
}
.form-component__box-shape-box:nth-child(3)::before {
height: 65px;
transform: rotate(-47deg);
}
@media only screen and (max-width: 1022px) {
.form-component__box-shape-box:nth-child(3)::before {
height: 30px;
transform: rotate(-51deg);
}
}
.form-component__box-title strong {
font-weight: 400;
}
.form-component__box .form-component__item + .form-component__item.has-checkbox {
margin-top: -18px;
}
.form-component__box + .form-component__item {
margin-top: 12px;
}
.form-component__description p, .form-component__description.editor-text p {
margin: 10px 0;
}
.form-component__description p:first-child, .form-component__description.editor-text p:first-child {
margin-top: 0;
}
.form-component__description p:last-child, .form-component__description.editor-text p:last-child {
margin-bottom: 0;
}
.form-component--with-boxes {
max-width: 800px;
}
.form-component--with-boxes .form-component__body {
grid-template-columns: 1fr;
padding: 24px;
}
@media only screen and (max-width: 1022px) {
.form-component--with-boxes .form-component__body {
padding: 0;
}
}
@media only screen and (max-width: 1022px) {
.form-component--with-boxes .form-component__header {
text-align: left;
}
}
.form-component--with-boxes .full,
.form-component--with-boxes .half,
.form-component--with-boxes .form-component__item {
grid-column: span 1;
}
.form-component--with-boxes .form-component__description,
.form-component--with-boxes .form-component__submit,
.form-component--with-boxes .has-checkbox {
padding: 0 16px;
}
.form-component--with-boxes .form-component__submit {
margin-top: 0;
}
.form-component--with-boxes .form-component__submit .btn {
min-height: 64px;
font-size: 24px;
text-transform: uppercase;
width: 100%;
}
.form-component--with-boxes .form-component__box .has-checkbox {
padding: 0;
}
.form-component.has-toaster .form-component__success {
position: fixed;
left: 50%;
top: 16px;
z-index: 999;
border: 1px solid var(--color-gray-200);
background-color: var(--color-white);
border-radius: 4px;
box-shadow: var(--shadow-soft);
padding: 16px;
max-width: 356px;
gap: 8px;
pointer-events: none;
opacity: 0;
transform: translate(-50%, -100px);
display: block;
transition: transform 0.3s ease, opacity 0.3s ease;
width: 100%;
}
.form-component.has-toaster .form-component__success-title {
font-size: 16px;
}
.form-component.has-toaster .form-component__success-text {
max-width: 100%;
color: var(--color-gray-400);
}
.form-component.show-thankyou .section-header,
.form-component.show-thankyou .form-component__form {
display: none;
}
.form-component.show-thankyou .form-component__success {
display: flex;
}
.form-component.show-thankyou.has-toaster .form-component__form {
display: block;
}
.form-component.show-thankyou.has-toaster .form-component__success {
opacity: 1;
pointer-events: all;
transform: translate(-50%, 0);
}
.mod-toggle {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
flex-direction: row-reverse;
gap: 12px;
font-size: 0;
line-height: 0;
}
.mod-toggle__label {
margin-bottom: 0;
}
.mod-toggle__switch {
position: relative;
display: flex;
align-items: center;
width: 44px;
height: 26px;
cursor: pointer;
}
.mod-toggle__switch::before, .mod-toggle__switch::after {
position: absolute;
display: block;
content: "";
}
.mod-toggle__switch:before {
top: 0;
width: 100%;
height: 100%;
background-color: var(--color-white);
border-radius: 4px;
transition: box-shadow 0.3s ease, background-color 0.3s ease;
}
.mod-toggle__switch::after {
top: 3px;
left: 3px;
border-radius: 2px;
width: 19px;
height: 19px;
background-color: var(--color-primary);
border: 1px solid var(--color-primary);
transition: transform 0.3s ease;
}
.mod-toggle input {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
white-space: nowrap;
border: 0;
visibility: inherit;
clip: rect(0, 0, 0, 0);
}
.mod-toggle input:checked + .mod-toggle__label .mod-toggle__switch::before {
background-color: var(--color-primary-light);
}
.mod-toggle input:checked + .mod-toggle__label .mod-toggle__switch::after {
transform: translate(17px, 0);
}
.mod-toggle.is-disabled .mod-toggle__switch {
cursor: not-allowed;
}
.mod-toggle.is-disabled .mod-toggle__switch::before {
background-color: rgba(0, 0, 0, 0.05);
}
.mod-toggle.is-disabled .mod-toggle__switch::after {
background-color: rgba(0, 0, 0, 0.3);
}
.header-background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.header-background__text {
color: var(--color-primary-light);
position: absolute;
}
.header-background__item {
position: absolute;
left: 0;
top: 0;
}
@media (max-height: 800px) {
.header-background__item {
scale: 0.7;
}
}
@media only screen and (max-width: 1439px) {
.header-background__item {
scale: 0.8;
}
}
@media only screen and (max-width: 1200px) {
.header-background__item {
scale: 0.6;
will-change: transform;
}
.header-background__item:nth-child(3n+1) {
animation: header-background-float-a 6s linear infinite alternate;
}
.header-background__item:nth-child(3n+2) {
animation: header-background-float-b 5s linear infinite alternate;
animation-delay: -2s;
}
.header-background__item:nth-child(3n) {
animation: header-background-float-c 4s linear infinite alternate;
animation-delay: -4s;
}
}
@media only screen and (min-width: 1201px) {
.header-background__item {
transition: transform 0.6s linear;
will-change: transform;
}
}
@media only screen and (max-width: 1022px) {
.header-background__item {
scale: 1;
}
.header-background__item svg {
max-width: 100%;
height: auto;
}
}
.header-background__item svg path {
stroke: var(--color-primary-light);
}
.header-background__item--1 {
top: 19%;
}
@media only screen and (min-width: 1920px) {
.header-background__item--1 {
top: 22%;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
.header-background__item--1 {
transform-origin: left center;
}
}
@media only screen and (max-width: 1022px) {
.header-background__item--1 {
top: 20%;
max-width: 162px;
}
}
.header-background__item--1 .header-background__text {
right: -20px;
top: 54%;
}
@media only screen and (max-width: 1022px) {
.header-background__item--1 .header-background__text {
right: initial;
top: 20px;
left: 20px;
}
}
.header-background__item--2 {
left: 27%;
top: 60px;
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
.header-background__item--2 {
transform-origin: center top;
}
}
@media only screen and (max-width: 1022px) {
.header-background__item--2 {
left: 0%;
top: initial;
max-width: 108px;
bottom: 20%;
}
}
@media only screen and (max-width: 767px) {
.header-background__item--2 {
left: -14%;
}
}
.header-background__item--2 .header-background__text {
left: 30px;
top: 10px;
}
@media only screen and (max-width: 1022px) {
.header-background__item--2 .header-background__text {
left: initial;
top: 37%;
right: -50px;
}
}
.header-background__item--3 {
top: 40px;
left: 50%;
}
@media only screen and (min-width: 1920px) {
.header-background__item--3 {
left: 60%;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
.header-background__item--3 {
transform-origin: center top;
}
}
@media only screen and (max-width: 1022px) {
.header-background__item--3 {
top: 10%;
left: 30%;
max-width: 250px;
}
}
@media only screen and (max-width: 767px) {
.header-background__item--3 {
display: none;
}
}
.header-background__item--3 .header-background__text {
left: 50%;
top: 8%;
}
.header-background__item--4 {
top: 30%;
left: initial;
right: 0%;
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
.header-background__item--4 {
transform-origin: right center;
}
}
@media only screen and (max-width: 1022px) {
.header-background__item--4 {
top: initial;
left: 27%;
right: initial;
bottom: 3%;
max-width: 90px;
rotate: -17deg;
}
}
.header-background__item--4 .header-background__text {
left: 50%;
top: 8%;
}
.header-background__item--5 {
top: initial;
left: initial;
right: 11%;
bottom: 25%;
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
.header-background__item--5 {
transform-origin: center bottom;
}
}
@media only screen and (max-width: 1022px) {
.header-background__item--5 {
right: 7%;
bottom: 22%;
}
}
.header-background__item--5 .header-background__text {
left: 65%;
top: -16%;
}
@media only screen and (max-width: 1022px) {
.header-background__item--5 .header-background__text {
left: 14%;
top: initial;
bottom: -24px;
}
}
@media only screen and (max-width: 1022px) {
.header-background__item--5 path {
stroke-width: 2;
}
}
.header-background__item--6 {
top: initial;
left: initial;
right: 27%;
bottom: 7%;
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
.header-background__item--6 {
transform-origin: right bottom;
}
}
@media only screen and (max-width: 1022px) {
.header-background__item--6 {
right: 31%;
bottom: 13%;
max-width: 180px;
}
}
@media only screen and (max-width: 767px) {
.header-background__item--6 {
display: none;
}
}
.header-background__item--6 .header-background__text {
left: initial;
top: -10%;
right: 3%;
}
.header-background__item--7 {
top: initial;
left: 16%;
bottom: 5%;
}
@media only screen and (min-width: 1920px) {
.header-background__item--7 {
left: 30%;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
.header-background__item--7 {
transform-origin: center bottom;
}
}
@media only screen and (max-width: 1022px) {
.header-background__item--7 {
top: 18%;
left: initial;
bottom: initial;
right: 4px;
max-width: 150px;
}
}
.header-background__item--7 .header-background__text {
left: initial;
top: 48%;
right: -1%;
}
@media only screen and (max-width: 1022px) {
.header-background__item--7 .header-background__text {
left: 29px;
top: 79%;
right: initial;
}
}
.header-background__item--8 {
top: initial;
left: 1%;
bottom: 15%;
}
@media only screen and (min-width: 1920px) {
.header-background__item--8 {
left: 11%;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
.header-background__item--8 {
transform-origin: left bottom;
}
}
@media only screen and (max-width: 1022px) {
.header-background__item--8 {
display: none;
}
}
.header-background__item--8 .header-background__text {
left: initial;
top: -10%;
right: 3%;
}
.header-background--locks .header-background__item--9 {
top: 20%;
left: 47%;
}
@media only screen and (max-width: 2200px) {
.header-background--locks .header-background__item--9 {
display: none;
}
}
.header-background--locks .header-background__item--9 .header-background__text {
left: 65%;
top: -16%;
}
.header-background--pencils .header-background__item--1 {
top: 8%;
left: 2.5%;
}
@media only screen and (max-width: 1022px) {
.header-background--pencils .header-background__item--1 {
top: 18%;
left: 6%;
max-width: 202px;
}
}
.header-background--pencils .header-background__item--1 .header-background__text {
right: 39%;
top: 56%;
}
@media only screen and (max-width: 1022px) {
.header-background--pencils .header-background__item--1 .header-background__text {
top: 36%;
}
}
.header-background--pencils .header-background__item--2 {
left: 9%;
top: 34%;
}
@media only screen and (max-width: 1022px) {
.header-background--pencils .header-background__item--2 {
left: 29%;
top: 33%;
bottom: initial;
max-width: 180px;
}
}
.header-background--pencils .header-background__item--2 .header-background__text {
left: 30%;
bottom: -35%;
top: initial;
}
@media only screen and (max-width: 1022px) {
.header-background--pencils .header-background__item--2 .header-background__text {
bottom: -20px;
}
}
.header-background--pencils .header-background__item--3 {
top: 95px;
left: 40%;
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
.header-background--pencils .header-background__item--3 {
transform-origin: left top;
}
}
@media only screen and (max-width: 1022px) {
.header-background--pencils .header-background__item--3 {
display: block;
top: initial;
bottom: 18%;
max-width: 160px;
left: 5%;
}
}
.header-background--pencils .header-background__item--3 .header-background__text {
left: 10%;
top: 34%;
}
@media only screen and (max-width: 1022px) {
.header-background--pencils .header-background__item--3 .header-background__text {
left: -2%;
}
}
.header-background--pencils .header-background__item--4 {
top: 5%;
left: initial;
right: 19%;
}
@media only screen and (max-width: 1022px) {
.header-background--pencils .header-background__item--4 {
top: 19%;
left: initial;
right: 9%;
bottom: initial;
max-width: 60px;
}
}
.header-background--pencils .header-background__item--4 .header-background__text {
left: initial;
top: initial;
bottom: 25%;
right: -10px;
}
@media only screen and (max-width: 1022px) {
.header-background--pencils .header-background__item--4 .header-background__text {
bottom: 75%;
}
}
.header-background--pencils .header-background__item--5 {
top: initial;
left: initial;
right: 9px;
bottom: 22%;
}
@media only screen and (max-width: 1022px) {
.header-background--pencils .header-background__item--5 {
display: none;
}
}
.header-background--pencils .header-background__item--5 .header-background__text {
left: initial;
top: initial;
bottom: 3%;
right: 0;
}
.header-background--pencils .header-background__item--6 {
right: 7%;
bottom: 7%;
}
@media only screen and (max-width: 1022px) {
.header-background--pencils .header-background__item--6 {
display: block;
right: 5%;
bottom: 20%;
max-width: 130px;
}
}
.header-background--pencils .header-background__item--7 {
top: initial;
left: initial;
bottom: 6%;
right: 25%;
}
@media only screen and (min-width: 1920px) {
.header-background--pencils .header-background__item--7 {
bottom: 20%;
right: 27%;
}
}
.header-background--pencils .header-background__item--7 .header-background__text {
top: initial;
right: initial;
left: 37%;
bottom: 20%;
}
@media only screen and (max-width: 1022px) {
.header-background--pencils .header-background__item--7 .header-background__text {
bottom: 0;
}
}
.header-background--pencils .header-background__item--8 {
top: initial;
left: 16%;
bottom: 24%;
}
@media only screen and (min-width: 1920px) {
.header-background--pencils .header-background__item--8 {
left: 30%;
bottom: 14%;
}
}
.header-background--pencils .header-background__item--8 .header-background__text {
right: 9%;
bottom: 40%;
}
.header-background--pencils .header-background__item--9 {
bottom: 10%;
top: initial;
left: 0;
}
@media only screen and (min-width: 1920px) {
.header-background--pencils .header-background__item--9 {
left: 10%;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
.header-background--pencils .header-background__item--9 {
transform-origin: left bottom;
}
}
@media only screen and (max-width: 1022px) {
.header-background--pencils .header-background__item--9 {
display: none;
}
}
.header-background--pencils .header-background__item--9 .header-background__text {
right: 40%;
bottom: 12%;
}
.header-background--cup .header-background__item--1 {
top: 30%;
left: 8%;
}
@media only screen and (max-width: 1022px) {
.header-background--cup .header-background__item--1 {
top: 15%;
left: 6%;
max-width: 122px;
}
}
.header-background--cup .header-background__item--1 .header-background__text {
right: -2%;
top: 35%;
}
@media only screen and (max-width: 1022px) {
.header-background--cup .header-background__item--1 .header-background__text {
left: initial;
top: 22%;
}
}
.header-background--cup .header-background__item--2 {
top: 2%;
left: 14%;
}
@media only screen and (max-width: 1022px) {
.header-background--cup .header-background__item--2 {
top: 11%;
left: 56%;
bottom: initial;
}
}
@media only screen and (max-width: 767px) {
.header-background--cup .header-background__item--2 {
top: 18%;
left: 56%;
}
}
.header-background--cup .header-background__item--2 .header-background__text {
top: 9%;
left: 9%;
bottom: initial;
}
@media only screen and (max-width: 1022px) {
.header-background--cup .header-background__item--2 .header-background__text {
right: initial;
top: -10%;
}
}
@media only screen and (max-width: 767px) {
.header-background--cup .header-background__item--2 .header-background__text {
top: -3%;
}
}
.header-background--cup .header-background__item--3 {
top: 22%;
left: 41.5%;
}
@media only screen and (max-width: 1022px) {
.header-background--cup .header-background__item--3 {
top: 27%;
left: 31%;
max-width: 120px;
}
}
.header-background--cup .header-background__item--3 .header-background__text {
top: -1%;
left: 48%;
}
.header-background--cup .header-background__item--4 {
top: 12%;
right: 25.5%;
}
@media only screen and (max-width: 1022px) {
.header-background--cup .header-background__item--4 {
top: initial;
left: initial;
right: 7%;
bottom: 15%;
}
}
.header-background--cup .header-background__item--4 .header-background__text {
right: 22%;
top: -15%;
left: initial;
}
@media only screen and (max-width: 1022px) {
.header-background--cup .header-background__item--4 .header-background__text {
right: -19%;
top: -37%;
}
}
.header-background--cup .header-background__item--5 {
top: initial;
right: 12%;
bottom: 42.5%;
left: initial;
}
@media only screen and (max-width: 1022px) {
.header-background--cup .header-background__item--5 {
right: initial;
bottom: 16%;
left: 0%;
max-width: 120px;
}
}
.header-background--cup .header-background__item--5 .header-background__text {
top: 33%;
left: -5%;
}
@media only screen and (max-width: 1022px) {
.header-background--cup .header-background__item--5 .header-background__text {
bottom: initial;
top: -7%;
left: initial;
right: -7%;
}
}
@media only screen and (max-width: 767px) {
.header-background--cup .header-background__item--6, .header-background--cup .header-background__item--8, .header-background--cup .header-background__item--9, .header-background--cup .header-background__item--10 {
display: none;
}
}
.header-background--cup .header-background__item--6 {
top: 27.5%;
right: 0.5%;
bottom: initial;
}
.header-background--cup .header-background__item--6 .header-background__text {
top: -23%;
left: 32%;
right: initial;
}
.header-background--cup .header-background__item--7 {
left: initial;
bottom: 23%;
right: 3%;
}
@media only screen and (max-width: 1022px) {
.header-background--cup .header-background__item--7 {
top: initial;
bottom: 28%;
right: 30%;
max-width: 90px;
}
}
.header-background--cup .header-background__item--7 .header-background__text {
right: initial;
left: -15%;
top: 28%;
}
@media only screen and (max-width: 1022px) {
.header-background--cup .header-background__item--7 .header-background__text {
left: initial;
right: -50%;
}
}
.header-background--cup .header-background__item--8 {
left: initial;
bottom: 8%;
right: 18.5%;
}
.header-background--cup .header-background__item--8 .header-background__text {
right: initial;
left: 45%;
top: 1%;
}
.header-background--cup .header-background__item--9 {
top: initial;
left: 41.5%;
bottom: 8%;
}
@media only screen and (max-width: 1022px) {
.header-background--cup .header-background__item--9 {
max-width: 190px;
}
}
.header-background--cup .header-background__item--9 .header-background__text {
right: 31%;
bottom: initial;
top: 3%;
}
.header-background--cup .header-background__item--10 {
top: initial;
bottom: 3%;
left: 9%;
}
@media only screen and (max-width: 1022px) {
.header-background--cup .header-background__item--10 {
max-width: 210px;
bottom: 23%;
}
}
.header-background--cup .header-background__item--10 .header-background__text {
top: 18%;
right: 7%;
}
.header-background--with-image .header-background__item img {
height: auto;
width: auto;
object-fit: contain;
object-position: center;
}
@media (max-width: 360px) {
.header-background--with-image .header-background__item img {
max-height: 130px;
}
}
@media (orientation: landscape) and (max-width: 852px) {
.header-background--with-image .header-background__item img {
max-height: 130px;
}
}
.header-background--with-image .header-background__item--1 {
top: initial;
left: 3.5%;
bottom: 7%;
}
@media only screen and (max-width: 1022px) {
.header-background--with-image .header-background__item--1 {
bottom: 21%;
}
}
@media only screen and (max-width: 767px) {
.header-background--with-image .header-background__item--1 {
display: none;
}
}
@media only screen and (min-width: 1920px) {
.header-background--with-image .header-background__item--1 {
left: 13.5%;
bottom: 4%;
}
}
.header-background--with-image .header-background__item--1 img {
max-width: 352px;
transform: rotate(-24deg);
}
@media only screen and (max-width: 1022px) {
.header-background--with-image .header-background__item--1 img {
max-width: 200px;
}
}
.header-background--with-image .header-background__item--1 .header-background__text {
right: 18%;
top: -9%;
}
.header-background--with-image .header-background__item--2 {
top: 8%;
left: 22.5%;
}
@media only screen and (max-width: 1022px) {
.header-background--with-image .header-background__item--2 {
bottom: initial;
top: 18%;
left: 8.5%;
}
}
@media only screen and (max-width: 767px) {
.header-background--with-image .header-background__item--2 {
top: 24%;
left: -7.5%;
}
}
@media only screen and (min-width: 1920px) {
.header-background--with-image .header-background__item--2 {
top: 11%;
left: 14.5%;
}
}
.header-background--with-image .header-background__item--2 img {
max-width: 182px;
transform: rotate(-62.2deg);
}
@media only screen and (max-width: 1022px) {
.header-background--with-image .header-background__item--2 img {
max-width: 100px;
}
}
@media only screen and (max-width: 767px) {
.header-background--with-image .header-background__item--2 img {
max-width: 140px;
}
}
.header-background--with-image .header-background__item--2 .header-background__text {
top: -1%;
left: 51%;
}
@media only screen and (max-width: 767px) {
.header-background--with-image .header-background__item--2 .header-background__text {
right: initial;
top: -10%;
left: 44%;
}
}
.header-background--with-image .header-background__item--3 {
top: 11%;
left: 54%;
}
@media only screen and (max-width: 1022px) {
.header-background--with-image .header-background__item--3 {
top: 17%;
left: 54%;
}
}
@media only screen and (max-width: 767px) {
.header-background--with-image .header-background__item--3 {
display: block;
top: 14%;
left: 57%;
}
}
@media only screen and (min-width: 1920px) {
.header-background--with-image .header-background__item--3 {
top: 12%;
left: 30%;
}
}
.header-background--with-image .header-background__item--3 img {
max-width: 262px;
transform: rotate(-57.4deg);
}
@media only screen and (max-width: 1022px) {
.header-background--with-image .header-background__item--3 img {
max-width: 180px;
}
}
@media only screen and (max-width: 767px) {
.header-background--with-image .header-background__item--3 img {
max-width: 144px;
}
}
.header-background--with-image .header-background__item--3 .header-background__text {
top: -7%;
left: 74%;
}
@media only screen and (max-width: 767px) {
.header-background--with-image .header-background__item--3 .header-background__text {
top: initial;
left: 21%;
bottom: -2%;
}
}
.header-background--with-image .header-background__item--4 {
top: 35%;
right: 2%;
}
@media only screen and (max-width: 1022px) {
.header-background--with-image .header-background__item--4 {
left: initial;
bottom: initial;
top: 46%;
right: 12%;
}
}
@media only screen and (max-width: 767px) {
.header-background--with-image .header-background__item--4 {
bottom: 15%;
top: initial;
right: initial;
left: -5%;
rotate: none;
}
}
@media only screen and (min-width: 1920px) {
.header-background--with-image .header-background__item--4 {
top: 10%;
right: 22%;
}
}
.header-background--with-image .header-background__item--4 img {
max-width: 312px;
transform: rotate(38.29deg);
}
@media only screen and (max-width: 1022px) {
.header-background--with-image .header-background__item--4 img {
max-width: 220px;
}
}
@media only screen and (max-width: 767px) {
.header-background--with-image .header-background__item--4 img {
max-width: 180px;
}
}
.header-background--with-image .header-background__item--4 .header-background__text {
top: initial;
left: 45%;
bottom: 10%;
}
@media only screen and (max-width: 1022px) {
.header-background--with-image .header-background__item--4 .header-background__text {
bottom: -10%;
}
}
@media only screen and (max-width: 767px) {
.header-background--with-image .header-background__item--4 .header-background__text {
bottom: 13%;
left: 165%;
}
}
.header-background--with-image .header-background__item--5 {
top: initial;
right: 23%;
bottom: 3%;
}
@media only screen and (max-width: 1022px) {
.header-background--with-image .header-background__item--5 {
right: 13%;
bottom: 8%;
}
}
@media only screen and (max-width: 767px) {
.header-background--with-image .header-background__item--5 {
right: 1%;
bottom: 20%;
}
}
@media only screen and (min-width: 1920px) {
.header-background--with-image .header-background__item--5 {
right: 34.5%;
bottom: 3%;
}
}
.header-background--with-image .header-background__item--5 img {
max-width: 174px;
transform: rotate(50.76deg);
}
@media only screen and (max-width: 1022px) {
.header-background--with-image .header-background__item--5 img {
max-width: 100px;
}
}
@media only screen and (max-width: 767px) {
.header-background--with-image .header-background__item--5 img {
max-width: 132px;
}
}
.header-background--with-image .header-background__item--5 .header-background__text {
top: -18%;
left: 40%;
}
@media only screen and (max-width: 1022px) {
.header-background--with-image .header-background__item--5 .header-background__text {
bottom: initial;
}
}
@media only screen and (max-width: 767px) {
.header-background--with-image .header-background__item--5 .header-background__text {
top: initial;
bottom: -4%;
left: 6%;
}
}
.header-background--with-image .header-background__item--6 {
top: initial;
right: 42%;
bottom: 4%;
}
@media only screen and (min-width: 1920px) {
.header-background--with-image .header-background__item--6 {
right: 55%;
}
}
.header-background--with-image .header-background__item--6 img {
max-width: 232px;
}
@media only screen and (max-width: 1022px) {
.header-background--with-image .header-background__item--6 img {
max-width: 160px;
}
}
.header-background--with-image .header-background__item--6 .header-background__text {
top: 32%;
left: -28%;
right: initial;
}
.header-background--with-image .header-background__item--7, .header-background--with-image .header-background__item--8 {
display: none;
}
@media only screen and (min-width: 1920px) {
.header-background--with-image .header-background__item--7, .header-background--with-image .header-background__item--8 {
display: block;
}
}
.header-background--with-image .header-background__item--7 {
top: initial;
left: initial;
right: 12%;
bottom: 22%;
}
.header-background--with-image .header-background__item--7 img {
max-width: 262px;
transform: rotate(-57.4deg);
}
.header-background--with-image .header-background__item--7 .header-background__text {
top: 63%;
left: -63%;
right: initial;
}
.header-background--with-image .header-background__item--8 {
top: initial;
left: initial;
right: 3%;
bottom: 41%;
}
.header-background--with-image .header-background__item--8 img {
max-width: 174px;
transform: rotate(50.76deg);
}
.header-background--with-image .header-background__item--8 .header-background__text {
top: 63%;
left: -63%;
right: initial;
}
@keyframes header-background-float-a {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(24px, -32px, 0);
}
}
@keyframes header-background-float-b {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(-32px, 24px, 0);
}
}
@keyframes header-background-float-c {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(20px, 20px, 0);
}
}
@media (prefers-reduced-motion: reduce) {
.header-background__item {
animation: none !important;
}
}
.menu {
position: relative;
z-index: 3;
}
@media only screen and (max-width: 1022px) {
.menu {
position: fixed;
left: 0;
top: 0;
background-color: var(--color-gray-50);
padding: 80px 20px 24px;
overflow: auto;
width: 100%;
height: 100%;
z-index: 1;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease, visibility 0.3s ease;
display: flex;
flex-direction: column;
gap: 24px;
}
.is-open-menu .menu {
opacity: 1;
visibility: visible;
}
}
.menu__item {
position: relative;
}
.menu__item:hover .menu__dropdown {
visibility: visible;
opacity: 1;
transform: translate(0, 0);
}
.menu__item-wrap {
display: flex;
}
.menu__item.is-open-submenu .menu__arrow .icon {
transform: scaleY(-1);
}
.menu__list {
display: flex;
gap: 2px;
}
@media only screen and (max-width: 1022px) {
.menu__list {
flex-direction: column;
gap: 6px;
}
}
.menu__list.level-2 {
padding: 8px 0;
}
@media only screen and (min-width: 1023px) {
.menu__list.level-2 {
background-color: var(--color-gray-50);
box-shadow: 0 41px 11px 0 rgba(0, 0, 0, 0), 0 26px 11px 0 rgba(0, 0, 0, 0), 0 15px 9px 0 rgba(0, 0, 0, 0.01), 0 7px 7px 0 rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
display: grid;
grid-gap: 4px;
width: 250px;
}
}
.menu__link.level-2 {
padding: 4px 16px;
font-size: 16px;
width: 100%;
display: block;
}
@media only screen and (max-width: 1200px) {
.menu__link.level-2 {
font-size: 14px;
padding: 4px 14px;
}
}
@media only screen and (max-width: 1022px) {
.menu__link.level-2 {
padding: 2px 14px 2px 24px;
}
}
.menu__link.level-2:hover {
color: var(--color-dark-blue);
}
@media only screen and (min-width: 1023px) {
.menu__dropdown {
position: absolute;
left: 0;
top: 100%;
padding-top: 16px;
visibility: hidden;
opacity: 0;
transform: translate(0, 20px);
transition: opacity 0.4s var(--easing-fly-in), visibility 0.4s var(--easing-fly-in), transform 0.4s var(--easing-fly-in);
}
}
@media only screen and (max-width: 1022px) {
.menu__dropdown {
display: none;
}
}
.menu__arrow {
display: flex;
align-items: center;
flex: auto;
color: var(--color-gray-900);
margin-left: -4px;
z-index: 3;
position: relative;
}
.menu__arrow .icon {
width: 18px;
height: 18px;
transition: transform 0.3s ease;
}
.menu__footer {
margin-top: auto;
display: flex;
gap: 20px;
}
.menu__footer .btn {
flex: 1;
}
.product-card {
max-width: 344px;
width: 100%;
padding: 18px 0;
position: relative;
}
@media only screen and (max-width: 767px) {
.product-card {
padding: 10px 0;
}
}
[data-component^=mod-] .product-card {
max-width: 100%;
}
.product-card::before, .product-card::after {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 36px);
height: 2px;
background-color: var(--color-primary);
transition: width 80ms ease;
}
.theme-purple .product-card::before, .theme-purple .product-card::after {
background-color: var(--color-primary-text);
}
@media only screen and (max-width: 767px) {
.product-card::before, .product-card::after {
width: calc(100% - 16px);
}
}
.product-card::after {
top: initial;
bottom: 0;
}
.product-card__inner {
padding: 0 18px;
position: relative;
}
@media only screen and (max-width: 767px) {
.product-card__inner {
padding: 0 8px;
}
}
.product-card__inner::before, .product-card__inner::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 2px;
height: 100%;
transform: translateY(-50%);
background-color: var(--color-primary);
transition: height 80ms ease;
}
.theme-purple .product-card__inner::before, .theme-purple .product-card__inner::after {
background-color: var(--color-primary-text);
}
.product-card__inner::after {
left: initial;
right: 0;
}
.product-card__image {
position: relative;
aspect-ratio: 1/1;
width: 100%;
margin-bottom: 14px;
}
@media only screen and (max-width: 767px) {
.product-card__image {
margin-bottom: 2px;
}
}
.product-card__image img {
width: auto;
height: auto;
object-fit: contain;
will-change: transform;
transition: transform 180ms ease;
}
.product-card .mod-tag {
position: absolute;
top: 0;
left: 0;
z-index: 3;
pointer-events: none;
}
.product-card__row {
border-top: 2px solid var(--color-primary);
padding: 14px 0;
display: flex;
gap: 8px;
}
.theme-purple .product-card__row {
border-color: var(--color-primary-text);
}
@media only screen and (max-width: 767px) {
.product-card__row {
flex-direction: column;
gap: 4px;
font-size: 14px;
line-height: 1.2;
padding: 8px 0;
}
}
.product-card__row:last-child {
padding-bottom: 0;
}
.product-card__label {
width: 68px;
flex-shrink: 0;
}
.product-card .btn {
margin-left: auto;
pointer-events: none;
background-color: transparent;
}
@media only screen and (max-width: 767px) {
.product-card .btn {
font-size: 14px;
line-height: 1.2;
}
}
.product-card:has(.stretched-link:hover) .product-card__image img {
transform: scale(1.01);
}
.product-card:has(.stretched-link:hover) .btn {
background-color: transparent;
color: var(--color-primary-text);
}
.product-card:has(.stretched-link:hover) .btn .btn__icon .icon {
transform: translateX(4px);
}
.radio-button-group__list {
display: flex;
flex-wrap: wrap;
gap: 12px 20px;
margin-top: 10px;
}
.radio-button-group__list-item {
position: relative;
}
.radio-button-group__list.expanded {
gap: 10px;
}
.radio-button-group__list.expanded .radio-button-group__list-item {
flex: 1;
}
.radio-button-group--horizontal .radio-button-group__list {
grid-gap: 20px;
flex-direction: column;
}
.radio-button-group .radio-button .fv-plugins-message-container,
.radio-button-group .radio-button .validation-message {
display: none;
}
.radio-button-group .fv-plugins-message-container,
.radio-button-group .validation-message {
display: none;
margin-top: 0;
font-size: 12px;
font-weight: 500;
}
.radio-button-group.failed .fv-plugins-message-container.group-error,
.radio-button-group.failed .validation-message {
display: block;
margin-top: 8px;
}
.radio-button-group.failed .radio-button__label::before {
border-color: var(--color-validation-failed);
}
.social-nav ul {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px 16px;
}
@media only screen and (max-width: 1022px) {
.social-nav ul {
gap: 12px;
}
}
.social-nav__link {
border: 1px solid var(--color-gray-900);
background-color: var(--color-black);
position: relative;
z-index: 3;
width: 32px;
height: 32px;
transition: border-color 0.3s ease, transform 0.3s ease, opacity 0.3s ease;
}
.social-nav__link .icon::before {
background-color: var(--color-white);
}
.social-nav__link:hover {
border-color: var(--color-primary-light);
}
.collection-form__inner {
max-width: 800px;
width: 100%;
margin: 0 auto;
}
@media only screen and (min-width: 1023px) {
.collection-form__inner {
padding-bottom: 40px;
}
}
.upload-box__item::before, .upload-box__inner::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.upload-box {
width: 100%;
max-width: 676px;
display: flex;
flex-direction: column;
}
@media only screen and (max-width: 767px) {
.upload-box {
max-width: 100%;
}
}
.upload-box__label {
position: relative;
z-index: 4;
margin: 0;
grid-gap: 6px;
pointer-events: none;
}
.upload-box__inner {
position: relative;
flex-direction: column;
text-align: center;
padding: 4px;
aspect-ratio: 1/1;
width: 100%;
background-color: var(--color-white);
overflow: hidden;
}
.upload-box__inner::before {
border: 1px solid var(--color-primary);
opacity: 0.2;
pointer-events: none;
z-index: 3;
transition: opacity 40ms ease;
}
.theme-purple .upload-box__inner::before {
border-color: var(--color-primary-text);
}
.upload-box__inner:hover::before {
opacity: 0.5;
}
.upload-box input[type=file] {
font-size: 0;
position: absolute;
left: 0;
top: 0;
opacity: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.upload-box .icon {
pointer-events: none;
}
.upload-box__main {
position: relative;
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
grid-gap: 10px;
}
@media only screen and (max-width: 767px) {
.upload-box__main {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.upload-box__item {
aspect-ratio: 1/1;
position: relative;
}
.upload-box__item::before {
border: 1px solid var(--color-primary);
opacity: 0.2;
pointer-events: none;
z-index: 3;
}
.theme-purple .upload-box__item::before {
border-color: var(--color-primary-text);
}
.upload-box__item-inner {
position: relative;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.upload-box__item-inner.is-file-icon {
background-color: var(--color-white);
}
.upload-box__item-inner .upload-box__item-file-icon {
width: 48px;
height: 48px;
pointer-events: none;
}
.upload-box__item-remove {
position: absolute;
top: 4px;
right: 4px;
z-index: 4;
width: 24px;
height: 24px;
border-radius: 100%;
background-color: var(--color-white);
transition: background-color 40ms ease;
}
.upload-box__item-remove .icon {
width: 16px;
height: 16px;
}
.upload-box__item-remove .icon::before {
transition: background-color 40ms ease;
}
.upload-box__item-remove:hover {
background-color: var(--color-primary);
}
.theme-purple .upload-box__item-remove:hover {
background-color: var(--color-primary-text);
}
.upload-box__item-remove:hover .icon::before {
background-color: var(--color-white);
}
.upload-box__item-remove:active {
transform: scale(0.98);
transition-duration: 100ms;
}
.upload-box__info-text {
margin-top: 16px;
}
.upload-box .fv-plugins-message-container {
display: none;
}
.upload-box .fv-plugins-message-container > div {
margin-top: 0;
}
.is-validation-failed .upload-box .upload-box__info-text, .upload-box.is-validation-failed .upload-box__info-text {
color: var(--color-validation-failed);
}
.upload-box--single .upload-box__main {
grid-template-columns: 1fr;
}
.upload-box--single .upload-box__item,
.upload-box--single .upload-box__inner {
aspect-ratio: auto;
width: 100%;
min-height: 128px;
}
.toast-container {
position: fixed;
top: var(--header-height, 95px);
right: 20px;
z-index: 999;
pointer-events: none;
display: flex;
flex-direction: column-reverse;
align-items: flex-end;
}
@media only screen and (max-width: 1022px) {
.toast-container {
top: var(--header-height, 72px);
}
}
@media only screen and (max-width: 767px) {
.toast-container {
right: 10px;
}
}
:has(body .sc-header-module) .toast-container {
top: 10px;
}
.toast-container-item {
background-color: var(--color-success);
color: var(--color-white);
padding: 8px 10px;
margin-top: 8px;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
max-width: 400px;
font-weight: 600;
border-radius: 4px;
opacity: 0;
transform: translateY(-12px) scale(0.96);
animation: toast-in 420ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@media only screen and (max-width: 767px) {
.toast-container-item {
max-width: calc(100vw - 40px);
width: 100%;
font-size: 12px;
}
}
.toast-container-item--error {
background-color: var(--color-validation-failed);
}
.toast-container-item.toast-hide {
animation: toast-out 360ms cubic-bezier(0.4, 0, 1, 1) forwards;
}
@keyframes toast-in {
0% {
opacity: 0;
transform: translateY(-12px) scale(0.96);
}
60% {
opacity: 1;
}
100% {
opacity: 1;
transform: translateY(0) scale(1);
}
}
@keyframes toast-out {
0% {
opacity: 1;
transform: translateY(0) scale(1);
}
100% {
opacity: 0;
transform: translateY(6px) scale(0.98);
}
}
.page-404 .title--h1 {
font-size: 404px;
line-height: 1;
font-feature-settings: "zero" 1;
}
@media only screen and (max-width: 1439px) {
.page-404 .title--h1 {
font-size: 300px;
}
}
@media only screen and (max-width: 1200px) {
.page-404 .title--h1 {
font-size: 260px;
}
}
@media only screen and (max-width: 767px) {
.page-404 .title--h1 {
font-size: 160px;
}
}
.page-404 .editor-text {
max-width: 600px;
width: 100%;
margin: 0 auto;
}
.page-404__content {
width: 100%;
display: grid;
grid-gap: 30px;
text-align: center;
align-content: center;
min-height: 100svh;
padding: 90px 0;
}
@media only screen and (max-width: 1022px) {
.page-404__content {
padding: 66px 0;
}
}
.detail-module {
padding: 24px 0;
}
.detail-module__body {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 1022px) {
.detail-module__body {
grid-template-columns: 1fr;
}
}
@media only screen and (max-width: 1022px) {
.detail-module__body-right {
order: -1;
}
}
.detail-module__content, .detail-module__image {
padding: 18px;
position: relative;
margin-bottom: -2px;
}
@media only screen and (max-width: 767px) {
.detail-module__content, .detail-module__image {
padding: 8px;
}
}
.detail-module__content::before, .detail-module__content::after, .detail-module__image::before, .detail-module__image::after {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 36px);
height: 2px;
background-color: var(--color-primary);
transition: width 80ms ease;
}
.theme-purple .detail-module__content::before, .theme-purple .detail-module__content::after, .theme-purple .detail-module__image::before, .theme-purple .detail-module__image::after {
background-color: var(--color-primary-text);
}
@media only screen and (max-width: 767px) {
.detail-module__content::before, .detail-module__content::after, .detail-module__image::before, .detail-module__image::after {
width: calc(100% - 16px);
}
}
.detail-module__content::after, .detail-module__image::after {
top: initial;
bottom: 0;
}
.detail-module__content-inner, .detail-module__image-inner {
position: relative;
background-color: var(--color-white);
min-height: 628px;
}
@media only screen and (max-width: 1439px) {
.detail-module__content-inner, .detail-module__image-inner {
min-height: 550px;
}
}
@media only screen and (max-width: 767px) {
.detail-module__content-inner, .detail-module__image-inner {
min-height: 1px;
}
}
.detail-module__content-inner::before, .detail-module__content-inner::after, .detail-module__image-inner::before, .detail-module__image-inner::after {
content: "";
position: absolute;
top: 50%;
left: -18px;
width: 2px;
height: 100%;
transform: translateY(-50%);
background-color: var(--color-primary);
transition: height 80ms ease;
}
.theme-purple .detail-module__content-inner::before, .theme-purple .detail-module__content-inner::after, .theme-purple .detail-module__image-inner::before, .theme-purple .detail-module__image-inner::after {
background-color: var(--color-primary-text);
}
@media only screen and (max-width: 767px) {
.detail-module__content-inner::before, .detail-module__content-inner::after, .detail-module__image-inner::before, .detail-module__image-inner::after {
left: -8px;
}
}
.detail-module__content-inner::after, .detail-module__image-inner::after {
left: initial;
right: -18px;
}
@media only screen and (max-width: 767px) {
.detail-module__content-inner::after, .detail-module__image-inner::after {
right: -8px;
}
}
@media only screen and (max-width: 767px) {
.detail-module__image-inner {
aspect-ratio: 1/1;
}
}
.detail-module__content {
position: sticky;
position: -webkit-sticky;
top: 24px;
font-weight: 500;
}
@media only screen and (max-width: 1022px) {
.detail-module__content {
top: 0;
position: relative;
}
}
:has(.header-main) .detail-module__content {
top: 122px;
}
@media only screen and (max-width: 1022px) {
:has(.header-main) .detail-module__content {
top: 0;
}
}
.detail-module__content-inner {
background-color: transparent;
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 15px;
}
@media only screen and (max-width: 767px) {
.detail-module__content-inner {
padding: 4px;
}
}
.detail-module__content-inner::before {
display: none;
}
@media only screen and (max-width: 1022px) {
.detail-module__content-inner::before {
display: block;
}
}
.detail-module__content-row {
border-bottom: 2px solid var(--color-primary);
padding-bottom: 15px;
display: flex;
min-height: 56px;
gap: 8px;
}
.theme-purple .detail-module__content-row {
border-color: var(--color-primary-text);
}
@media only screen and (max-width: 767px) {
.detail-module__content-row {
flex-direction: column;
}
}
.detail-module__content-row-label {
flex-shrink: 0;
width: 100px;
}
@media only screen and (max-width: 767px) {
.detail-module__content-row:first-child {
padding-right: 120px;
}
}
.detail-module__content-row:last-child {
border-bottom: none;
margin-bottom: 0;
}
.detail-module__content-row--description {
flex-direction: column;
}
.detail-module__content .editor-text {
margin-top: 8px;
}
@media only screen and (max-width: 1022px) {
.detail-module__content .editor-text {
margin-top: 0;
}
}
.detail-module__content .editor-text p {
margin: 0 0 35px;
}
.detail-module__content .editor-text p:last-child {
margin-bottom: 0;
}
.detail-module__tag {
margin-left: auto;
flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
.detail-module__tag {
position: absolute;
right: 0;
top: 0;
}
}
.content-module {
position: relative;
}
.content-module__body {
max-width: 752px;
display: block;
margin: 0 auto;
width: 100%;
}
.content-module__title {
margin-bottom: 50px;
}
.content-module .editor-text {
font-size: 18px;
}
.content-module .editor-text h2,
.content-module .editor-text h3,
.content-module .editor-text h4,
.content-module .editor-text h5,
.content-module .editor-text h6 {
font-size: 18px;
letter-spacing: 0;
margin-bottom: 8px;
}
.content-module .editor-text ul,
.content-module .editor-text p {
margin: 0 0 9px;
line-height: 1.26;
}
.content-module .editor-text ul + h2, .content-module .editor-text ul + h3, .content-module .editor-text ul + h4, .content-module .editor-text ul + h5, .content-module .editor-text ul + h6,
.content-module .editor-text p + h2,
.content-module .editor-text p + h3,
.content-module .editor-text p + h4,
.content-module .editor-text p + h5,
.content-module .editor-text p + h6 {
margin-top: 40px;
}
.content-module .editor-text ul:last-child,
.content-module .editor-text p:last-child {
margin-bottom: 0;
}
.content-module .editor-text table {
margin: 40px 0;
font-size: 16px;
font-weight: 500;
}
.content-module .editor-text table strong {
font-weight: 700;
}
.content-module .editor-text table:last-child {
margin-bottom: 0;
}
.editor-text ul li::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.editor-text h6, .editor-text h5, .editor-text h4, .editor-text h3, .editor-text h2, .editor-text h1 {
line-height: 1;
font-weight: 600;
letter-spacing: 0.01em;
}
.editor-text h1 {
font-size: 48px;
}
@media only screen and (max-width: 1200px) {
.editor-text h1 {
font-size: 44px;
}
}
@media only screen and (max-width: 1022px) {
.editor-text h1 {
font-size: 40px;
}
}
.editor-text h2 {
font-size: 32px;
line-height: 1.3;
}
@media only screen and (max-width: 1022px) {
.editor-text h2 {
font-size: 28px;
}
}
.editor-text h3 {
font-size: 28px;
}
@media only screen and (max-width: 1022px) {
.editor-text h3 {
font-size: 24px;
}
}
@media only screen and (max-width: 767px) {
.editor-text h3 {
font-size: 22px;
}
}
.editor-text h4 {
font-size: 24px;
}
@media only screen and (max-width: 767px) {
.editor-text h4 {
font-size: 20px;
}
}
.editor-text h5 {
font-size: 20px;
}
@media only screen and (max-width: 767px) {
.editor-text h5 {
font-size: 18px;
}
}
.editor-text h6 {
font-size: 18px;
line-height: 1.3;
letter-spacing: normal;
}
.editor-text ol li:before {
color: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
text-transform: inherit;
text-align: inherit;
font-style: inherit;
font-family: inherit;
}
.container .editor-text .container {
max-width: 100%;
padding: 0;
}
.editor-text h1,
.editor-text h2,
.editor-text h3,
.editor-text h4,
.editor-text h5,
.editor-text h6 {
margin-bottom: 24px;
}
* + .editor-text h1,
* + .editor-text h2,
* + .editor-text h3,
* + .editor-text h4,
* + .editor-text h5,
* + .editor-text h6 {
margin-top: 32px;
}
.editor-text h1:first-child,
.editor-text h2:first-child,
.editor-text h3:first-child,
.editor-text h4:first-child,
.editor-text h5:first-child,
.editor-text h6:first-child {
margin-top: 0;
}
.editor-text p,
.editor-text ul,
.editor-text ol,
.editor-text img,
.editor-text figure,
.editor-text table {
margin-top: 24px;
margin-bottom: 24px;
}
.editor-text p:first-child,
.editor-text ul:first-child,
.editor-text ol:first-child,
.editor-text img:first-child,
.editor-text figure:first-child,
.editor-text table:first-child {
margin-top: 0;
}
.editor-text p:last-child,
.editor-text ul:last-child,
.editor-text ol:last-child,
.editor-text img:last-child,
.editor-text figure:last-child,
.editor-text table:last-child {
margin-bottom: 0;
}
.editor-text p a,
.editor-text ul a,
.editor-text ol a,
.editor-text img a,
.editor-text figure a,
.editor-text table a {
color: var(--color-dark-blue);
font-weight: inherit;
text-decoration: underline;
}
.editor-text p a:hover,
.editor-text ul a:hover,
.editor-text ol a:hover,
.editor-text img a:hover,
.editor-text figure a:hover,
.editor-text table a:hover {
text-decoration: none;
}
.editor-text strong,
.editor-text b {
font-weight: 600;
}
.editor-text img.aligncenter, .editor-text img.alignright, .editor-text img.aligleft, .editor-text img.alignnone {
display: block;
}
.editor-text img.aligncenter {
margin-left: auto;
margin-right: auto;
}
.editor-text img.alignright {
margin-left: auto;
}
.editor-text img.aligleft {
margin-right: auto;
}
.editor-text figure img {
margin: 0;
}
.editor-text ul,
.editor-text ol {
list-style: none;
}
.editor-text ul li,
.editor-text ol li {
position: relative;
padding-left: 1.75em;
}
.editor-text ul {
display: grid;
grid-gap: 2px;
}
.editor-text ul li {
padding-left: 16px;
}
.editor-text ul li::before {
border-radius: 100%;
width: 6px;
height: 6px;
background-color: var(--color-dark-blue);
color: inherit;
top: 8px;
}
.editor-text ol {
counter-reset: ol_text_counter;
display: grid;
grid-gap: 14px;
}
.editor-text ol li {
counter-increment: ol_text_counter;
padding-left: 36px;
}
.editor-text ol li:before {
content: counter(ol_text_counter);
font-size: inherit;
position: absolute;
top: -3px;
left: 0;
min-width: 24px;
min-height: 24px;
background-color: var(--color-white);
display: flex;
align-items: center;
justify-content: center;
}
.editor-text table {
border: 2px solid var(--color-gray-light);
width: 100%;
background-color: var(--color-white);
}
@media only screen and (max-width: 1022px) {
.editor-text table {
display: block;
overflow: auto;
}
}
.editor-text table th,
.editor-text table td {
border: 2px solid var(--color-gray-light);
padding: 8px;
height: auto !important;
}
.editor-text blockquote p {
margin: 0 !important;
}
.editor-text iframe {
width: 100%;
aspect-ratio: 16/9;
height: auto;
border-radius: 8px;
display: block;
}
.site-footer__execution-logo::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.site-footer__bottom .site-footer__nav li:not(:first-child)::before {
font-size: 14px;
}
.site-footer {
overflow: hidden;
position: relative;
width: 100%;
padding-top: 160px;
background-color: var(--color-black);
color: var(--color-gray-light);
}
@media only screen and (max-width: 1439px) {
.site-footer {
padding-top: 140px;
}
}
@media only screen and (max-width: 1200px) {
.site-footer {
padding-top: 100px;
}
}
@media only screen and (max-width: 1022px) {
.site-footer {
padding-bottom: 64px;
}
}
@media only screen and (max-width: 1200px) {
.site-footer--without-bg-logo {
padding-top: 60px;
}
}
.site-footer__cta {
z-index: 2;
position: relative;
margin-bottom: 320px;
}
@media only screen and (max-width: 1439px) {
.site-footer__cta {
margin-bottom: 230px;
}
}
@media only screen and (max-width: 1200px) {
.site-footer__cta {
margin-bottom: 130px;
}
}
@media only screen and (max-width: 1022px) {
.site-footer__cta {
margin-bottom: 96px;
}
}
.site-footer__cta--blank {
margin-bottom: 0 !important;
}
.site-footer__cta-content {
max-width: 360px;
width: 100%;
color: var(--color-gray-500);
padding-top: 180px;
}
@media only screen and (max-width: 1439px) {
.site-footer__cta-content {
padding-top: 150px;
}
}
@media only screen and (max-width: 1200px) {
.site-footer__cta-content {
padding-top: 130px;
}
}
@media only screen and (max-width: 1022px) {
.site-footer__cta-content {
padding: 0;
max-width: 80%;
margin-top: 64px;
}
}
@media only screen and (max-width: 767px) {
.site-footer__cta-content {
max-width: 100%;
}
}
.site-footer__cta-title {
max-width: 740px;
}
@media only screen and (max-width: 1439px) {
.site-footer__cta-title {
max-width: 560px;
}
}
@media only screen and (max-width: 1200px) {
.site-footer__cta-title {
max-width: 450px;
}
}
@media only screen and (max-width: 1022px) {
.site-footer__cta-title {
letter-spacing: -0.06em;
}
}
.site-footer__cta .row {
position: relative;
z-index: 3;
}
.site-footer__cta .btn {
margin-top: 40px;
background-color: #ff4b48;
}
.site-footer__cta .btn:hover {
color: #ff4b48;
background-color: #2f1408;
}
@media only screen and (max-width: 1022px) {
.site-footer__cta .btn {
margin-top: 25px;
}
}
.site-footer__logo {
max-width: 294px;
width: 100%;
display: flex;
}
@media only screen and (max-width: 1022px) {
.site-footer__logo {
max-width: 254px;
}
}
.site-footer__logo img {
width: 100%;
height: auto;
object-fit: contain;
}
.site-footer__logo-wrapper {
max-width: 296px;
width: 100%;
padding-bottom: 28px;
position: relative;
}
@media only screen and (max-width: 1022px) {
.site-footer__logo-wrapper {
max-width: 100%;
padding-bottom: 34px;
}
}
.site-footer__logo-wrapper::before {
content: "";
position: absolute;
right: 0;
bottom: 0;
height: 1px;
width: 100vw;
background-color: var(--color-gray-800);
}
@media only screen and (max-width: 1022px) {
.site-footer__logo-wrapper::before {
right: initial;
left: 50%;
transform: translateX(-50%);
}
}
.site-footer__partners {
position: relative;
margin-top: 32px;
color: var(--color-gray-200);
}
@media only screen and (max-width: 1022px) {
.site-footer__partners {
margin-top: 36px;
}
}
.site-footer__partners-list {
display: flex;
flex-wrap: wrap;
gap: 36px;
margin-top: 32px;
}
@media only screen and (max-width: 1022px) {
.site-footer__partners-list {
gap: 34px;
}
}
.site-footer__partners-logo {
display: flex;
max-width: 185px;
align-items: flex-end;
height: 64px;
}
@media only screen and (max-width: 1439px) {
.site-footer__partners-logo {
max-width: 124px;
}
}
@media only screen and (max-width: 1200px) {
.site-footer__partners-logo {
height: 50px;
}
}
@media only screen and (max-width: 1022px) {
.site-footer__partners-logo {
max-width: 184px;
height: 64px;
}
}
.site-footer__partners-logo img {
width: 100%;
height: auto;
object-fit: contain;
max-height: 92px;
}
@media only screen and (max-width: 1439px) {
.site-footer__partners-logo img {
max-height: 64px;
}
}
@media only screen and (max-width: 1200px) {
.site-footer__partners-logo img {
max-height: 50px;
}
}
@media only screen and (max-width: 1022px) {
.site-footer__partners-logo img {
max-height: 64px;
}
}
@media only screen and (max-width: 1022px) {
.site-footer__partners:last-child {
margin-bottom: 92px;
}
}
.site-footer__partners--secondary {
margin-top: 36px;
padding-top: 30px;
}
.site-footer__partners--secondary::before {
content: "";
position: absolute;
right: calc(100% - 296px);
top: 0;
height: 1px;
width: 100vw;
background-color: var(--color-gray-800);
}
@media only screen and (max-width: 1022px) {
.site-footer__partners--secondary::before {
right: initial;
left: 50%;
transform: translateX(-50%);
}
}
.site-footer__info {
position: relative;
}
@media only screen and (max-width: 1022px) {
.site-footer__info {
margin-bottom: 20px;
}
}
.site-footer__bg-logo {
position: absolute;
left: 0;
top: 50%;
width: 876px;
pointer-events: none;
transform: translate(-37%, -50%);
}
@media only screen and (max-width: 1200px) {
.site-footer__bg-logo {
width: 650px;
}
}
@media only screen and (max-width: 1022px) {
.site-footer__bg-logo {
width: 550px;
}
}
@media only screen and (max-width: 1022px) {
.site-footer__bg-logo {
top: 0;
left: 50%;
transform: translate(-50%, -20%);
}
}
@media only screen and (max-width: 767px) {
.site-footer__bg-logo {
transform: translate(-66%, -52%);
width: 130vw;
}
}
.site-footer__bg-logo img {
width: 100%;
height: auto;
object-fit: contain;
}
.site-footer__middle {
margin-top: 115px;
}
@media only screen and (max-width: 1439px) {
.site-footer__middle {
margin-top: 90px;
}
}
@media only screen and (max-width: 1022px) {
.site-footer__middle {
margin-top: 70px;
}
}
.site-footer__left {
position: relative;
z-index: 2;
}
.site-footer__left-nav {
display: grid;
grid-template-columns: 41% 1fr;
grid-gap: 30px;
}
@media only screen and (max-width: 1022px) {
.site-footer__left-nav {
grid-template-columns: 58% 1fr;
grid-gap: 18px;
align-items: flex-start;
}
}
@media only screen and (max-width: 767px) {
.site-footer__left-nav {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.site-footer__right {
position: relative;
z-index: 2;
}
.site-footer__right-nav {
display: grid;
grid-template-columns: 58% 1fr;
grid-gap: 20px;
}
@media only screen and (max-width: 1022px) {
.site-footer__right-nav {
grid-template-columns: 48% 1fr;
}
}
@media only screen and (max-width: 767px) {
.site-footer__right-nav {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.site-footer__col-title {
margin-bottom: 36px;
display: inline-flex;
transition: color 80ms ease, opacity 80ms ease;
}
@media only screen and (max-width: 1022px) {
.site-footer__col-title {
font-size: 20px;
}
}
.site-footer__col-title[href]:hover {
color: var(--color-primary-light);
}
.site-footer__nav ul {
display: grid;
grid-gap: 14px;
}
.site-footer__nav a:hover {
color: var(--color-primary-light);
}
@media only screen and (max-width: 767px) {
.site-footer__location {
margin-bottom: 68px;
}
}
.site-footer__location ul {
grid-template-columns: 58% 1fr;
grid-gap: 14px 20px;
}
@media only screen and (max-width: 767px) {
.site-footer__location ul {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.site-footer__bottom {
position: relative;
z-index: 2;
margin-top: 196px;
}
@media only screen and (max-width: 1439px) {
.site-footer__bottom {
margin-top: 160px;
}
}
@media only screen and (max-width: 1200px) {
.site-footer__bottom {
margin-top: 100px;
}
}
@media only screen and (max-width: 1022px) {
.site-footer__bottom {
margin-top: 88px;
}
}
.site-footer__bottom-left {
display: flex;
align-items: center;
}
@media only screen and (max-width: 1022px) {
.site-footer__bottom-left {
justify-content: flex-start;
margin-top: 15px;
align-items: flex-start;
}
}
@media only screen and (max-width: 767px) {
.site-footer__bottom-left {
flex-direction: column;
}
}
.site-footer__bottom-right {
position: relative;
padding: 12px 0;
}
@media only screen and (max-width: 1022px) {
.site-footer__bottom-right {
padding: 14px 0 0;
}
}
.site-footer__bottom-right::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 1px;
width: 50vw;
background-color: var(--color-gray-800);
}
@media only screen and (max-width: 1022px) {
.site-footer__bottom-right::before {
right: initial;
left: 50%;
width: 100%;
transform: translateX(-50%);
}
}
.site-footer__bottom .site-footer__nav ul {
grid-gap: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
}
@media only screen and (max-width: 1022px) {
.site-footer__bottom .site-footer__nav ul {
justify-content: flex-start;
align-items: flex-start;
}
}
.site-footer__bottom .site-footer__nav li:not(:first-child)::before {
content: "/";
font-weight: 600;
opacity: 0.15;
margin: 0 20px;
}
@media only screen and (max-width: 767px) {
.site-footer__bottom .site-footer__nav li:not(:first-child)::before {
margin: 0 5px;
}
}
.site-footer__divider {
opacity: 0.15;
margin: 0 20px;
display: inline-flex;
}
@media only screen and (max-width: 767px) {
.site-footer__divider {
display: none;
}
}
.site-footer__execution {
display: flex;
white-space: nowrap;
align-items: center;
gap: 12px;
}
@media only screen and (max-width: 1022px) {
.site-footer__execution {
margin-bottom: 16px;
}
}
.site-footer__execution-logo {
max-width: 68px;
width: 100%;
display: flex;
position: relative;
transition: 0s ease;
}
.site-footer__execution-logo::before {
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-image: var(--mask-image);
mask-image: var(--mask-image);
background-color: var(--color-primary-light);
z-index: 2;
opacity: 0;
transition: opacity 80ms ease;
}
.site-footer__execution-logo img {
width: 100%;
object-fit: contain;
transition: opacity 0.3s ease;
}
.site-footer__execution-logo:hover::before {
opacity: 1;
}
@media only screen and (max-width: 1022px) {
.site-footer .social-nav {
display: flex;
}
}
@media only screen and (max-width: 767px) {
.site-footer .social-nav ul {
gap: 12px 20px;
}
}
@media only screen and (min-width: 1201px) {
.site-footer--without-cta {
padding-top: 114px;
}
}
.site-footer a {
transition: color 80ms ease, opacity 80ms ease;
}
.site-footer--standalone .site-footer__bottom {
padding-bottom: 16px;
}
.header-module {
position: relative;
background-color: var(--color-primary);
overflow: hidden;
color: var(--color-green-lighter);
padding: 0 40px;
}
@media (max-width: 1920px) {
.header-module {
padding: 0 24px;
}
}
@media only screen and (max-width: 1022px) {
.header-module {
padding: 0 16px;
}
}
.theme-green .header-module {
color: var(--color-primary-lighter);
}
.theme-purple .header-module {
color: var(--color-primary-text);
}
.header-module__body {
min-height: 100vh;
display: flex;
position: relative;
}
@media only screen and (max-width: 1022px) {
.header-module__body {
min-height: 100svh;
}
}
.header-module__logo {
position: absolute;
left: 50%;
top: 30px;
transform: translateX(-50%);
}
@media only screen and (max-width: 1022px) {
.header-module__logo {
top: 18px;
}
}
.header-module__words {
font-size: 196px;
line-height: 0.76;
text-transform: uppercase;
}
@media (max-height: 800px) {
.header-module__words {
font-size: 140px;
}
}
@media only screen and (max-width: 1439px) {
.header-module__words {
font-size: 140px;
}
}
@media only screen and (max-width: 1022px) {
.header-module__words {
font-size: 116px;
}
}
.header-module__words-top-left {
position: absolute;
left: 0;
top: 26px;
}
@media only screen and (max-width: 1022px) {
.header-module__words-top-left {
top: 16px;
}
}
.header-module__words-top-right {
position: absolute;
right: 0;
top: 26px;
}
@media only screen and (max-width: 1022px) {
.header-module__words-top-right {
top: 16px;
}
}
.header-module__words-bottom-left {
position: absolute;
left: 0;
bottom: 26px;
}
@media only screen and (max-width: 1022px) {
.header-module__words-bottom-left {
bottom: 16px;
}
}
.header-module__words-bottom-right {
position: absolute;
right: 0;
bottom: 26px;
}
@media only screen and (max-width: 1022px) {
.header-module__words-bottom-right {
bottom: 16px;
}
}
@media only screen and (min-width: 1440px) {
.header-module .container {
max-width: 1416px;
}
}
.header-module__text {
font-weight: 600;
font-size: 24px;
line-height: 1.25;
max-width: 378px;
position: relative;
z-index: 3;
}
@media (max-height: 700px) {
.header-module__text {
font-size: 20px;
}
}
@media only screen and (max-width: 1022px) {
.header-module__text {
font-size: 20px;
}
}
.header-module .header-background--pencils {
display: none;
}
.theme-green .header-module .header-background--pencils {
display: block;
}
.header-module .header-background--locks {
display: block;
}
.theme-green .header-module .header-background--locks {
display: none;
}
.theme-purple .header-module .header-background--locks {
display: none;
}
.header-module .header-background--cup {
display: none;
}
.theme-purple .header-module .header-background--cup {
display: block;
}
.header-module:has(.header-background--with-image) .header-background--pencils,
.header-module:has(.header-background--with-image) .header-background--locks,
.header-module:has(.header-background--with-image) .header-background--cup {
display: none;
}
.noscript {
display: block;
width: 100%;
position: relative;
z-index: 9999;
}
.noscript__content {
background-color: #ffc107;
border: 4px solid black;
color: black;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
padding: 40px;
text-align: center;
width: 100%;
}
.marquee-module {
padding: 12px 0;
overflow: hidden;
}
.marquee-module__track {
display: flex;
width: max-content;
animation: marquee var(--marquee-duration) linear infinite;
will-change: transform;
}
.marquee-module__set {
display: flex;
flex-shrink: 0;
gap: 42px;
padding-inline-end: 42px;
}
.marquee-module__item {
display: flex;
flex-shrink: 0;
align-items: center;
white-space: nowrap;
}
.marquee-module__item-separator {
flex-shrink: 0;
margin-left: 42px;
}
@keyframes marquee {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(-50%, 0, 0);
}
}
@media (prefers-reduced-motion: reduce) {
.marquee-module__track {
animation: none;
}
}
.theme-purple .marquee-module.text--primary-light {
color: var(--color-primary-light);
}
.product-card-list__load-more-text::before, .product-card-list__load-more-text::after {
content: "";
position: absolute;
bottom: 0;
width: 0;
right: 0;
height: 1px;
background-color: currentColor;
pointer-events: none;
}
.product-card-list__load-more-text::before {
transition: width 0.1s cubic-bezier(0.51, 0.18, 0, 0.88) 0.08s;
}
.product-card-list__load-more-text::after {
transition: width 0.1s cubic-bezier(0.29, 0.18, 0.26, 0.83);
}
.is-active.product-card-list__load-more-text::before, .is-active.product-card-list__load-more-text::after, .active.product-card-list__load-more-text::before, .active.product-card-list__load-more-text::after, .product-card-list__load-more-text:hover::before, .product-card-list__load-more-text:hover::after {
width: 100%;
left: 0;
}
.product-card-list__inner {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media only screen and (max-width: 1200px) {
.product-card-list__inner {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media only screen and (max-width: 1022px) {
.product-card-list__inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 375px) {
.product-card-list__inner {
grid-template-columns: 1fr;
}
}
.product-card-list__inner.hide {
display: none;
}
.product-card-list .product-card::after {
bottom: -2px;
}
.product-card-list .product-card__inner::after {
right: -2px;
}
@media (max-width: 375px) {
.product-card-list .product-card__inner::after {
right: 0;
}
}
@media only screen and (min-width: 1201px) {
.product-card-list .product-card:nth-child(4n+4) .product-card__inner::after {
right: 0;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
.product-card-list .product-card:nth-child(3n+3) .product-card__inner::after {
right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.product-card-list .product-card:nth-child(2n+2) .product-card__inner::after {
right: 0;
}
}
.product-card-list__load-more {
padding: 18px 0;
display: flex;
position: relative;
height: 100%;
width: 100%;
transition: color 80ms ease;
aspect-ratio: 344/500;
}
@media only screen and (max-width: 767px) {
.product-card-list__load-more {
padding: 10px 0;
}
}
@media (max-width: 375px) {
.product-card-list__load-more {
aspect-ratio: 1/1;
}
}
.product-card-list__load-more::before, .product-card-list__load-more::after {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 36px);
height: 2px;
background-color: var(--color-primary);
transition: width 80ms ease;
}
@media only screen and (max-width: 767px) {
.product-card-list__load-more::before, .product-card-list__load-more::after {
width: calc(100% - 16px);
}
}
.product-card-list__load-more::after {
top: initial;
bottom: -2px;
}
.product-card-list__load-more-inner {
padding: 0 18px;
position: relative;
flex: auto;
}
@media only screen and (max-width: 767px) {
.product-card-list__load-more-inner {
padding: 0 8px;
}
}
.product-card-list__load-more-inner::before, .product-card-list__load-more-inner::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 2px;
height: 100%;
transform: translateY(-50%);
background-color: var(--color-primary);
transition: height 80ms ease;
}
.product-card-list__load-more-inner::after {
left: initial;
right: 0;
}
.product-card-list__load-more-text {
position: relative;
pointer-events: none;
}
.product-card-list__load-more-text::before, .product-card-list__load-more-text::after {
height: 2px;
}
.product-card-list__load-more:hover .product-card-list__load-more-text::before, .product-card-list__load-more:hover .product-card-list__load-more-text::after {
width: 100%;
left: 0;
}
.product-card-list__search-bar {
padding: 18px 0;
position: relative;
}
@media only screen and (max-width: 767px) {
.product-card-list__search-bar {
padding: 10px 0;
}
}
.product-card-list__search-bar::before, .product-card-list__search-bar::after {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 36px);
height: 2px;
background-color: var(--color-primary);
transition: width 80ms ease;
}
@media only screen and (max-width: 767px) {
.product-card-list__search-bar::before, .product-card-list__search-bar::after {
width: calc(100% - 16px);
}
}
.product-card-list__search-bar::after {
top: initial;
bottom: 0;
}
.product-card-list__search-bar-inner {
padding: 0 18px;
position: relative;
}
@media only screen and (max-width: 767px) {
.product-card-list__search-bar-inner {
padding: 0 8px;
}
}
.product-card-list__search-bar-inner::before, .product-card-list__search-bar-inner::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 2px;
height: 100%;
transform: translateY(-50%);
background-color: var(--color-primary);
transition: height 80ms ease;
}
.product-card-list__search-bar-inner::after {
left: initial;
right: 0;
}
.product-card-list__not-found {
min-height: 300px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.product-card-list__not-found.hide {
display: none;
}
.header-main {
width: 100%;
z-index: 100;
position: fixed;
top: 0;
left: 0;
padding: 4px 32px;
min-height: 90px;
display: flex;
align-items: center;
gap: 24px;
background-color: var(--color-primary);
transition: background-color 0.1s ease;
}
@media only screen and (max-width: 1022px) {
.header-main {
min-height: 66px;
padding: 4px 16px;
}
}
:has(.header-module) .header-main {
display: none;
}
.is-scrolled .header-main {
background-color: var(--color-primary);
}
.header-main__left, .header-main__middle, .header-main__right {
flex: 1;
}
.header-main__middle {
text-align: center;
}
.header-main__right {
text-align: right;
}
.header-main__logo {
display: inline-block;
}
.header-main__logo svg {
width: auto;
height: 36px;
}
@media only screen and (max-width: 1022px) {
.header-main__logo svg {
height: 28px;
}
}
.header-main__logo svg path {
fill: var(--color-primary-light);
}
.header-main__text {
font-family: var(--font-secondary);
text-transform: uppercase;
font-weight: 700;
line-height: 0.76;
color: var(--color-green-lighter);
font-size: 76px;
transition: color 0.1s ease, opacity 0.1s ease;
}
@media only screen and (max-width: 1022px) {
.header-main__text {
font-size: 45px;
}
}
.theme-green .header-main__text {
color: var(--color-primary-lighter);
}
.theme-purple .header-main__text {
color: var(--color-primary-text);
}
.is-scrolled .header-main__text {
opacity: 1;
}
.steps-module__inner {
padding: 16px 0;
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
grid-gap: 24px;
}
@media only screen and (max-width: 1200px) {
.steps-module__inner {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media only screen and (max-width: 1022px) {
.steps-module__inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 767px) {
.steps-module__inner {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.steps-module__item {
display: grid;
grid-gap: 16px;
align-content: flex-start;
}
.steps-module .editor-text {
line-height: 1.25;
}
.text-module {
padding: 32px 0 112px;
}
@media only screen and (max-width: 1200px) {
.text-module {
padding-bottom: 80px;
}
}
@media only screen and (max-width: 1022px) {
.text-module {
padding: 16px 0 56px;
}
}
.text-module .editor-text h1,
.text-module .editor-text h2,
.text-module .editor-text h3,
.text-module .editor-text h4,
.text-module .editor-text h5,
.text-module .editor-text h6,
.text-module .editor-text ul,
.text-module .editor-text ol,
.text-module .editor-text table,
.text-module .editor-text img,
.text-module .editor-text p {
margin: 32px 0;
}
@media only screen and (max-width: 1022px) {
.text-module .editor-text h1,
.text-module .editor-text h2,
.text-module .editor-text h3,
.text-module .editor-text h4,
.text-module .editor-text h5,
.text-module .editor-text h6,
.text-module .editor-text ul,
.text-module .editor-text ol,
.text-module .editor-text table,
.text-module .editor-text img,
.text-module .editor-text p {
margin: 16px 0;
}
}
.text-module .editor-text h1:first-child,
.text-module .editor-text h2:first-child,
.text-module .editor-text h3:first-child,
.text-module .editor-text h4:first-child,
.text-module .editor-text h5:first-child,
.text-module .editor-text h6:first-child,
.text-module .editor-text ul:first-child,
.text-module .editor-text ol:first-child,
.text-module .editor-text table:first-child,
.text-module .editor-text img:first-child,
.text-module .editor-text p:first-child {
margin-top: 0;
}
.text-module .editor-text h1:last-child,
.text-module .editor-text h2:last-child,
.text-module .editor-text h3:last-child,
.text-module .editor-text h4:last-child,
.text-module .editor-text h5:last-child,
.text-module .editor-text h6:last-child,
.text-module .editor-text ul:last-child,
.text-module .editor-text ol:last-child,
.text-module .editor-text table:last-child,
.text-module .editor-text img:last-child,
.text-module .editor-text p:last-child {
margin-bottom: 0;
}
.text-module__hidden-text {
display: none;
margin-top: 32px;
}
@media only screen and (max-width: 1022px) {
.text-module__hidden-text {
margin-top: 16px;
}
}
.text-module__hidden-text.is-visible {
display: block;
}
.text-module .btn {
font-size: inherit;
margin-top: 36px;
}
@media only screen and (max-width: 1022px) {
.text-module .btn {
margin-top: 16px;
}
}
.text-module:has(.text-module__hidden-text.is-visible) .btn {
display: none;
}
.theme-purple .text-module.bg-primary-light {
color: var(--color-primary-text);
}