@charset "UTF-8";
.wc-price-history.prior-price-value.line-through,
.wc-price-history-shortcode.line-through {
text-decoration: line-through;
}
.stretched-link::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
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, .covered, .cover-bg {
height: 100%;
left: 0;
position: absolute;
width: 100%;
top: 0;
pointer-events: none;
}
.d-flex-cc,
.d-flex-center-center {
display: flex;
align-items: center;
justify-content: center;
}
body {
font-size: 20px;
line-height: 1.69;
}
@media (min-width: 1200px) and (max-width: 1680px) {
body {
font-size: 17px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
body {
font-size: 17px;
}
}
@media only screen and (max-width: 767px) {
body {
font-size: 14px;
}
}
.text--90 {
font-weight: 700;
font-size: 90px;
line-height: 1.2;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.text--90 {
font-size: 72px;
}
}
@media only screen and (max-width: 1439px) {
.text--90 {
font-size: 64px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.text--90 {
font-size: 44px;
}
}
@media only screen and (max-width: 767px) {
.text--90 {
font-size: 36px;
}
}
.text--70 {
font-weight: 700;
font-size: 70px;
line-height: 1.2;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.text--70 {
font-size: 56px;
}
}
@media only screen and (max-width: 1439px) {
.text--70 {
font-size: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.text--70 {
font-size: 40px;
}
}
@media only screen and (max-width: 767px) {
.text--70 {
font-size: 36px;
}
}
.text--62 {
font-size: 62px;
line-height: 1.3;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.text--62 {
font-size: 54px;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1199px) {
.text--62 {
font-size: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.text--62 {
font-size: 40px;
}
}
@media only screen and (max-width: 767px) {
.text--62 {
font-size: 35px;
line-height: 1.08;
}
}
.text--60 {
font-size: 60px;
line-height: 1.2;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.text--60 {
font-size: 54px;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1199px) {
.text--60 {
font-size: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.text--60 {
font-size: 40px;
}
}
@media only screen and (max-width: 767px) {
.text--60 {
font-size: 35px;
}
}
.text--58 {
font-size: 58px;
line-height: 1.2;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.text--58 {
font-size: 50px;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1199px) {
.text--58 {
font-size: 44px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.text--58 {
font-size: 32px;
}
}
@media only screen and (max-width: 767px) {
.text--58 {
font-size: 25px;
}
}
.text--55 {
font-size: 55px;
line-height: 1.25;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.text--55 {
font-size: 42px;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1199px) {
.text--55 {
font-size: 40px;
line-height: 1;
}
}
@media only screen and (max-width: 1022px) {
.text--55 {
font-size: 30px;
}
}
.text--50 {
font-size: 50px;
line-height: 1.2;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.text--50 {
font-size: 44px;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1199px) {
.text--50 {
font-size: 44px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.text--50 {
font-size: 32px;
}
}
@media only screen and (max-width: 767px) {
.text--50 {
font-size: 20px;
}
}
.text--38 {
font-size: 38px;
line-height: 1.5;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.text--38 {
font-size: 32px;
}
}
@media only screen and (max-width: 1199px) {
.text--38 {
font-size: 24px;
}
}
@media only screen and (max-width: 767px) {
.text--38 {
font-size: 20px;
}
}
.text--35 {
font-size: 35px;
line-height: 1.25;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.text--35 {
font-size: 30px;
}
}
@media only screen and (max-width: 1199px) {
.text--35 {
font-size: 22px;
}
}
@media only screen and (max-width: 767px) {
.text--35 {
font-size: 14px;
}
}
.text--33 {
font-size: 33px;
line-height: 1.17;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.text--33 {
font-size: 28px;
}
}
@media only screen and (max-width: 1199px) {
.text--33 {
font-size: 22px;
}
}
@media only screen and (max-width: 767px) {
.text--33 {
font-size: 14px;
line-height: 1.25;
}
}
.text--32 {
font-size: 32px;
line-height: 1.25;
}
@media (max-width: 1680px) {
.text--32 {
font-size: 28px;
}
}
@media only screen and (max-width: 1199px) {
.text--32 {
font-size: 22px;
}
}
@media only screen and (max-width: 767px) {
.text--32 {
font-size: 18px;
}
}
.text--30 {
font-size: 30px;
line-height: 1.5;
}
@media (max-width: 1680px) {
.text--30 {
font-size: 26px;
}
}
@media only screen and (max-width: 1199px) {
.text--30 {
font-size: 22px;
}
}
@media only screen and (max-width: 767px) {
.text--30 {
font-size: 14px;
}
}
.text--28 {
font-size: 28px;
line-height: 1.39;
}
@media (max-width: 1680px) {
.text--28 {
font-size: 24px;
}
}
@media only screen and (max-width: 767px) {
.text--28 {
font-size: 18px;
line-height: 1.5;
}
}
.text--26 {
font-size: 26px;
line-height: 1.39;
}
@media (max-width: 1680px) {
.text--26 {
font-size: 22px;
}
}
@media only screen and (max-width: 767px) {
.text--26 {
font-size: 20px;
line-height: 1.5;
}
}
.text--25 {
font-size: 25px;
line-height: 1.25;
letter-spacing: 1px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.text--25 {
font-size: 20px;
}
}
@media only screen and (max-width: 1439px) {
.text--25 {
font-size: 18px;
line-height: 1.5;
letter-spacing: 0;
}
}
@media only screen and (max-width: 1199px) {
.text--25 {
font-size: 18px;
}
}
@media only screen and (max-width: 767px) {
.text--25 {
font-size: 12px;
line-height: 1.25;
letter-spacing: 0;
}
}
.text--24 {
font-size: 24px;
line-height: 1.5;
}
@media only screen and (max-width: 767px) {
.text--24 {
font-size: 18px;
line-height: 1.83;
}
}
.text--22 {
font-size: 22px;
line-height: 1.4;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.text--22 {
font-size: 17px;
}
}
@media only screen and (max-width: 1199px) {
.text--22 {
font-size: 18px;
}
}
@media only screen and (max-width: 767px) {
.text--22 {
font-size: 12px;
}
}
.text--20 {
font-size: 20px;
line-height: 1.6;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.text--20 {
font-size: 18px;
}
}
@media only screen and (max-width: 767px) {
.text--20 {
font-size: 18px;
}
}
.text--18 {
font-size: 18px;
line-height: 1.8;
}
@media (max-width: 1680px) {
.text--18 {
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.text--18 {
font-size: 14px;
}
}
.text--15 {
font-size: 15px;
line-height: 1.25;
}
.text--16 {
font-size: 16px;
line-height: 1.5;
}
.text--14 {
font-size: 14px;
line-height: 1.79;
}
@media (max-width: 1680px) {
.text--14 {
font-size: 12px;
}
}
.text--13 {
font-size: 13px;
line-height: 1.4;
}
@media only screen and (max-width: 767px) {
.text--13 {
font-size: 10px;
}
}
.text--12 {
font-size: 12px;
}
.text--9 {
font-size: 9px;
line-height: 1.25;
}
.text--8 {
font-size: 8px;
line-height: 10px;
}
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;
letter-spacing: inherit;
line-height: inherit;
text-transform: inherit;
text-align: inherit;
font-style: inherit;
font-family: inherit;
}
:root {
--color-white: #ffffff;
--color-black: #000000;
--color-text: #212121;
--color-gray: #6e6e6e;
--color-gray-1: #959494;
--color-gray-2: #b0b0b0;
--color-gray-3: #424242;
--color-gray-4: #6d6d6d;
--color-gray-5: #7d7b7a;
--color-gray-6: #a8a8a8;
--color-gray-7: #d9d9d9;
--color-gray-8: #616161;
--color-gray-9: #818181;
--color-primary: #212121;
--color-primary-light: #f4e4d7;
--color-primary-border: #faeee4;
--color-primary-bg: #ffffff;
--color-primary-dark: #e8c3a2;
--color-green: #8abf56;
--color-yellow: #edd06f;
--color-red: #b00000;
--color-red-2: #b54747;
--color-red-secondary: #b03b3b;
--color-red-tertiary: #cc5743;
--color-red-light: #f09581;
--color-brown: #62574f;
--color-focus: #6495ed;
}
*,
*::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: 1200px) {
.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% - 20px);
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: -5px;
margin-right: -5px;
}
.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: 5px;
padding-right: 5px;
}
.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: -5px;
margin-right: -5px;
}
.container {
max-width: calc(100% - 20px);
}
.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: 5px;
padding-right: 5px;
}
.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: -15px;
margin-right: -15px;
}
.container {
max-width: 990px;
padding-left: 15px;
padding-right: 15px;
}
.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: 15px;
padding-right: 15px;
}
.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: 1200px) {
.row {
margin-left: -15px;
margin-right: -15px;
}
.container {
max-width: 1230px;
padding-left: 15px;
padding-right: 15px;
}
.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: 15px;
padding-right: 15px;
}
.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: -15px;
margin-right: -15px;
}
.container {
max-width: 1560px;
padding-left: 15px;
padding-right: 15px;
}
.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: 15px;
padding-right: 15px;
}
.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;
}
.animate-spin {
animation: spin 2s infinite linear;
display: inline-block;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
@keyframes pulsate {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(0.9);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes pulsate-2 {
0% {
transform: scale(1);
opacity: 0;
}
50% {
transform: scale(0.9);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 0;
}
}
@keyframes blink-shadow {
0%, 100% {
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
}
50% {
box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.4);
}
}
@media only screen and (max-width: 767px) {
@keyframes blink-shadow {
0%, 100% {
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
}
50% {
box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.4);
}
}
} @font-face {
font-family: "swiper-icons";
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
} .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
} .swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
:root { }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
display: none !important;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 10px;
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
} .swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
} .noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-target {
position: relative;
}
.noUi-base,
.noUi-connects {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
} .noUi-connects {
overflow: hidden;
z-index: 0;
}
.noUi-connect,
.noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
right: 0;
height: 100%;
width: 100%;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-webkit-transform-style: preserve-3d;
transform-origin: 0 0;
transform-style: flat;
} .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
left: 0;
right: auto;
} .noUi-vertical .noUi-origin {
top: -100%;
width: 0;
}
.noUi-horizontal .noUi-origin {
height: 0;
}
.noUi-handle {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
}
.noUi-touch-area {
height: 100%;
width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
-webkit-transition: transform 0.3s;
transition: transform 0.3s;
}
.noUi-state-drag * {
cursor: inherit !important;
} .noUi-horizontal {
height: 18px;
}
.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
right: -17px;
top: -6px;
}
.noUi-vertical {
width: 18px;
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
right: -6px;
bottom: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
left: -17px;
right: auto;
} .noUi-target {
background: #fafafa;
border-radius: 4px;
border: 1px solid #d3d3d3;
box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
}
.noUi-connects {
border-radius: 3px;
}
.noUi-connect {
background: #3fb8af;
} .noUi-draggable {
cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
cursor: ns-resize;
}
.noUi-handle {
border: 1px solid #d9d9d9;
border-radius: 3px;
background: #fff;
cursor: default;
box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
}
.noUi-active {
box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
} .noUi-handle:before,
.noUi-handle:after {
content: "";
display: block;
position: absolute;
height: 14px;
width: 1px;
background: #e8e7e6;
left: 14px;
top: 6px;
}
.noUi-handle:after {
left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
width: 14px;
height: 1px;
left: 6px;
top: 14px;
}
.noUi-vertical .noUi-handle:after {
top: 17px;
} [disabled] .noUi-connect {
background: #b8b8b8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
cursor: not-allowed;
} .noUi-pips,
.noUi-pips * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-pips {
position: absolute;
color: #999;
} .noUi-value {
position: absolute;
white-space: nowrap;
text-align: center;
}
.noUi-value-sub {
color: #ccc;
font-size: 10px;
} .noUi-marker {
position: absolute;
background: #ccc;
}
.noUi-marker-sub {
background: #aaa;
}
.noUi-marker-large {
background: #aaa;
} .noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%;
}
.noUi-value-horizontal {
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px;
} .noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%;
}
.noUi-value-vertical {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
width: 15px;
}
.noUi-tooltip {
display: block;
position: absolute;
border: 1px solid #d9d9d9;
border-radius: 3px;
background: #fff;
color: #000;
padding: 5px;
text-align: center;
white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
left: 50%;
bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
top: 50%;
right: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
-webkit-transform: translate(50%, 0);
transform: translate(50%, 0);
left: auto;
bottom: 10px;
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
-webkit-transform: translate(0, -18px);
transform: translate(0, -18px);
top: auto;
right: 28px;
}  @font-face {
font-family: "Mobiscroll";
src: url(//snugi.specto.work/wp-content/themes/snugi/public/fonts/icons_mobiscroll.woff?yzqwen) format("woff"), url(//snugi.specto.work/wp-content/themes/snugi/public/fonts/icons_mobiscroll.woff) format("woff"), url(//snugi.specto.work/wp-content/themes/snugi/public/fonts/icons_mobiscroll.ttf?yzqwen) format("truetype");
font-weight: normal;
font-style: normal;
}
.mbsc-font-icon:before {
font-family: "Mobiscroll";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .mbsc-icon-arrow-down5::before {
content: "\ea01";
}
.mbsc-icon-arrow-left5::before {
content: "\ea02";
}
.mbsc-icon-arrow-right5::before {
content: "\ea03";
}
.mbsc-icon-arrow-up5::before {
content: "\ea04";
}
.mbsc-icon-ion-ios7-arrow-back::before {
content: "\ea05";
}
.mbsc-icon-ion-ios7-arrow-forward::before {
content: "\ea06";
}
.mbsc-icon-ion-ios7-checkmark-empty::before {
content: "\ea07";
}
.mbsc-icon-ios-backspace::before {
content: "\ea08";
}
.mbsc-icon {
display: inline-block;
vertical-align: middle;
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
text-align: center;
flex: 0 0 auto;
}
.mbsc-icon > svg {
display: block;
margin: 0 auto;
width: 100%;
height: 100%;
fill: #c1eed0;
}
:root {
--mbsc-safe-top: 0;
--mbsc-safe-right: 0;
--mbsc-safe-bottom: 0;
--mbsc-safe-left: 0;
}
@supports (top: constant(safe-area-inset-top)) {
:root {
--mbsc-safe-top: constant(safe-area-inset-top);
--mbsc-safe-right: constant(safe-area-inset-right);
--mbsc-safe-bottom: constant(safe-area-inset-bottom);
--mbsc-safe-left: constant(safe-area-inset-left);
}
}
@supports (top: env(safe-area-inset-top)) {
:root {
--mbsc-safe-top: env(safe-area-inset-top);
--mbsc-safe-right: env(safe-area-inset-right);
--mbsc-safe-bottom: env(safe-area-inset-bottom);
--mbsc-safe-left: env(safe-area-inset-left);
}
}
.mbsc-font {
font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
font-size: 16px;
font-weight: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-text-size-adjust: 100%;
}
.mbsc-reset {
margin: 0;
padding: 0;
border: 0;
background: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.mbsc-resize {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: -1;
}
.mbsc-resize-i {
position: absolute;
left: 0;
top: 0;
}
.mbsc-resize-y {
width: 200%;
height: 200%;
}
.mbsc-hidden {
visibility: hidden;
}
.mbsc-hidden-content {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
user-select: none;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap;
}
.mbsc-ltr {
direction: ltr;
}
.mbsc-rtl {
direction: rtl;
}
.mbsc-ripple {
background: currentColor;
position: absolute;
top: 0;
left: 0;
opacity: 0;
border-radius: 1000em;
pointer-events: none;
transform: scale(0);
} .mbsc-flex,
.mbsc-flex-col {
display: flex;
}
.mbsc-flex-col {
flex-direction: column;
}
.mbsc-flex-1-1 {
flex: 1 1 auto;
}
.mbsc-flex-1-0 {
flex: 1 0 auto;
}
.mbsc-flex-1-0-0 {
flex: 1 0 0;
} @media all and (-ms-high-contrast: none) {
.mbsc-flex-1-0-0 {
flex: 1 0 auto;
}
}
.mbsc-flex-none {
flex: none;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.mbsc-hb,
.mbsc-hb:before,
.mbsc-hb:after {
border-width: 0.5px !important;
}
}     .mbsc-ios.mbsc-button {
padding: 0 0.5em;
margin: 0.5em 0.25em;
line-height: 2.25em;
border-radius: 0.25em;
transition: opacity 0.1s ease-out, background-color 0.1s ease-out;
}
.mbsc-ios.mbsc-icon-button {
padding: 0.5em;
line-height: normal;
border-radius: 4em;
}
.mbsc-ios.mbsc-button.mbsc-hover {
opacity: 0.7;
}
.mbsc-ios.mbsc-button.mbsc-active {
opacity: 0.5;
}
.mbsc-ios.mbsc-button:disabled, .mbsc-ios.mbsc-button.mbsc-disabled {
opacity: 0.2;
}
.mbsc-ios.mbsc-button-outline.mbsc-active {
opacity: 1;
}
.mbsc-ios.mbsc-ltr.mbsc-button-icon-start {
padding-right: 0.375em;
}
.mbsc-ios.mbsc-ltr.mbsc-button-icon-end {
padding-left: 0.375em;
}
.mbsc-ios.mbsc-rtl.mbsc-button-icon-start {
padding-left: 0.375em;
}
.mbsc-ios.mbsc-rtl.mbsc-button-icon-end {
padding-right: 0.375em;
}
.mbsc-ios .mbsc-button-group,
.mbsc-ios .mbsc-button-group-justified,
.mbsc-ios .mbsc-button-group-block {
margin: 0.5em 0.75em;
}
.mbsc-ios .mbsc-button-group-block {
margin: 0.5em 1em;
}
.mbsc-ios {   }
.mbsc-ios.mbsc-button-standard {
background: white;
color: #e4b287;
}
.mbsc-ios.mbsc-button-flat {
color: #e4b287;
}
.mbsc-ios.mbsc-button-outline {
border: 1px solid #f1b98a;
color: #f1b98a;
}
.mbsc-ios.mbsc-button-outline.mbsc-active {
background: #f1b98a;
color: #f7f7f7;
}
.mbsc-ios.mbsc-button.mbsc-focus {
background: rgba(0, 0, 0, 0.05);
}
.mbsc-ios.mbsc-button-primary.mbsc-button-standard {
background: #e4b287;
color: #fff;
}
.mbsc-ios.mbsc-button-secondary.mbsc-button-standard {
background: #90979e;
color: #fff;
}
.mbsc-ios.mbsc-button-success.mbsc-button-standard {
background: #43be5f;
color: #fff;
}
.mbsc-ios.mbsc-button-danger.mbsc-button-standard {
background: #f5504e;
color: #fff;
}
.mbsc-ios.mbsc-button-warning.mbsc-button-standard {
background: #f8b042;
color: #fff;
}
.mbsc-ios.mbsc-button-info.mbsc-button-standard {
background: #5bb7c5;
color: #fff;
}
.mbsc-ios.mbsc-button-dark.mbsc-button-standard {
background: #47494a;
color: #fff;
}
.mbsc-ios.mbsc-button-light.mbsc-button-standard {
background: #fff;
color: #000;
}
.mbsc-ios.mbsc-button-primary.mbsc-button-flat {
color: #e4b287;
}
.mbsc-ios.mbsc-button-secondary.mbsc-button-flat {
color: #90979e;
}
.mbsc-ios.mbsc-button-success.mbsc-button-flat {
color: #43be5f;
}
.mbsc-ios.mbsc-button-danger.mbsc-button-flat {
color: #f5504e;
}
.mbsc-ios.mbsc-button-warning.mbsc-button-flat {
color: #f8b042;
}
.mbsc-ios.mbsc-button-info.mbsc-button-flat {
color: #5bb7c5;
}
.mbsc-ios.mbsc-button-dark.mbsc-button-flat {
color: #47494a;
}
.mbsc-ios.mbsc-button-light.mbsc-button-flat {
color: #cccccc;
}
.mbsc-ios.mbsc-button-primary.mbsc-button-outline {
border-color: #e4b287;
color: #e4b287;
}
.mbsc-ios.mbsc-button-primary.mbsc-button-outline.mbsc-active {
background: #e4b287;
color: #fff;
}
.mbsc-ios.mbsc-button-secondary.mbsc-button-outline {
border-color: #90979e;
color: #90979e;
}
.mbsc-ios.mbsc-button-secondary.mbsc-button-outline.mbsc-active {
background: #90979e;
color: #fff;
}
.mbsc-ios.mbsc-button-success.mbsc-button-outline {
border-color: #43be5f;
color: #43be5f;
}
.mbsc-ios.mbsc-button-success.mbsc-button-outline.mbsc-active {
background: #43be5f;
color: #fff;
}
.mbsc-ios.mbsc-button-danger.mbsc-button-outline {
border-color: #f5504e;
color: #f5504e;
}
.mbsc-ios.mbsc-button-danger.mbsc-button-outline.mbsc-active {
background: #f5504e;
color: #fff;
}
.mbsc-ios.mbsc-button-warning.mbsc-button-outline {
border-color: #f8b042;
color: #f8b042;
}
.mbsc-ios.mbsc-button-warning.mbsc-button-outline.mbsc-active {
background: #f8b042;
color: #fff;
}
.mbsc-ios.mbsc-button-info.mbsc-button-outline {
border-color: #5bb7c5;
color: #5bb7c5;
}
.mbsc-ios.mbsc-button-info.mbsc-button-outline.mbsc-active {
background: #5bb7c5;
color: #fff;
}
.mbsc-ios.mbsc-button-dark.mbsc-button-outline {
border-color: #47494a;
color: #47494a;
}
.mbsc-ios.mbsc-button-dark.mbsc-button-outline.mbsc-active {
background: #47494a;
color: #fff;
}
.mbsc-ios.mbsc-button-light.mbsc-button-outline {
border-color: #bfbfbf;
color: #bfbfbf;
}
.mbsc-ios.mbsc-button-light.mbsc-button-outline.mbsc-active {
background: #bfbfbf;
color: #fff;
}
.mbsc-ios-dark {   }
.mbsc-ios-dark.mbsc-button-standard {
background: #6a7878;
color: #ff9f0a;
}
.mbsc-ios-dark.mbsc-button-flat {
color: #ff9f0a;
}
.mbsc-ios-dark.mbsc-button-outline {
border: 1px solid #ffa519;
color: #ffa519;
}
.mbsc-ios-dark.mbsc-button-outline.mbsc-active {
background: #ffa519;
color: #333a3a;
}
.mbsc-ios-dark.mbsc-button.mbsc-focus {
background: rgba(255, 255, 255, 0.05);
}
.mbsc-ios-dark.mbsc-button-primary.mbsc-button-standard {
background: #e4b287;
color: #fff;
}
.mbsc-ios-dark.mbsc-button-secondary.mbsc-button-standard {
background: #90979e;
color: #fff;
}
.mbsc-ios-dark.mbsc-button-success.mbsc-button-standard {
background: #43be5f;
color: #fff;
}
.mbsc-ios-dark.mbsc-button-danger.mbsc-button-standard {
background: #f5504e;
color: #fff;
}
.mbsc-ios-dark.mbsc-button-warning.mbsc-button-standard {
background: #f8b042;
color: #fff;
}
.mbsc-ios-dark.mbsc-button-info.mbsc-button-standard {
background: #5bb7c5;
color: #fff;
}
.mbsc-ios-dark.mbsc-button-dark.mbsc-button-standard {
background: #47494a;
color: #fff;
}
.mbsc-ios-dark.mbsc-button-light.mbsc-button-standard {
background: #fff;
color: #000;
}
.mbsc-ios-dark.mbsc-button-primary.mbsc-button-flat {
color: #e4b287;
}
.mbsc-ios-dark.mbsc-button-secondary.mbsc-button-flat {
color: #90979e;
}
.mbsc-ios-dark.mbsc-button-success.mbsc-button-flat {
color: #43be5f;
}
.mbsc-ios-dark.mbsc-button-danger.mbsc-button-flat {
color: #f5504e;
}
.mbsc-ios-dark.mbsc-button-warning.mbsc-button-flat {
color: #f8b042;
}
.mbsc-ios-dark.mbsc-button-info.mbsc-button-flat {
color: #5bb7c5;
}
.mbsc-ios-dark.mbsc-button-dark.mbsc-button-flat {
color: #47494a;
}
.mbsc-ios-dark.mbsc-button-light.mbsc-button-flat {
color: #cccccc;
}
.mbsc-ios-dark.mbsc-button-primary.mbsc-button-outline {
border-color: #e4b287;
color: #e4b287;
}
.mbsc-ios-dark.mbsc-button-primary.mbsc-button-outline.mbsc-active {
background: #e4b287;
color: #fff;
}
.mbsc-ios-dark.mbsc-button-secondary.mbsc-button-outline {
border-color: #90979e;
color: #90979e;
}
.mbsc-ios-dark.mbsc-button-secondary.mbsc-button-outline.mbsc-active {
background: #90979e;
color: #fff;
}
.mbsc-ios-dark.mbsc-button-success.mbsc-button-outline {
border-color: #43be5f;
color: #43be5f;
}
.mbsc-ios-dark.mbsc-button-success.mbsc-button-outline.mbsc-active {
background: #43be5f;
color: #fff;
}
.mbsc-ios-dark.mbsc-button-danger.mbsc-button-outline {
border-color: #f5504e;
color: #f5504e;
}
.mbsc-ios-dark.mbsc-button-danger.mbsc-button-outline.mbsc-active {
background: #f5504e;
color: #fff;
}
.mbsc-ios-dark.mbsc-button-warning.mbsc-button-outline {
border-color: #f8b042;
color: #f8b042;
}
.mbsc-ios-dark.mbsc-button-warning.mbsc-button-outline.mbsc-active {
background: #f8b042;
color: #fff;
}
.mbsc-ios-dark.mbsc-button-info.mbsc-button-outline {
border-color: #5bb7c5;
color: #5bb7c5;
}
.mbsc-ios-dark.mbsc-button-info.mbsc-button-outline.mbsc-active {
background: #5bb7c5;
color: #fff;
}
.mbsc-ios-dark.mbsc-button-dark.mbsc-button-outline {
border-color: #47494a;
color: #47494a;
}
.mbsc-ios-dark.mbsc-button-dark.mbsc-button-outline.mbsc-active {
background: #47494a;
color: #fff;
}
.mbsc-ios-dark.mbsc-button-light.mbsc-button-outline {
border-color: #bfbfbf;
color: #bfbfbf;
}
.mbsc-ios-dark.mbsc-button-light.mbsc-button-outline.mbsc-active {
background: #bfbfbf;
color: #fff;
}      .mbsc-button {
position: relative;
z-index: 1;
vertical-align: middle;
display: inline-flex;
justify-content: center;
align-items: center;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
font-size: 1em;
box-sizing: border-box;
touch-action: manipulation;
user-select: none;
white-space: nowrap;
cursor: pointer;
}
.mbsc-button:disabled,
.mbsc-button.mbsc-disabled {
cursor: not-allowed;
}
.mbsc-button:focus {
outline: 0;
}
.mbsc-button::-moz-focus-inner {
border: 0;
}
.mbsc-icon-button {
width: 2.5em;
height: 2.5em;
padding: 0.5em;
flex: 0 0 auto;
}
.mbsc-button-icon > *,
.mbsc-button-icon > * > * {
height: 100%;
}
.mbsc-button-icon-end {
order: 1;
}
.mbsc-button-group,
.mbsc-button-group-block,
.mbsc-button-group-justified {
border: 1px solid transparent;
}
.mbsc-button-group-block .mbsc-button,
.mbsc-button-block {
display: block;
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
.mbsc-button-group-justified,
.mbsc-button-group-justified mbsc-button {
display: flex;
flex-wrap: wrap;
}
.mbsc-button-group-justified .mbsc-button,
.mbsc-button-group-justified mbsc-button {
flex: 1 auto;
}
.mbsc-ios {  }
.mbsc-ios.mbsc-popup-wrapper-bottom-full {
padding-top: 1em;
}
.mbsc-ios.mbsc-popup-wrapper-top-full {
padding-bottom: 1em;
}
.mbsc-ios.mbsc-popup-top {
border-bottom: 1px solid;
}
.mbsc-ios.mbsc-popup-bottom {
border-top: 1px solid;
}
.mbsc-ios.mbsc-popup-body-center {
border-radius: 0.9375em;
}
.mbsc-ios.mbsc-popup-body-bottom-full {
border-radius: 0.75em 0.75em 0 0;
}
.mbsc-ios.mbsc-popup-body-top-full {
border-radius: 0 0 0.75em 0.75em;
}
.mbsc-ios.mbsc-popup-body-anchored {
border-radius: 0.9375em;
}
.mbsc-ios.mbsc-popup-arrow {
border-radius: 0 0.375em;
}
.mbsc-ios.mbsc-popup-header {
position: absolute;
z-index: 1;
top: 0;
right: 0;
left: 0;
line-height: 1.25em;
padding: 0.75em 4.375em;
font-weight: bold;
text-align: center;
}
.mbsc-ios.mbsc-popup-header-no-buttons {
position: relative;
border-bottom: 1px solid;
}
.mbsc-ios.mbsc-popup-header-center {
position: relative;
padding: 0.75em 0.5em;
border-bottom: 1px solid;
}
.mbsc-ios.mbsc-popup-top-full .mbsc-popup-header, .mbsc-ios.mbsc-popup-bottom-full .mbsc-popup-header {
padding: 1.125em 4.375em;
}
.mbsc-ios.mbsc-popup-buttons {
order: -1;
border-bottom: 1px solid;
}
.mbsc-ios.mbsc-popup-buttons.mbsc-ltr {
text-align: right;
}
.mbsc-ios.mbsc-popup-buttons.mbsc-rtl {
text-align: left;
}
.mbsc-ios.mbsc-popup-button.mbsc-font {
margin-top: 0.25em;
margin-bottom: 0.25em;
z-index: 2;
}
.mbsc-ios.mbsc-popup-button-primary {
font-weight: bold;
}
.mbsc-ios.mbsc-popup-button-close.mbsc-ltr {
float: left;
}
.mbsc-ios.mbsc-popup-button-close.mbsc-rtl {
float: right;
}
.mbsc-ios.mbsc-popup-buttons-anchored, .mbsc-ios.mbsc-popup-buttons-top, .mbsc-ios.mbsc-popup-buttons-bottom {
padding: 0 0.25em;
}
.mbsc-ios.mbsc-popup-buttons-top-full, .mbsc-ios.mbsc-popup-buttons-bottom-full {
padding: 0.375em 0.25em;
}
.mbsc-ios.mbsc-popup-buttons-flex {
order: 0;
border: 0;
padding: 0;
display: flex;
}
.mbsc-ios.mbsc-popup-buttons-flex.mbsc-popup-buttons {
background: none;
}
.mbsc-ios.mbsc-popup-button-flex.mbsc-font {
flex: 1 1 100%;
display: block;
}
.mbsc-ios.mbsc-popup-button-flex.mbsc-font.mbsc-button {
opacity: 1;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.mbsc-ios.mbsc-popup-button-flex.mbsc-font.mbsc-button-flat {
background: none;
border-top: 1px solid;
border-radius: 0;
margin: 0;
line-height: 2.75em;
}
.mbsc-ios.mbsc-popup-button-flex.mbsc-button-flat.mbsc-ltr {
border-right-style: solid;
border-right-width: 1px;
}
.mbsc-ios.mbsc-popup-button-flex.mbsc-button-flat.mbsc-rtl {
border-left-style: solid;
border-left-width: 1px;
}
.mbsc-ios.mbsc-popup-button-flex.mbsc-button-flat:last-child {
border-left: 0;
border-right: 0;
}
.mbsc-ios.mbsc-popup-body-round {
border-radius: 0.9375em;
}
.mbsc-ios.mbsc-popup-pointer .mbsc-popup-body-round {
border-radius: 0.5em;
}
.mbsc-ios.mbsc-popup-round .mbsc-popup {
border: 0;
}
.mbsc-ios.mbsc-popup-round .mbsc-popup-body-bottom-full {
border-radius: 0.75em 0.75em 0 0;
}
.mbsc-ios.mbsc-popup-round .mbsc-popup-body-top-full {
border-radius: 0 0 0.75em 0.75em;
}
.mbsc-ios.mbsc-popup-arrow {
background: #f2f2f7;
box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
}
.mbsc-ios.mbsc-popup-top, .mbsc-ios.mbsc-popup-bottom {
border-color: #cccccc;
}
.mbsc-ios.mbsc-popup-body {
background: #f2f2f7;
color: #333a3a;
}
.mbsc-ios.mbsc-popup-body-round, .mbsc-ios.mbsc-popup-body-center, .mbsc-ios.mbsc-popup-body-anchored {
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mbsc-ios.mbsc-popup-header-center {
border-color: #cccccc;
}
.mbsc-ios.mbsc-popup-buttons, .mbsc-ios.mbsc-popup-header-no-buttons {
border-color: #cccccc;
}
.mbsc-ios.mbsc-popup-buttons-bottom, .mbsc-ios.mbsc-popup-buttons-top {
background: #f7f7f7;
}
.mbsc-ios.mbsc-popup-button-flex.mbsc-button-flat.mbsc-font {
border-color: #cccccc;
}
.mbsc-ios.mbsc-popup-button-flex.mbsc-font.mbsc-hover, .mbsc-ios.mbsc-popup-button-flex.mbsc-font.mbsc-focus {
background: #eaeaea;
}
.mbsc-ios.mbsc-popup-button-flex.mbsc-font.mbsc-active {
background: #cccccc;
}
.mbsc-ios.mbsc-popup-button-flex.mbsc-button.mbsc-disabled {
color: rgba(228, 178, 135, 0.2);
}
.mbsc-ios-dark.mbsc-popup-arrow {
background: #4d5858;
box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
}
.mbsc-ios-dark.mbsc-popup-top, .mbsc-ios-dark.mbsc-popup-bottom {
border-color: #637070;
}
.mbsc-ios-dark.mbsc-popup-body {
background: #4d5858;
color: #ffffff;
}
.mbsc-ios-dark.mbsc-popup-body-round, .mbsc-ios-dark.mbsc-popup-body-center, .mbsc-ios-dark.mbsc-popup-body-anchored {
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mbsc-ios-dark.mbsc-popup-header-center {
border-color: #637070;
}
.mbsc-ios-dark.mbsc-popup-buttons, .mbsc-ios-dark.mbsc-popup-header-no-buttons {
border-color: #637070;
}
.mbsc-ios-dark.mbsc-popup-buttons-bottom, .mbsc-ios-dark.mbsc-popup-buttons-top {
background: #596565;
}
.mbsc-ios-dark.mbsc-popup-buttons-anchored {
background: #596565;
}
.mbsc-ios-dark.mbsc-popup-button-flex.mbsc-button-flat.mbsc-font {
border-color: #637070;
}
.mbsc-ios-dark.mbsc-popup-button-flex.mbsc-font.mbsc-hover, .mbsc-ios-dark.mbsc-popup-button-flex.mbsc-font.mbsc-focus {
background: #546060;
}
.mbsc-ios-dark.mbsc-popup-button-flex.mbsc-font.mbsc-active {
background: #637070;
}
.mbsc-ios-dark.mbsc-popup-button-flex.mbsc-button.mbsc-disabled {
color: rgba(255, 159, 10, 0.2);
}
@keyframes mbsc-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes mbsc-fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes mbsc-pop-in {
from {
opacity: 0;
transform: scale(0.8);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes mbsc-pop-out {
from {
opacity: 1;
transform: scale(1);
}
to {
opacity: 0;
transform: scale(0.8);
}
}
@keyframes mbsc-slide-up-in {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
@keyframes mbsc-slide-up-out {
from {
transform: translateY(0);
}
to {
transform: translateY(100%);
}
}
@keyframes mbsc-slide-down-in {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0);
}
}
@keyframes mbsc-slide-down-out {
from {
transform: translateY(0);
}
to {
transform: translateY(-100%);
}
}
.mbsc-popup-open-ios {
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: auto;
}
.mbsc-popup-ctx {
position: relative;
--mbsc-safe-top: 0;
--mbsc-safe-right: 0;
--mbsc-safe-bottom: 0;
--mbsc-safe-left: 0;
}
.mbsc-popup-limits {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
}
.mbsc-popup-limits-anchored,
.mbsc-popup-limits-center {
margin: 1em;
}
.mbsc-popup-wrapper {
z-index: 99998;
user-select: none;
}
.mbsc-popup,
.mbsc-popup-wrapper {
box-sizing: border-box;
}
.mbsc-popup-wrapper {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
display: flex;
justify-content: center;
border: 0 solid transparent;
}
.mbsc-popup-wrapper-ctx {
position: absolute;
right: auto;
bottom: auto;
width: 100%;
height: 100%;
overflow: hidden;
}
.mbsc-popup-wrapper-center {
padding: 1em;
align-items: center;
border-width: var(--mbsc-safe-top) var(--mbsc-safe-right) var(--mbsc-safe-bottom) var(--mbsc-safe-left);
}
.mbsc-popup-wrapper-top {
align-items: flex-start;
border-bottom: var(--mbsc-safe-bottom) solid transparent;
}
.mbsc-popup-wrapper-bottom {
align-items: flex-end;
border-top-width: var(--mbsc-safe-top);
}
.mbsc-popup-wrapper-anchored {
border-width: 0 var(--mbsc-safe-right) var(--mbsc-safe-bottom) var(--mbsc-safe-left);
}
.mbsc-popup-hidden {
opacity: 0;
}
.mbsc-popup-overlay {
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: -10em;
pointer-events: auto;
background: rgba(0, 0, 0, 0.5);
transform: translateZ(0);
}
.mbsc-popup-overlay-in {
opacity: 1;
animation: mbsc-fade-in 150ms cubic-bezier(0, 0, 0.2, 1);
}
.mbsc-popup-overlay-out {
opacity: 0;
animation: mbsc-fade-out 75ms cubic-bezier(0.4, 0, 1, 1);
}
.mbsc-popup {
display: flex;
flex-direction: column;
max-height: 100%;
min-width: 12em;
position: relative;
z-index: 2;
pointer-events: auto;
text-shadow: none;
user-select: none;
}
.mbsc-popup-center {
min-width: 16em;
}
.mbsc-popup-bottom {
width: 100%;
bottom: 0;
}
.mbsc-popup-top {
width: 100%;
top: 0;
}
.mbsc-popup-anchored {
position: absolute;
}
.mbsc-popup-anchored-left {
margin-left: -1em;
}
.mbsc-popup-anchored-right {
margin-left: 1em;
}
.mbsc-popup-arrow-wrapper {
position: absolute;
z-index: 1;
overflow: hidden;
pointer-events: none;
}
.mbsc-popup-arrow-wrapper-top,
.mbsc-popup-arrow-wrapper-bottom {
left: 0;
right: 0;
height: 2em;
}
.mbsc-popup-arrow-wrapper-left,
.mbsc-popup-arrow-wrapper-right {
top: 0;
bottom: 0;
width: 2em;
}
.mbsc-popup-arrow-wrapper-top {
top: 100%;
}
.mbsc-popup-arrow-wrapper-bottom {
bottom: 100%;
}
.mbsc-popup-arrow-wrapper-left {
left: 100%;
}
.mbsc-popup-arrow-wrapper-right {
right: 100%;
}
.mbsc-popup-arrow {
position: absolute;
box-sizing: border-box;
width: 1.5em;
height: 1.5em;
pointer-events: auto;
}
.mbsc-popup-arrow-top {
bottom: 1.25em;
}
.mbsc-popup-arrow-bottom {
top: 1.25em;
}
.mbsc-popup-arrow-top,
.mbsc-popup-arrow-bottom {
left: 50%;
margin-left: -0.75em;
transform: rotate(-45deg);
}
.mbsc-popup-arrow-left {
right: 1.25em;
}
.mbsc-popup-arrow-right {
left: 1.25em;
}
.mbsc-popup-arrow-left,
.mbsc-popup-arrow-right {
top: 50%;
margin-top: -0.75em;
transform: rotate(45deg);
}
.mbsc-popup-focus {
outline: 0;
}
.mbsc-popup-body {
display: flex;
flex-direction: column;
overflow: hidden;
transform: translateZ(0);
flex: 1 1 auto;
}
.mbsc-popup-body-top {
padding-top: var(--mbsc-safe-top);
}
.mbsc-popup-body-bottom {
padding-bottom: var(--mbsc-safe-bottom);
}
.mbsc-popup-body-top,
.mbsc-popup-body-bottom {
padding-left: var(--mbsc-safe-left);
padding-right: var(--mbsc-safe-right);
}
.mbsc-popup-body-round {
padding: 0;
}
.mbsc-popup-header {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: none;
}
.mbsc-popup-content {
flex: 1 1 auto;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.mbsc-popup-padding {
padding: 1em;
}
.mbsc-popup-buttons {
flex: none;
} .mbsc-popup-pop-in {
opacity: 1;
animation: mbsc-pop-in 150ms cubic-bezier(0, 0, 0.2, 1);
}
.mbsc-popup-pop-out {
opacity: 0;
animation: mbsc-pop-out 75ms cubic-bezier(0.4, 0, 1, 1);
}
.mbsc-popup-slide-up-in {
animation: mbsc-slide-up-in 250ms cubic-bezier(0, 0, 0.2, 1);
}
.mbsc-popup-slide-up-out {
animation: mbsc-slide-up-out 200ms cubic-bezier(0.4, 0, 1, 1);
}
.mbsc-popup-slide-down-in {
animation: mbsc-slide-down-in 250ms cubic-bezier(0, 0, 0.2, 1);
}
.mbsc-popup-slide-down-out {
animation: mbsc-slide-down-out 200ms cubic-bezier(0.4, 0, 1, 1);
} .mbsc-popup-pointer.mbsc-picker .mbsc-popup-overlay,
.mbsc-popup-pointer .mbsc-popup-overlay-anchored {
background: none;
}
.mbsc-popup-round .mbsc-popup-slide-up-in {
animation-name: mbsc-slide-up-in, mbsc-fade-in;
}
.mbsc-popup-round .mbsc-popup-slide-up-out {
animation-name: mbsc-slide-up-out, mbsc-fade-out;
}
.mbsc-popup-round .mbsc-popup-slide-down-in {
animation-name: mbsc-slide-down-in, mbsc-fade-in;
}
.mbsc-popup-round .mbsc-popup-slide-down-out {
animation-name: mbsc-slide-down-out, mbsc-fade-out;
}
.mbsc-popup-round .mbsc-popup-top,
.mbsc-popup-round .mbsc-popup-bottom {
width: auto;
margin-top: 3em;
margin-bottom: 3em;
}
.mbsc-ios {      }
.mbsc-ios.mbsc-calendar-controls { padding: 2px; }
.mbsc-ios.mbsc-calendar-cell {
border-top-style: solid;
border-top-width: 1px;
}
.mbsc-ios.mbsc-calendar-cell-text {
height: 2em;
padding: 0 0.5em;
line-height: 2em;
border-radius: 2em;
}
.mbsc-ios.mbsc-calendar-week-day {
height: 1.7em;
line-height: 1.7em;
font-size: 0.625em;
}
.mbsc-ios.mbsc-calendar-week-nr {
width: 2.363636em;
height: auto;
font-size: 0.75em;
font-weight: bold;
line-height: 3em;
}
.mbsc-ios.mbsc-calendar-day-text {
width: 1.625em;
height: 1.625em;
margin: 0.1875em;
padding: 0;
line-height: 1.625em;
border: 2px solid transparent;
border-radius: 2em;
}
.mbsc-ios.mbsc-range-day .mbsc-calendar-cell-inner {
z-index: 1;
}
.mbsc-ios.mbsc-range-day::after, .mbsc-ios.mbsc-range-hover::before {
content: "";
height: 1.875em;
position: absolute;
left: -1px;
right: -1px;
top: 0.25em;
z-index: 0;
box-sizing: border-box;
}
.mbsc-ios.mbsc-range-hover::before {
border-top: 2px dashed;
border-bottom: 2px dashed;
}
.mbsc-ios.mbsc-range-day-start.mbsc-ltr::after, .mbsc-ios.mbsc-range-day-end.mbsc-rtl::after, .mbsc-ios.mbsc-range-hover-start.mbsc-ltr::before, .mbsc-ios.mbsc-range-hover-end.mbsc-rtl::before {
left: 50%;
margin-left: -0.9375em;
border-radius: 2em 0 0 2em;
}
.mbsc-ios.mbsc-range-day-end.mbsc-ltr::after, .mbsc-ios.mbsc-range-day-start.mbsc-rtl::after, .mbsc-ios.mbsc-range-hover-end.mbsc-ltr::before, .mbsc-ios.mbsc-range-hover-start.mbsc-rtl::before {
right: 50%;
margin-right: -0.9375em;
border-radius: 0 2em 2em 0;
}
.mbsc-ios.mbsc-range-day-start.mbsc-range-day-end::after, .mbsc-ios.mbsc-range-hover-start.mbsc-range-hover-end::before {
display: none;
}
.mbsc-ios.mbsc-calendar-day-marked {
padding-bottom: 0.4375em;
}
.mbsc-ios.mbsc-calendar-marks {
margin-top: -0.0625em;
}
.mbsc-ios.mbsc-calendar-mark {
width: 0.375em;
height: 0.375em;
border-radius: 0.375em;
margin: 0 0.0625em;
}
.mbsc-ios.mbsc-calendar-day-colors .mbsc-calendar-day-text {
background-clip: padding-box;
}
.mbsc-ios.mbsc-calendar-day-colors.mbsc-hover .mbsc-calendar-cell-text {
background-clip: border-box;
}
.mbsc-ios.mbsc-calendar-text:before {
border-radius: 0.4em;
}
.mbsc-ios.mbsc-calendar-label {
font-weight: 600;
}
.mbsc-ios.mbsc-calendar-label-background {
margin: 0 -0.1em;
background: currentColor;
opacity: 0.3;
transition: opacity 0.15s ease-in-out;
}
.mbsc-ios.mbsc-calendar-label-start.mbsc-ltr .mbsc-calendar-label-background, .mbsc-ios.mbsc-calendar-label-end.mbsc-rtl .mbsc-calendar-label-background {
margin-left: 0;
border-top-left-radius: 0.4em;
border-bottom-left-radius: 0.4em;
}
.mbsc-ios.mbsc-calendar-label-end.mbsc-ltr .mbsc-calendar-label-background, .mbsc-ios.mbsc-calendar-label-start.mbsc-rtl .mbsc-calendar-label-background {
margin-right: 0;
border-top-right-radius: 0.4em;
border-bottom-right-radius: 0.4em;
}
.mbsc-ios.mbsc-calendar-label-hover .mbsc-calendar-label-background {
opacity: 0.6;
}
.mbsc-ios.mbsc-calendar-label.mbsc-calendar-label-hover:before {
background: none;
}
.mbsc-ios.mbsc-calendar-label-dragging .mbsc-calendar-label-background, .mbsc-ios.mbsc-calendar-label-active .mbsc-calendar-label-background {
opacity: 0.9;
}
.mbsc-ios.mbsc-calendar-height-md .mbsc-calendar-day:after {
position: absolute;
top: 0;
right: 100%;
bottom: 0;
z-index: 1;
margin-right: -1px;
border-left-width: 1px;
border-left-style: solid;
content: "";
}
.mbsc-ios.mbsc-calendar-height-md .mbsc-calendar-week-nr {
font-size: 0.75em;
}
.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-title {
font-size: 1.5em;
line-height: 1.666667em;
padding: 0 0.166667em;
}
.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-week-day {
height: 2.5em;
padding: 0 0.5em;
line-height: 2.5em;
font-size: 1em;
border-left: 1px solid transparent;
}
.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-week-nr {
font-size: 0.75em;
padding: 0;
}
.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-day-inner {
min-height: 2.5em;
}
.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-day-labels .mbsc-calendar-day-inner {
min-height: 4.75em;
}
.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-marks {
padding: 0 0.75em;
}
.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-day-text {
width: 1.375em;
height: 1.375em;
line-height: 1.375em;
}
.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-text {
height: 1.8em;
line-height: 1.8em;
margin: 0 0.5em 0.2em 0.6em;
}
.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-label {
padding: 0 0.4em;
}
.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-label-text {
font-size: 1.2em;
}
.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-label-background {
margin: 0 -0.4em;
}
.mbsc-ios.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-week-day.mbsc-ltr,
.mbsc-ios.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-day.mbsc-ltr,
.mbsc-ios.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-marks.mbsc-ltr {
text-align: right;
}
.mbsc-ios.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-week-day.mbsc-rtl,
.mbsc-ios.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-day.mbsc-rtl,
.mbsc-ios.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-marks.mbsc-rtl {
text-align: left;
}
.mbsc-ios.mbsc-calendar-grid-view .mbsc-calendar-title {
font-size: 1.5em;
line-height: 1.666667em;
padding: 0 0.166667em;
}
.mbsc-ios.mbsc-calendar-grid {
border-top: 1px solid;
}
.mbsc-ios.mbsc-calendar-grid .mbsc-calendar-grid-item .mbsc-calendar-week-days {
background: none;
}
.mbsc-ios.mbsc-calendar-grid .mbsc-calendar-cell {
border: 0;
}
.mbsc-ios {   }
.mbsc-ios.mbsc-calendar {
background: white;
color: #333a3a;
}
.mbsc-ios.mbsc-calendar-wrapper {
border-color: #cccccc;
}
.mbsc-ios.mbsc-calendar-header {
border-color: #cccccc;
}
.mbsc-ios.mbsc-calendar-button.mbsc-button {
color: #e4b287;
}
.mbsc-ios.mbsc-calendar-cell {
background: white;
border-color: #cccccc;
color: #333a3a;
}
.mbsc-ios.mbsc-calendar-day:after {
border-color: #cccccc;
}
.mbsc-ios.mbsc-calendar-week-nr, .mbsc-ios.mbsc-calendar-today {
color: #c1eed0;
}
.mbsc-ios.mbsc-hover .mbsc-calendar-cell-text {
background-color: rgba(193, 238, 208, 0.5);
}
.mbsc-ios.mbsc-range-day::after {
background-color: white;
}
.mbsc-ios.mbsc-range-day .mbsc-calendar-cell-text {
color: #000;
}
.mbsc-ios.mbsc-range-hover::before {
border-color: #dedede;
}
.mbsc-ios.mbsc-selected .mbsc-calendar-cell-text {
border-color: #c1eed0;
background: #c1eed0;
color: #000;
}
.mbsc-ios.mbsc-focus .mbsc-calendar-cell-text {
box-shadow: 0 0 0 2px rgba(51, 58, 58, 0.5);
}
.mbsc-ios.mbsc-focus .mbsc-calendar-day-text {
box-shadow: none;
border-color: rgba(51, 58, 58, 0.5);
}
.mbsc-ios.mbsc-calendar-mark {
background: #cccccc;
}
.mbsc-ios.mbsc-calendar-label {
color: #5ac8fa;
}
.mbsc-ios.mbsc-calendar-label-text {
color: #000;
}
.mbsc-ios.mbsc-calendar-label-active .mbsc-calendar-label-inner, .mbsc-ios.mbsc-calendar-label-dragging .mbsc-calendar-label-inner {
color: #fff;
}
.mbsc-ios.mbsc-calendar-label-active .mbsc-calendar-label-text, .mbsc-ios.mbsc-calendar-label-dragging .mbsc-calendar-label-text {
color: inherit;
}
.mbsc-ios.mbsc-calendar-text-more .mbsc-calendar-label-text {
color: #333a3a;
}
.mbsc-ios.mbsc-calendar-popup .mbsc-popup-arrow,
.mbsc-ios.mbsc-calendar-popup .mbsc-popup-body {
background: white;
}
.mbsc-ios.mbsc-calendar-popup .mbsc-calendar-cell {
background: white;
}
.mbsc-ios.mbsc-calendar-grid {
border-color: #cccccc;
}
.mbsc-ios.mbsc-calendar-month-title {
color: #e4b287;
}
.mbsc-ios-dark {   }
.mbsc-ios-dark.mbsc-calendar {
background: #333a3a;
color: #ffffff;
}
.mbsc-ios-dark.mbsc-calendar-wrapper {
border-color: #637070;
}
.mbsc-ios-dark.mbsc-calendar-header {
border-color: #637070;
}
.mbsc-ios-dark.mbsc-calendar-button.mbsc-button {
color: #ff9f0a;
}
.mbsc-ios-dark.mbsc-calendar-cell {
background: #333a3a;
border-color: #637070;
color: #ffffff;
}
.mbsc-ios-dark.mbsc-calendar-day:after {
border-color: #637070;
}
.mbsc-ios-dark.mbsc-calendar-week-nr, .mbsc-ios-dark.mbsc-calendar-today {
color: #c1eed0;
}
.mbsc-ios-dark.mbsc-hover .mbsc-calendar-cell-text {
background-color: rgba(193, 238, 208, 0.5);
}
.mbsc-ios-dark.mbsc-range-day::after {
background-color: #3d2705;
}
.mbsc-ios-dark.mbsc-range-day .mbsc-calendar-cell-text {
color: #fff;
}
.mbsc-ios-dark.mbsc-range-hover::before {
border-color: #5c6868;
}
.mbsc-ios-dark.mbsc-selected .mbsc-calendar-cell-text {
border-color: #c1eed0;
background: #c1eed0;
color: #fff;
}
.mbsc-ios-dark.mbsc-focus .mbsc-calendar-cell-text {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}
.mbsc-ios-dark.mbsc-focus .mbsc-calendar-day-text {
box-shadow: none;
border-color: rgba(255, 255, 255, 0.5);
}
.mbsc-ios-dark.mbsc-calendar-mark {
background: #637070;
}
.mbsc-ios-dark.mbsc-calendar-label {
color: #5ac8fa;
}
.mbsc-ios-dark.mbsc-calendar-label-text {
color: #fff;
}
.mbsc-ios-dark.mbsc-calendar-label-active .mbsc-calendar-label-inner, .mbsc-ios-dark.mbsc-calendar-label-dragging .mbsc-calendar-label-inner {
color: #fff;
}
.mbsc-ios-dark.mbsc-calendar-label-active .mbsc-calendar-label-text, .mbsc-ios-dark.mbsc-calendar-label-dragging .mbsc-calendar-label-text {
color: inherit;
}
.mbsc-ios-dark.mbsc-calendar-text-more .mbsc-calendar-label-text {
color: #ffffff;
}
.mbsc-ios-dark.mbsc-calendar-popup .mbsc-popup-arrow,
.mbsc-ios-dark.mbsc-calendar-popup .mbsc-popup-body {
background: #596565;
}
.mbsc-ios-dark.mbsc-calendar-popup .mbsc-calendar-cell {
background: #4d5858;
}
.mbsc-ios-dark.mbsc-calendar-grid {
border-color: #637070;
}
.mbsc-ios-dark.mbsc-calendar-month-title {
color: #ff9f0a;
}
@keyframes mbsc-zoom-in-up {
from {
opacity: 0;
transform: scale(2);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes mbsc-zoom-in-down {
from {
opacity: 0;
transform: scale(0.5);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes mbsc-zoom-out-up {
from {
opacity: 1;
transform: scale(1);
}
to {
opacity: 0;
transform: scale(2);
}
}
@keyframes mbsc-zoom-out-down {
from {
opacity: 1;
transform: scale(1);
}
to {
opacity: 0;
transform: scale(0.5);
}
}
.mbsc-calendar {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
flex-direction: column;
touch-action: manipulation;
position: relative;
}
.mbsc-calendar-wrapper {
position: relative;
overflow: hidden;
} .mbsc-calendar-header {
position: relative;
z-index: 1;
will-change: opacity;
}
.mbsc-calendar-header .mbsc-calendar-week-days {
margin-left: -1px;
}
.mbsc-calendar,
.mbsc-calendar-title-wrapper,
.mbsc-calendar-controls {
display: flex;
}
.mbsc-calendar-controls {
align-items: center;
box-sizing: content-box;
min-height: 2.5em;
}
.mbsc-calendar-button.mbsc-button.mbsc-reset {
margin: 0;
}
.mbsc-calendar-button-prev-multi {
order: -1;
}
.mbsc-calendar-button-next-multi {
order: 1;
}
.mbsc-calendar-body {
box-sizing: border-box;
overflow: hidden;
}
.mbsc-calendar-body-inner {
position: relative;
overflow: hidden;
margin-left: -1px;
}
.mbsc-calendar-wrapper-fixed {
overflow: visible;
flex: none;
}
.mbsc-calendar-title-wrapper {
flex: 1;
align-items: center;
overflow: hidden;
}
.mbsc-calendar-title-wrapper-multi .mbsc-calendar-button {
flex: 1;
}
.mbsc-calendar-title {
overflow: hidden;
text-overflow: ellipsis;
font-size: 1.125em;
padding: 0 0.25em;
display: inline-block;
vertical-align: middle;
} .mbsc-calendar-scroll-wrapper {
display: block;
overflow: hidden;
position: relative;
height: 100%;
}
.mbsc-calendar-picker-wrapper {
position: relative;
width: 15em;
height: 15em;
overflow: hidden;
}
.mbsc-calendar-picker {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.mbsc-calendar-picker-main {
position: relative;
z-index: 0;
}
.mbsc-calendar-picker-in-up {
opacity: 0;
animation: mbsc-zoom-in-up 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}
.mbsc-calendar-picker-in-down {
opacity: 0;
animation: mbsc-zoom-in-down 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}
.mbsc-calendar-picker-out-up {
opacity: 0;
animation: mbsc-zoom-out-up 200ms cubic-bezier(0.4, 0, 1, 1) forwards;
}
.mbsc-calendar-picker-out-down {
opacity: 0;
animation: mbsc-zoom-out-down 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}
.mbsc-calendar-scroll-wrapper > div {
height: 100%;
}
.mbsc-calendar-scroll-wrapper > div > div {
height: 100%;
transform: translate3d(0, 0, 0);
}
.mbsc-calendar-slide {
position: absolute;
z-index: 0;
top: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
}
.mbsc-calendar-slide.mbsc-ltr {
left: 0;
}
.mbsc-calendar-slide.mbsc-rtl {
right: 0;
}
.mbsc-calendar-slide:first-child {
position: relative;
}
.mbsc-calendar-table {
height: 100%;
transform: translateZ(0);
}
.mbsc-calendar-cell {
position: relative;
text-align: center;
white-space: nowrap;
cursor: pointer;
}
.mbsc-calendar-cell:focus {
outline: 0;
}
.mbsc-calendar-cell-inner {
display: inline-block;
padding: 0 0.25em;
vertical-align: middle;
}
.mbsc-calendar-cell.mbsc-disabled {
cursor: not-allowed;
}
.mbsc-calendar-week-day {
height: 2em;
font-size: 0.6875em;
line-height: 2em;
text-align: center;
border-bottom: 1px solid transparent;
}
.mbsc-calendar-year,
.mbsc-calendar-month {
vertical-align: middle;
}
.mbsc-calendar-year-text,
.mbsc-calendar-month-text {
margin: 0.875em 0;
overflow: hidden;
text-overflow: ellipsis;
min-width: 4.5em;
box-sizing: border-box;
}
.mbsc-calendar-day { max-width: 14.285715%;
text-align: center;
vertical-align: top;
}
.mbsc-calendar-day-empty {
cursor: default;
}
.mbsc-calendar-day-text {
display: inline-block;
text-align: center;
box-sizing: content-box;
}
.mbsc-calendar-day-inner {
position: relative;
width: 100%;
height: 100%;
padding: 0;
border: 1px solid transparent;
box-sizing: border-box;
}
.mbsc-calendar-day-hidden {
visibility: hidden;
}
.mbsc-calendar-month-name {
display: none;
}
.mbsc-calendar-width-md .mbsc-calendar-month-name {
display: inline-block;
font-weight: bold;
}
.mbsc-calendar-day-outer .mbsc-calendar-day-text,
.mbsc-calendar-day-outer .mbsc-calendar-month-name {
opacity: 0.5;
}
.mbsc-calendar-day-outer.mbsc-selected .mbsc-calendar-day-text,
.mbsc-calendar-day-outer.mbsc-selected .mbsc-calendar-month-name {
opacity: 1;
}
.mbsc-disabled .mbsc-calendar-cell-text,
.mbsc-disabled .mbsc-calendar-month-name {
opacity: 0.2;
} .mbsc-calendar-day-highlight:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.1);
} .mbsc-calendar-day-marked {
padding-bottom: 0.25em;
}
.mbsc-calendar-marks {
position: absolute;
left: 0;
right: 0;
height: 0.375em;
margin-top: -0.125em;
overflow: hidden;
white-space: nowrap;
text-align: center;
}
.mbsc-calendar-mark {
display: inline-block;
vertical-align: top;
width: 0.25em;
height: 0.25em;
margin: 0.0625em;
border-radius: 0.25em;
} .mbsc-calendar-labels {
position: absolute;
left: -1px;
right: -1px;
}
.mbsc-calendar-label-wrapper {
position: absolute;
z-index: 2;
pointer-events: none;
}
.mbsc-calendar-label {
padding: 0 0.3em;
}
.mbsc-calendar-text:focus {
outline: 0;
}
.mbsc-calendar-label-text {
overflow: hidden;
text-overflow: ellipsis;
position: relative;
z-index: 2;
}
.mbsc-calendar-text:before,
.mbsc-calendar-label-background {
content: "";
position: absolute;
z-index: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: background-color 0.2s;
}
.mbsc-calendar-label.mbsc-calendar-label-hover:before {
background-color: rgba(0, 0, 0, 0.2);
z-index: 1;
}
.mbsc-calendar-text-more {
padding: 0 0.3em;
}
.mbsc-calendar-text-more.mbsc-calendar-label-active:before,
.mbsc-calendar-text-more.mbsc-calendar-label-hover:before {
background-color: rgba(0, 0, 0, 0.1);
}
.mbsc-calendar-text {
display: block;
position: relative;
height: 1.6em;
line-height: 1.6em;
font-size: 0.625em;
white-space: nowrap;
margin: 0 0.1em 0.2em 0.2em;
}
.mbsc-calendar-text-placeholder {
z-index: -1;
}
.mbsc-calendar-text.mbsc-ltr {
text-align: left;
}
.mbsc-calendar-text.mbsc-rtl {
text-align: right;
} .mbsc-calendar-label-resize {
position: absolute;
top: 0;
height: 100%;
width: 0.5em;
z-index: 2;
cursor: ew-resize;
}
.mbsc-calendar-label-resize:after {
content: "";
display: none;
position: absolute;
top: 50%;
width: 0.8em;
height: 0.8em;
margin-top: -0.4em;
background: #fff;
border-radius: 0.8em;
border: 1px solid currentColor;
box-sizing: border-box;
}
.mbsc-calendar-label-resize-start.mbsc-ltr,
.mbsc-calendar-label-resize-end.mbsc-rtl {
left: 0;
}
.mbsc-calendar-label-resize-start.mbsc-rtl,
.mbsc-calendar-label-resize-end.mbsc-ltr {
right: 0;
}
.mbsc-calendar-label-resize-start.mbsc-ltr:after,
.mbsc-calendar-label-resize-end.mbsc-rtl:after {
left: -0.4em;
}
.mbsc-calendar-label-resize-end.mbsc-ltr:after,
.mbsc-calendar-label-resize-start.mbsc-rtl:after {
right: -0.4em;
}
.mbsc-calendar-label-resize-start-touch:before,
.mbsc-calendar-label-resize-end-touch:before {
content: "";
position: absolute;
top: 50%;
margin-top: -1em;
width: 2em;
height: 2em;
}
.mbsc-calendar-label-resize-start-touch:before {
left: -1em;
}
.mbsc-calendar-label-resize-end-touch:before {
right: -1em;
}
.mbsc-calendar-label-hover .mbsc-calendar-label-resize:after,
.mbsc-calendar-label-dragging .mbsc-calendar-label-resize:after {
display: block;
}
.mbsc-calendar-label-inactive {
opacity: 0.4;
}
.mbsc-calendar-label-hidden {
visibility: hidden;
}
.mbsc-calendar-labels-dragging {
z-index: 3;
} .mbsc-calendar-grid {
overflow: auto;
padding: 0 2%;
}
.mbsc-calendar-grid .mbsc-calendar-table {
margin: 0 5%;
width: 90%;
}
.mbsc-calendar-grid-item {
margin: 1em 0;
padding-top: 2.5em;
}
.mbsc-calendar-month-title {
padding-bottom: 0.8em;
margin: 0 10%;
margin-top: -2em;
font-size: 1.25em;
font-weight: bold;
line-height: 1.2em;
} .mbsc-calendar-body-inner-variable {
overflow-y: auto;
}
.mbsc-calendar-body-inner-variable .mbsc-calendar-table {
min-height: 20em;
}
.mbsc-ios.mbsc-form-control-wrapper {
margin-top: -1px;
}
.mbsc-ios.mbsc-form-control-wrapper.mbsc-error {
z-index: 2;
}
.mbsc-ios.mbsc-form-control-wrapper:before, .mbsc-ios.mbsc-form-control-wrapper:after {
content: "";
position: absolute;
border-top: 1px solid transparent;
}
.mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:after, .mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:before {
right: 0;
left: 1em;
}
.mbsc-ios.mbsc-form-control-wrapper.mbsc-rtl:after, .mbsc-ios.mbsc-form-control-wrapper.mbsc-rtl:before {
left: 0;
right: 1em;
}
.mbsc-ios.mbsc-form-control-wrapper:before {
top: 0;
}
.mbsc-ios.mbsc-form-control-wrapper:after {
bottom: 0;
}
.mbsc-block-title + .mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:before, .mbsc-form-group-title + .mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:before, .mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:first-child:before, .mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:last-child:after {
left: 0;
}
.mbsc-block-title + .mbsc-ios.mbsc-form-control-wrapper.mbsc-rtl:before, .mbsc-form-group-title + .mbsc-ios.mbsc-form-control-wrapper.mbsc-rtl:before, .mbsc-ios.mbsc-form-control-wrapper.mbsc-rtl:first-child:before, .mbsc-ios.mbsc-form-control-wrapper.mbsc-rtl:last-child:after {
right: 0;
}
.mbsc-ios.mbsc-form-control-label.mbsc-disabled, .mbsc-ios.mbsc-description.mbsc-disabled {
opacity: 0.3;
}
.mbsc-ios .mbsc-form-group-inset .mbsc-form-group-title + .mbsc-form-control-wrapper,
.mbsc-ios .mbsc-form-group-inset .mbsc-form-control-wrapper:first-child {
border-top-left-radius: 0.5em;
border-top-right-radius: 0.5em;
}
.mbsc-ios .mbsc-form-group-inset .mbsc-form-control-wrapper:last-child {
border-bottom-left-radius: 0.5em;
border-bottom-right-radius: 0.5em;
}
.mbsc-ios .mbsc-form-group-inset .mbsc-form-group-title,
.mbsc-ios .mbsc-form-group-inset .mbsc-form-group-title + .mbsc-form-control-wrapper:before,
.mbsc-ios .mbsc-form-group-inset .mbsc-form-control-wrapper:first-child:before,
.mbsc-ios .mbsc-form-group-inset .mbsc-form-control-wrapper:last-child:after {
border-width: 0;
}
.mbsc-ios {  }
.mbsc-ios.mbsc-form-control-wrapper {
background: white;
}
.mbsc-ios.mbsc-form-control-wrapper:before, .mbsc-ios.mbsc-form-control-wrapper:after {
border-color: #cccccc;
}
.mbsc-ios.mbsc-form-control-wrapper.mbsc-error:after, .mbsc-ios.mbsc-form-control-wrapper.mbsc-error + .mbsc-form-control-wrapper:before {
border-color: #d8332a;
}
.mbsc-ios-dark {  }
.mbsc-ios-dark.mbsc-form-control-wrapper {
background: #4d5858;
}
.mbsc-ios-dark.mbsc-form-control-wrapper:before, .mbsc-ios-dark.mbsc-form-control-wrapper:after {
border-color: #637070;
}
.mbsc-ios-dark.mbsc-form-control-wrapper.mbsc-error:after, .mbsc-ios-dark.mbsc-form-control-wrapper.mbsc-error + .mbsc-form-control-wrapper:before {
border-color: #d8332a;
}
.mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-form-control-wrapper {
background: #5c6868;
}
.mbsc-form-control-label {
display: block;
}
.mbsc-form-control-input {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: 0;
opacity: 0;
margin: 0;
z-index: 3;
}
.mbsc-ios {                     }
.mbsc-ios.mbsc-textfield-wrapper-has-icon-right.mbsc-rtl, .mbsc-ios.mbsc-textfield-wrapper-has-icon-left.mbsc-ltr {
z-index: 1;
}
.mbsc-ios.mbsc-textfield-wrapper-has-icon-left.mbsc-ltr:before, .mbsc-ios.mbsc-textfield-wrapper-has-icon-left.mbsc-ltr:after {
left: 3.375em;
}
.mbsc-ios.mbsc-textfield-wrapper-has-icon-right.mbsc-rtl:after, .mbsc-ios.mbsc-textfield-wrapper-has-icon-right.mbsc-rtl:before {
right: 3.375em;
}
.mbsc-ios.mbsc-textfield-inner {
position: static;
flex: 1 auto;
z-index: -1;
}
.mbsc-ios.mbsc-textfield-inner.mbsc-disabled {
opacity: 0.5;
}
.mbsc-ios.mbsc-textfield {
display: flex;
padding: 0 1em;
background: transparent;
height: 2.75em;
}
.mbsc-ios.mbsc-textfield-has-icon-left {
padding-left: 3.375em;
}
.mbsc-ios.mbsc-textfield-has-icon-right {
padding-right: 3.375em;
}
.mbsc-ios.mbsc-textfield-stacked, .mbsc-ios.mbsc-textfield-floating {
height: 3.5em;
padding-top: 1.25em;
}
.mbsc-ios.mbsc-textfield-icon {
top: 0.625em;
z-index: 1;
}
.mbsc-ios.mbsc-textfield-icon-left {
left: 0.9375em;
}
.mbsc-ios.mbsc-textfield-icon-right {
right: 0.9375em;
}
.mbsc-ios.mbsc-textfield-icon-floating, .mbsc-ios.mbsc-textfield-icon-stacked {
top: 1em;
}
.mbsc-ios.mbsc-label-inline {
line-height: 2.75em;
}
.mbsc-ios.mbsc-label-inline.mbsc-ltr {
padding-left: 1em;
}
.mbsc-ios.mbsc-label-inline.mbsc-rtl {
padding-right: 1em;
}
.mbsc-ios.mbsc-label-stacked {
top: 0.666667em;
font-size: 0.75em;
line-height: 1em;
}
.mbsc-ios.mbsc-label-stacked.mbsc-ltr {
left: 1.333334em;
}
.mbsc-ios.mbsc-label-stacked.mbsc-rtl {
right: 1.333334em;
}
.mbsc-ios.mbsc-label-floating {
top: 0.875em;
line-height: 2em;
}
.mbsc-ios.mbsc-label-floating.mbsc-ltr {
left: 1em;
}
.mbsc-ios.mbsc-label-floating.mbsc-rtl {
right: 1em;
}
.mbsc-ios.mbsc-label-floating-active.mbsc-label {
transform: translateY(-0.75em) scale(0.75);
}
.mbsc-ios.mbsc-label.mbsc-disabled {
opacity: 0.5;
}
.mbsc-ios.mbsc-error-message {
display: block;
padding: 0 1.333334em;
line-height: 1.666667em;
}
.mbsc-ios.mbsc-error-message-underline {
position: static;
}
.mbsc-ios.mbsc-error-message-has-icon-left.mbsc-ltr {
padding-left: 4.5em;
}
.mbsc-ios.mbsc-error-message-has-icon-right.mbsc-rtl {
padding-right: 4.5em;
}
.mbsc-ios .mbsc-textfield-wrapper-underline {
overflow: hidden;
}
.mbsc-ios.mbsc-textfield-underline-inline-has-icon-left.mbsc-ltr {
padding-left: 1em;
}
.mbsc-ios.mbsc-textfield-underline-inline-has-icon-right.mbsc-rtl {
padding-right: 1em;
}
.mbsc-ios.mbsc-label-underline {
margin: 0;
}
.mbsc-ios.mbsc-label-underline-stacked-has-icon-left.mbsc-ltr {
left: 4.5em;
}
.mbsc-ios.mbsc-label-underline-stacked-has-icon-right.mbsc-rtl {
right: 4.5em;
}
.mbsc-ios.mbsc-label-underline-inline-has-icon-left.mbsc-ltr {
padding-left: 3.375em;
}
.mbsc-ios.mbsc-label-underline-inline-has-icon-right.mbsc-rtl {
padding-right: 3.375em;
}
.mbsc-ios.mbsc-label-underline-floating-has-icon-left.mbsc-ltr {
left: 3.375em;
}
.mbsc-ios.mbsc-label-underline-floating-has-icon-right.mbsc-rtl {
right: 3.375em;
}
.mbsc-ios.mbsc-error-message-underline.mbsc-error-message-inline.mbsc-ltr {
padding-left: 1.333334em;
}
.mbsc-ios.mbsc-error-message-underline.mbsc-error-message-inline.mbsc-rtl {
padding-right: 1.333334em;
}
.mbsc-ios.mbsc-textfield-wrapper-outline, .mbsc-ios.mbsc-textfield-wrapper-box {
margin: 1.5em 1em;
}
.mbsc-ios.mbsc-textfield-wrapper-outline.mbsc-font::after, .mbsc-ios.mbsc-textfield-wrapper-outline.mbsc-font::before, .mbsc-ios.mbsc-textfield-wrapper-box.mbsc-font::after, .mbsc-ios.mbsc-textfield-wrapper-box.mbsc-font::before {
border: none;
}
.mbsc-ios.mbsc-textfield-box, .mbsc-ios.mbsc-textfield-outline {
border-radius: 0.5em;
border: 1px solid transparent;
}
.mbsc-ios.mbsc-textfield-inner-box, .mbsc-ios.mbsc-textfield-inner-outline {
position: relative;
}
.mbsc-ios.mbsc-label-box-stacked-has-icon-left.mbsc-ltr, .mbsc-ios.mbsc-label-outline-stacked-has-icon-left.mbsc-ltr {
left: 4.5em;
}
.mbsc-ios.mbsc-label-outline-stacked-has-icon-right.mbsc-rtl, .mbsc-ios.mbsc-label-box-stacked-has-icon-right.mbsc-rtl {
right: 4.5em;
}
.mbsc-ios.mbsc-label-box-stacked, .mbsc-ios.mbsc-label-outline-stacked, .mbsc-ios.mbsc-label-box-floating, .mbsc-ios.mbsc-label-outline-floating {
margin: 0 1px;
}
.mbsc-ios.mbsc-label-outline-floating-has-icon-left.mbsc-ltr, .mbsc-ios.mbsc-label-box-floating-has-icon-left.mbsc-ltr {
left: 3.375em;
}
.mbsc-ios.mbsc-label-outline-floating-has-icon-right.mbsc-rtl, .mbsc-ios.mbsc-label-box-floating-has-icon-right.mbsc-rtl {
right: 3.375em;
}
.mbsc-ios.mbsc-error-message-outline, .mbsc-ios.mbsc-error-message-box {
margin: 0 1px;
}
.mbsc-ios.mbsc-select.mbsc-ltr {
padding-right: 3.375em;
}
.mbsc-ios.mbsc-select.mbsc-rtl {
padding-left: 3.375em;
}
.mbsc-ios.mbsc-select.mbsc-textfield-has-icon-right.mbsc-ltr {
padding-right: 4.875em;
}
.mbsc-ios.mbsc-select.mbsc-textfield-has-icon-left.mbsc-rtl {
padding-left: 4.875em;
}
.mbsc-ios.mbsc-select-icon {
top: 0.625em;
}
.mbsc-ios.mbsc-select-icon-stacked, .mbsc-ios.mbsc-select-icon-floating {
top: 1em;
}
.mbsc-ios.mbsc-select-icon.mbsc-ltr {
right: 0.9375em;
}
.mbsc-ios.mbsc-select-icon.mbsc-rtl {
left: 0.9375em;
}
.mbsc-ios.mbsc-select-icon-right.mbsc-ltr {
right: 3.375em;
}
.mbsc-ios.mbsc-select-icon-left.mbsc-rtl {
left: 3.375em;
}
.mbsc-ios.mbsc-textarea {
height: 3em;
border: 0;
}
.mbsc-ios.mbsc-textarea.mbsc-textfield-stacked, .mbsc-ios.mbsc-textarea.mbsc-textfield-floating {
padding-top: 0;
}
.mbsc-ios.mbsc-textarea-inner {
padding-top: 0.625em;
padding-bottom: 0.625em;
}
.mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-box, .mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-outline {
border: 1px solid transparent;
border-radius: 0.5em;
}
.mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-stacked, .mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-floating {
padding-top: 1.375em;
}
.mbsc-ios.mbsc-textfield-tags-inner {
padding-top: 0;
padding-bottom: 0;
}
.mbsc-ios.mbsc-textfield.mbsc-textfield-tags {
padding-top: 0.3125em;
padding-bottom: 0.3125em;
min-height: 2.75em;
}
.mbsc-ios.mbsc-textfield-tags.mbsc-textfield-stacked, .mbsc-ios.mbsc-textfield-tags.mbsc-textfield-floating {
min-height: 2.125em;
padding-top: 0;
padding-bottom: 0;
}
.mbsc-ios.mbsc-textfield-tag {
border-radius: 1em;
}
.mbsc-ios {        }
.mbsc-ios.mbsc-textfield-wrapper {
background: none;
}
.mbsc-ios.mbsc-textfield-wrapper-underline {
background: white;
}
.mbsc-ios.mbsc-label, .mbsc-ios.mbsc-textfield {
color: #333a3a;
}
.mbsc-ios.mbsc-textfield-box, .mbsc-ios.mbsc-textfield-outline {
background: white;
}
.mbsc-ios.mbsc-textfield-outline {
border-color: #cccccc;
}
.mbsc-ios.mbsc-textfield-icon, .mbsc-ios.mbsc-select-icon {
color: #bfc6c6;
}
.mbsc-ios.mbsc-textfield-outline.mbsc-error, .mbsc-ios.mbsc-textfield-box.mbsc-error {
border-color: #d8332a;
}
.mbsc-ios.mbsc-error-message {
color: #d8332a;
}
.mbsc-ios.mbsc-select {
background: white;
}
.mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-box, .mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-outline {
background: white;
}
.mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-outline {
border-color: #cccccc;
}
.mbsc-ios.mbsc-textarea-inner.mbsc-error {
border-color: #d8332a;
}
.mbsc-ios.mbsc-textfield-tag {
background: #dedede;
}
.mbsc-ios.mbsc-textfield-tag-clear {
color: #bfc6c6;
}
.mbsc-ios-dark {        }
.mbsc-ios-dark.mbsc-textfield-wrapper {
background: none;
}
.mbsc-ios-dark.mbsc-textfield-wrapper-underline {
background: #4d5858;
}
.mbsc-ios-dark.mbsc-label, .mbsc-ios-dark.mbsc-textfield {
color: #ffffff;
}
.mbsc-ios-dark.mbsc-textfield-box, .mbsc-ios-dark.mbsc-textfield-outline {
background: #4d5858;
}
.mbsc-ios-dark.mbsc-textfield-outline {
border-color: #637070;
}
.mbsc-ios-dark.mbsc-textfield-icon, .mbsc-ios-dark.mbsc-select-icon {
color: #ffffff;
}
.mbsc-ios-dark.mbsc-textfield-outline.mbsc-error, .mbsc-ios-dark.mbsc-textfield-box.mbsc-error {
border-color: #d8332a;
}
.mbsc-ios-dark.mbsc-error-message {
color: #d8332a;
}
.mbsc-ios-dark.mbsc-select {
background: #4d5858;
}
.mbsc-ios-dark.mbsc-textarea-inner.mbsc-textfield-inner-box, .mbsc-ios-dark.mbsc-textarea-inner.mbsc-textfield-inner-outline {
background: #4d5858;
}
.mbsc-ios-dark.mbsc-textarea-inner.mbsc-textfield-inner-outline {
border-color: #637070;
}
.mbsc-ios-dark.mbsc-textarea-inner.mbsc-error {
border-color: #d8332a;
}
.mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-textfield-wrapper {
background: none;
}
.mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-select, .mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-textfield-wrapper-underline, .mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-textfield-box, .mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-textfield-outline, .mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-textarea-inner.mbsc-textfield-inner-box, .mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-textarea-inner.mbsc-textfield-inner-outline {
background: #5c6868;
}
.mbsc-ios-dark.mbsc-textfield-tag {
background: #6a7878;
}
.mbsc-ios-dark.mbsc-textfield-tag-clear {
color: #ffffff;
}
@keyframes autofill {
from {
opacity: 1;
}
to {
opacity: 1;
}
} .mbsc-textfield-wrapper {
position: relative;
display: block;
margin: 0;
z-index: 0;
user-select: none;
}
.mbsc-textfield-wrapper-inline {
display: flex;
}
.mbsc-form-grid .mbsc-textfield-wrapper-box,
.mbsc-form-grid .mbsc-textfield-wrapper-outline {
margin: 0.75em 1em;
} .mbsc-textfield-inner {
box-sizing: border-box;
position: relative;
display: block;
}
.mbsc-textfield-inner-inline {
flex: 1 auto;
} .mbsc-textfield {
display: block;
width: 100%;
font-size: 1em;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
outline: 0;
font-family: inherit;
box-sizing: border-box;
appearance: none;
-webkit-appearance: none;
}
.mbsc-textfield:-webkit-autofill {
animation-name: autofill;
}
.mbsc-textfield::-webkit-inner-spin-button {
height: 2em;
align-self: center;
}
.mbsc-textfield::-moz-placeholder {
opacity: 0.5;
color: inherit;
}
.mbsc-textfield::-webkit-input-placeholder {
opacity: 0.5;
color: inherit;
} .mbsc-textfield-floating:-ms-input-placeholder {
color: transparent;
}
.mbsc-textfield-floating::-moz-placeholder {
opacity: 0;
transition: opacity 0.2s;
}
.mbsc-textfield-floating::-webkit-input-placeholder {
opacity: 0;
transition: opacity 0.2s;
}
.mbsc-textfield-floating::-webkit-datetime-edit {
color: transparent;
}
.mbsc-textfield-floating-active:-ms-input-placeholder {
color: inherit;
}
.mbsc-textfield-floating-active::-moz-placeholder {
opacity: 0.5;
}
.mbsc-textfield-floating-active::-webkit-input-placeholder {
opacity: 0.5;
}
.mbsc-textfield-floating-active::-webkit-datetime-edit {
color: inherit;
}
.mbsc-textfield-floating .mbsc-textfield-tags-placeholder {
opacity: 0;
transition: opacity 0.2s;
}
.mbsc-textfield-floating-active .mbsc-textfield-tags-placeholder {
opacity: 0.5;
}
.mbsc-textfield-fieldset {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0;
padding: 0 1em;
pointer-events: none;
} .mbsc-textfield-icon {
position: absolute;
top: 0;
text-align: center;
}
.mbsc-textfield-icon-left {
left: 0;
}
.mbsc-textfield-icon-right {
right: 0;
} .mbsc-label {
position: absolute;
z-index: 1;
top: 0;
line-height: 1em;
white-space: nowrap;
text-overflow: ellipsis;
pointer-events: none;
}
.mbsc-label-inline {
position: static;
overflow: hidden;
flex: 0 0 auto;
width: 30%;
max-width: 12.5em;
box-sizing: border-box;
pointer-events: auto;
}
.mbsc-label-floating-animate {
transition: transform 0.2s;
}
.mbsc-label-floating.mbsc-ltr {
transform-origin: top left;
}
.mbsc-label-floating.mbsc-rtl {
transform-origin: top right;
} .mbsc-error-message {
position: absolute;
top: 100%;
font-size: 0.75em;
line-height: 1.5em;
} .mbsc-textfield-file {
position: absolute;
left: 0;
opacity: 0;
} .mbsc-select {
cursor: pointer;
}
.mbsc-select-icon {
position: absolute;
text-align: center;
pointer-events: none;
} .mbsc-textarea {
resize: none;
overflow: hidden;
line-height: 1.5em;
} .mbsc-toggle-icon:hover {
cursor: pointer;
} .mbsc-textfield.mbsc-textfield-hidden.mbsc-textarea {
padding: 0;
width: 100%;
height: 100%;
border: 0;
position: absolute;
z-index: -1;
top: 0;
left: 0;
opacity: 0;
}
.mbsc-textfield.mbsc-textfield-tags.mbsc-textarea {
display: block;
overflow: auto;
height: auto;
max-height: 5.5em;
}
.mbsc-textfield-tag {
display: inline-block;
margin: 0.25em 0;
line-height: normal;
}
.mbsc-textfield-tag.mbsc-ltr {
margin-right: 0.5em;
padding-left: 0.75em;
}
.mbsc-textfield-tag.mbsc-rtl {
margin-left: 0.5em;
padding-right: 0.75em;
}
.mbsc-textfield-tag-text {
font-size: 0.875em;
line-height: 1.857143em;
}
.mbsc-textfield-tag-clear.mbsc-icon {
width: 1.625em;
height: 1.625em;
vertical-align: top;
border: 0.25em solid transparent;
box-sizing: border-box;
cursor: pointer;
}
.mbsc-textfield-tags-placeholder {
opacity: 0.5;
line-height: 2.125em;
}
.mbsc-ios {  }
.mbsc-ios.mbsc-scroller-wheel-multi.mbsc-scroller-wheel-cont-3d {
visibility: hidden;
}
.mbsc-ios.mbsc-scroller-wheel-group-cont {
padding: 0 0.625em;
}
.mbsc-ios.mbsc-scroller-wheel-group {
padding: 0.625em;
}
.mbsc-ios.mbsc-wheel-group-checkmark {
padding: 0.625em 0;
}
.mbsc-ios.mbsc-scroller-wheel-3d {
overflow: visible;
}
.mbsc-ios.mbsc-scroller-wheel-line {
display: block;
z-index: 1;
border-radius: 0.5em;
margin: 0 0.625em;
}
.mbsc-ios.mbsc-scroller-wheel-overlay {
display: block;
}
.mbsc-ios.mbsc-scroller-wheel-item {
padding: 0 0.5em;
font-size: 1.25em;
text-align: center;
box-sizing: border-box;
border-radius: 0.5em;
}
.mbsc-ios.mbsc-scroller-wheel-item-3d {
font-size: 1.125em;
}
.mbsc-ios.mbsc-wheel-item-checkmark {
padding-left: 1.75em;
padding-right: 1.75em;
}
.mbsc-ios.mbsc-scroller-wheel-header {
font-size: 0.875em;
}
.mbsc-ios.mbsc-wheel-checkmark {
display: none;
position: absolute;
width: 1.75em;
height: 1.75em;
top: 50%;
margin-top: -0.875em;
}
.mbsc-ios.mbsc-wheel-checkmark::after {
content: "";
box-sizing: border-box;
position: absolute;
display: block;
opacity: 0;
transform: rotate(-45deg);
top: 32%;
left: 26%;
width: 0.75em;
height: 0.375em;
border: 0.125em solid currentColor;
border-top: 0;
border-right: 0;
transition: opacity 0.2s ease-in-out;
}
.mbsc-ios.mbsc-wheel-checkmark.mbsc-selected::after {
opacity: 1;
}
.mbsc-ios.mbsc-wheel-checkmark.mbsc-ltr {
left: 0;
}
.mbsc-ios.mbsc-wheel-checkmark.mbsc-rtl {
right: 0;
}
.mbsc-ios.mbsc-wheel-item-multi .mbsc-ios.mbsc-wheel-checkmark, .mbsc-ios.mbsc-scroller-pointer .mbsc-ios.mbsc-wheel-item-checkmark .mbsc-wheel-checkmark {
display: block;
}
.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-group-cont,
.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-group {
padding: 0;
}
.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-wrapper {
padding: 0.1875em 0;
}
.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-overlay {
display: none;
}
.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-item {
font-size: 1em;
padding: 0 0.75em;
margin: 0 0.1875em;
}
.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-line {
margin: 0 0.1875em;
}
.mbsc-ios.mbsc-scroller-pointer .mbsc-wheel-item-checkmark.mbsc-ltr {
text-align: left;
padding-left: 1.75em;
}
.mbsc-ios.mbsc-scroller-pointer .mbsc-wheel-item-checkmark.mbsc-rtl {
text-align: right;
padding-right: 1.75em;
}
.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-header {
font-size: 0.75em;
font-weight: 700;
}
.mbsc-ios {  }
.mbsc-ios.mbsc-scroller {
background: white;
}
.mbsc-ios.mbsc-scroller-top, .mbsc-ios.mbsc-scroller-bottom {
background: #d1d5db;
}
.mbsc-ios.mbsc-scroller-wheel-overlay {
background: linear-gradient(white, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0) 48%, white);
}
.mbsc-ios.mbsc-scroller-wheel-overlay-top, .mbsc-ios.mbsc-scroller-wheel-overlay-bottom {
background: linear-gradient(#d1d5db, rgba(209, 213, 219, 0) 52%, rgba(209, 213, 219, 0) 48%, #d1d5db);
}
.mbsc-ios.mbsc-scroller-wheel-line {
background: rgba(0, 0, 0, 0.1);
}
.mbsc-ios.mbsc-scroller-wheel-item {
color: hsl(180, 6.4220183486%, 62%);
}
.mbsc-ios.mbsc-scroller-wheel-item.mbsc-active, .mbsc-ios.mbsc-scroller-wheel-item.mbsc-hover, .mbsc-ios.mbsc-scroller-wheel-item.mbsc-focus, .mbsc-ios.mbsc-scroller-wheel-header.mbsc-focus {
background: rgba(228, 178, 135, 0.15);
}
.mbsc-ios.mbsc-scroller-wheel-item-2d, .mbsc-ios.mbsc-scroller-wheel-item.mbsc-selected {
color: #333a3a;
}
.mbsc-ios.mbsc-scroller-wheel-cont-3d {
background: white;
}
.mbsc-ios.mbsc-scroller-wheel-item-3d {
color: #a3a3a3;
}
.mbsc-ios.mbsc-scroller-wheel-header, .mbsc-ios.mbsc-scroller-wheel-item-3d.mbsc-wheel-item-multi {
color: #333a3a;
}
.mbsc-ios.mbsc-scroller-wheel-item-3d.mbsc-wheel-item-multi.mbsc-selected-3d {
color: #e4b287;
}
.mbsc-ios.mbsc-scroller-wheel-cont-top.mbsc-scroller-wheel-cont-3d, .mbsc-ios.mbsc-scroller-wheel-cont-bottom.mbsc-scroller-wheel-cont-3d {
background: #d1d5db;
}
.mbsc-ios.mbsc-scroller-wheel-cont-inline.mbsc-scroller-wheel-cont-3d {
background: white;
}
.mbsc-ios.mbsc-scroller-pointer.mbsc-scroller {
background: white;
}
.mbsc-ios.mbsc-scroller-pointer.mbsc-scroller-inline {
background: white;
}
.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-item {
color: #333a3a;
}
.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-item.mbsc-selected {
color: #e4b287;
}
.mbsc-ios-dark {  }
.mbsc-ios-dark.mbsc-scroller {
background: #4d5858;
}
.mbsc-ios-dark.mbsc-scroller-top, .mbsc-ios-dark.mbsc-scroller-bottom {
background: #4d5858;
}
.mbsc-ios-dark.mbsc-scroller-wheel-overlay {
background: linear-gradient(#4d5858, rgba(77, 88, 88, 0) 52%, rgba(77, 88, 88, 0) 48%, #4d5858);
}
.mbsc-ios-dark.mbsc-scroller-wheel-overlay-top, .mbsc-ios-dark.mbsc-scroller-wheel-overlay-bottom {
background: linear-gradient(#4d5858, rgba(77, 88, 88, 0) 52%, rgba(77, 88, 88, 0) 48%, #4d5858);
}
.mbsc-ios-dark.mbsc-scroller-wheel-line {
background: rgba(255, 255, 255, 0.1);
}
.mbsc-ios-dark.mbsc-scroller-wheel-item {
color: hsl(0, 0%, 62%);
}
.mbsc-ios-dark.mbsc-scroller-wheel-item.mbsc-active, .mbsc-ios-dark.mbsc-scroller-wheel-item.mbsc-hover, .mbsc-ios-dark.mbsc-scroller-wheel-item.mbsc-focus, .mbsc-ios-dark.mbsc-scroller-wheel-header.mbsc-focus {
background: rgba(255, 159, 10, 0.15);
}
.mbsc-ios-dark.mbsc-scroller-wheel-item-2d, .mbsc-ios-dark.mbsc-scroller-wheel-item.mbsc-selected {
color: #ffffff;
}
.mbsc-ios-dark.mbsc-scroller-wheel-cont-3d {
background: #4d5858;
}
.mbsc-ios-dark.mbsc-scroller-wheel-item-3d {
color: #96a3a3;
}
.mbsc-ios-dark.mbsc-scroller-wheel-header, .mbsc-ios-dark.mbsc-scroller-wheel-item-3d.mbsc-wheel-item-multi {
color: #ffffff;
}
.mbsc-ios-dark.mbsc-scroller-wheel-item-3d.mbsc-wheel-item-multi.mbsc-selected-3d {
color: #ff9f0a;
}
.mbsc-ios-dark.mbsc-scroller-wheel-cont-top.mbsc-scroller-wheel-cont-3d, .mbsc-ios-dark.mbsc-scroller-wheel-cont-bottom.mbsc-scroller-wheel-cont-3d {
background: #4d5858;
}
.mbsc-ios-dark.mbsc-scroller-wheel-cont-inline.mbsc-scroller-wheel-cont-3d {
background: #4d5858;
}
.mbsc-ios-dark.mbsc-scroller-pointer.mbsc-scroller {
background: #4d5858;
}
.mbsc-ios-dark.mbsc-scroller-pointer.mbsc-scroller-inline {
background: #4d5858;
}
.mbsc-ios-dark.mbsc-scroller-pointer .mbsc-scroller-wheel-item {
color: #ffffff;
}
.mbsc-ios-dark.mbsc-scroller-pointer .mbsc-scroller-wheel-item.mbsc-selected {
color: #ff9f0a;
}
.mbsc-scroller {
width: 100%;
box-sizing: border-box;
position: relative;
text-align: center;
user-select: none;
}
.mbsc-scroller-wheel-group-cont {
position: relative;
max-width: 100%;
vertical-align: middle;
display: inline-block;
overflow: hidden;
}
.mbsc-scroller-wheel-group-cont:first-child:last-child {
display: block;
}
.mbsc-scroller-wheel-group {
margin: 0 auto;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
}
.mbsc-scroller-wheel-group-3d {
perspective: 100em;
}
.mbsc-scroller-wheel-wrapper {
display: block;
max-width: 100%;
position: relative;
touch-action: none; min-width: 80px;
}
.mbsc-scroller-pointer .mbsc-scroller-wheel-wrapper-0:last-child {
flex: 1 1 auto;
}
.mbsc-scroller-wheel-line {
display: none;
position: absolute;
top: 50%;
left: 0;
right: 0;
pointer-events: none;
transform: translateY(-50%);
}
.mbsc-scroller-wheel-overlay {
display: none;
position: absolute;
z-index: 2;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
}
.mbsc-scroller-wheel {
display: block;
overflow: hidden; border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
margin: -1px 0;
}
.mbsc-scroller-wheel-cont {
position: relative;
z-index: 1;
top: 50%;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
transform: translateY(-50%);
}
.mbsc-scroller-wheel-cont-3d {
overflow: hidden;
border: 0;
}
.mbsc-scroller-wheel-cont-3d > div {
position: relative;
top: -1px;
}
.mbsc-scroller-wheel-wrapper-3d,
.mbsc-scroller-wheel-3d {
transform-style: preserve-3d;
}
.mbsc-scroller-items-3d {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform-style: preserve-3d;
transform: translateY(-50%);
}
.mbsc-scroller .mbsc-scroller-wheel,
.mbsc-scroller .mbsc-scroller-wheel-cont {
box-sizing: content-box;
}
.mbsc-scroller-wheel-item {
display: block;
position: relative;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mbsc-scroller-wheel-item:focus,
.mbsc-scroller-wheel-header:focus {
outline: 0;
}
.mbsc-scroller-wheel-item-3d {
position: absolute;
top: 0;
left: 0;
right: 0;
cursor: pointer;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.mbsc-scroller-wheel-item.mbsc-disabled {
opacity: 0.3;
}
.mbsc-scroller-wheel-header {
display: block;
padding: 0 0.5em;
}
.mbsc-scroller-wheel-header.mbsc-ltr {
text-align: left;
}
.mbsc-scroller-wheel-header.mbsc-rtl {
text-align: right;
}
.mbsc-scroller-bar-cont {
position: absolute;
z-index: 4;
top: 0;
bottom: 0;
width: 10px;
opacity: 0;
background: rgba(0, 0, 0, 0.05);
transform: translateZ(0);
transition: opacity 0.2s;
}
.mbsc-scroller-bar-cont.mbsc-ltr {
right: 0;
}
.mbsc-scroller-bar-cont.mbsc-rtl {
left: 0;
}
.mbsc-scroller-bar-hidden {
display: none;
}
.mbsc-scroller-wheel:hover .mbsc-scroller-bar-cont,
.mbsc-scroller-bar-started {
opacity: 1;
}
.mbsc-scroller-bar {
position: absolute;
right: 0;
top: 0;
width: 10px;
}
.mbsc-scroller-bar::after {
content: "";
position: absolute;
top: 2px;
right: 2px;
bottom: 2px;
left: 2px;
background: rgba(0, 0, 0, 0.5);
border-radius: 3px;
}
.mbsc-ios.mbsc-datetime-year-wheel .mbsc-scroller-wheel-item {
min-width: 3.8em;
}
.mbsc-ios.mbsc-datetime-month-wheel .mbsc-scroller-wheel-item {
text-align: left;
}
.mbsc-ios.mbsc-datetime-day-wheel .mbsc-scroller-wheel-item, .mbsc-ios.mbsc-datetime-hour-wheel .mbsc-scroller-wheel-item, .mbsc-ios.mbsc-datetime-date-wheel .mbsc-scroller-wheel-item {
text-align: right;
}
.mbsc-ios.mbsc-segmented {
margin: 0.75em;
padding: 0.0625em;
position: relative;
border-radius: 0.5625em;
}
.mbsc-ios.mbsc-segmented-item:before {
content: "";
position: absolute;
border-left: 1px solid;
top: 0.3125em;
bottom: 0.3125em;
opacity: 1;
transition: opacity 0.2s ease-in-out;
}
.mbsc-ios.mbsc-segmented-item.mbsc-ltr:before {
left: 0;
}
.mbsc-ios.mbsc-segmented-item.mbsc-rtl:before {
right: 0;
}
.mbsc-ios.mbsc-segmented-item:first-child:before, .mbsc-ios.mbsc-segmented-item-selected:before, .mbsc-ios.mbsc-segmented-item-selected + .mbsc-segmented-item:before {
opacity: 0;
}
.mbsc-ios.mbsc-segmented-selectbox {
position: absolute;
padding: 0.0625em;
left: 0;
right: 0;
top: 0;
bottom: 0;
user-select: none;
border-radius: 0.4375em;
display: none;
}
.mbsc-ios.mbsc-segmented-selectbox.mbsc-selected {
display: block;
}
.mbsc-ios.mbsc-segmented-selectbox-animate {
transition: transform 0.2s ease-in-out;
}
.mbsc-ios.mbsc-segmented-selectbox-inner {
height: 100%;
border-radius: 0.4375em;
transition: transform 0.1s ease-in-out;
visibility: hidden;
}
.mbsc-ios.mbsc-segmented-selectbox-inner-visible {
visibility: visible;
}
.mbsc-ios.mbsc-segmented-item:first-child .mbsc-segmented-selectbox-inner {
transform-origin: left;
}
.mbsc-ios.mbsc-segmented-item:last-child .mbsc-segmented-selectbox-inner {
transform-origin: right;
}
.mbsc-ios.mbsc-segmented-dragging .mbsc-segmented-selectbox-inner {
transform: scale(0.97, 0.95);
}
.mbsc-ios.mbsc-segmented-dragging .mbsc-segmented-item:first-child .mbsc-segmented-selectbox-inner {
transform: scale(0.97, 0.95) translateX(0.0625em);
}
.mbsc-ios.mbsc-segmented-dragging .mbsc-segmented-item:last-child .mbsc-segmented-selectbox-inner {
transform: scale(0.97, 0.95) translateX(-0.0625em);
}
.mbsc-ios.mbsc-segmented-button.mbsc-icon-button {
height: 2.307693em;
}
.mbsc-ios.mbsc-segmented-button.mbsc-button {
margin: 0;
padding: 0 0.615385em;
border-radius: 0;
font-size: 0.8125em;
line-height: 2.307693em;
transition: opacity 0.1s ease-out, background-color 0.1s ease-out, transform 0.1s ease-in-out;
-webkit-font-smoothing: subpixel-antialiased;
}
.mbsc-ios.mbsc-segmented-button.mbsc-button.mbsc-active, .mbsc-ios.mbsc-segmented-button.mbsc-button.mbsc-hover {
opacity: 1;
}
.mbsc-ios.mbsc-segmented-dragging .mbsc-segmented-item-selected .mbsc-segmented-button {
transform: scale(0.97, 0.95);
}
.mbsc-ios.mbsc-segmented-item-selected:first-child .mbsc-segmented-button {
transform-origin: left;
}
.mbsc-ios.mbsc-segmented-item-selected:last-child .mbsc-segmented-button {
transform-origin: right;
}
.mbsc-ios {  }
.mbsc-ios.mbsc-segmented {
background: #dedede;
}
.mbsc-ios.mbsc-segmented-item:before {
border-color: rgba(0, 0, 0, 0.2);
}
.mbsc-ios.mbsc-segmented-item.mbsc-focus .mbsc-segmented-selectbox {
box-shadow: 0 0 0 0.0625em rgba(0, 0, 0, 0.5) inset;
}
.mbsc-ios.mbsc-segmented-selectbox-inner {
background: #fff;
}
.mbsc-ios.mbsc-segmented-selectbox-inner.mbsc-selected {
box-shadow: #bababa 3px 3px 8px -4px;
}
.mbsc-ios.mbsc-segmented-button.mbsc-button {
background: transparent;
color: #000;
}
.mbsc-ios.mbsc-segmented-primary {
background: #e4b287;
}
.mbsc-ios.mbsc-segmented-secondary {
background: #90979e;
}
.mbsc-ios.mbsc-segmented-success {
background: #43be5f;
}
.mbsc-ios.mbsc-segmented-warning {
background: #f8b042;
}
.mbsc-ios.mbsc-segmented-danger {
background: #f5504e;
}
.mbsc-ios.mbsc-segmented-info {
background: #5bb7c5;
}
.mbsc-ios.mbsc-segmented-light {
background: #fff;
}
.mbsc-ios.mbsc-segmented-dark {
background: #47494a;
}
.mbsc-ios-dark {  }
.mbsc-ios-dark.mbsc-segmented {
background: #4d5858;
}
.mbsc-ios-dark.mbsc-segmented-item:before {
border-color: rgba(255, 255, 255, 0.2);
}
.mbsc-ios-dark.mbsc-segmented-item.mbsc-focus .mbsc-segmented-selectbox {
box-shadow: 0 0 0 0.0625em rgba(255, 255, 255, 0.5) inset;
}
.mbsc-ios-dark.mbsc-segmented-selectbox-inner {
background: #5a5a5a;
}
.mbsc-ios-dark.mbsc-segmented-selectbox-inner.mbsc-selected {
box-shadow: #333a3a 3px 3px 8px -4px;
}
.mbsc-ios-dark.mbsc-segmented-button.mbsc-button {
background: transparent;
color: #fff;
}
.mbsc-ios-dark.mbsc-datepicker .mbsc-segmented, .mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-segmented, .mbsc-ios-dark.mbsc-calendar-header .mbsc-ios-dark.mbsc-segmented {
background: #5c6868;
}
.mbsc-ios-dark.mbsc-segmented-primary {
background: #e4b287;
}
.mbsc-ios-dark.mbsc-segmented-secondary {
background: #90979e;
}
.mbsc-ios-dark.mbsc-segmented-success {
background: #43be5f;
}
.mbsc-ios-dark.mbsc-segmented-warning {
background: #f8b042;
}
.mbsc-ios-dark.mbsc-segmented-danger {
background: #f5504e;
}
.mbsc-ios-dark.mbsc-segmented-info {
background: #5bb7c5;
}
.mbsc-ios-dark.mbsc-segmented-light {
background: #fff;
}
.mbsc-ios-dark.mbsc-segmented-dark {
background: #47494a;
}
.mbsc-segmented {
display: flex;
overflow: hidden;
}
.mbsc-segmented-item {
margin: 0;
position: relative;
vertical-align: top;
text-align: center;
font-size: 1em;
flex: 1 1 0;
user-select: none;
min-width: 0;
}
.mbsc-segmented-label {
display: block;
margin: 0;
padding: 0;
}
.mbsc-segmented-input {
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
position: absolute;
}
.mbsc-segmented-button.mbsc-button {
width: 100%;
}
.mbsc-ios.mbsc-timegrid-item {
line-height: 2em;
margin: 0.5em 0.625em;
border-radius: 2em;
font-size: 0.875em;
}
.mbsc-ios.mbsc-timegrid-item.mbsc-selected, .mbsc-ios.mbsc-timegrid-item:hover, .mbsc-ios.mbsc-timegrid-item:focus {
font-size: 1em;
margin: 0 0.25em;
outline: none;
}
.mbsc-ios.mbsc-timegrid-item:hover, .mbsc-ios.mbsc-timegrid-item:focus {
background: rgba(228, 178, 135, 0.3);
}
.mbsc-ios.mbsc-timegrid-item.mbsc-selected {
background: #e4b287;
color: white;
}
.mbsc-ios-dark.mbsc-timegrid-item:hover, .mbsc-ios-dark.mbsc-timegrid-item:focus {
background: rgba(255, 159, 10, 0.3);
}
.mbsc-ios-dark.mbsc-timegrid-item.mbsc-selected {
background: #ff9f0a;
color: white;
}
.mbsc-datepicker-control-calendar .mbsc-datepicker-tab-timegrid {
min-height: 10em;
}
.mbsc-datepicker-tab-timegrid {
min-height: 19em;
}
.mbsc-timegrid-item.mbsc-disabled {
pointer-events: none;
opacity: 0.2;
}
.mbsc-datepicker-tab-timegrid.mbsc-datepicker-tab {
position: relative;
overflow: auto;
align-items: flex-start;
width: 18.5em;
}
.mbsc-timegrid-container {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: table;
table-layout: fixed;
width: 100%;
}
.mbsc-timegrid-row {
display: table-row;
}
.mbsc-timegrid-cell {
display: table-cell;
position: relative;
}
.mbsc-timegrid-cell.mbsc-disabled {
cursor: not-allowed;
}
.mbsc-timegrid-item {
vertical-align: middle;
text-align: center;
white-space: nowrap;
cursor: pointer;
user-select: none;
}
.mbsc-ios { }
.mbsc-ios.mbsc-picker .mbsc-popup-overlay-top,
.mbsc-ios.mbsc-picker .mbsc-popup-overlay-bottom {
background: none;
}
.mbsc-ios.mbsc-datepicker-inline {
border-top: 1px solid;
border-bottom: 1px solid;
margin-top: -1px;
margin-bottom: -1px;
z-index: 2;
position: relative;
}
.mbsc-ios.mbsc-datepicker .mbsc-calendar-grid, .mbsc-ios.mbsc-datepicker .mbsc-calendar-cell, .mbsc-ios.mbsc-datepicker .mbsc-calendar-cell-inner {
border-color: transparent;
}
.mbsc-ios.mbsc-datepicker .mbsc-selected .mbsc-calendar-day-text, .mbsc-ios.mbsc-datepicker .mbsc-highlighted .mbsc-calendar-day-text, .mbsc-ios.mbsc-datepicker .mbsc-range-hover-start .mbsc-calendar-day-text, .mbsc-ios.mbsc-datepicker .mbsc-range-hover-end .mbsc-calendar-day-text, .mbsc-ios.mbsc-datepicker .mbsc-hover .mbsc-calendar-day-text {
width: 1.444445em;
height: 1.444445em;
margin: 0.16667em;
font-size: 1.125em;
line-height: 1.444445em;
}
.mbsc-ios.mbsc-picker-header {
line-height: 1.25em;
padding: 0.75em 4.375em;
font-weight: bold;
text-align: center;
border-bottom: 1px solid;
}
.mbsc-ios.mbsc-range-control-wrapper {
padding: 0 0.75em;
overflow: hidden;
}
.mbsc-ios.mbsc-range-control-wrapper .mbsc-segmented {
width: 17em;
margin-left: auto;
margin-right: auto;
max-width: 100%;
box-sizing: border-box;
}
.mbsc-ios.mbsc-datepicker-control-calendar.mbsc-datepicker-control-timegrid .mbsc-range-control-wrapper .mbsc-segmented, .mbsc-ios.mbsc-datepicker-control-calendar.mbsc-datepicker-control-time .mbsc-range-control-wrapper .mbsc-segmented, .mbsc-ios.mbsc-datepicker-control-date.mbsc-datepicker-control-time .mbsc-range-control-wrapper .mbsc-segmented, .mbsc-ios.mbsc-datepicker-control-datetime .mbsc-range-control-wrapper .mbsc-segmented {
width: 25em;
}
.mbsc-ios.mbsc-range-control-wrapper .mbsc-segmented-button {
display: block;
padding: 0 0.5em;
}
.mbsc-ios.mbsc-range-control-wrapper .mbsc-range-value-nonempty .mbsc-segmented-button {
padding: 0 2.0625em 0 0.5em;
}
.mbsc-ios.mbsc-range-control-wrapper .mbsc-range-value-nonempty .mbsc-segmented-button.mbsc-rtl {
padding: 0 0.5em 0 2.0625em;
}
.mbsc-ios.mbsc-range-control-label, .mbsc-ios.mbsc-range-control-value {
text-align: left;
line-height: 1.538462em;
}
.mbsc-ios.mbsc-range-control-label.active, .mbsc-ios.mbsc-range-control-value.active {
font-weight: 600;
}
.mbsc-ios.mbsc-range-control-label.mbsc-rtl, .mbsc-ios.mbsc-range-control-value.mbsc-rtl {
text-align: right;
}
.mbsc-ios.mbsc-range-control-label {
padding: 0.615385em 0.615385em 0 0.615385em;
}
.mbsc-ios.mbsc-range-control-value {
padding: 0 0.615385em 0.615385em 0.615385em;
text-overflow: ellipsis;
overflow: hidden;
}
.mbsc-ios.mbsc-range-control-value.active {
padding: 0 0.571429em 0.571429em 0.571429em;
font-size: 1.076923em;
line-height: 1.428572em;
}
.mbsc-ios.mbsc-range-label-clear {
margin-top: -0.692308em;
width: 1.307693em;
height: 1.307693em;
}
.mbsc-ios.mbsc-range-label-clear.mbsc-ltr {
right: 1em;
}
.mbsc-ios.mbsc-range-label-clear.mbsc-rtl {
left: 1em;
}
.mbsc-ios { }
.mbsc-ios.mbsc-picker .mbsc-popup-arrow,
.mbsc-ios.mbsc-picker .mbsc-popup-body {
background: white;
}
.mbsc-ios.mbsc-picker-header {
border-color: #cccccc;
}
.mbsc-ios.mbsc-datepicker .mbsc-calendar,
.mbsc-ios.mbsc-datepicker .mbsc-calendar-slide,
.mbsc-ios.mbsc-datepicker .mbsc-calendar-cell {
background: white;
}
.mbsc-ios.mbsc-datepicker-top.mbsc-datepicker-control-date, .mbsc-ios.mbsc-datepicker-bottom.mbsc-datepicker-control-date {
background: #d1d5db;
}
.mbsc-ios.mbsc-datepicker-inline {
background: white;
border-color: #cccccc;
color: #333a3a;
}
.mbsc-ios.mbsc-range-control-value.active {
color: #e4b287;
}
.mbsc-ios.mbsc-range-control-text-empty, .mbsc-ios.mbsc-range-control-text-empty.active {
color: rgba(51, 58, 58, 0.4);
}
.mbsc-ios.mbsc-range-label-clear {
color: #cccccc;
}
.mbsc-ios.mbsc-range-label-clear:hover {
color: #b2b2b2;
}
.mbsc-ios-dark { }
.mbsc-ios-dark.mbsc-picker .mbsc-popup-arrow,
.mbsc-ios-dark.mbsc-picker .mbsc-popup-body {
background: #4d5858;
}
.mbsc-ios-dark.mbsc-picker-header {
border-color: #637070;
}
.mbsc-ios-dark.mbsc-datepicker .mbsc-calendar,
.mbsc-ios-dark.mbsc-datepicker .mbsc-calendar-slide,
.mbsc-ios-dark.mbsc-datepicker .mbsc-calendar-cell {
background: #4d5858;
}
.mbsc-ios-dark.mbsc-datepicker-top.mbsc-datepicker-control-date, .mbsc-ios-dark.mbsc-datepicker-bottom.mbsc-datepicker-control-date {
background: #4d5858;
}
.mbsc-ios-dark.mbsc-datepicker-inline {
background: #4d5858;
border-color: #637070;
color: #ffffff;
}
.mbsc-ios-dark.mbsc-range-control-value.active {
color: #ff9f0a;
}
.mbsc-ios-dark.mbsc-range-control-text-empty, .mbsc-ios-dark.mbsc-range-control-text-empty.active {
color: rgba(255, 255, 255, 0.4);
}
.mbsc-ios-dark.mbsc-range-label-clear {
color: #637070;
}
.mbsc-ios-dark.mbsc-range-label-clear:hover {
color: #7b8b8b;
} mbsc-datetime {
display: block;
width: 100%;
}
.mbsc-datepicker-inline {
height: 100%;
}
.mbsc-datepicker .mbsc-calendar {
height: 100%;
max-width: 100%;
padding-bottom: 0.5em;
box-sizing: border-box;
display: block;
}
.mbsc-datepicker .mbsc-calendar-header .mbsc-calendar-week-days {
padding: 0 0.5em;
} .mbsc-range-control-wrapper .mbsc-segmented-input {
width: 1px;
}
.mbsc-range-label-clear {
position: absolute;
top: 50%;
} .mbsc-datepicker-tab-wrapper {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
overflow: hidden;
}
.mbsc-datepicker-tab {
visibility: hidden;
max-width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.mbsc-datepicker-tab-expand {
flex: 1 1 auto;
height: 100%;
}
.mbsc-datepicker-tab-active {
visibility: visible;
}
.mbsc-datepicker-time-modal {
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
max-width: none;
height: 100%;
}
.mbsc-datepicker .mbsc-calendar-slide {
padding: 0 0.5em;
} :root {
--f-spinner-width: 36px;
--f-spinner-height: 36px;
--f-spinner-color-1: rgba(0, 0, 0, 0.1);
--f-spinner-color-2: rgba(17, 24, 28, 0.8);
--f-spinner-stroke: 2.75;
}
.f-spinner {
margin: auto;
padding: 0;
width: var(--f-spinner-width);
height: var(--f-spinner-height);
}
.f-spinner svg {
width: 100%;
height: 100%;
vertical-align: top;
animation: f-spinner-rotate 2s linear infinite;
}
.f-spinner svg * {
stroke-width: var(--f-spinner-stroke);
fill: none;
}
.f-spinner svg *:first-child {
stroke: var(--f-spinner-color-1);
}
.f-spinner svg *:last-child {
stroke: var(--f-spinner-color-2);
animation: f-spinner-dash 2s ease-in-out infinite;
}
@keyframes f-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes f-spinner-dash {
0% {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -124;
}
}
.f-throwOutUp {
animation: 0.175s ease-out both f-throwOutUp;
}
.f-throwOutDown {
animation: 0.175s ease-out both f-throwOutDown;
}
@keyframes f-throwOutUp {
to {
transform: translate3d(0, -150px, 0);
opacity: 0;
}
}
@keyframes f-throwOutDown {
to {
transform: translate3d(0, 150px, 0);
opacity: 0;
}
}
.f-zoomInUp {
animation: var(--f-transition-duration, 0.2s) ease-out 0.1s both f-zoomInUp;
}
.f-zoomOutDown {
animation: var(--f-transition-duration, 0.2s) ease-out both f-zoomOutDown;
}
@keyframes f-zoomInUp {
from {
transform: scale(0.975) translate3d(0, 16px, 0);
opacity: 0;
}
to {
transform: scale(1) translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes f-zoomOutDown {
to {
transform: scale(0.975) translate3d(0, 16px, 0);
opacity: 0;
}
}
.f-fadeIn {
animation: var(--f-transition-duration, 0.2s) ease both f-fadeIn;
z-index: 2;
}
.f-fadeOut {
animation: var(--f-transition-duration, 0.2s) ease both f-fadeOut;
z-index: 1;
}
@keyframes f-fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes f-fadeOut {
100% {
opacity: 0;
}
}
.f-fadeSlowIn {
animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
z-index: 2;
}
.f-fadeSlowOut {
animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
z-index: 1;
}
@keyframes f-fadeSlowIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes f-fadeSlowOut {
100% {
opacity: 0;
}
}
.f-fadeFastIn {
animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
z-index: 2;
}
.f-fadeFastOut {
animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut;
z-index: 2;
}
@keyframes f-fadeFastIn {
0% {
opacity: 0.75;
}
100% {
opacity: 1;
}
}
@keyframes f-fadeFastOut {
100% {
opacity: 0;
}
}
.f-crossfadeIn {
animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
z-index: 2;
}
.f-crossfadeOut {
animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both f-crossfadeOut;
z-index: 1;
}
@keyframes f-crossfadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes f-crossfadeOut {
100% {
opacity: 0;
}
}
.f-slideIn.from-next {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
}
.f-slideIn.from-prev {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
}
.f-slideOut.to-next {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
}
.f-slideOut.to-prev {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
}
@keyframes f-slideInPrev {
0% {
transform: translateX(100%);
}
100% {
transform: translate3d(0, 0, 0);
}
}
@keyframes f-slideInNext {
0% {
transform: translateX(-100%);
}
100% {
transform: translate3d(0, 0, 0);
}
}
@keyframes f-slideOutNext {
100% {
transform: translateX(-100%);
}
}
@keyframes f-slideOutPrev {
100% {
transform: translateX(100%);
}
}
.f-classicIn.from-next {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
z-index: 2;
}
.f-classicIn.from-prev {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
z-index: 2;
}
.f-classicOut.to-next {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
z-index: 1;
}
.f-classicOut.to-prev {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
z-index: 1;
}
@keyframes f-classicInNext {
0% {
transform: translateX(-75px);
opacity: 0;
}
100% {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes f-classicInPrev {
0% {
transform: translateX(75px);
opacity: 0;
}
100% {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes f-classicOutNext {
100% {
transform: translateX(-75px);
opacity: 0;
}
}
@keyframes f-classicOutPrev {
100% {
transform: translateX(75px);
opacity: 0;
}
}
:root {
--f-button-width: 40px;
--f-button-height: 40px;
--f-button-border: 0;
--f-button-border-radius: 0;
--f-button-color: #374151;
--f-button-bg: #f8f8f8;
--f-button-hover-bg: #e0e0e0;
--f-button-active-bg: #d0d0d0;
--f-button-shadow: none;
--f-button-transition: all 0.15s ease;
--f-button-transform: none;
--f-button-svg-width: 20px;
--f-button-svg-height: 20px;
--f-button-svg-stroke-width: 1.5;
--f-button-svg-fill: none;
--f-button-svg-filter: none;
--f-button-svg-disabled-opacity: 0.65;
}
.f-button {
display: flex;
justify-content: center;
align-items: center;
box-sizing: content-box;
position: relative;
margin: 0;
padding: 0;
width: var(--f-button-width);
height: var(--f-button-height);
border: var(--f-button-border);
border-radius: var(--f-button-border-radius);
color: var(--f-button-color);
background: var(--f-button-bg);
box-shadow: var(--f-button-shadow);
pointer-events: all;
cursor: pointer;
transition: var(--f-button-transition);
}
@media (hover: hover) {
.f-button:hover:not([disabled]) {
color: var(--f-button-hover-color);
background-color: var(--f-button-hover-bg);
}
}
.f-button:active:not([disabled]) {
background-color: var(--f-button-active-bg);
}
.f-button:focus:not(:focus-visible) {
outline: none;
}
.f-button:focus-visible {
outline: none;
box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
}
.f-button svg {
width: var(--f-button-svg-width);
height: var(--f-button-svg-height);
fill: var(--f-button-svg-fill);
stroke: currentColor;
stroke-width: var(--f-button-svg-stroke-width);
stroke-linecap: round;
stroke-linejoin: round;
transition: opacity 0.15s ease;
transform: var(--f-button-transform);
filter: var(--f-button-svg-filter);
pointer-events: none;
}
.f-button[disabled] {
cursor: default;
}
.f-button[disabled] svg {
opacity: var(--f-button-svg-disabled-opacity);
}
.f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next {
position: absolute;
z-index: 1;
}
.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next {
top: 50%;
transform: translateY(-50%);
}
.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev {
left: var(--f-button-prev-pos);
}
.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next {
right: var(--f-button-next-pos);
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
left: auto;
right: var(--f-button-next-pos);
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
right: auto;
left: var(--f-button-prev-pos);
}
.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next {
top: auto;
left: 50%;
transform: translateX(-50%);
}
.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev {
top: var(--f-button-next-pos);
}
.is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next {
bottom: var(--f-button-next-pos);
}
.is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg {
transform: rotate(90deg);
}
html.with-fancybox {
width: auto;
overflow: visible;
scroll-behavior: auto;
}
html.with-fancybox body {
touch-action: none;
}
html.with-fancybox body.hide-scrollbar {
width: auto;
margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
overflow: hidden !important;
overscroll-behavior-y: none;
}
.fancybox__container {
--fancybox-color: #dbdbdb;
--fancybox-hover-color: #fff;
--fancybox-bg: rgba(24, 24, 27, 0.98);
--fancybox-slide-gap: 10px;
--f-spinner-width: 50px;
--f-spinner-height: 50px;
--f-spinner-color-1: rgba(255, 255, 255, 0.1);
--f-spinner-color-2: #bbb;
--f-spinner-stroke: 3.65;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
direction: ltr;
display: flex;
flex-direction: column;
box-sizing: border-box;
margin: 0;
padding: 0;
color: #f8f8f8;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
overflow: visible;
z-index: 1050;
outline: none;
transform-origin: top left;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: none;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
overscroll-behavior-y: contain;
}
.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
box-sizing: inherit;
}
.fancybox__backdrop {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
background: var(--fancybox-bg);
opacity: var(--fancybox-opacity, 1);
will-change: opacity;
}
.fancybox__carousel {
position: relative;
box-sizing: border-box;
flex: 1;
min-height: 0;
z-index: 10;
overflow-y: visible;
overflow-x: clip;
}
.fancybox__viewport {
width: 100%;
height: 100%;
}
.fancybox__track {
display: flex;
margin: 0 auto;
height: 100%;
}
.fancybox__slide {
flex: 0 0 auto;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
height: 100%;
margin: 0 var(--fancybox-slide-gap) 0 0;
padding: 4px;
overflow: auto;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
}
.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
padding-top: 40px;
}
.fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video {
overflow: hidden;
}
.fancybox__slide.has-image {
overflow: hidden;
}
.fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected {
overflow: visible;
}
.fancybox__slide::before, .fancybox__slide::after {
content: "";
flex: 0 0 0;
margin: auto;
}
.fancybox__content {
align-self: center;
display: flex;
flex-direction: column;
position: relative;
margin: 0;
padding: 2rem;
max-width: 100%;
color: var(--fancybox-content-color, #374151);
background: var(--fancybox-content-bg, #fff);
cursor: default;
border-radius: 0;
z-index: 20;
}
.is-loading .fancybox__content {
opacity: 0;
}
.is-draggable .fancybox__content {
cursor: move;
cursor: grab;
}
.can-zoom_in .fancybox__content {
cursor: zoom-in;
}
.can-zoom_out .fancybox__content {
cursor: zoom-out;
}
.is-dragging .fancybox__content {
cursor: move;
cursor: grabbing;
}
.fancybox__content [data-selectable], .fancybox__content [contenteditable] {
cursor: auto;
}
.fancybox__slide.has-image > .fancybox__content {
padding: 0;
background: rgba(0, 0, 0, 0);
min-height: 1px;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
transition: none;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
}
.fancybox__slide.has-image > .fancybox__content > picture > img {
width: 100%;
height: auto;
max-height: 100%;
}
.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content, .is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content {
visibility: hidden;
}
.is-animating .fancybox__content, .is-dragging .fancybox__content {
filter: blur(0px);
will-change: transform, width, height;
}
.fancybox-image {
margin: auto;
display: block;
width: 100%;
height: 100%;
min-height: 0;
object-fit: contain;
user-select: none;
}
.fancybox__caption {
align-self: center;
max-width: 100%;
flex-shrink: 0;
margin: 0;
padding: 14px 0 4px 0;
overflow-wrap: anywhere;
line-height: 1.375;
color: var(--fancybox-color, currentColor);
opacity: var(--fancybox-opacity, 1);
cursor: auto;
visibility: visible;
}
.is-loading .fancybox__caption, .is-closing .fancybox__caption {
opacity: 0;
visibility: hidden;
}
.is-compact .fancybox__caption {
padding-bottom: 0;
}
.f-button.is-close-btn {
--f-button-svg-stroke-width: 2;
position: absolute;
top: 0;
right: 8px;
z-index: 40;
}
.fancybox__content > .f-button.is-close-btn {
--f-button-width: 34px;
--f-button-height: 34px;
--f-button-border-radius: 4px;
--f-button-color: var(--fancybox-color, #fff);
--f-button-hover-color: var(--fancybox-color, #fff);
--f-button-bg: transparent;
--f-button-hover-bg: transparent;
--f-button-active-bg: transparent;
--f-button-svg-width: 22px;
--f-button-svg-height: 22px;
position: absolute;
top: -38px;
right: 0;
opacity: 0.75;
}
.is-loading .fancybox__content > .f-button.is-close-btn {
visibility: hidden;
}
.is-zooming-out .fancybox__content > .f-button.is-close-btn {
visibility: hidden;
}
.fancybox__content > .f-button.is-close-btn:hover {
opacity: 1;
}
.fancybox__footer {
padding: 0;
margin: 0;
position: relative;
}
.fancybox__footer .fancybox__caption {
width: 100%;
padding: 24px;
opacity: var(--fancybox-opacity, 1);
transition: all 0.25s ease;
}
.is-compact .fancybox__footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 20;
background: rgba(24, 24, 27, 0.5);
}
.is-compact .fancybox__footer .fancybox__caption {
padding: 12px;
}
.is-compact .fancybox__content > .f-button.is-close-btn {
--f-button-border-radius: 50%;
--f-button-color: #fff;
--f-button-hover-color: #fff;
--f-button-outline-color: #000;
--f-button-bg: rgba(0, 0, 0, 0.6);
--f-button-active-bg: rgba(0, 0, 0, 0.6);
--f-button-hover-bg: rgba(0, 0, 0, 0.6);
--f-button-svg-width: 18px;
--f-button-svg-height: 18px;
--f-button-svg-filter: none;
top: 5px;
right: 5px;
}
.fancybox__nav {
--f-button-width: 50px;
--f-button-height: 50px;
--f-button-border: 0;
--f-button-border-radius: 50%;
--f-button-color: var(--fancybox-color);
--f-button-hover-color: var(--fancybox-hover-color);
--f-button-bg: transparent;
--f-button-hover-bg: rgba(24, 24, 27, 0.3);
--f-button-active-bg: rgba(24, 24, 27, 0.5);
--f-button-shadow: none;
--f-button-transition: all 0.15s ease;
--f-button-transform: none;
--f-button-svg-width: 26px;
--f-button-svg-height: 26px;
--f-button-svg-stroke-width: 2.5;
--f-button-svg-fill: none;
--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
--f-button-svg-disabled-opacity: 0.65;
--f-button-next-pos: 1rem;
--f-button-prev-pos: 1rem;
opacity: var(--fancybox-opacity, 1);
}
.fancybox__nav .f-button:before {
position: absolute;
content: "";
top: -30px;
right: -20px;
left: -20px;
bottom: -30px;
z-index: 1;
}
.is-idle .fancybox__nav {
animation: 0.15s ease-out both f-fadeOut;
}
.is-idle.is-compact .fancybox__footer {
pointer-events: none;
animation: 0.15s ease-out both f-fadeOut;
}
.fancybox__slide > .f-spinner {
position: absolute;
top: 50%;
left: 50%;
margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
z-index: 30;
cursor: pointer;
}
.fancybox-protected {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 40;
user-select: none;
}
.fancybox-ghost {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 0;
object-fit: contain;
z-index: 40;
user-select: none;
pointer-events: none;
}
.fancybox-focus-guard {
outline: none;
opacity: 0;
position: fixed;
pointer-events: none;
}
.fancybox__container:not([aria-hidden]) {
opacity: 0;
}
.fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) {
animation: 0.25s ease 0.1s backwards f-fadeIn;
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
animation: 0.35s ease backwards f-fadeIn;
}
.fancybox__container.is-animated[aria-hidden=true] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > *:not(.fancybox__content) {
animation: 0.15s ease forwards f-fadeOut;
}
.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
animation: 0.35s ease forwards f-fadeOut;
}
.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
max-width: 100%;
flex-shrink: 1;
min-height: 1px;
overflow: visible;
}
.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content {
width: 100%;
height: 100%;
}
.fancybox__container:not(.is-compact) .has-iframe .fancybox__content, .fancybox__container:not(.is-compact) .has-map .fancybox__content, .fancybox__container:not(.is-compact) .has-pdf .fancybox__content {
width: calc(100% - 120px);
height: 90%;
}
.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
width: 960px;
height: 540px;
max-width: 100%;
max-height: 100%;
}
.has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
padding: 0;
background: rgba(24, 24, 27, 0.9);
color: #fff;
}
.has-map .fancybox__content {
background: #e5e3df;
}
.fancybox__html5video, .fancybox__iframe {
border: 0;
display: block;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0);
}
.fancybox-placeholder {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.f-carousel__thumbs {
--f-thumb-width: 96px;
--f-thumb-height: 72px;
--f-thumb-outline: 0;
--f-thumb-outline-color: #5eb0ef;
--f-thumb-opacity: 1;
--f-thumb-hover-opacity: 1;
--f-thumb-selected-opacity: 1;
--f-thumb-border-radius: 2px;
--f-thumb-offset: 0px;
--f-button-next-pos: 0;
--f-button-prev-pos: 0;
}
.f-carousel__thumbs.is-classic {
--f-thumb-gap: 8px;
--f-thumb-opacity: 0.5;
--f-thumb-hover-opacity: 1;
--f-thumb-selected-opacity: 1;
}
.f-carousel__thumbs.is-modern {
--f-thumb-gap: 4px;
--f-thumb-extra-gap: 20px;
--f-thumb-clip-width: 46px;
}
.f-thumbs {
position: relative;
flex: 0 0 auto;
margin: 0;
overflow: hidden;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
user-select: none;
perspective: 1000px;
transform: translateZ(0);
}
.f-thumbs .f-spinner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 2px;
background-image: linear-gradient(#ebeff2, #e2e8f0);
z-index: -1;
}
.f-thumbs .f-spinner svg {
display: none;
}
.f-thumbs.is-vertical {
height: 100%;
}
.f-thumbs__viewport {
width: 100%;
height: auto;
overflow: hidden;
}
.f-thumbs__track {
display: flex;
will-change: transform;
}
.f-thumbs__slide {
position: relative;
flex: 0 0 auto;
box-sizing: content-box;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
width: var(--f-thumb-width);
min-width: var(--f-thumb-width);
height: var(--f-thumb-height);
overflow: visible;
cursor: pointer;
}
.f-thumbs__slide.is-loading img {
opacity: 0;
}
.is-classic .f-thumbs__viewport {
height: 100%;
}
.is-modern .f-thumbs__track {
width: max-content;
}
.is-modern .f-thumbs__track::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: calc(var(--left, 0) * 1px);
width: calc(100% - var(--width, 0) * 1px);
cursor: pointer;
}
.is-modern .f-thumbs__slide {
--clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );
transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
transition: none;
pointer-events: none;
}
.is-modern .f-thumbs__slide:focus-within:not(.is-selected) {
filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color));
}
.is-modern .f-thumbs__slide > * {
clip-path: var(--clip-path);
}
.is-modern.in-touch .f-thumbs__slide {
filter: none;
}
.is-modern.is-resting .f-thumbs__slide {
transition: all 0.33s ease;
}
.is-modern.is-resting .f-thumbs__slide > * {
transition: all 0.33s ease;
}
.f-thumbs__slide__button {
appearance: none;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
position: relative;
border-radius: var(--f-thumb-border-radius);
overflow: hidden;
background: rgba(0, 0, 0, 0);
outline: none;
cursor: pointer;
pointer-events: auto;
touch-action: manipulation;
opacity: var(--f-thumb-opacity);
transition: opacity 0.2s ease;
}
.f-thumbs__slide__button:hover {
opacity: var(--f-thumb-hover-opacity);
}
.f-thumbs__slide__button:focus:not(:focus-visible) {
outline: none;
}
.f-thumbs__slide__button:focus-visible {
outline: none;
opacity: var(--f-thumb-selected-opacity);
}
.is-nav-selected .f-thumbs__slide__button {
opacity: var(--f-thumb-selected-opacity);
}
.is-nav-selected .f-thumbs__slide__button::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: auto;
bottom: 0;
border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
border-radius: var(--f-thumb-border-radius);
animation: f-fadeIn 0.2s ease-out;
z-index: 10;
}
.f-thumbs__slide__img {
position: absolute;
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
padding: var(--f-thumb-offset);
box-sizing: border-box;
pointer-events: none;
object-fit: cover;
}
.f-thumbs.is-horizontal .f-thumbs__track {
margin: 0 auto;
padding: 8px 0 12px 0;
}
.f-thumbs.is-horizontal .f-thumbs__slide {
margin: 0 var(--f-thumb-gap) 0 0;
}
.f-thumbs.is-vertical .f-thumbs__track {
flex-wrap: wrap;
margin: auto 0;
padding: 0 8px;
}
.f-thumbs.is-vertical .f-thumbs__slide {
margin: 0 0 var(--f-thumb-gap) 0;
}
.fancybox__thumbs {
--f-thumb-width: 96px;
--f-thumb-height: 72px;
--f-thumb-border-radius: 2px;
--f-thumb-outline: 2px;
--f-thumb-outline-color: #ededed;
position: relative;
opacity: var(--fancybox-opacity, 1);
transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}
.fancybox__thumbs.is-classic {
--f-thumb-gap: 8px;
--f-thumb-opacity: 0.5;
--f-thumb-hover-opacity: 1;
}
.fancybox__thumbs.is-classic .f-spinner {
background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}
.fancybox__thumbs.is-modern {
--f-thumb-gap: 4px;
--f-thumb-extra-gap: 20px;
--f-thumb-clip-width: 46px;
--f-thumb-opacity: 1;
--f-thumb-hover-opacity: 1;
}
.fancybox__thumbs.is-modern .f-spinner {
background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}
.fancybox__thumbs.is-horizontal {
padding: 0 var(--f-thumb-gap);
}
.fancybox__thumbs.is-vertical {
padding: var(--f-thumb-gap) 0;
}
.is-compact .fancybox__thumbs {
--f-thumb-width: 64px;
--f-thumb-clip-width: 32px;
--f-thumb-height: 48px;
--f-thumb-extra-gap: 10px;
}
.fancybox__thumbs.is-masked {
max-height: 0px !important;
}
.is-closing .fancybox__thumbs {
transition: none !important;
}
.fancybox__toolbar {
--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
--f-button-width: 46px;
--f-button-height: 46px;
--f-button-color: var(--fancybox-color);
--f-button-hover-color: var(--fancybox-hover-color);
--f-button-bg: rgba(24, 24, 27, 0.65);
--f-button-hover-bg: rgba(70, 70, 73, 0.65);
--f-button-active-bg: rgba(90, 90, 93, 0.65);
--f-button-border-radius: 0;
--f-button-svg-width: 24px;
--f-button-svg-height: 24px;
--f-button-svg-stroke-width: 1.5;
--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
--f-button-svg-fill: none;
--f-button-svg-disabled-opacity: 0.65;
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 0;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
color: var(--fancybox-color, currentColor);
opacity: var(--fancybox-opacity, 1);
text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
pointer-events: none;
z-index: 20;
}
.fancybox__toolbar :focus-visible {
z-index: 1;
}
.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.is-idle .fancybox__toolbar {
pointer-events: none;
animation: 0.15s ease-out both f-fadeOut;
}
.fancybox__toolbar__column {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-start;
}
.fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right {
flex-grow: 1;
flex-basis: 0;
}
.fancybox__toolbar__column.is-right {
display: flex;
justify-content: flex-end;
flex-wrap: nowrap;
}
.fancybox__infobar {
padding: 0 5px;
line-height: var(--f-button-height);
text-align: center;
font-size: 17px;
font-variant-numeric: tabular-nums;
-webkit-font-smoothing: subpixel-antialiased;
cursor: default;
user-select: none;
}
.fancybox__infobar span {
padding: 0 5px;
}
.fancybox__infobar:not(:first-child):not(:last-child) {
background: var(--f-button-bg);
}
[data-fancybox-toggle-slideshow] {
position: relative;
}
[data-fancybox-toggle-slideshow] .f-progress {
height: 100%;
opacity: 0.3;
}
[data-fancybox-toggle-slideshow] svg g:first-child {
display: flex;
}
[data-fancybox-toggle-slideshow] svg g:last-child {
display: none;
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
display: none;
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
display: flex;
}
[data-fancybox-toggle-fullscreen] svg g:first-child {
display: flex;
}
[data-fancybox-toggle-fullscreen] svg g:last-child {
display: none;
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
display: none;
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
display: flex;
}
.f-progress {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
transform: scaleX(0);
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
z-index: 30;
user-select: none;
pointer-events: none;
}
@font-face {
font-family: "Work Sans";
src: url(//snugi.specto.work/wp-content/themes/snugi/public/fonts/WorkSans-Light.woff2) format("woff2"), url(//snugi.specto.work/wp-content/themes/snugi/public/fonts/WorkSans-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: url(//snugi.specto.work/wp-content/themes/snugi/public/fonts/WorkSans-Regular.woff2) format("woff2"), url(//snugi.specto.work/wp-content/themes/snugi/public/fonts/WorkSans-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Work Sans";
src: local("Work Sans Italic"), local("WorkSans-Italic"), url(//snugi.specto.work/wp-content/themes/snugi/public/fonts/WorkSans-Italic.woff2) format("woff2"), url(//snugi.specto.work/wp-content/themes/snugi/public/fonts/WorkSans-Italic.woff) format("woff");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: url(//snugi.specto.work/wp-content/themes/snugi/public/fonts/WorkSans-Medium.woff2) format("woff2"), url(//snugi.specto.work/wp-content/themes/snugi/public/fonts/WorkSans-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: url(//snugi.specto.work/wp-content/themes/snugi/public/fonts/WorkSans-SemiBold.woff2) format("woff2"), url(//snugi.specto.work/wp-content/themes/snugi/public/fonts/WorkSans-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: url(//snugi.specto.work/wp-content/themes/snugi/public/fonts/WorkSans-Bold.woff2) format("woff2"), url(//snugi.specto.work/wp-content/themes/snugi/public/fonts/WorkSans-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: local("Work Sans Light Italic"), local("WorkSans-LightItalic"), url(//snugi.specto.work/wp-content/themes/snugi/public/fonts/WorkSans-LightItalic.woff2) format("woff2"), url(//snugi.specto.work/wp-content/themes/snugi/public/fonts/WorkSans-LightItalic.woff) format("woff");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: local("Work Sans SemiBold Italic"), local("WorkSans-SemiBoldItalic"), url(//snugi.specto.work/wp-content/themes/snugi/public/fonts/WorkSans-SemiBoldItalic.woff2) format("woff2"), url(//snugi.specto.work/wp-content/themes/snugi/public/fonts/WorkSans-SemiBoldItalic.woff) format("woff");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: local("Work Sans Bold Italic"), local("WorkSans-BoldItalic"), url(//snugi.specto.work/wp-content/themes/snugi/public/fonts/WorkSans-BoldItalic.woff2) format("woff2"), url(//snugi.specto.work/wp-content/themes/snugi/public/fonts/WorkSans-BoldItalic.woff) format("woff");
font-weight: bold;
font-style: italic;
font-display: swap;
}
.cover-bg {
background-size: cover;
background-position: center center;
}
.cover-bg img {
display: none;
}
.covered {
max-height: initial;
}
.blue-bg {
background-color: var(--color-darkblue);
color: var(--color-white);
}
.bg-image img {
max-height: initial;
}
.bg-primary {
background-color: var(--color-primary-bg);
}
.overflow-h {
overflow: hidden;
}
.p-0 {
padding: 0;
}
.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--lt {
font-weight: 300;
}
.text--md {
font-weight: 500;
}
.text--sb {
font-weight: 600;
}
.text--bd {
font-weight: 700;
}
.text--uppercase {
text-transform: uppercase;
}
.stretched-link::before {
z-index: 3;
}
.color--white {
color: var(--color-white);
}
.color--gray {
color: var(--color-gray);
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.d-flex {
display: flex !important;
}
.h-100 {
height: 100%;
}
.mx-auto {
display: block;
width: 100%;
margin: 0 auto;
}
.d-none {
display: none;
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 36px;
height: 36px;
border-radius: 100%;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
background-color: var(--color-primary-bg);
z-index: 8;
transition: opacity 0.3s ease;
}
@media only screen and (max-width: 1022px) {
.swiper-button-prev,
.swiper-button-next {
width: 30px;
height: 30px;
}
}
.swiper-button-prev::before, .swiper-button-prev::after,
.swiper-button-next::before,
.swiper-button-next::after {
content: "";
position: absolute;
border-radius: 100%;
top: 50%;
left: 50%;
}
.swiper-button-prev:before,
.swiper-button-next:before {
height: calc(100% + 8px);
width: calc(100% + 8px);
background: rgba(255, 255, 255, 0.4);
z-index: 1;
transform: translate(-50%, -50%) scale(0.5);
transition: 0.3s cubic-bezier(0.25, 0.75, 0.5, 1.25);
}
.swiper-button-prev:after,
.swiper-button-next:after {
height: calc(100% + 16px);
width: calc(100% + 16px);
background: rgba(255, 255, 255, 0.6);
z-index: 2;
transition: 0.2s cubic-bezier(0.25, 0.75, 0.5, 1.25);
transform: translate(-50%, -50%) scale(0.7);
}
.swiper-button-prev .icon,
.swiper-button-next .icon {
position: relative;
z-index: 4;
}
@media only screen and (max-width: 1022px) {
.swiper-button-prev .icon,
.swiper-button-next .icon {
width: 8px;
height: 15px;
}
}
.swiper-button-prev:hover:before, .swiper-button-prev:hover:after,
.swiper-button-next:hover:before,
.swiper-button-next:hover:after {
transform: translate(-50%, -50%) scale(1);
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.5;
pointer-events: none;
}
.swiper-button-prev.swiper-button-lock,
.swiper-button-next.swiper-button-lock {
display: none;
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 3px;
}
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination {
position: relative;
bottom: 0;
width: auto;
display: block;
}
.swiper-pagination-bullets.swiper-pagination-horizontal-bullet,
.swiper-pagination-bullet {
position: relative;
height: 8px;
width: 8px;
opacity: 1;
background-color: #ffffff;
border: 0;
transition: background-color 0.3s ease, opacity 0.3s ease;
}
.swiper-pagination-bullets.swiper-pagination-horizontal-bullet.swiper-pagination-bullet-active, .swiper-pagination-bullets.swiper-pagination-horizontal-bullet:hover,
.swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination-bullet:hover {
background-color: #212121;
}
.swiper-pagination-bullets.swiper-pagination-horizontal--secondary,
.swiper-pagination--secondary {
line-height: 1;
}
.swiper-pagination-bullets.swiper-pagination-horizontal--secondary .swiper-pagination-bullet,
.swiper-pagination--secondary .swiper-pagination-bullet {
height: 6px;
width: 25px;
margin: 0 6px;
opacity: 0.3;
border-radius: 14px;
background-color: #212121;
}
@media only screen and (max-width: 767px) {
.swiper-pagination-bullets.swiper-pagination-horizontal--secondary .swiper-pagination-bullet,
.swiper-pagination--secondary .swiper-pagination-bullet {
width: 11px;
height: 3px;
margin: 0 3px;
}
}
@media only screen and (max-width: 767px) {
.swiper-pagination-bullets.swiper-pagination-horizontal--secondary .swiper-pagination-bullet .icon,
.swiper-pagination--secondary .swiper-pagination-bullet .icon {
width: 6px;
height: 12px;
}
}
.swiper-pagination-bullets.swiper-pagination-horizontal--secondary .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination-bullets.swiper-pagination-horizontal--secondary .swiper-pagination-bullet:hover,
.swiper-pagination--secondary .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination--secondary .swiper-pagination-bullet:hover {
opacity: 0.4;
}
.container-fluid {
max-width: calc(100% - 130px);
padding: 0;
}
@media only screen and (max-width: 1439px) {
.container-fluid {
max-width: calc(100% - 40px);
}
}
@media only screen and (max-width: 767px) {
.container-fluid {
max-width: calc(100% - 20px);
}
}
.modal-overlay {
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
background: rgba(53, 53, 53, 0.5);
pointer-events: all;
}
html,
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
scroll-padding-top: calc(80px + var(--top-bar-height, 0px));
}
::selection {
background-color: var(--color-black);
color: var(--color-white);
}
body {
background-color: #ffffff;
color: var(--color-text);
font-family: "Work Sans", sans-serif;
position: relative;
height: auto;
width: 100%;
display: flex;
flex-direction: column;
min-height: calc(var(--vh, 1vh) * 100);
align-items: flex-start;
}
body.body-scroll-locked, body.is-open-menu, body.is-search-open, body.is-open-mega-menu, body.noscroll {
overflow: hidden;
padding-right: var(--scroll-width, 0px);
}
@media only screen and (max-width: 1022px) {
body {
padding-bottom: 54px;
}
}
.noselect,
.noselect * {
-webkit-user-select: none;
user-select: none;
}
ul,
ol {
list-style: none;
margin: 0;
padding: 0;
}
.main {
padding-top: 100px;
}
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;
}
figcaption,
.wp-caption {
color: var(--color-gray);
font-size: 12px;
padding-top: 12px;
line-height: 1.2;
}
.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:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
-webkit-text-fill-color: var(--color-dark-gray) !important;
}
input:auto-fill,
select:auto-fill,
textarea:auto-fill {
color: var(--color-dark-gray) !important;
background-color: var(--color-white) !important;
}
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;
padding-top: calc(100px + var(--top-bar-height, 0px));
}
@media (min-width: 1200px) and (max-width: 1680px) {
main {
padding-top: calc(80px + var(--top-bar-height, 0px));
}
}
@media only screen and (max-width: 1439px) {
main {
padding-top: calc(80px + var(--top-bar-height, 0px));
}
}
@media only screen and (max-width: 1199px) {
main {
padding-top: calc(64px + var(--top-bar-height, 0px));
}
}
.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;
}
img.lazyload,
img.lazyloaded {
transition: opacity 0.3s ease, transform 0.3s ease !important;
}
.grecaptcha-badge {
visibility: hidden;
}
#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;
}
.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;
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
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 {
position: relative;
cursor: pointer;
font-size: 18px;
line-height: normal;
font-weight: 700;
letter-spacing: 0.82px;
text-transform: uppercase;
color: #ffffff;
background-color: #212121;
border-radius: 28px;
padding: 8px 32px;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
min-height: 60px;
transition: color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.btn {
min-height: 52px;
padding: 4px 24px;
font-size: 16px;
}
}
@media only screen and (max-width: 1199px) {
.btn {
min-height: 52px;
}
}
@media only screen and (max-width: 1022px) {
.btn {
font-size: 16px;
padding: 8px 25px;
min-height: 50px;
letter-spacing: 0.46px;
}
}
@media only screen and (max-width: 767px) {
.btn {
font-size: 14px;
min-height: 45px;
}
}
.btn:after {
content: "";
position: absolute;
pointer-events: none;
border: 1.58px dashed currentColor;
border-radius: inherit;
width: calc(100% - 6px);
height: calc(100% - 4px);
top: 2px;
left: 3px;
transition: 0.3s cubic-bezier(0.25, 0.75, 0.5, 1.25);
}
.btn:hover:after {
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.btn:focus:after {
height: calc(100% + 6px);
width: calc(100% + 6px);
top: -3px;
left: -3px;
border-radius: 30px;
border-color: #212121;
}
.btn .btn__text {
display: block;
}
.btn .btn__icon {
flex: 0 0 auto;
}
.btn .icon {
width: 25px;
height: 25px;
}
@media only screen and (max-width: 1022px) {
.btn .icon {
width: 20px;
height: 20px;
}
}
.btn .icon::before {
background-color: currentColor;
}
.btn--with-icon {
gap: 12px;
}
@media only screen and (max-width: 1199px) {
.btn--with-icon {
gap: 8px;
}
}
.btn--secondary {
color: #212121;
background-color: #c1eed0;
}
@media only screen and (min-width: 1023px) {
.btn--secondary {
font-size: 22px;
letter-spacing: normal;
padding: 8px 24px;
}
}
@media (min-width: 1200px) and (max-width: 1680px) {
.btn--secondary {
font-size: 18px;
padding: 6px 20px;
min-height: 52px;
}
}
.btn--secondary.btn--large {
min-height: 75px;
font-size: 24px;
letter-spacing: 1.42px;
border-width: 2px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.btn--secondary.btn--large {
min-height: 64px;
font-size: 20px;
}
}
@media only screen and (min-width: 1023px) {
.btn--secondary.btn--large {
padding: 8px 40px;
}
}
@media only screen and (max-width: 1199px) {
.btn--secondary.btn--large {
min-height: 55px;
font-size: 18px;
border-width: 1px;
}
}
@media only screen and (max-width: 1022px) {
.btn--secondary.btn--large {
letter-spacing: 0.52px;
min-height: 50px;
}
}
.btn--large {
min-height: 78px;
padding: 8px 40px;
border-radius: 36px;
font-size: 23px;
letter-spacing: 1.03px;
}
@media only screen and (max-width: 1199px) {
.btn--large {
font-size: 20px;
min-height: 55px;
}
}
@media only screen and (max-width: 1022px) {
.btn--large {
min-height: 45px;
font-size: 16px;
letter-spacing: 0.46px;
}
}
@media only screen and (max-width: 767px) {
.btn--large {
min-height: 35px;
font-size: 12px;
min-width: 222px;
}
}
@media only screen and (min-width: 1023px) {
.btn--large::after {
border-width: 2px;
left: 6px;
top: 4px;
width: calc(100% - 12px);
height: calc(100% - 8px);
}
}
.btn--large:focus:after {
border-radius: 38px;
}
.btn--large.btn--with-icon {
gap: 25px;
}
@media only screen and (max-width: 1199px) {
.btn--large.btn--with-icon {
gap: 18px;
}
}
.btn--small {
min-height: 50px;
font-size: 14px;
letter-spacing: 1.12px;
padding: 8px 30px;
}
@media (max-width: 1680px) {
.btn--small {
min-height: 44px;
font-size: 13px;
}
}
@media only screen and (max-width: 1022px) {
.btn--small {
font-size: 12px;
letter-spacing: 0.06em;
min-height: 38px;
}
}
.btn.ghost {
background-color: transparent;
color: var(--color-primary);
}
.btn.ghost:after {
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.btn.ghost:focus, .btn.ghost:hover {
background-color: var(--color-primary);
color: var(--color-primary-bg);
}
.btn.ghost:focus:after, .btn.ghost:hover:after {
border-color: var(--color-primary);
}
.btn[disabled], .btn--disabled {
pointer-events: none;
transition: none;
background-color: var(--color-gray-5);
}
.btn[disabled] .btn__icon, .btn--disabled .btn__icon {
transform: none !important;
}
.btn .spinner-wrapper {
display: none;
}
.btn.is-loading {
pointer-events: none;
}
.btn.is-loading .btn__icon-wrapper,
.btn.is-loading .btn__text,
.btn.is-loading .btn__icon {
opacity: 0;
}
.btn.is-loading .spinner-wrapper {
display: flex;
}
.btn--paypal {
background-color: #f6c757;
color: #212121;
}
.btn--paypal:after {
border-color: #ffffff;
}
.btn--paypal .btn__text {
display: flex;
gap: 8px;
align-items: center;
}
.btn--paypal .btn__text:after {
content: "";
display: block;
width: 68px;
height: 18px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 68 18'%3E%3Cpath fill='%23253B80' fill-rule='evenodd' d='M8 0H3L2 1 0 14v1h3l1-1v-4h3c3 0 5-2 6-5l-1-4-4-1Zm1 5C8 7 7 7 6 7H5V3h3l1 2Zm15 0h-3v1l-3-1c-3 0-6 2-6 5l1 4 3 1 4-2-1 1 1 1h2l1-1 1-9Zm-4 5c0 1-1 2-3 2l-1-1-1-1 3-3 2 1v2Zm15-5h2l1 1-9 12h-3v-1l2-3-2-9c-1 0 0 0 0 0h3l2 5 3-5h1Z' clip-rule='evenodd'/%3E%3Cpath fill='%23179BD7' fill-rule='evenodd' d='m62 15 2-14h3l1 1-3 13v1h-2l-1-1ZM46 1h-6v1l-3 13 1 1h3v-1l1-4h2c4 0 6-2 6-5l-1-4-3-1Zm0 5c0 2-2 2-3 2h-1l1-4h3v2Zm15 0h-3v1l-3-1c-3 0-5 2-6 5l1 4 4 1c2 0 3-2 3-2v2h3v-1l2-9h-1Zm-3 5-3 2-2-1v-1c0-2 1-3 3-3l1 1 1 2Z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat center/100%;
margin-top: 2px;
}
.spinner-wrapper {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.spinner-wrapper .spinner {
margin: 50% auto;
width: 1.35rem;
height: 1.35rem;
border-radius: 50%;
border: 0.3rem solid rgba(255, 255, 255, 0.3);
border-top-color: var(--color-white);
animation: 1s spin infinite linear;
}
.btn--secondary .spinner-wrapper .spinner, .btn--tertiary .spinner-wrapper .spinner {
border: 0.3rem solid rgba(33, 33, 33, 0.3);
border-top-color: var(--color-font-color);
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.calendar {
width: 100%;
max-width: 316px;
}
.calendar__inner {
position: relative;
background: var(--color-primary-bg);
border: 0.5px solid var(--color-text);
border-radius: 5px;
height: 46px;
}
.calendar__inner ::-webkit-input-placeholder {
color: #212121;
opacity: 1;
}
.calendar__inner :-ms-input-placeholder {
color: #212121;
opacity: 1;
}
.calendar__inner ::placeholder {
color: #212121;
opacity: 1;
}
@media only screen and (max-width: 767px) {
.calendar__inner {
height: 34px;
font-size: 11px;
border-radius: 4px;
border-width: 0.8px;
}
}
.calendar__label {
font-weight: 300;
font-size: 12px;
margin: 0;
width: 100%;
position: absolute;
left: 18px;
top: 4px;
}
@media only screen and (max-width: 767px) {
.calendar__label {
font-size: 10px;
left: 0;
padding: 0 36px 0 12px;
top: 4px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.calendar__input {
background: transparent;
border: 0;
width: 100%;
height: 100%;
z-index: 3;
cursor: pointer;
position: relative;
font-size: 14px;
padding: 20px 18px 4px;
}
@media only screen and (max-width: 767px) {
.calendar__input {
font-size: 11px;
padding: 17px 48px 2px 12px;
}
}
.calendar__arrow {
pointer-events: none;
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 46px;
border-left: 0.5px solid currentColor;
}
@media only screen and (max-width: 767px) {
.calendar__arrow {
width: 34px;
}
}
@media only screen and (max-width: 767px) {
.calendar__arrow .icon {
width: 10px;
height: 6px;
}
}
.mbsc-font {
font-family: "Work Sans", sans-serif;
font-size: 14px;
font-weight: 500;
}
.mbsc-ios.mbsc-calendar-week-day {
font-size: 12px;
}
.mbsc-calendar-week-days {
background-color: #f5f5f5;
color: var(--color-primary);
border-radius: 4px;
font-weight: 400;
}
.mbsc-ios.mbsc-selected .mbsc-calendar-cell-text {
border-color: #c1eed0;
background-color: #c1eed0;
color: var(--color-primary);
}
.mbsc-calendar-year,
.mbsc-calendar-month {
color: var(--color-text);
}
.category {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 96px;
min-height: 30px;
padding: 0 8px;
line-height: 1.5;
border-radius: 5px;
font-weight: 400;
color: var(--color-primary);
background-color: #f5f5f5;
transition: background-color 0.3s ease;
z-index: 10;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.category {
min-width: 80px;
min-height: 28px;
padding: 0 8px;
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.category {
font-size: 16px;
min-width: 80px;
min-height: 32px;
border-radius: 4px;
}
}
.category--link:hover {
background-color: #ffffff;
}
.checkbox.hide-label .checkbox__text, .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 {
-webkit-user-select: none;
user-select: none;
line-height: 1.5;
}
.checkbox__label {
position: relative;
padding-left: 30px;
cursor: pointer;
margin: 0;
display: block;
font-size: 16px;
font-weight: 300;
}
@media only screen and (max-width: 1022px) {
.checkbox__label {
font-size: 12px;
}
}
@media only screen and (max-width: 767px) {
.checkbox__label {
padding-left: 25px;
}
}
.checkbox__label::before, .checkbox__label::after {
content: "";
width: 16px;
height: 16px;
position: absolute;
left: 0;
top: 4px;
transition: background-color 0.3s ease, opacity 0.3s ease, border 0.3s ease;
}
.checkbox__label:before {
border: 1px solid #ffffff;
}
.checkbox__label::after {
background: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0471 1.95286C13.0471 1.74242 12.963 1.53199 12.8114 1.38047L11.6667 0.23569C11.5152 0.0841752 11.3047 0 11.0943 0C10.8838 0 10.6734 0.0841752 10.5219 0.23569L5 5.76599L2.52525 3.28283C2.37374 3.13131 2.1633 3.04714 1.95286 3.04714C1.74242 3.04714 1.53199 3.13131 1.38047 3.28283L0.23569 4.42761C0.0841751 4.57912 0 4.78956 0 5C0 5.21044 0.0841751 5.42088 0.23569 5.57239L4.42761 9.76431C4.57912 9.91582 4.78956 10 5 10C5.21044 10 5.42088 9.91582 5.57239 9.76431L12.8114 2.52525C12.963 2.37374 13.0471 2.1633 13.0471 1.95286Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A") no-repeat 3px/12px;
opacity: 0;
}
.checkbox__info-text {
font-weight: 300;
}
@media only screen and (max-width: 767px) {
.checkbox__info-text {
font-size: 10px;
}
}
.checkbox input:checked ~ label:before {
background-color: #212121;
border-color: #212121;
}
.checkbox input:checked ~ label::after {
opacity: 1;
}
.checkbox a {
font-weight: 600;
color: #212121;
}
.checkbox.hide-label {
width: 18px;
height: 18px;
}
.checkbox.hide-label .checkbox__label::before, .checkbox.hide-label .checkbox__label::after {
top: 0;
}
.checkbox.is-validation-failed .checkbox__label::before, .is-validation-failed .checkbox .checkbox__label::before {
border-color: var(--color-red);
}
.checkbox .fv-plugins-message-container {
text-align: left;
padding-left: 36px;
}
@media only screen and (max-width: 767px) {
.checkbox .fv-plugins-message-container {
padding-left: 25px;
}
}
.checkbox--secondary .checkbox__label {
font-size: 13px;
letter-spacing: 0.24px;
font-weight: 400;
padding-left: 36px;
}
@media only screen and (max-width: 767px) {
.checkbox--secondary .checkbox__label {
font-size: 12px;
padding-left: 28px;
}
}
.checkbox--secondary .checkbox__label::before, .checkbox--secondary .checkbox__label::after {
width: 18px;
height: 18px;
top: 0;
}
@media only screen and (max-width: 767px) {
.checkbox--secondary .checkbox__label::before, .checkbox--secondary .checkbox__label::after {
width: 15px;
height: 15px;
top: 2px;
}
}
.checkbox--secondary .checkbox__label:before {
border: 1px solid var(--color-text);
border-radius: 4px;
}
@media only screen and (max-width: 767px) {
.checkbox--secondary .checkbox__label:before {
border-radius: 3px;
}
}
.checkbox--secondary .checkbox__label::after {
background: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0471 1.95286C13.0471 1.74242 12.963 1.53199 12.8114 1.38047L11.6667 0.23569C11.5152 0.0841752 11.3047 0 11.0943 0C10.8838 0 10.6734 0.0841752 10.5219 0.23569L5 5.76599L2.52525 3.28283C2.37374 3.13131 2.1633 3.04714 1.95286 3.04714C1.74242 3.04714 1.53199 3.13131 1.38047 3.28283L0.23569 4.42761C0.0841751 4.57912 0 4.78956 0 5C0 5.21044 0.0841751 5.42088 0.23569 5.57239L4.42761 9.76431C4.57912 9.91582 4.78956 10 5 10C5.21044 10 5.42088 9.91582 5.57239 9.76431L12.8114 2.52525C12.963 2.37374 13.0471 2.1633 13.0471 1.95286Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A") no-repeat 4px/10px;
}
@media only screen and (max-width: 767px) {
.checkbox--secondary .checkbox__label::after {
background: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0471 1.95286C13.0471 1.74242 12.963 1.53199 12.8114 1.38047L11.6667 0.23569C11.5152 0.0841752 11.3047 0 11.0943 0C10.8838 0 10.6734 0.0841752 10.5219 0.23569L5 5.76599L2.52525 3.28283C2.37374 3.13131 2.1633 3.04714 1.95286 3.04714C1.74242 3.04714 1.53199 3.13131 1.38047 3.28283L0.23569 4.42761C0.0841751 4.57912 0 4.78956 0 5C0 5.21044 0.0841751 5.42088 0.23569 5.57239L4.42761 9.76431C4.57912 9.91582 4.78956 10 5 10C5.21044 10 5.42088 9.91582 5.57239 9.76431L12.8114 2.52525C12.963 2.37374 13.0471 2.1633 13.0471 1.95286Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A") no-repeat 3px/8px;
}
}
.checkbox--secondary + .checkbox--secondary {
margin-top: 12px;
}
.checkbox--large .checkbox__label {
font-size: 18px;
line-height: 1.25;
padding-left: 45px;
letter-spacing: 1.12px;
font-weight: 400;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.checkbox--large .checkbox__label {
font-size: 16px;
padding-left: 35px;
letter-spacing: 0.61px;
}
}
@media only screen and (max-width: 1439px) {
.checkbox--large .checkbox__label {
font-size: 16px;
line-height: 1.25;
padding-left: 35px;
letter-spacing: 0.61px;
}
}
@media only screen and (max-width: 767px) {
.checkbox--large .checkbox__label {
font-size: 12px;
padding-left: 30px;
}
}
.checkbox--large .checkbox__label::before, .checkbox--large .checkbox__label::after {
width: 25px;
height: 25px;
top: -1px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.checkbox--large .checkbox__label::before, .checkbox--large .checkbox__label::after {
width: 22px;
height: 22px;
}
}
@media only screen and (max-width: 1439px) {
.checkbox--large .checkbox__label::before, .checkbox--large .checkbox__label::after {
width: 22px;
height: 22px;
}
}
@media only screen and (max-width: 767px) {
.checkbox--large .checkbox__label::before, .checkbox--large .checkbox__label::after {
width: 17px;
height: 17px;
}
}
.checkbox--large .checkbox__label::before {
border-radius: 4px;
border-color: #212121;
}
@media only screen and (max-width: 1439px) {
.checkbox--large .checkbox__label::before {
border-radius: 2px;
}
}
.checkbox--large .checkbox__label::after {
background: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.84617 12C5.7094 11.9996 5.57418 11.971 5.44892 11.9162C5.32366 11.8613 5.21102 11.7813 5.11802 11.6812L0.270373 6.52999C0.0891619 6.33709 -0.00791256 6.08018 0.000505128 5.81578C0.00892282 5.55138 0.122143 5.30116 0.315259 5.12014C0.508375 4.93913 0.765568 4.84216 1.03026 4.85057C1.29495 4.85898 1.54545 4.97208 1.72666 5.16498L5.83619 9.53899L14.2248 0.372494C14.3099 0.266604 14.4158 0.179215 14.536 0.115696C14.6562 0.0521772 14.7881 0.0138686 14.9236 0.00312352C15.0592 -0.00762156 15.1955 0.00942381 15.3242 0.0532125C15.4528 0.0970011 15.5712 0.166608 15.672 0.25776C15.7728 0.348911 15.8539 0.459681 15.9102 0.583267C15.9666 0.706853 15.9971 0.840645 15.9998 0.976426C16.0025 1.11221 15.9774 1.24711 15.926 1.37285C15.8747 1.49859 15.7981 1.61251 15.7011 1.70762L6.58429 11.6712C6.49216 11.7732 6.37992 11.855 6.25462 11.9116C6.12931 11.9682 5.99364 11.9983 5.85614 12H5.84617Z' fill='%23FFFDFB'/%3E%3C/svg%3E%0A") no-repeat center center/16px auto;
}
@media only screen and (max-width: 1439px) {
.checkbox--large .checkbox__label::after {
background-size: 12px;
}
}
.dropdown {
width: 100%;
position: relative;
-webkit-user-select: none;
user-select: none;
}
@media only screen and (max-width: 767px) {
.dropdown {
max-width: 100%;
}
}
.dropdown__label {
position: absolute;
left: 28px;
top: 8px;
z-index: 4;
pointer-events: none;
opacity: 0;
font-size: 10px;
letter-spacing: 0.15px;
padding: 0;
color: #959494;
font-weight: 300;
will-change: opacity;
transition: opacity 0.3s ease;
}
.dropdown__placeholder {
position: relative;
cursor: pointer;
display: flex;
align-items: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
border-radius: 5px;
border: 0.5px solid var(--color-text);
height: 46px;
padding: 16px 48px 16px 28px;
color: #959494;
font-weight: 300;
letter-spacing: 1.1px;
}
@media only screen and (max-width: 767px) {
.dropdown__placeholder {
border-width: 0.8px;
}
}
.dropdown__placeholder:after {
content: "";
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 60px;
border-left: 0.5px solid var(--color-text);
pointer-events: none;
}
.dropdown__placeholder .icon {
width: 12px;
height: 8px;
position: absolute;
right: 24px;
top: 20px;
transition: transform 0.3s ease;
}
.dropdown__placeholder-text {
transition: transform 0.3s ease;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dropdown__list {
max-height: 300px;
overflow: auto;
position: absolute;
top: 46px;
margin-top: -1px;
opacity: 0;
pointer-events: none;
width: 100%;
z-index: 21;
left: 0;
border: 0.5px solid var(--color-text);
background-color: #ffffff;
transition: opacity 0.3s ease;
border-radius: 0 0 14px 14px;
padding: 8px 0;
}
.dropdown__list-option {
cursor: pointer;
margin: 0;
width: 100%;
display: block;
padding: 6px 28px;
font-size: 13px;
transition: 0.3s ease;
}
.dropdown__list-option.is-active, .dropdown__list-option:hover {
background: #f5f5f5;
}
.dropdown__list input:not([type=submit]):not(.input-field__input) {
position: absolute;
width: 0;
height: 0;
opacity: 0;
}
.dropdown__list input:not([type=submit]):not(.input-field__input):checked + .dropdown__list-option {
font-weight: 600;
color: #212121;
}
.dropdown.is-open .icon {
transform: scaleY(-1);
}
.dropdown.is-open .dropdown__placeholder {
border-radius: 5px 5px 0 0;
}
.dropdown.is-open .dropdown__list {
opacity: 1;
pointer-events: auto;
}
.dropdown.is-selected .dropdown__label {
opacity: 1;
}
.dropdown.is-selected .dropdown__placeholder {
font-size: 13px;
color: var(--color-text);
font-weight: 600;
letter-spacing: 0.24px;
}
.dropdown.is-selected .dropdown__placeholder-text {
transform: translate(0, 6px);
}
.dropdown--multiselect .dropdown__label {
opacity: 0 !important;
}
.dropdown--multiselect .dropdown__placeholder-text {
transform: translate(0, 0) !important;
}
.dropdown--optional-text .dropdown__label {
opacity: 1;
left: 16px;
top: 6px;
}
@media only screen and (max-width: 767px) {
.dropdown--optional-text .dropdown__label {
font-size: 10px;
left: 12px;
top: 4px;
}
}
.dropdown--optional-text .dropdown__placeholder {
font-size: 13px;
color: var(--color-text);
font-weight: 400;
letter-spacing: 0.24px;
padding-left: 16px;
padding-bottom: 12px;
}
@media only screen and (max-width: 767px) {
.dropdown--optional-text .dropdown__placeholder {
height: 34px;
padding: 4px 48px 2px 12px;
font-size: 11px;
border-radius: 4px;
}
}
.dropdown--optional-text .dropdown__placeholder:after {
width: 44px;
}
@media only screen and (max-width: 767px) {
.dropdown--optional-text .dropdown__placeholder:after {
width: 34px;
}
}
.dropdown--optional-text .dropdown__placeholder .icon {
right: 16px;
}
@media only screen and (max-width: 767px) {
.dropdown--optional-text .dropdown__placeholder .icon {
width: 10px;
height: 6px;
right: 12px;
top: 15px;
}
}
.dropdown--optional-text .dropdown__placeholder-text {
transform: translate(0, 6px);
}
@media only screen and (max-width: 767px) {
.dropdown--optional-text .dropdown__list-option {
padding: 4px 12px;
}
}
.dropdown.is-validation-failed .dropdown__placeholder {
border: 1.5px solid var(--color-red);
}
.icon::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.icon {
display: block;
position: relative;
}
.icon::before {
background-color: var(--color-text);
-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-arrow-right, .icon-arrow-left {
width: 10px;
height: 10px;
}
.icon-arrow-right::before, .icon-arrow-left::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10.2px' height='9px' viewBox='0 0 10.2 9' style='enable-background:new 0 0 10.2 9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23000000;%7D .st1%7Bfill:none;stroke:%23000000;stroke-linecap:square;%7D%0A%3C/style%3E%3Cg transform='translate(10.200000, 10.800000)'%3E%3Cpolyline class='st0' points='-4.9,-10.4 -0.7,-6.3 -4.9,-2.1 '/%3E%3Cline class='st1' x1='-1.2' y1='-6.3' x2='-10.2' y2='-6.3'/%3E%3C/g%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10.2px' height='9px' viewBox='0 0 10.2 9' style='enable-background:new 0 0 10.2 9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23000000;%7D .st1%7Bfill:none;stroke:%23000000;stroke-linecap:square;%7D%0A%3C/style%3E%3Cg transform='translate(10.200000, 10.800000)'%3E%3Cpolyline class='st0' points='-4.9,-10.4 -0.7,-6.3 -4.9,-2.1 '/%3E%3Cline class='st1' x1='-1.2' y1='-6.3' x2='-10.2' y2='-6.3'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.icon-chevron-up, .icon-chevron-down {
width: 12px;
height: 12px;
}
.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='15' height='9' fill='none'%3E%3Cpath fill='%23ffffff' d='M14.487.387a1.317 1.317 0 0 0-1.865 0L7.49 5.519 2.358.387a1.317 1.317 0 0 0-1.864 0 1.317 1.317 0 0 0 0 1.865l6.07 6.07c.516.516 1.35.516 1.865 0l6.071-6.07c.503-.503.503-1.35-.013-1.865Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='9' fill='none'%3E%3Cpath fill='%23ffffff' d='M14.487.387a1.317 1.317 0 0 0-1.865 0L7.49 5.519 2.358.387a1.317 1.317 0 0 0-1.864 0 1.317 1.317 0 0 0 0 1.865l6.07 6.07c.516.516 1.35.516 1.865 0l6.071-6.07c.503-.503.503-1.35-.013-1.865Z'/%3E%3C/svg%3E");
}
.icon-chevron-left, .icon-chevron-right {
width: 10px;
height: 18px;
}
.icon-chevron-left:before, .icon-chevron-right:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 14L8 8L2 2' stroke='%23333A3A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 14L8 8L2 2' stroke='%23333A3A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-chevron-left-light, .icon-chevron-right-light {
width: 10px;
height: 18px;
}
.icon-chevron-left-light:before, .icon-chevron-right-light:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 15L8 8L1 1' stroke='%23333A3A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 15L8 8L1 1' stroke='%23333A3A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-chevron-up:before, .icon-chevron-left:before, .icon-arrow-left:before {
transform: scale(-1);
}
.icon-cross {
width: 22px;
height: 22px;
}
.icon-cross:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg%3E%3Cg%3E%3Cpath fill='none' stroke='%23000000' stroke-miterlimit='50' stroke-width='2' d='M18.628 1.37L.95 19.048'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='none' stroke='%23000000' stroke-miterlimit='50' stroke-width='2' d='M18.678 18.678L1 1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg%3E%3Cg%3E%3Cpath fill='none' stroke='%23000000' stroke-miterlimit='50' stroke-width='2' d='M18.628 1.37L.95 19.048'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='none' stroke='%23000000' stroke-miterlimit='50' stroke-width='2' d='M18.678 18.678L1 1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.icon-check {
width: 16px;
height: 12px;
}
.icon-check:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.84617 12C5.7094 11.9996 5.57418 11.971 5.44892 11.9162C5.32366 11.8613 5.21102 11.7813 5.11802 11.6812L0.270373 6.52999C0.0891619 6.33709 -0.00791256 6.08018 0.000505128 5.81578C0.00892282 5.55138 0.122143 5.30116 0.315259 5.12014C0.508375 4.93913 0.765568 4.84216 1.03026 4.85057C1.29495 4.85898 1.54545 4.97208 1.72666 5.16498L5.83619 9.53899L14.2248 0.372494C14.3099 0.266604 14.4158 0.179215 14.536 0.115696C14.6562 0.0521772 14.7881 0.0138686 14.9236 0.00312352C15.0592 -0.00762156 15.1955 0.00942381 15.3242 0.0532125C15.4528 0.0970011 15.5712 0.166608 15.672 0.25776C15.7728 0.348911 15.8539 0.459681 15.9102 0.583267C15.9666 0.706853 15.9971 0.840645 15.9998 0.976426C16.0025 1.11221 15.9774 1.24711 15.926 1.37285C15.8747 1.49859 15.7981 1.61251 15.7011 1.70762L6.58429 11.6712C6.49216 11.7732 6.37992 11.855 6.25462 11.9116C6.12931 11.9682 5.99364 11.9983 5.85614 12H5.84617Z' fill='%23FFFDFB'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.84617 12C5.7094 11.9996 5.57418 11.971 5.44892 11.9162C5.32366 11.8613 5.21102 11.7813 5.11802 11.6812L0.270373 6.52999C0.0891619 6.33709 -0.00791256 6.08018 0.000505128 5.81578C0.00892282 5.55138 0.122143 5.30116 0.315259 5.12014C0.508375 4.93913 0.765568 4.84216 1.03026 4.85057C1.29495 4.85898 1.54545 4.97208 1.72666 5.16498L5.83619 9.53899L14.2248 0.372494C14.3099 0.266604 14.4158 0.179215 14.536 0.115696C14.6562 0.0521772 14.7881 0.0138686 14.9236 0.00312352C15.0592 -0.00762156 15.1955 0.00942381 15.3242 0.0532125C15.4528 0.0970011 15.5712 0.166608 15.672 0.25776C15.7728 0.348911 15.8539 0.459681 15.9102 0.583267C15.9666 0.706853 15.9971 0.840645 15.9998 0.976426C16.0025 1.11221 15.9774 1.24711 15.926 1.37285C15.8747 1.49859 15.7981 1.61251 15.7011 1.70762L6.58429 11.6712C6.49216 11.7732 6.37992 11.855 6.25462 11.9116C6.12931 11.9682 5.99364 11.9983 5.85614 12H5.84617Z' fill='%23FFFDFB'/%3E%3C/svg%3E%0A");
}
.icon-search {
width: 22px;
height: 22px;
}
.icon-search:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' fill='none'%3E%3Cpath fill='%23FFFDFB' d='m21.32 20.45-4.093-4.256a10.217 10.217 0 0 0 2.034-6.151 10.35 10.35 0 0 0-1.623-5.58A9.73 9.73 0 0 0 13.316.764 9.264 9.264 0 0 0 7.752.193 9.515 9.515 0 0 0 2.82 2.941 10.183 10.183 0 0 0 .185 8.083a10.442 10.442 0 0 0 .548 5.803 9.964 9.964 0 0 0 3.547 4.507 9.352 9.352 0 0 0 5.35 1.692 9.287 9.287 0 0 0 5.9-2.121l4.08 4.268a1.2 1.2 0 0 0 .392.275 1.162 1.162 0 0 0 1.318-.275 1.26 1.26 0 0 0 .263-.409 1.302 1.302 0 0 0-.263-1.374ZM2.408 10.042c0-1.49.423-2.946 1.217-4.185a7.297 7.297 0 0 1 3.241-2.774 6.948 6.948 0 0 1 4.174-.429 7.136 7.136 0 0 1 3.698 2.062 7.637 7.637 0 0 1 1.977 3.856 7.833 7.833 0 0 1-.411 4.352 7.473 7.473 0 0 1-2.66 3.38 7.014 7.014 0 0 1-4.014 1.27c-1.915 0-3.752-.794-5.107-2.207-1.354-1.412-2.115-3.328-2.115-5.325Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' fill='none'%3E%3Cpath fill='%23FFFDFB' d='m21.32 20.45-4.093-4.256a10.217 10.217 0 0 0 2.034-6.151 10.35 10.35 0 0 0-1.623-5.58A9.73 9.73 0 0 0 13.316.764 9.264 9.264 0 0 0 7.752.193 9.515 9.515 0 0 0 2.82 2.941 10.183 10.183 0 0 0 .185 8.083a10.442 10.442 0 0 0 .548 5.803 9.964 9.964 0 0 0 3.547 4.507 9.352 9.352 0 0 0 5.35 1.692 9.287 9.287 0 0 0 5.9-2.121l4.08 4.268a1.2 1.2 0 0 0 .392.275 1.162 1.162 0 0 0 1.318-.275 1.26 1.26 0 0 0 .263-.409 1.302 1.302 0 0 0-.263-1.374ZM2.408 10.042c0-1.49.423-2.946 1.217-4.185a7.297 7.297 0 0 1 3.241-2.774 6.948 6.948 0 0 1 4.174-.429 7.136 7.136 0 0 1 3.698 2.062 7.637 7.637 0 0 1 1.977 3.856 7.833 7.833 0 0 1-.411 4.352 7.473 7.473 0 0 1-2.66 3.38 7.014 7.014 0 0 1-4.014 1.27c-1.915 0-3.752-.794-5.107-2.207-1.354-1.412-2.115-3.328-2.115-5.325Z'/%3E%3C/svg%3E");
}
.icon-search--white {
width: 22px;
height: 22px;
}
.icon-search--white:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' fill='none'%3E%3Cpath fill='%23FFFDFB' d='m21.32 20.45-4.093-4.256a10.217 10.217 0 0 0 2.034-6.151 10.35 10.35 0 0 0-1.623-5.58A9.73 9.73 0 0 0 13.316.764 9.264 9.264 0 0 0 7.752.193 9.515 9.515 0 0 0 2.82 2.941 10.183 10.183 0 0 0 .185 8.083a10.442 10.442 0 0 0 .548 5.803 9.964 9.964 0 0 0 3.547 4.507 9.352 9.352 0 0 0 5.35 1.692 9.287 9.287 0 0 0 5.9-2.121l4.08 4.268a1.2 1.2 0 0 0 .392.275 1.162 1.162 0 0 0 1.318-.275 1.26 1.26 0 0 0 .263-.409 1.302 1.302 0 0 0-.263-1.374ZM2.408 10.042c0-1.49.423-2.946 1.217-4.185a7.297 7.297 0 0 1 3.241-2.774 6.948 6.948 0 0 1 4.174-.429 7.136 7.136 0 0 1 3.698 2.062 7.637 7.637 0 0 1 1.977 3.856 7.833 7.833 0 0 1-.411 4.352 7.473 7.473 0 0 1-2.66 3.38 7.014 7.014 0 0 1-4.014 1.27c-1.915 0-3.752-.794-5.107-2.207-1.354-1.412-2.115-3.328-2.115-5.325Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' fill='none'%3E%3Cpath fill='%23FFFDFB' d='m21.32 20.45-4.093-4.256a10.217 10.217 0 0 0 2.034-6.151 10.35 10.35 0 0 0-1.623-5.58A9.73 9.73 0 0 0 13.316.764 9.264 9.264 0 0 0 7.752.193 9.515 9.515 0 0 0 2.82 2.941 10.183 10.183 0 0 0 .185 8.083a10.442 10.442 0 0 0 .548 5.803 9.964 9.964 0 0 0 3.547 4.507 9.352 9.352 0 0 0 5.35 1.692 9.287 9.287 0 0 0 5.9-2.121l4.08 4.268a1.2 1.2 0 0 0 .392.275 1.162 1.162 0 0 0 1.318-.275 1.26 1.26 0 0 0 .263-.409 1.302 1.302 0 0 0-.263-1.374ZM2.408 10.042c0-1.49.423-2.946 1.217-4.185a7.297 7.297 0 0 1 3.241-2.774 6.948 6.948 0 0 1 4.174-.429 7.136 7.136 0 0 1 3.698 2.062 7.637 7.637 0 0 1 1.977 3.856 7.833 7.833 0 0 1-.411 4.352 7.473 7.473 0 0 1-2.66 3.38 7.014 7.014 0 0 1-4.014 1.27c-1.915 0-3.752-.794-5.107-2.207-1.354-1.412-2.115-3.328-2.115-5.325Z'/%3E%3C/svg%3E");
}
.icon-facebook {
width: 24px;
height: 24px;
}
.icon-facebook:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000000' d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000000' d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'/%3E%3C/svg%3E");
}
.icon-instagram {
width: 24px;
height: 24px;
}
.icon-instagram:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000000' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.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 fill='%23000000' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E");
}
.icon-twitter {
width: 24px;
height: 24px;
}
.icon-twitter:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000000' d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000000' d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'/%3E%3C/svg%3E");
}
.icon-youtube {
width: 24px;
height: 24px;
}
.icon-youtube:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23000000' d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23000000' d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'/%3E%3C/svg%3E");
}
.icon-linkedin {
width: 24px;
height: 24px;
}
.icon-linkedin:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000000' d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z'/%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 fill='%23000000' d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z'/%3E%3C/svg%3E");
}
.icon-share {
width: 24px;
height: 24px;
}
.icon-share:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg%3E%3Cg%3E%3Cg/%3E%3Cg/%3E%3Cg%3E%3Cpath fill='%23c1c1c1' d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7 0-.24-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92 0-1.61-1.31-2.92-2.92-2.92z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg%3E%3Cg%3E%3Cg/%3E%3Cg/%3E%3Cg%3E%3Cpath fill='%23c1c1c1' d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7 0-.24-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92 0-1.61-1.31-2.92-2.92-2.92z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.icon-mail {
width: 24px;
height: 24px;
}
.icon-mail:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000000' d='M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000000' d='M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z'/%3E%3C/svg%3E");
}
.icon-info {
width: 6px;
height: 12px;
}
.icon-info:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath fill='%23000000' d='M20 424.229h20V279.771H20c-11.046 0-20-8.954-20-20V212c0-11.046 8.954-20 20-20h112c11.046 0 20 8.954 20 20v212.229h20c11.046 0 20 8.954 20 20V492c0 11.046-8.954 20-20 20H20c-11.046 0-20-8.954-20-20v-47.771c0-11.046 8.954-20 20-20zM96 0C56.235 0 24 32.235 24 72s32.235 72 72 72 72-32.235 72-72S135.764 0 96 0z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath fill='%23000000' d='M20 424.229h20V279.771H20c-11.046 0-20-8.954-20-20V212c0-11.046 8.954-20 20-20h112c11.046 0 20 8.954 20 20v212.229h20c11.046 0 20 8.954 20 20V492c0 11.046-8.954 20-20 20H20c-11.046 0-20-8.954-20-20v-47.771c0-11.046 8.954-20 20-20zM96 0C56.235 0 24 32.235 24 72s32.235 72 72 72 72-32.235 72-72S135.764 0 96 0z'/%3E%3C/svg%3E");
}
.icon-plus {
width: 40px;
height: 40px;
}
.icon-plus::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Group_267' data-name='Group 267' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cline id='Line_2325' data-name='Line 2325' y1='40' transform='translate(20)' fill='none' stroke='%23009fe3' stroke-width='1'/%3E%3Cline id='Line_2326' data-name='Line 2326' x2='40' transform='translate(0 20)' fill='none' stroke='%23009fe3' stroke-width='1'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg id='Group_267' data-name='Group 267' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cline id='Line_2325' data-name='Line 2325' y1='40' transform='translate(20)' fill='none' stroke='%23009fe3' stroke-width='1'/%3E%3Cline id='Line_2326' data-name='Line 2326' x2='40' transform='translate(0 20)' fill='none' stroke='%23009fe3' stroke-width='1'/%3E%3C/svg%3E%0A");
}
.icon-cart {
width: 23px;
height: 22px;
}
.icon-cart::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='25' fill='none'%3E%3Cpath fill='%23FCFAF8' d='M25.538 5.355a2.678 2.678 0 0 0-2.275-1.339H6.13L5.354.991a1.339 1.339 0 0 0-1.339-.99H1.338a1.338 1.338 0 1 0 0 2.677h1.66L6.692 16.41a1.338 1.338 0 0 0 1.339.99h12.046a1.339 1.339 0 0 0 1.191-.735l4.39-8.78a2.677 2.677 0 0 0-.12-2.53Zm-6.29 9.369h-10.2l-2.182-8.03h16.397l-4.016 8.03ZM7.361 24.092a2.008 2.008 0 1 0 0-4.016 2.008 2.008 0 0 0 0 4.016ZM20.746 24.092a2.008 2.008 0 1 0 0-4.016 2.008 2.008 0 0 0 0 4.016Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='25' fill='none'%3E%3Cpath fill='%23FCFAF8' d='M25.538 5.355a2.678 2.678 0 0 0-2.275-1.339H6.13L5.354.991a1.339 1.339 0 0 0-1.339-.99H1.338a1.338 1.338 0 1 0 0 2.677h1.66L6.692 16.41a1.338 1.338 0 0 0 1.339.99h12.046a1.339 1.339 0 0 0 1.191-.735l4.39-8.78a2.677 2.677 0 0 0-.12-2.53Zm-6.29 9.369h-10.2l-2.182-8.03h16.397l-4.016 8.03ZM7.361 24.092a2.008 2.008 0 1 0 0-4.016 2.008 2.008 0 0 0 0 4.016ZM20.746 24.092a2.008 2.008 0 1 0 0-4.016 2.008 2.008 0 0 0 0 4.016Z'/%3E%3C/svg%3E");
}
.icon-heart {
width: 22px;
height: 20px;
}
.icon-heart::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' fill='none'%3E%3Cpath fill='%23FCFAF8' d='M10.96 19.857c-.144.001-.287-.029-.42-.087a1.092 1.092 0 0 1-.358-.252L1.667 10.43C.6 9.28 0 7.728 0 6.11 0 4.49.6 2.937 1.667 1.787 2.744.642 4.202 0 5.722 0 7.242 0 8.7.642 9.776 1.787l1.184 1.261 1.183-1.261C13.22.642 14.678 0 16.198 0c1.52 0 2.978.642 4.055 1.787 1.068 1.15 1.667 2.703 1.667 4.322 0 1.618-.6 3.171-1.668 4.322l-8.514 9.087a1.093 1.093 0 0 1-.357.252 1.037 1.037 0 0 1-.421.087ZM5.722 2.336a3.319 3.319 0 0 0-1.353.282 3.5 3.5 0 0 0-1.146.816A3.916 3.916 0 0 0 2.19 6.103c0 1 .371 1.96 1.033 2.669l7.737 8.258 7.736-8.258a3.915 3.915 0 0 0 1.034-2.67c0-1-.372-1.96-1.034-2.668a3.52 3.52 0 0 0-2.498-1.06 3.52 3.52 0 0 0-2.499 1.06l-1.961 2.102c-.102.11-.223.197-.357.256a1.038 1.038 0 0 1-.843 0 1.095 1.095 0 0 1-.356-.256L8.22 3.434a3.5 3.5 0 0 0-1.146-.816 3.319 3.319 0 0 0-1.352-.282Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' fill='none'%3E%3Cpath fill='%23FCFAF8' d='M10.96 19.857c-.144.001-.287-.029-.42-.087a1.092 1.092 0 0 1-.358-.252L1.667 10.43C.6 9.28 0 7.728 0 6.11 0 4.49.6 2.937 1.667 1.787 2.744.642 4.202 0 5.722 0 7.242 0 8.7.642 9.776 1.787l1.184 1.261 1.183-1.261C13.22.642 14.678 0 16.198 0c1.52 0 2.978.642 4.055 1.787 1.068 1.15 1.667 2.703 1.667 4.322 0 1.618-.6 3.171-1.668 4.322l-8.514 9.087a1.093 1.093 0 0 1-.357.252 1.037 1.037 0 0 1-.421.087ZM5.722 2.336a3.319 3.319 0 0 0-1.353.282 3.5 3.5 0 0 0-1.146.816A3.916 3.916 0 0 0 2.19 6.103c0 1 .371 1.96 1.033 2.669l7.737 8.258 7.736-8.258a3.915 3.915 0 0 0 1.034-2.67c0-1-.372-1.96-1.034-2.668a3.52 3.52 0 0 0-2.498-1.06 3.52 3.52 0 0 0-2.499 1.06l-1.961 2.102c-.102.11-.223.197-.357.256a1.038 1.038 0 0 1-.843 0 1.095 1.095 0 0 1-.356-.256L8.22 3.434a3.5 3.5 0 0 0-1.146-.816 3.319 3.319 0 0 0-1.352-.282Z'/%3E%3C/svg%3E");
}
.icon-user {
width: 17px;
height: 22px;
}
.icon-user::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='22' fill='none'%3E%3Cpath fill='%23FFFDFB' d='M8.397 9.597a4.798 4.798 0 1 0 0-9.597 4.798 4.798 0 0 0 0 9.597Zm0-7.198a2.4 2.4 0 1 1 0 4.799 2.4 2.4 0 0 1 0-4.799ZM8.397 11.996A8.397 8.397 0 0 0 0 20.393a1.2 1.2 0 1 0 2.4 0 5.998 5.998 0 0 1 11.995 0 1.2 1.2 0 1 0 2.4 0 8.397 8.397 0 0 0-8.398-8.397Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='22' fill='none'%3E%3Cpath fill='%23FFFDFB' d='M8.397 9.597a4.798 4.798 0 1 0 0-9.597 4.798 4.798 0 0 0 0 9.597Zm0-7.198a2.4 2.4 0 1 1 0 4.799 2.4 2.4 0 0 1 0-4.799ZM8.397 11.996A8.397 8.397 0 0 0 0 20.393a1.2 1.2 0 1 0 2.4 0 5.998 5.998 0 0 1 11.995 0 1.2 1.2 0 1 0 2.4 0 8.397 8.397 0 0 0-8.398-8.397Z'/%3E%3C/svg%3E");
}
.icon-question-bubble {
width: 50px;
height: 48px;
}
.icon-question-bubble::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='48' fill='none'%3E%3Cpath stroke='%23E4B287' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='3.45' d='M36.5 38.8h-9.2l-10.235 6.808a2.293 2.293 0 0 1-3.565-1.909V38.8C6.6 38.8 2 34.2 2 27.3V13.5C2 6.6 6.6 2 13.5 2h23C43.4 2 48 6.6 48 13.5v13.8c0 6.9-4.6 11.5-11.5 11.5Z'/%3E%3Cpath stroke='%23E4B287' stroke-linecap='round' stroke-linejoin='round' stroke-width='3.45' d='M25 22.538v-.483c0-1.564.966-2.392 1.932-3.06.943-.643 1.886-1.472 1.886-2.99A3.809 3.809 0 0 0 25 12.189a3.809 3.809 0 0 0-3.818 3.818m3.806 12.029h.023'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='48' fill='none'%3E%3Cpath stroke='%23E4B287' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='3.45' d='M36.5 38.8h-9.2l-10.235 6.808a2.293 2.293 0 0 1-3.565-1.909V38.8C6.6 38.8 2 34.2 2 27.3V13.5C2 6.6 6.6 2 13.5 2h23C43.4 2 48 6.6 48 13.5v13.8c0 6.9-4.6 11.5-11.5 11.5Z'/%3E%3Cpath stroke='%23E4B287' stroke-linecap='round' stroke-linejoin='round' stroke-width='3.45' d='M25 22.538v-.483c0-1.564.966-2.392 1.932-3.06.943-.643 1.886-1.472 1.886-2.99A3.809 3.809 0 0 0 25 12.189a3.809 3.809 0 0 0-3.818 3.818m3.806 12.029h.023'/%3E%3C/svg%3E");
}
.icon-faq {
width: 24px;
height: 24px;
}
.icon-faq::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='23' fill='none'%3E%3Cpath fill='%23333A3A' d='M11.755 8.098c.502 0 .95.07 1.343.213.393.136.702.346.926.631.23.278.346.628.346 1.048 0 .42-.088.763-.265 1.028-.17.257-.403.454-.702.59a3.323 3.323 0 0 1-.966.254l-.102.875h-1.526l.01-1.546c.427-.041.763-.102 1.007-.184.251-.088.428-.196.53-.325a.717.717 0 0 0 .152-.458.735.735 0 0 0-.102-.397.565.565 0 0 0-.285-.244 1.22 1.22 0 0 0-.488-.081c-.292 0-.522.088-.692.264-.17.17-.278.424-.326.763l-1.668-.58c.088-.352.24-.668.458-.946.224-.285.525-.505.905-.661.387-.163.868-.244 1.445-.244Zm-.163 5.199c.305 0 .543.074.712.223.177.15.265.36.265.631 0 .265-.088.472-.265.621-.17.15-.407.224-.712.224-.298 0-.536-.075-.712-.224-.17-.15-.254-.356-.254-.62 0-.272.084-.482.254-.631.176-.15.414-.224.712-.224Z'/%3E%3Cpath stroke='%23333A3A' stroke-width='2.204' d='M22.707 11.5c0 5.707-4.8 10.398-10.803 10.398-6.002 0-10.802-4.691-10.802-10.398s4.8-10.398 10.803-10.398c6.002 0 10.802 4.691 10.802 10.398Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='23' fill='none'%3E%3Cpath fill='%23333A3A' d='M11.755 8.098c.502 0 .95.07 1.343.213.393.136.702.346.926.631.23.278.346.628.346 1.048 0 .42-.088.763-.265 1.028-.17.257-.403.454-.702.59a3.323 3.323 0 0 1-.966.254l-.102.875h-1.526l.01-1.546c.427-.041.763-.102 1.007-.184.251-.088.428-.196.53-.325a.717.717 0 0 0 .152-.458.735.735 0 0 0-.102-.397.565.565 0 0 0-.285-.244 1.22 1.22 0 0 0-.488-.081c-.292 0-.522.088-.692.264-.17.17-.278.424-.326.763l-1.668-.58c.088-.352.24-.668.458-.946.224-.285.525-.505.905-.661.387-.163.868-.244 1.445-.244Zm-.163 5.199c.305 0 .543.074.712.223.177.15.265.36.265.631 0 .265-.088.472-.265.621-.17.15-.407.224-.712.224-.298 0-.536-.075-.712-.224-.17-.15-.254-.356-.254-.62 0-.272.084-.482.254-.631.176-.15.414-.224.712-.224Z'/%3E%3Cpath stroke='%23333A3A' stroke-width='2.204' d='M22.707 11.5c0 5.707-4.8 10.398-10.803 10.398-6.002 0-10.802-4.691-10.802-10.398s4.8-10.398 10.803-10.398c6.002 0 10.802 4.691 10.802 10.398Z'/%3E%3C/svg%3E");
}
.icon-wave {
width: 90px;
height: 48px;
}
.icon-wave::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='16' fill='none'%3E%3Cpath stroke='%23212121' stroke-dasharray='6 6' stroke-miterlimit='10' stroke-width='2' d='M91 14.457c-4.926 0-7.44-3.533-9.656-6.651-2.148-3.02-4.178-5.876-8.158-5.876-3.98 0-6.012 2.853-8.16 5.876-2.218 3.118-4.732 6.65-9.658 6.65-4.926 0-7.44-3.532-9.656-6.65-2.149-3.02-4.178-5.876-8.16-5.876s-6.01 2.853-8.158 5.874c-2.218 3.118-4.73 6.65-9.656 6.65s-7.44-3.532-9.656-6.65c-2.149-3.019-4.178-5.872-8.16-5.872A.927.927 0 0 1 1 1'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='16' fill='none'%3E%3Cpath stroke='%23212121' stroke-dasharray='6 6' stroke-miterlimit='10' stroke-width='2' d='M91 14.457c-4.926 0-7.44-3.533-9.656-6.651-2.148-3.02-4.178-5.876-8.158-5.876-3.98 0-6.012 2.853-8.16 5.876-2.218 3.118-4.732 6.65-9.658 6.65-4.926 0-7.44-3.532-9.656-6.65-2.149-3.02-4.178-5.876-8.16-5.876s-6.01 2.853-8.158 5.874c-2.218 3.118-4.73 6.65-9.656 6.65s-7.44-3.532-9.656-6.65c-2.149-3.019-4.178-5.872-8.16-5.872A.927.927 0 0 1 1 1'/%3E%3C/svg%3E");
}
.icon-heart-fill {
width: 22px;
height: 20px;
}
.icon-heart-fill::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='15' fill='none'%3E%3Cpath fill='%23B03B3B' d='M8.5 14.285a.799.799 0 0 1-.567-.232l-6.202-6.21a4.199 4.199 0 0 1 0-5.907 4.183 4.183 0 0 1 5.907 0l.862.862.862-.862a4.183 4.183 0 0 1 5.907 0 4.199 4.199 0 0 1 0 5.907l-6.202 6.21a.797.797 0 0 1-.567.232Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='15' fill='none'%3E%3Cpath fill='%23B03B3B' d='M8.5 14.285a.799.799 0 0 1-.567-.232l-6.202-6.21a4.199 4.199 0 0 1 0-5.907 4.183 4.183 0 0 1 5.907 0l.862.862.862-.862a4.183 4.183 0 0 1 5.907 0 4.199 4.199 0 0 1 0 5.907l-6.202 6.21a.797.797 0 0 1-.567.232Z'/%3E%3C/svg%3E");
}
.icon-home {
width: 18px;
height: 22px;
}
.icon-home::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='21' viewBox='0 0 18 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.42 8.41116L9.71005 0.304314C9.61709 0.207887 9.50649 0.131351 9.38463 0.0791209C9.26277 0.0268907 9.13207 0 9.00006 0C8.86805 0 8.73734 0.0268907 8.61548 0.0791209C8.49362 0.131351 8.38302 0.207887 8.29006 0.304314L0.580112 8.42145C0.39355 8.61493 0.246208 8.84461 0.146642 9.09716C0.0470765 9.34971 -0.00272976 9.6201 0.000115364 9.89261V18.5139C-0.000659455 19.0405 0.194887 19.5474 0.546486 19.9302C0.898085 20.313 1.37897 20.5425 1.8901 20.5714H16.11C16.6211 20.5425 17.102 20.313 17.4536 19.9302C17.8052 19.5474 18.0008 19.0405 18 18.5139V9.89261C18.0008 9.34009 17.7928 8.80887 17.42 8.41116ZM7.00007 18.5139V12.3411H11V18.5139H7.00007ZM16 18.5139H13V11.3123C13 11.0395 12.8947 10.7778 12.7071 10.5849C12.5196 10.3919 12.2653 10.2836 12 10.2836H6.00008C5.73486 10.2836 5.48051 10.3919 5.29297 10.5849C5.10544 10.7778 5.00008 11.0395 5.00008 11.3123V18.5139H2.0001V9.85146L9.00006 2.49563L16 9.89261V18.5139Z' fill='%23333A3A'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='18' height='21' viewBox='0 0 18 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.42 8.41116L9.71005 0.304314C9.61709 0.207887 9.50649 0.131351 9.38463 0.0791209C9.26277 0.0268907 9.13207 0 9.00006 0C8.86805 0 8.73734 0.0268907 8.61548 0.0791209C8.49362 0.131351 8.38302 0.207887 8.29006 0.304314L0.580112 8.42145C0.39355 8.61493 0.246208 8.84461 0.146642 9.09716C0.0470765 9.34971 -0.00272976 9.6201 0.000115364 9.89261V18.5139C-0.000659455 19.0405 0.194887 19.5474 0.546486 19.9302C0.898085 20.313 1.37897 20.5425 1.8901 20.5714H16.11C16.6211 20.5425 17.102 20.313 17.4536 19.9302C17.8052 19.5474 18.0008 19.0405 18 18.5139V9.89261C18.0008 9.34009 17.7928 8.80887 17.42 8.41116ZM7.00007 18.5139V12.3411H11V18.5139H7.00007ZM16 18.5139H13V11.3123C13 11.0395 12.8947 10.7778 12.7071 10.5849C12.5196 10.3919 12.2653 10.2836 12 10.2836H6.00008C5.73486 10.2836 5.48051 10.3919 5.29297 10.5849C5.10544 10.7778 5.00008 11.0395 5.00008 11.3123V18.5139H2.0001V9.85146L9.00006 2.49563L16 9.89261V18.5139Z' fill='%23333A3A'/%3E%3C/svg%3E%0A");
}
.icon-filter {
width: 14px;
height: 12px;
}
.icon-filter::before {
-webkit-mask-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1209 3.66212C10.716 3.66318 10.3213 3.78152 9.99107 4.00091C9.6608 4.2203 9.41107 4.53 9.2761 4.88755H0.654168C0.480672 4.88755 0.314282 4.9521 0.191601 5.06701C0.068921 5.18191 0 5.33776 0 5.50026C0 5.66276 0.068921 5.81861 0.191601 5.93352C0.314282 6.04842 0.480672 6.11298 0.654168 6.11298H9.2761C9.39611 6.4309 9.60718 6.71178 9.88621 6.92487C10.1652 7.13796 10.5015 7.27506 10.8581 7.32115C11.2148 7.36724 11.5781 7.32055 11.9083 7.1862C12.2385 7.05185 12.5229 6.835 12.7303 6.5594C12.9378 6.28379 13.0603 5.96005 13.0844 5.6236C13.1086 5.28715 13.0335 4.95096 12.8673 4.65182C12.7011 4.35268 12.4503 4.10212 12.1423 3.92756C11.8342 3.753 11.4809 3.66117 11.1209 3.66212ZM11.1209 6.11298C10.9915 6.11298 10.865 6.07704 10.7574 6.00972C10.6498 5.94239 10.566 5.8467 10.5165 5.73474C10.467 5.62278 10.454 5.49958 10.4793 5.38073C10.5045 5.26187 10.5668 5.1527 10.6583 5.06701C10.7498 4.98132 10.8663 4.92296 10.9932 4.89932C11.1201 4.87568 11.2517 4.88781 11.3712 4.93419C11.4907 4.98056 11.5929 5.05909 11.6648 5.15986C11.7367 5.26062 11.775 5.37908 11.775 5.50026C11.775 5.66276 11.7061 5.81861 11.5834 5.93352C11.4607 6.04842 11.2944 6.11298 11.1209 6.11298Z' fill='%23333A3A'/%3E%3Cpath d='M0.654168 2.43645H1.42609C1.5636 2.7913 1.81442 3.0979 2.14447 3.31456C2.47452 3.53123 2.86779 3.64746 3.27084 3.64746C3.67389 3.64746 4.06716 3.53123 4.39721 3.31456C4.72726 3.0979 4.97809 2.7913 5.11559 2.43645H12.4292C12.6027 2.43645 12.7691 2.37189 12.8918 2.25699C13.0144 2.14208 13.0834 1.98623 13.0834 1.82373C13.0834 1.66123 13.0144 1.50538 12.8918 1.39048C12.7691 1.27557 12.6027 1.21102 12.4292 1.21102H5.11559C4.97809 0.856162 4.72726 0.549567 4.39721 0.332899C4.06716 0.116232 3.67389 0 3.27084 0C2.86779 0 2.47452 0.116232 2.14447 0.332899C1.81442 0.549567 1.5636 0.856162 1.42609 1.21102H0.654168C0.480672 1.21102 0.314282 1.27557 0.191601 1.39048C0.0689211 1.50538 0 1.66123 0 1.82373C0 1.98623 0.0689211 2.14208 0.191601 2.25699C0.314282 2.37189 0.480672 2.43645 0.654168 2.43645ZM3.27084 1.21102C3.40022 1.21102 3.5267 1.24695 3.63428 1.31428C3.74185 1.3816 3.8257 1.4773 3.87521 1.58926C3.92473 1.70122 3.93768 1.82441 3.91244 1.94327C3.8872 2.06212 3.82489 2.1713 3.73341 2.25699C3.64192 2.34268 3.52536 2.40103 3.39846 2.42467C3.27157 2.44832 3.14003 2.43618 3.0205 2.38981C2.90097 2.34343 2.7988 2.2649 2.72692 2.16414C2.65504 2.06338 2.61667 1.94492 2.61667 1.82373C2.61667 1.66123 2.68559 1.50538 2.80827 1.39048C2.93095 1.27557 3.09734 1.21102 3.27084 1.21102Z' fill='%23333A3A'/%3E%3Cpath d='M12.4292 8.56453H7.73227C7.59476 8.20968 7.34393 7.90308 7.01388 7.68642C6.68383 7.46975 6.29056 7.35352 5.88751 7.35352C5.48447 7.35352 5.09119 7.46975 4.76114 7.68642C4.43109 7.90308 4.18027 8.20968 4.04276 8.56453H0.654168C0.480672 8.56453 0.314282 8.62909 0.191601 8.74399C0.0689211 8.8589 0 9.01475 0 9.17725C0 9.33975 0.0689211 9.4956 0.191601 9.6105C0.314282 9.72541 0.480672 9.78996 0.654168 9.78996H4.04276C4.18027 10.1448 4.43109 10.4514 4.76114 10.6681C5.09119 10.8847 5.48447 11.001 5.88751 11.001C6.29056 11.001 6.68383 10.8847 7.01388 10.6681C7.34393 10.4514 7.59476 10.1448 7.73227 9.78996H12.4292C12.6027 9.78996 12.7691 9.72541 12.8918 9.6105C13.0144 9.4956 13.0834 9.33975 13.0834 9.17725C13.0834 9.01475 13.0144 8.8589 12.8918 8.74399C12.7691 8.62909 12.6027 8.56453 12.4292 8.56453ZM5.88751 9.78996C5.75813 9.78996 5.63165 9.75403 5.52408 9.6867C5.4165 9.61938 5.33265 9.52368 5.28314 9.41172C5.23363 9.29976 5.22067 9.17657 5.24591 9.05771C5.27116 8.93886 5.33346 8.82968 5.42495 8.74399C5.51643 8.6583 5.63299 8.59995 5.75989 8.57631C5.88679 8.55266 6.01832 8.5648 6.13785 8.61117C6.25739 8.65755 6.35955 8.73608 6.43143 8.83684C6.50331 8.9376 6.54168 9.05606 6.54168 9.17725C6.54168 9.33975 6.47276 9.4956 6.35008 9.6105C6.2274 9.72541 6.06101 9.78996 5.88751 9.78996Z' fill='%23333A3A'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1209 3.66212C10.716 3.66318 10.3213 3.78152 9.99107 4.00091C9.6608 4.2203 9.41107 4.53 9.2761 4.88755H0.654168C0.480672 4.88755 0.314282 4.9521 0.191601 5.06701C0.068921 5.18191 0 5.33776 0 5.50026C0 5.66276 0.068921 5.81861 0.191601 5.93352C0.314282 6.04842 0.480672 6.11298 0.654168 6.11298H9.2761C9.39611 6.4309 9.60718 6.71178 9.88621 6.92487C10.1652 7.13796 10.5015 7.27506 10.8581 7.32115C11.2148 7.36724 11.5781 7.32055 11.9083 7.1862C12.2385 7.05185 12.5229 6.835 12.7303 6.5594C12.9378 6.28379 13.0603 5.96005 13.0844 5.6236C13.1086 5.28715 13.0335 4.95096 12.8673 4.65182C12.7011 4.35268 12.4503 4.10212 12.1423 3.92756C11.8342 3.753 11.4809 3.66117 11.1209 3.66212ZM11.1209 6.11298C10.9915 6.11298 10.865 6.07704 10.7574 6.00972C10.6498 5.94239 10.566 5.8467 10.5165 5.73474C10.467 5.62278 10.454 5.49958 10.4793 5.38073C10.5045 5.26187 10.5668 5.1527 10.6583 5.06701C10.7498 4.98132 10.8663 4.92296 10.9932 4.89932C11.1201 4.87568 11.2517 4.88781 11.3712 4.93419C11.4907 4.98056 11.5929 5.05909 11.6648 5.15986C11.7367 5.26062 11.775 5.37908 11.775 5.50026C11.775 5.66276 11.7061 5.81861 11.5834 5.93352C11.4607 6.04842 11.2944 6.11298 11.1209 6.11298Z' fill='%23333A3A'/%3E%3Cpath d='M0.654168 2.43645H1.42609C1.5636 2.7913 1.81442 3.0979 2.14447 3.31456C2.47452 3.53123 2.86779 3.64746 3.27084 3.64746C3.67389 3.64746 4.06716 3.53123 4.39721 3.31456C4.72726 3.0979 4.97809 2.7913 5.11559 2.43645H12.4292C12.6027 2.43645 12.7691 2.37189 12.8918 2.25699C13.0144 2.14208 13.0834 1.98623 13.0834 1.82373C13.0834 1.66123 13.0144 1.50538 12.8918 1.39048C12.7691 1.27557 12.6027 1.21102 12.4292 1.21102H5.11559C4.97809 0.856162 4.72726 0.549567 4.39721 0.332899C4.06716 0.116232 3.67389 0 3.27084 0C2.86779 0 2.47452 0.116232 2.14447 0.332899C1.81442 0.549567 1.5636 0.856162 1.42609 1.21102H0.654168C0.480672 1.21102 0.314282 1.27557 0.191601 1.39048C0.0689211 1.50538 0 1.66123 0 1.82373C0 1.98623 0.0689211 2.14208 0.191601 2.25699C0.314282 2.37189 0.480672 2.43645 0.654168 2.43645ZM3.27084 1.21102C3.40022 1.21102 3.5267 1.24695 3.63428 1.31428C3.74185 1.3816 3.8257 1.4773 3.87521 1.58926C3.92473 1.70122 3.93768 1.82441 3.91244 1.94327C3.8872 2.06212 3.82489 2.1713 3.73341 2.25699C3.64192 2.34268 3.52536 2.40103 3.39846 2.42467C3.27157 2.44832 3.14003 2.43618 3.0205 2.38981C2.90097 2.34343 2.7988 2.2649 2.72692 2.16414C2.65504 2.06338 2.61667 1.94492 2.61667 1.82373C2.61667 1.66123 2.68559 1.50538 2.80827 1.39048C2.93095 1.27557 3.09734 1.21102 3.27084 1.21102Z' fill='%23333A3A'/%3E%3Cpath d='M12.4292 8.56453H7.73227C7.59476 8.20968 7.34393 7.90308 7.01388 7.68642C6.68383 7.46975 6.29056 7.35352 5.88751 7.35352C5.48447 7.35352 5.09119 7.46975 4.76114 7.68642C4.43109 7.90308 4.18027 8.20968 4.04276 8.56453H0.654168C0.480672 8.56453 0.314282 8.62909 0.191601 8.74399C0.0689211 8.8589 0 9.01475 0 9.17725C0 9.33975 0.0689211 9.4956 0.191601 9.6105C0.314282 9.72541 0.480672 9.78996 0.654168 9.78996H4.04276C4.18027 10.1448 4.43109 10.4514 4.76114 10.6681C5.09119 10.8847 5.48447 11.001 5.88751 11.001C6.29056 11.001 6.68383 10.8847 7.01388 10.6681C7.34393 10.4514 7.59476 10.1448 7.73227 9.78996H12.4292C12.6027 9.78996 12.7691 9.72541 12.8918 9.6105C13.0144 9.4956 13.0834 9.33975 13.0834 9.17725C13.0834 9.01475 13.0144 8.8589 12.8918 8.74399C12.7691 8.62909 12.6027 8.56453 12.4292 8.56453ZM5.88751 9.78996C5.75813 9.78996 5.63165 9.75403 5.52408 9.6867C5.4165 9.61938 5.33265 9.52368 5.28314 9.41172C5.23363 9.29976 5.22067 9.17657 5.24591 9.05771C5.27116 8.93886 5.33346 8.82968 5.42495 8.74399C5.51643 8.6583 5.63299 8.59995 5.75989 8.57631C5.88679 8.55266 6.01832 8.5648 6.13785 8.61117C6.25739 8.65755 6.35955 8.73608 6.43143 8.83684C6.50331 8.9376 6.54168 9.05606 6.54168 9.17725C6.54168 9.33975 6.47276 9.4956 6.35008 9.6105C6.2274 9.72541 6.06101 9.78996 5.88751 9.78996Z' fill='%23333A3A'/%3E%3C/svg%3E%0A");
}
.icon-sort {
width: 14px;
height: 10px;
}
.icon-sort::before {
-webkit-mask-image: url("data:image/svg+xml,%0A%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1H11.5' stroke='%23333A3A' stroke-width='1.225' stroke-linecap='round'/%3E%3Cpath d='M1 4.5H8' stroke='%23333A3A' stroke-width='1.225' stroke-linecap='round'/%3E%3Cpath d='M1 8H5.375' stroke='%23333A3A' stroke-width='1.225' stroke-linecap='round'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%0A%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1H11.5' stroke='%23333A3A' stroke-width='1.225' stroke-linecap='round'/%3E%3Cpath d='M1 4.5H8' stroke='%23333A3A' stroke-width='1.225' stroke-linecap='round'/%3E%3Cpath d='M1 8H5.375' stroke='%23333A3A' stroke-width='1.225' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.icon-major-tape {
width: 48px;
height: 14px;
}
.icon-major-tape::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47' height='14' fill='none'%3E%3Cpath fill='%23E4B287' d='M46.522 13.926c-.336.025-.67.072-1.007.072-14.692.003-29.385.002-44.077 0-.22 0-.445-.002-.661-.032-.406-.054-.656-.25-.733-.556a1.84 1.84 0 0 1-.041-.436C0 8.991 0 5.008 0 1.024 0 .23.302 0 1.347 0c14.767 0 29.533 0 44.3.005.291 0 .583.048.874.073l.377.287c.034.255.097.511.097.766.006 3.914.007 7.829 0 11.743 0 .255-.062.51-.096.766l-.376.286Zm-44.51-1.492c14.34 0 28.674 0 42.943.002V1.566l-2.515.002c.01.085.032.208.032.331.002 1.722.002 3.444 0 5.166 0 .135-.002.27-.03.403-.07.322-.319.525-.74.596-.422.07-.789-.032-.993-.31-.129-.174-.177-.404-.179-.61-.013-1.755-.008-3.51-.008-5.266 0-.12-.01-.242-.012-.293h-3.738c.042 1.135.088 2.316.129 3.497.01.29-.053.564-.388.75-.31.171-.653.208-1.003.082-.405-.147-.559-.42-.56-.743-.006-.81-.007-1.62 0-2.43.003-.413.026-.824.04-1.216l-3.704-.007c.027.113.08.236.08.359.005 1.733.005 3.466.003 5.199 0 .145-.003.295-.044.436-.145.495-.83.715-1.415.467-.425-.18-.493-.48-.492-.806 0-1.767 0-3.533.007-5.3 0-.12.07-.242.102-.343l-3.76-.002c.02.096.071.217.072.339.008 1.069.01 2.138.007 3.207-.002.554-.378.9-.967.904-.596.004-.979-.335-.983-.888-.008-.833-.013-1.666-.003-2.499.003-.357.045-.715.067-1.044-1.28 0-2.444 0-3.744-.002.024.081.092.203.092.325.007 1.722.005 3.444.004 5.166 0 .112.005.226-.011.337-.062.415-.445.703-.942.714-.542.011-.925-.255-.998-.7-.019-.112-.015-.225-.015-.337l-.004-5.166c0-.12-.008-.242-.01-.302l-3.545.005c-.003 1.004-.005 2.05-.013 3.097-.002.247.007.497-.043.74-.068.327-.48.562-.92.566-.455.004-.838-.214-.936-.552-.041-.14-.05-.29-.052-.435-.004-1.058-.002-2.115-.003-3.173 0-.108-.015-.216-.016-.236H2.013v10.84-.002Z'/%3E%3Cpath fill='%23E4B287' d='M7.462 6.744c-1.356 1.04-3.625 1.041-4.982.003-1.347-1.03-1.357-2.706-.023-3.766 1.314-1.045 3.615-1.058 4.982-.028 1.37 1.034 1.38 2.75.023 3.791ZM4.026 5.542c.53.416 1.339.46 1.824.098.55-.41.563-1.102.028-1.5-.517-.385-1.313-.378-1.837.016-.534.4-.54.974-.015 1.386Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47' height='14' fill='none'%3E%3Cpath fill='%23E4B287' d='M46.522 13.926c-.336.025-.67.072-1.007.072-14.692.003-29.385.002-44.077 0-.22 0-.445-.002-.661-.032-.406-.054-.656-.25-.733-.556a1.84 1.84 0 0 1-.041-.436C0 8.991 0 5.008 0 1.024 0 .23.302 0 1.347 0c14.767 0 29.533 0 44.3.005.291 0 .583.048.874.073l.377.287c.034.255.097.511.097.766.006 3.914.007 7.829 0 11.743 0 .255-.062.51-.096.766l-.376.286Zm-44.51-1.492c14.34 0 28.674 0 42.943.002V1.566l-2.515.002c.01.085.032.208.032.331.002 1.722.002 3.444 0 5.166 0 .135-.002.27-.03.403-.07.322-.319.525-.74.596-.422.07-.789-.032-.993-.31-.129-.174-.177-.404-.179-.61-.013-1.755-.008-3.51-.008-5.266 0-.12-.01-.242-.012-.293h-3.738c.042 1.135.088 2.316.129 3.497.01.29-.053.564-.388.75-.31.171-.653.208-1.003.082-.405-.147-.559-.42-.56-.743-.006-.81-.007-1.62 0-2.43.003-.413.026-.824.04-1.216l-3.704-.007c.027.113.08.236.08.359.005 1.733.005 3.466.003 5.199 0 .145-.003.295-.044.436-.145.495-.83.715-1.415.467-.425-.18-.493-.48-.492-.806 0-1.767 0-3.533.007-5.3 0-.12.07-.242.102-.343l-3.76-.002c.02.096.071.217.072.339.008 1.069.01 2.138.007 3.207-.002.554-.378.9-.967.904-.596.004-.979-.335-.983-.888-.008-.833-.013-1.666-.003-2.499.003-.357.045-.715.067-1.044-1.28 0-2.444 0-3.744-.002.024.081.092.203.092.325.007 1.722.005 3.444.004 5.166 0 .112.005.226-.011.337-.062.415-.445.703-.942.714-.542.011-.925-.255-.998-.7-.019-.112-.015-.225-.015-.337l-.004-5.166c0-.12-.008-.242-.01-.302l-3.545.005c-.003 1.004-.005 2.05-.013 3.097-.002.247.007.497-.043.74-.068.327-.48.562-.92.566-.455.004-.838-.214-.936-.552-.041-.14-.05-.29-.052-.435-.004-1.058-.002-2.115-.003-3.173 0-.108-.015-.216-.016-.236H2.013v10.84-.002Z'/%3E%3Cpath fill='%23E4B287' d='M7.462 6.744c-1.356 1.04-3.625 1.041-4.982.003-1.347-1.03-1.357-2.706-.023-3.766 1.314-1.045 3.615-1.058 4.982-.028 1.37 1.034 1.38 2.75.023 3.791ZM4.026 5.542c.53.416 1.339.46 1.824.098.55-.41.563-1.102.028-1.5-.517-.385-1.313-.378-1.837.016-.534.4-.54.974-.015 1.386Z'/%3E%3C/svg%3E");
}
.icon-check-secondary {
width: 16px;
height: 12px;
}
.icon-check-secondary::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='11' fill='none'%3E%3Cpath fill='%23FCFAF8' d='M5.353 11a.915.915 0 0 1-.667-.292L.248 5.986A.914.914 0 0 1 1.58 4.735l3.763 4.01L13.025.34a.914.914 0 1 1 1.352 1.224L6.029 10.7a.914.914 0 0 1-.667.301h-.009Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='11' fill='none'%3E%3Cpath fill='%23FCFAF8' d='M5.353 11a.915.915 0 0 1-.667-.292L.248 5.986A.914.914 0 0 1 1.58 4.735l3.763 4.01L13.025.34a.914.914 0 1 1 1.352 1.224L6.029 10.7a.914.914 0 0 1-.667.301h-.009Z'/%3E%3C/svg%3E");
}
.icon-tooltip {
width: 18px;
height: 18px;
}
.icon-tooltip::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Ccircle cx='8.5' cy='8.5' r='7.5' stroke='%236E6E6E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath stroke='%236E6E6E' stroke-linejoin='round' stroke-width='2' d='M8.5 11.833h.009v.009H8.5z'/%3E%3Cpath stroke='%236E6E6E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.321 4.821c.325-.325.75-.487 1.176-.488.428 0 .855.162 1.182.488.325.326.488.752.488 1.179 0 .426-.163.853-.488 1.178a1.661 1.661 0 0 1-1.182.488L8.5 8.5'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Ccircle cx='8.5' cy='8.5' r='7.5' stroke='%236E6E6E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath stroke='%236E6E6E' stroke-linejoin='round' stroke-width='2' d='M8.5 11.833h.009v.009H8.5z'/%3E%3Cpath stroke='%236E6E6E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.321 4.821c.325-.325.75-.487 1.176-.488.428 0 .855.162 1.182.488.325.326.488.752.488 1.179 0 .426-.163.853-.488 1.178a1.661 1.661 0 0 1-1.182.488L8.5 8.5'/%3E%3C/svg%3E");
}
.icon-lock {
width: 18px;
height: 18px;
}
.icon-lock::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='25' viewBox='0 0 20 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.10034 10.1667C4.10034 10.9399 4.72714 11.5667 5.50034 11.5667C6.27354 11.5667 6.90034 10.9399 6.90034 10.1667H4.10034ZM2 10.1666V8.76664C1.2268 8.76664 0.6 9.39344 0.6 10.1666H2ZM18.3334 10.1666H19.7334C19.7334 9.39344 19.1066 8.76664 18.3334 8.76664V10.1666ZM13.0834 16.5834V15.1834C12.3102 15.1834 11.6834 15.8102 11.6834 16.5834H13.0834ZM13.0947 16.5834H14.4947C14.4947 15.8102 13.8679 15.1834 13.0947 15.1834V16.5834ZM13.0947 16.5947V17.9947C13.8679 17.9947 14.4947 17.3679 14.4947 16.5947H13.0947ZM13.0834 16.5947H11.6834C11.6834 17.3679 12.3102 17.9947 13.0834 17.9947V16.5947ZM6.90034 6.66668C6.90034 4.86254 8.36288 3.4 10.167 3.4V0.6C6.81648 0.6 4.10034 3.31614 4.10034 6.66668H6.90034ZM10.167 3.4C11.9712 3.4 13.4337 4.86254 13.4337 6.66668H16.2337C16.2337 3.31614 13.5176 0.6 10.167 0.6V3.4ZM4.10034 6.66668V10.1667H6.90034V6.66668H4.10034ZM13.4337 6.66668V10.1667H16.2337V6.66668H13.4337ZM2 11.5666H18.3334V8.76664H2V11.5666ZM16.9334 10.1666V20.6667H19.7334V10.1666H16.9334ZM16 21.6H4.33334V24.4H16V21.6ZM3.4 20.6667V10.1666H0.6V20.6667H3.4ZM4.33334 21.6C3.81787 21.6 3.4 21.1821 3.4 20.6667H0.6C0.6 22.7285 2.27148 24.4 4.33334 24.4V21.6ZM16.9334 20.6667C16.9334 21.1821 16.5155 21.6 16 21.6V24.4C18.0619 24.4 19.7334 22.7285 19.7334 20.6667H16.9334ZM13.0834 17.9834H13.0947V15.1834H13.0834V17.9834ZM11.6947 16.5834V16.5947H14.4947V16.5834H11.6947ZM13.0947 15.1947H13.0834V17.9947H13.0947V15.1947ZM14.4834 16.5947V16.5834H11.6834V16.5947H14.4834Z' fill='%23333A3A'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='20' height='25' viewBox='0 0 20 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.10034 10.1667C4.10034 10.9399 4.72714 11.5667 5.50034 11.5667C6.27354 11.5667 6.90034 10.9399 6.90034 10.1667H4.10034ZM2 10.1666V8.76664C1.2268 8.76664 0.6 9.39344 0.6 10.1666H2ZM18.3334 10.1666H19.7334C19.7334 9.39344 19.1066 8.76664 18.3334 8.76664V10.1666ZM13.0834 16.5834V15.1834C12.3102 15.1834 11.6834 15.8102 11.6834 16.5834H13.0834ZM13.0947 16.5834H14.4947C14.4947 15.8102 13.8679 15.1834 13.0947 15.1834V16.5834ZM13.0947 16.5947V17.9947C13.8679 17.9947 14.4947 17.3679 14.4947 16.5947H13.0947ZM13.0834 16.5947H11.6834C11.6834 17.3679 12.3102 17.9947 13.0834 17.9947V16.5947ZM6.90034 6.66668C6.90034 4.86254 8.36288 3.4 10.167 3.4V0.6C6.81648 0.6 4.10034 3.31614 4.10034 6.66668H6.90034ZM10.167 3.4C11.9712 3.4 13.4337 4.86254 13.4337 6.66668H16.2337C16.2337 3.31614 13.5176 0.6 10.167 0.6V3.4ZM4.10034 6.66668V10.1667H6.90034V6.66668H4.10034ZM13.4337 6.66668V10.1667H16.2337V6.66668H13.4337ZM2 11.5666H18.3334V8.76664H2V11.5666ZM16.9334 10.1666V20.6667H19.7334V10.1666H16.9334ZM16 21.6H4.33334V24.4H16V21.6ZM3.4 20.6667V10.1666H0.6V20.6667H3.4ZM4.33334 21.6C3.81787 21.6 3.4 21.1821 3.4 20.6667H0.6C0.6 22.7285 2.27148 24.4 4.33334 24.4V21.6ZM16.9334 20.6667C16.9334 21.1821 16.5155 21.6 16 21.6V24.4C18.0619 24.4 19.7334 22.7285 19.7334 20.6667H16.9334ZM13.0834 17.9834H13.0947V15.1834H13.0834V17.9834ZM11.6947 16.5834V16.5947H14.4947V16.5834H11.6947ZM13.0947 15.1947H13.0834V17.9947H13.0947V15.1947ZM14.4834 16.5947V16.5834H11.6834V16.5947H14.4834Z' fill='%23333A3A'/%3E%3C/svg%3E%0A");
}
.icon-col-3, .icon-col-4 {
padding: 0;
width: 15px;
height: 15px;
}
.icon-col-3::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='3.98923' height='3.98923' fill='%23333A3A'/%3E%3Crect y='5.31836' width='3.98923' height='3.98923' fill='%23333A3A'/%3E%3Crect y='10.6387' width='3.98923' height='3.98923' fill='%23333A3A'/%3E%3Crect x='5.31836' width='3.98923' height='3.98923' fill='%23333A3A'/%3E%3Crect x='5.31836' y='5.31836' width='3.98923' height='3.98923' fill='%23333A3A'/%3E%3Crect x='5.31836' y='10.6387' width='3.98923' height='3.98923' fill='%23333A3A'/%3E%3Crect x='10.6387' width='3.98923' height='3.98923' fill='%23333A3A'/%3E%3Crect x='10.6387' y='5.31836' width='3.98923' height='3.98923' fill='%23333A3A'/%3E%3Crect x='10.6387' y='10.6387' width='3.98923' height='3.98923' fill='%23333A3A'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='3.98923' height='3.98923' fill='%23333A3A'/%3E%3Crect y='5.31836' width='3.98923' height='3.98923' fill='%23333A3A'/%3E%3Crect y='10.6387' width='3.98923' height='3.98923' fill='%23333A3A'/%3E%3Crect x='5.31836' width='3.98923' height='3.98923' fill='%23333A3A'/%3E%3Crect x='5.31836' y='5.31836' width='3.98923' height='3.98923' fill='%23333A3A'/%3E%3Crect x='5.31836' y='10.6387' width='3.98923' height='3.98923' fill='%23333A3A'/%3E%3Crect x='10.6387' width='3.98923' height='3.98923' fill='%23333A3A'/%3E%3Crect x='10.6387' y='5.31836' width='3.98923' height='3.98923' fill='%23333A3A'/%3E%3Crect x='10.6387' y='10.6387' width='3.98923' height='3.98923' fill='%23333A3A'/%3E%3C/svg%3E%0A");
}
.icon-col-4::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.220703' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='0.220703' y='3.98828' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='0.220703' y='7.97852' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='0.220703' y='11.9688' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='4.21094' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='4.21094' y='3.98828' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='4.21094' y='7.97852' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='4.21094' y='11.9688' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='8.19922' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='8.19922' y='3.98828' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='8.19922' y='7.97852' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='8.19922' y='11.9688' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='12.1895' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='12.1895' y='3.98828' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='12.1895' y='7.97852' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='12.1895' y='11.9688' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.220703' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='0.220703' y='3.98828' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='0.220703' y='7.97852' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='0.220703' y='11.9688' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='4.21094' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='4.21094' y='3.98828' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='4.21094' y='7.97852' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='4.21094' y='11.9688' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='8.19922' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='8.19922' y='3.98828' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='8.19922' y='7.97852' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='8.19922' y='11.9688' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='12.1895' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='12.1895' y='3.98828' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='12.1895' y='7.97852' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3Crect x='12.1895' y='11.9688' width='2.65949' height='2.65949' fill='%23E4B287'/%3E%3C/svg%3E%0A");
}
.icon-close {
width: 16px;
height: 16px;
}
.icon-close::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cpath fill='%23333A3A' d='M16.113.899a1.203 1.203 0 0 0-1.704 0L8.5 6.795 2.591.887a1.203 1.203 0 0 0-1.703 0 1.203 1.203 0 0 0 0 1.703L6.796 8.5.888 14.407a1.203 1.203 0 0 0 0 1.704 1.203 1.203 0 0 0 1.703 0l5.91-5.91 5.908 5.91a1.203 1.203 0 0 0 1.704 0 1.203 1.203 0 0 0 0-1.704l-5.91-5.909 5.91-5.909a1.21 1.21 0 0 0 0-1.691Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cpath fill='%23333A3A' d='M16.113.899a1.203 1.203 0 0 0-1.704 0L8.5 6.795 2.591.887a1.203 1.203 0 0 0-1.703 0 1.203 1.203 0 0 0 0 1.703L6.796 8.5.888 14.407a1.203 1.203 0 0 0 0 1.704 1.203 1.203 0 0 0 1.703 0l5.91-5.91 5.908 5.91a1.203 1.203 0 0 0 1.704 0 1.203 1.203 0 0 0 0-1.704l-5.91-5.909 5.91-5.909a1.21 1.21 0 0 0 0-1.691Z'/%3E%3C/svg%3E");
}
.icon-star {
width: 16px;
height: 16px;
}
.icon-star::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 stroke='%23FFFDFB' stroke-linejoin='round' stroke-width='1.446' d='m7.75 1 2.002 4.565 4.748.592-3.51 3.413.932 4.93-4.172-2.455L3.578 14.5l.932-4.93L1 6.157l4.748-.592L7.75 1Z'/%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 stroke='%23FFFDFB' stroke-linejoin='round' stroke-width='1.446' d='m7.75 1 2.002 4.565 4.748.592-3.51 3.413.932 4.93-4.172-2.455L3.578 14.5l.932-4.93L1 6.157l4.748-.592L7.75 1Z'/%3E%3C/svg%3E");
}
.icon-quote-left {
width: 30px;
height: 26px;
}
.icon-quote-left::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='23' fill='none'%3E%3Cpath fill='%23E4B287' d='M8.055 22.662c-1.586 0-2.93-.374-4.03-1.123-1.058-.749-1.85-1.74-2.38-2.973C1.162 17.332.92 16.01.92 14.6c0-2.026.418-3.942 1.255-5.748a17.549 17.549 0 0 1 3.37-4.757c1.41-1.41 2.93-2.489 4.559-3.238l4.559 3.37a19.556 19.556 0 0 0-3.37 1.916 14.617 14.617 0 0 0-2.775 2.379c-.749.88-1.321 1.784-1.718 2.709l.33.198c.265-.176.551-.309.86-.397.352-.088.814-.132 1.387-.132.793 0 1.586.199 2.379.595.837.396 1.52.991 2.048 1.784.572.793.859 1.806.859 3.04 0 1.365-.309 2.532-.925 3.501a5.988 5.988 0 0 1-2.445 2.114 7.409 7.409 0 0 1-3.237.727Zm16.187 0c-1.585 0-2.929-.374-4.03-1.123-1.057-.749-1.85-1.74-2.379-2.973-.484-1.234-.726-2.555-.726-3.965 0-2.026.418-3.942 1.255-5.748a17.55 17.55 0 0 1 3.37-4.757C23.14 2.686 24.66 1.607 26.29.858l4.56 3.37a19.556 19.556 0 0 0-3.37 1.916 14.618 14.618 0 0 0-2.775 2.379c-.75.88-1.322 1.784-1.718 2.709l.33.198a3.05 3.05 0 0 1 .86-.397c.352-.088.814-.132 1.387-.132.793 0 1.585.199 2.378.595.837.396 1.52.991 2.049 1.784.572.793.858 1.806.858 3.04 0 1.365-.308 2.532-.925 3.501a5.988 5.988 0 0 1-2.444 2.114 7.409 7.409 0 0 1-3.238.727Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='23' fill='none'%3E%3Cpath fill='%23E4B287' d='M8.055 22.662c-1.586 0-2.93-.374-4.03-1.123-1.058-.749-1.85-1.74-2.38-2.973C1.162 17.332.92 16.01.92 14.6c0-2.026.418-3.942 1.255-5.748a17.549 17.549 0 0 1 3.37-4.757c1.41-1.41 2.93-2.489 4.559-3.238l4.559 3.37a19.556 19.556 0 0 0-3.37 1.916 14.617 14.617 0 0 0-2.775 2.379c-.749.88-1.321 1.784-1.718 2.709l.33.198c.265-.176.551-.309.86-.397.352-.088.814-.132 1.387-.132.793 0 1.586.199 2.379.595.837.396 1.52.991 2.048 1.784.572.793.859 1.806.859 3.04 0 1.365-.309 2.532-.925 3.501a5.988 5.988 0 0 1-2.445 2.114 7.409 7.409 0 0 1-3.237.727Zm16.187 0c-1.585 0-2.929-.374-4.03-1.123-1.057-.749-1.85-1.74-2.379-2.973-.484-1.234-.726-2.555-.726-3.965 0-2.026.418-3.942 1.255-5.748a17.55 17.55 0 0 1 3.37-4.757C23.14 2.686 24.66 1.607 26.29.858l4.56 3.37a19.556 19.556 0 0 0-3.37 1.916 14.618 14.618 0 0 0-2.775 2.379c-.75.88-1.322 1.784-1.718 2.709l.33.198a3.05 3.05 0 0 1 .86-.397c.352-.088.814-.132 1.387-.132.793 0 1.585.199 2.378.595.837.396 1.52.991 2.049 1.784.572.793.858 1.806.858 3.04 0 1.365-.308 2.532-.925 3.501a5.988 5.988 0 0 1-2.444 2.114 7.409 7.409 0 0 1-3.238.727Z'/%3E%3C/svg%3E");
}
.icon-quote-right {
width: 30px;
height: 26px;
}
.icon-quote-right::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='23' fill='none'%3E%3Cpath fill='%23E4B287' d='M7.32.924c1.63 0 2.974.375 4.031 1.123a6.45 6.45 0 0 1 2.313 2.974c.528 1.189.793 2.532.793 4.03 0 1.982-.44 3.898-1.322 5.748a16.698 16.698 0 0 1-3.37 4.823c-1.365 1.366-2.863 2.401-4.492 3.106l-4.56-3.37a14.648 14.648 0 0 0 3.37-1.85c1.058-.749 1.96-1.564 2.71-2.444.792-.882 1.387-1.784 1.783-2.71l-.33-.198c-.22.176-.507.309-.859.397-.352.088-.815.132-1.388.132-.792 0-1.607-.198-2.444-.595-.793-.396-1.476-.99-2.048-1.784C.978 9.513.714 8.5.714 7.267c0-1.41.308-2.577.925-3.502a5.988 5.988 0 0 1 2.444-2.114A7.409 7.409 0 0 1 7.321.924Zm16.188 0c1.63 0 2.974.375 4.03 1.123a6.45 6.45 0 0 1 2.313 2.974c.529 1.189.793 2.532.793 4.03 0 1.982-.44 3.898-1.321 5.748a16.697 16.697 0 0 1-3.37 4.823c-1.365 1.366-2.863 2.401-4.493 3.106l-4.559-3.37a14.65 14.65 0 0 0 3.37-1.85c1.057-.749 1.96-1.564 2.709-2.444.793-.882 1.387-1.784 1.784-2.71l-.33-.198c-.22.176-.507.309-.86.397-.352.088-.814.132-1.387.132-.793 0-1.608-.198-2.445-.595-.793-.396-1.475-.99-2.048-1.784-.528-.793-.793-1.806-.793-3.039 0-1.41.309-2.577.925-3.502a5.989 5.989 0 0 1 2.445-2.114 7.408 7.408 0 0 1 3.238-.727Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='23' fill='none'%3E%3Cpath fill='%23E4B287' d='M7.32.924c1.63 0 2.974.375 4.031 1.123a6.45 6.45 0 0 1 2.313 2.974c.528 1.189.793 2.532.793 4.03 0 1.982-.44 3.898-1.322 5.748a16.698 16.698 0 0 1-3.37 4.823c-1.365 1.366-2.863 2.401-4.492 3.106l-4.56-3.37a14.648 14.648 0 0 0 3.37-1.85c1.058-.749 1.96-1.564 2.71-2.444.792-.882 1.387-1.784 1.783-2.71l-.33-.198c-.22.176-.507.309-.859.397-.352.088-.815.132-1.388.132-.792 0-1.607-.198-2.444-.595-.793-.396-1.476-.99-2.048-1.784C.978 9.513.714 8.5.714 7.267c0-1.41.308-2.577.925-3.502a5.988 5.988 0 0 1 2.444-2.114A7.409 7.409 0 0 1 7.321.924Zm16.188 0c1.63 0 2.974.375 4.03 1.123a6.45 6.45 0 0 1 2.313 2.974c.529 1.189.793 2.532.793 4.03 0 1.982-.44 3.898-1.321 5.748a16.697 16.697 0 0 1-3.37 4.823c-1.365 1.366-2.863 2.401-4.493 3.106l-4.559-3.37a14.65 14.65 0 0 0 3.37-1.85c1.057-.749 1.96-1.564 2.709-2.444.793-.882 1.387-1.784 1.784-2.71l-.33-.198c-.22.176-.507.309-.86.397-.352.088-.814.132-1.387.132-.793 0-1.608-.198-2.445-.595-.793-.396-1.475-.99-2.048-1.784-.528-.793-.793-1.806-.793-3.039 0-1.41.309-2.577.925-3.502a5.989 5.989 0 0 1 2.445-2.114 7.408 7.408 0 0 1 3.238-.727Z'/%3E%3C/svg%3E");
}
.icon-mail-empty {
width: 16px;
height: 14px;
}
.icon-mail-empty::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='14' fill='none'%3E%3Cpath fill='%23E4B287' d='M13.07.719H2.898c-.578 0-1.132.249-1.54.691a2.465 2.465 0 0 0-.64 1.67v7.871c0 .626.23 1.227.64 1.67.408.443.962.691 1.54.691H13.07c.578 0 1.133-.248 1.542-.691a2.465 2.465 0 0 0 .638-1.67v-7.87c0-.627-.23-1.228-.638-1.67A2.098 2.098 0 0 0 13.07.718Zm-.486 1.574-4.6 3.739-4.599-3.739h9.199Zm.486 9.445H2.898a.7.7 0 0 1-.513-.23.821.821 0 0 1-.213-.557V3.277l5.376 4.368a.69.69 0 0 0 .436.158.69.69 0 0 0 .436-.158l5.377-4.368v7.674a.822.822 0 0 1-.213.557.7.7 0 0 1-.514.23Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='14' fill='none'%3E%3Cpath fill='%23E4B287' d='M13.07.719H2.898c-.578 0-1.132.249-1.54.691a2.465 2.465 0 0 0-.64 1.67v7.871c0 .626.23 1.227.64 1.67.408.443.962.691 1.54.691H13.07c.578 0 1.133-.248 1.542-.691a2.465 2.465 0 0 0 .638-1.67v-7.87c0-.627-.23-1.228-.638-1.67A2.098 2.098 0 0 0 13.07.718Zm-.486 1.574-4.6 3.739-4.599-3.739h9.199Zm.486 9.445H2.898a.7.7 0 0 1-.513-.23.821.821 0 0 1-.213-.557V3.277l5.376 4.368a.69.69 0 0 0 .436.158.69.69 0 0 0 .436-.158l5.377-4.368v7.674a.822.822 0 0 1-.213.557.7.7 0 0 1-.514.23Z'/%3E%3C/svg%3E");
}
.icon-bag {
width: 22px;
height: 22px;
}
.icon-bag::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none'%3E%3Cpath fill='%23FFFDFB' d='m18.71 4.484-3.092-3.262A3.195 3.195 0 0 0 13.3.207H6.37c-.869 0-1.702.366-2.316 1.015L.962 4.484A3.557 3.557 0 0 0 0 6.928V17.5c0 .917.345 1.797.96 2.446a3.195 3.195 0 0 0 2.319 1.013h13.115c.87 0 1.703-.365 2.318-1.013.615-.649.96-1.529.96-2.446V6.928c0-.917-.346-1.796-.961-2.444ZM5.597 2.847c.21-.21.486-.33.776-.334H13.3c.29.004.566.123.776.334l1.869 1.972H3.726l1.87-1.972Zm10.798 15.806H3.279c-.29 0-.568-.121-.773-.338a1.186 1.186 0 0 1-.32-.815V7.124h15.3V17.5c0 .306-.114.6-.32.815a1.065 1.065 0 0 1-.772.338Z'/%3E%3Cpath fill='%23FFFDFB' d='M13.115 9.43c-.29 0-.568.121-.773.337-.205.217-.32.51-.32.816 0 .611-.23 1.197-.64 1.63a2.13 2.13 0 0 1-1.546.675 2.13 2.13 0 0 1-1.545-.675 2.372 2.372 0 0 1-.64-1.63c0-.306-.116-.6-.32-.816a1.065 1.065 0 0 0-.773-.337c-.29 0-.568.121-.773.337-.205.217-.32.51-.32.816 0 1.223.46 2.396 1.28 3.26a4.26 4.26 0 0 0 3.091 1.351 4.26 4.26 0 0 0 3.091-1.35 4.743 4.743 0 0 0 1.281-3.261c0-.306-.115-.6-.32-.816a1.065 1.065 0 0 0-.773-.337Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none'%3E%3Cpath fill='%23FFFDFB' d='m18.71 4.484-3.092-3.262A3.195 3.195 0 0 0 13.3.207H6.37c-.869 0-1.702.366-2.316 1.015L.962 4.484A3.557 3.557 0 0 0 0 6.928V17.5c0 .917.345 1.797.96 2.446a3.195 3.195 0 0 0 2.319 1.013h13.115c.87 0 1.703-.365 2.318-1.013.615-.649.96-1.529.96-2.446V6.928c0-.917-.346-1.796-.961-2.444ZM5.597 2.847c.21-.21.486-.33.776-.334H13.3c.29.004.566.123.776.334l1.869 1.972H3.726l1.87-1.972Zm10.798 15.806H3.279c-.29 0-.568-.121-.773-.338a1.186 1.186 0 0 1-.32-.815V7.124h15.3V17.5c0 .306-.114.6-.32.815a1.065 1.065 0 0 1-.772.338Z'/%3E%3Cpath fill='%23FFFDFB' d='M13.115 9.43c-.29 0-.568.121-.773.337-.205.217-.32.51-.32.816 0 .611-.23 1.197-.64 1.63a2.13 2.13 0 0 1-1.546.675 2.13 2.13 0 0 1-1.545-.675 2.372 2.372 0 0 1-.64-1.63c0-.306-.116-.6-.32-.816a1.065 1.065 0 0 0-.773-.337c-.29 0-.568.121-.773.337-.205.217-.32.51-.32.816 0 1.223.46 2.396 1.28 3.26a4.26 4.26 0 0 0 3.091 1.351 4.26 4.26 0 0 0 3.091-1.35 4.743 4.743 0 0 0 1.281-3.261c0-.306-.115-.6-.32-.816a1.065 1.065 0 0 0-.773-.337Z'/%3E%3C/svg%3E");
}
.icon-sad-smile {
width: 30px;
height: 30px;
}
.icon-sad-smile::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='14' stroke='%23333A3A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='11.0137' y='11.668' width='0.0133333' height='0.0133333' transform='rotate(90 11.0137 11.668)' stroke='%23333A3A' stroke-width='3' stroke-linejoin='round'/%3E%3Crect x='19.0137' y='11.668' width='0.0133333' height='0.0133333' transform='rotate(90 19.0137 11.668)' stroke='%23333A3A' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M10.3795 20.332C11.3016 18.7379 13.0252 17.6654 14.9993 17.6654C16.9734 17.6654 18.697 18.7379 19.6191 20.332' stroke='%23333A3A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='14' stroke='%23333A3A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='11.0137' y='11.668' width='0.0133333' height='0.0133333' transform='rotate(90 11.0137 11.668)' stroke='%23333A3A' stroke-width='3' stroke-linejoin='round'/%3E%3Crect x='19.0137' y='11.668' width='0.0133333' height='0.0133333' transform='rotate(90 19.0137 11.668)' stroke='%23333A3A' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M10.3795 20.332C11.3016 18.7379 13.0252 17.6654 14.9993 17.6654C16.9734 17.6654 18.697 18.7379 19.6191 20.332' stroke='%23333A3A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-paypal {
width: 60px;
height: 30px;
}
.icon-paypal::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 68 18'%3E%3Cpath fill='%23253B80' fill-rule='evenodd' d='M8 0H3L2 1 0 14v1h3l1-1v-4h3c3 0 5-2 6-5l-1-4-4-1Zm1 5C8 7 7 7 6 7H5V3h3l1 2Zm15 0h-3v1l-3-1c-3 0-6 2-6 5l1 4 3 1 4-2-1 1 1 1h2l1-1 1-9Zm-4 5c0 1-1 2-3 2l-1-1-1-1 3-3 2 1v2Zm15-5h2l1 1-9 12h-3v-1l2-3-2-9c-1 0 0 0 0 0h3l2 5 3-5h1Z' clip-rule='evenodd'/%3E%3Cpath fill='%23179BD7' fill-rule='evenodd' d='m62 15 2-14h3l1 1-3 13v1h-2l-1-1ZM46 1h-6v1l-3 13 1 1h3v-1l1-4h2c4 0 6-2 6-5l-1-4-3-1Zm0 5c0 2-2 2-3 2h-1l1-4h3v2Zm15 0h-3v1l-3-1c-3 0-5 2-6 5l1 4 4 1c2 0 3-2 3-2v2h3v-1l2-9h-1Zm-3 5-3 2-2-1v-1c0-2 1-3 3-3l1 1 1 2Z' clip-rule='evenodd'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 68 18'%3E%3Cpath fill='%23253B80' fill-rule='evenodd' d='M8 0H3L2 1 0 14v1h3l1-1v-4h3c3 0 5-2 6-5l-1-4-4-1Zm1 5C8 7 7 7 6 7H5V3h3l1 2Zm15 0h-3v1l-3-1c-3 0-6 2-6 5l1 4 3 1 4-2-1 1 1 1h2l1-1 1-9Zm-4 5c0 1-1 2-3 2l-1-1-1-1 3-3 2 1v2Zm15-5h2l1 1-9 12h-3v-1l2-3-2-9c-1 0 0 0 0 0h3l2 5 3-5h1Z' clip-rule='evenodd'/%3E%3Cpath fill='%23179BD7' fill-rule='evenodd' d='m62 15 2-14h3l1 1-3 13v1h-2l-1-1ZM46 1h-6v1l-3 13 1 1h3v-1l1-4h2c4 0 6-2 6-5l-1-4-3-1Zm0 5c0 2-2 2-3 2h-1l1-4h3v2Zm15 0h-3v1l-3-1c-3 0-5 2-6 5l1 4 4 1c2 0 3-2 3-2v2h3v-1l2-9h-1Zm-3 5-3 2-2-1v-1c0-2 1-3 3-3l1 1 1 2Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.icon-circled-checkmark {
width: 44px;
height: 44px;
}
.icon-circled-checkmark::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 43 43'%3E%3Cpath fill='%23333A3A' d='M22 0a21 21 0 1 0-1 43 21 21 0 0 0 1-43Zm0 39a17 17 0 1 1 0-35 17 17 0 0 1 0 35Z'/%3E%3Cpath fill='%23333A3A' d='m27 14-8 10-3-4a2 2 0 1 0-4 3l6 6a2 2 0 0 0 3 0l10-13a2 2 0 0 0-4-2Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 43 43'%3E%3Cpath fill='%23333A3A' d='M22 0a21 21 0 1 0-1 43 21 21 0 0 0 1-43Zm0 39a17 17 0 1 1 0-35 17 17 0 0 1 0 35Z'/%3E%3Cpath fill='%23333A3A' d='m27 14-8 10-3-4a2 2 0 1 0-4 3l6 6a2 2 0 0 0 3 0l10-13a2 2 0 0 0-4-2Z'/%3E%3C/svg%3E");
}
.icon-tag {
width: 22px;
height: 16px;
}
.icon-tag::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='16' fill='none'%3E%3Cpath fill='%23B03B3B' d='M21.043 7.065 16.528.806a1.04 1.04 0 0 0-.87-.44H1.748C1.145.366.668.85.668 1.46v12.517c0 .596.477 1.093 1.08 1.093H15.42c.336 0 .645-.156.855-.426L21.03 8.37c.294-.383.294-.908.014-1.305Zm-4.375 2.128c-.8 0-1.458-.652-1.458-1.475a1.457 1.457 0 1 1 2.917 0c0 .823-.646 1.475-1.46 1.475Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='16' fill='none'%3E%3Cpath fill='%23B03B3B' d='M21.043 7.065 16.528.806a1.04 1.04 0 0 0-.87-.44H1.748C1.145.366.668.85.668 1.46v12.517c0 .596.477 1.093 1.08 1.093H15.42c.336 0 .645-.156.855-.426L21.03 8.37c.294-.383.294-.908.014-1.305Zm-4.375 2.128c-.8 0-1.458-.652-1.458-1.475a1.457 1.457 0 1 1 2.917 0c0 .823-.646 1.475-1.46 1.475Z'/%3E%3C/svg%3E");
}
.icon-broken-heart {
width: 86px;
height: 70px;
}
.icon-broken-heart::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='85' height='71' fill='none'%3E%3Cpath fill='%23E4B287' d='m34.236 49.13 9.445-7.765L36.597 30.4l7.084-8.212-7.084-8.353 2.22-4.423-3.023-3.106C31.851 2.282 26.515 0 20.967 0 15.418 0 10.058 2.282 6.115 6.306 2.195 10.353 0 15.836 0 21.553c0 5.718 2.196 11.176 6.115 15.223l28.948 29.765 6.256-8-7.083-9.412Z'/%3E%3Cpath fill='%23E4B287' d='M78.884 6.306C74.941 2.282 69.605 0 64.033 0c-5.572 0-10.885 2.282-14.828 6.306l-4.344 4.447L42 14.5l6.403 7.688-7.084 8.212 7.084 10.965-9.445 7.764 7.083 9.412-6.257 8 2.22 2.282c.378.377.826.683 1.322.871.472.212 1.015.33 1.535.306a3.446 3.446 0 0 0 1.535-.306 3.802 3.802 0 0 0 1.322-.87l31.166-32.047C82.804 32.728 85 27.246 85 21.552c0-5.694-2.196-11.2-6.116-15.247Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='85' height='71' fill='none'%3E%3Cpath fill='%23E4B287' d='m34.236 49.13 9.445-7.765L36.597 30.4l7.084-8.212-7.084-8.353 2.22-4.423-3.023-3.106C31.851 2.282 26.515 0 20.967 0 15.418 0 10.058 2.282 6.115 6.306 2.195 10.353 0 15.836 0 21.553c0 5.718 2.196 11.176 6.115 15.223l28.948 29.765 6.256-8-7.083-9.412Z'/%3E%3Cpath fill='%23E4B287' d='M78.884 6.306C74.941 2.282 69.605 0 64.033 0c-5.572 0-10.885 2.282-14.828 6.306l-4.344 4.447L42 14.5l6.403 7.688-7.084 8.212 7.084 10.965-9.445 7.764 7.083 9.412-6.257 8 2.22 2.282c.378.377.826.683 1.322.871.472.212 1.015.33 1.535.306a3.446 3.446 0 0 0 1.535-.306 3.802 3.802 0 0 0 1.322-.87l31.166-32.047C82.804 32.728 85 27.246 85 21.552c0-5.694-2.196-11.2-6.116-15.247Z'/%3E%3C/svg%3E");
}
.icon-bin {
width: 26px;
height: 25px;
}
.icon-bin::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='25' fill='none'%3E%3Cpath stroke='%23333A3A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.607' d='M13.5 11v7.5M8.5 11v7.5M3.5 6v14.286A3.214 3.214 0 0 0 6.714 23.5h8.572a3.214 3.214 0 0 0 3.214-3.214V6M1 6h20M4.75 6l2.5-5h7.5l2.5 5'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='25' fill='none'%3E%3Cpath stroke='%23333A3A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.607' d='M13.5 11v7.5M8.5 11v7.5M3.5 6v14.286A3.214 3.214 0 0 0 6.714 23.5h8.572a3.214 3.214 0 0 0 3.214-3.214V6M1 6h20M4.75 6l2.5-5h7.5l2.5 5'/%3E%3C/svg%3E");
}
.icon-order-box {
width: 60px;
height: 40px;
}
.icon-order-box::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='59' height='41' fill='none'%3E%3Cpath fill='%23E4B287' d='M58.993 20.17H59c0-2.049-.802-3.91-2.107-5.298l.003-.002L45.558.308H12.94L1.93 15.165l.004.005a7.724 7.724 0 0 0-1.792 4.507 1.14 1.14 0 0 0-.142.526v19.328c0 .643.52 1.162 1.163 1.162h56.675c.642 0 1.162-.52 1.162-1.162V20.203c0-.011-.007-.022-.007-.033Zm-45-17.537H44.54l6.92 9.797c-.072-.003-.142-.012-.217-.012H37.3v3.485c0 3.958-4.155 3.102-5.43 3.102h-4.642c-1.274 0-5.43.856-5.43-3.102v-3.485H7.853c-.146 0-.287.014-.432.02l6.573-9.805Zm42.682 35.735H2.326V20.203c0-.011-.006-.022-.007-.033h.104a5.434 5.434 0 0 1 5.429-5.427h11.62v1.16c0 4.003 3.044 5.427 7.755 5.427h4.643c4.711 0 7.754-1.424 7.754-5.427v-1.16h11.622c1.496 0 2.853.608 3.836 1.59l.002.003a5.405 5.405 0 0 1 1.59 3.834h.008c0 .011-.007.022-.007.033v18.165Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='59' height='41' fill='none'%3E%3Cpath fill='%23E4B287' d='M58.993 20.17H59c0-2.049-.802-3.91-2.107-5.298l.003-.002L45.558.308H12.94L1.93 15.165l.004.005a7.724 7.724 0 0 0-1.792 4.507 1.14 1.14 0 0 0-.142.526v19.328c0 .643.52 1.162 1.163 1.162h56.675c.642 0 1.162-.52 1.162-1.162V20.203c0-.011-.007-.022-.007-.033Zm-45-17.537H44.54l6.92 9.797c-.072-.003-.142-.012-.217-.012H37.3v3.485c0 3.958-4.155 3.102-5.43 3.102h-4.642c-1.274 0-5.43.856-5.43-3.102v-3.485H7.853c-.146 0-.287.014-.432.02l6.573-9.805Zm42.682 35.735H2.326V20.203c0-.011-.006-.022-.007-.033h.104a5.434 5.434 0 0 1 5.429-5.427h11.62v1.16c0 4.003 3.044 5.427 7.755 5.427h4.643c4.711 0 7.754-1.424 7.754-5.427v-1.16h11.622c1.496 0 2.853.608 3.836 1.59l.002.003a5.405 5.405 0 0 1 1.59 3.834h.008c0 .011-.007.022-.007.033v18.165Z'/%3E%3C/svg%3E");
}
.icon-plus-bold {
width: 14px;
height: 14px;
}
.icon-plus-bold::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6875 6.45801H7.8125V1.58301C7.8125 1.36752 7.7269 1.16086 7.57452 1.00848C7.42215 0.85611 7.21549 0.770508 7 0.770508C6.78451 0.770508 6.57785 0.85611 6.42548 1.00848C6.2731 1.16086 6.1875 1.36752 6.1875 1.58301V6.45801H1.3125C1.09701 6.45801 0.890349 6.54361 0.737976 6.69598C0.585603 6.84836 0.5 7.05502 0.5 7.27051C0.5 7.486 0.585603 7.69266 0.737976 7.84503C0.890349 7.99741 1.09701 8.08301 1.3125 8.08301H6.1875V12.958C6.1875 13.1735 6.2731 13.3802 6.42548 13.5325C6.57785 13.6849 6.78451 13.7705 7 13.7705C7.21549 13.7705 7.42215 13.6849 7.57452 13.5325C7.7269 13.3802 7.8125 13.1735 7.8125 12.958V8.08301H12.6875C12.903 8.08301 13.1097 7.99741 13.262 7.84503C13.4144 7.69266 13.5 7.486 13.5 7.27051C13.5 7.05502 13.4144 6.84836 13.262 6.69598C13.1097 6.54361 12.903 6.45801 12.6875 6.45801Z' fill='%23333A3A'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6875 6.45801H7.8125V1.58301C7.8125 1.36752 7.7269 1.16086 7.57452 1.00848C7.42215 0.85611 7.21549 0.770508 7 0.770508C6.78451 0.770508 6.57785 0.85611 6.42548 1.00848C6.2731 1.16086 6.1875 1.36752 6.1875 1.58301V6.45801H1.3125C1.09701 6.45801 0.890349 6.54361 0.737976 6.69598C0.585603 6.84836 0.5 7.05502 0.5 7.27051C0.5 7.486 0.585603 7.69266 0.737976 7.84503C0.890349 7.99741 1.09701 8.08301 1.3125 8.08301H6.1875V12.958C6.1875 13.1735 6.2731 13.3802 6.42548 13.5325C6.57785 13.6849 6.78451 13.7705 7 13.7705C7.21549 13.7705 7.42215 13.6849 7.57452 13.5325C7.7269 13.3802 7.8125 13.1735 7.8125 12.958V8.08301H12.6875C12.903 8.08301 13.1097 7.99741 13.262 7.84503C13.4144 7.69266 13.5 7.486 13.5 7.27051C13.5 7.05502 13.4144 6.84836 13.262 6.69598C13.1097 6.54361 12.903 6.45801 12.6875 6.45801Z' fill='%23333A3A'/%3E%3C/svg%3E%0A");
}
.icon-minus-bold {
width: 10px;
height: 2px;
}
.icon-minus-bold::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='2' viewBox='0 0 10 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.375 1.93717H0.625C0.45924 1.93717 0.300269 1.84938 0.183058 1.6931C0.0658481 1.53682 0 1.32485 0 1.10384C0 0.882827 0.0658481 0.670866 0.183058 0.514586C0.300269 0.358305 0.45924 0.270508 0.625 0.270508H9.375C9.54076 0.270508 9.69973 0.358305 9.81694 0.514586C9.93415 0.670866 10 0.882827 10 1.10384C10 1.32485 9.93415 1.53682 9.81694 1.6931C9.69973 1.84938 9.54076 1.93717 9.375 1.93717Z' fill='%23333A3A'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='10' height='2' viewBox='0 0 10 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.375 1.93717H0.625C0.45924 1.93717 0.300269 1.84938 0.183058 1.6931C0.0658481 1.53682 0 1.32485 0 1.10384C0 0.882827 0.0658481 0.670866 0.183058 0.514586C0.300269 0.358305 0.45924 0.270508 0.625 0.270508H9.375C9.54076 0.270508 9.69973 0.358305 9.81694 0.514586C9.93415 0.670866 10 0.882827 10 1.10384C10 1.32485 9.93415 1.53682 9.81694 1.6931C9.69973 1.84938 9.54076 1.93717 9.375 1.93717Z' fill='%23333A3A'/%3E%3C/svg%3E%0A");
}
.icon-star-fill {
width: 18px;
height: 18px;
}
.icon-star-fill::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' fill='none'%3E%3Cpath fill='%23EDD06F' d='m9.123 0 2.048 6.304H17.8L12.437 10.2l2.048 6.304-5.362-3.896-5.362 3.896L5.809 10.2.447 6.304h6.628L9.123 0Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' fill='none'%3E%3Cpath fill='%23EDD06F' d='m9.123 0 2.048 6.304H17.8L12.437 10.2l2.048 6.304-5.362-3.896-5.362 3.896L5.809 10.2.447 6.304h6.628L9.123 0Z'/%3E%3C/svg%3E");
}
.icon-basket {
width: 90px;
height: 80px;
}
.icon-basket::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='89' height='79' fill='none'%3E%3Cpath fill='%23E4B287' d='M0 28c.643-1.444 1.742-1.986 3.321-1.932 2.576.087 5.156.01 7.735.035.512.005.833-.15 1.159-.558C18.694 17.416 25.19 9.3 31.684 1.184 32.727-.12 34.308-.374 35.513.559c1.218.942 1.327 2.576.246 3.93-5.532 6.923-11.069 13.84-16.604 20.76-.18.223-.352.453-.597.77H70.4c-.172-.244-.313-.472-.48-.679-5.551-6.944-11.106-13.885-16.658-20.827-1.092-1.366-1.007-2.977.195-3.933 1.216-.967 2.804-.707 3.886.644 6.477 8.094 12.958 16.186 19.42 24.294.346.435.69.59 1.234.585 2.723-.026 5.447-.016 8.17-.01 1.765.003 2.82 1.043 2.827 2.786.007 1.594.006 3.187 0 4.78-.005 1.81-1.041 2.852-2.849 2.852-15.614.002-31.23 0-46.845 0-11.993 0-23.986-.019-35.98.025C1.745 36.54.646 36.043 0 34.602v-6.606V28ZM5.9 41.775h77.245c-.612 2.137-1.204 4.215-1.798 6.29-2.66 9.301-5.317 18.602-7.979 27.9-.48 1.678-1.27 2.269-3.01 2.269H18.574c-1.628 0-2.477-.62-2.92-2.165-3.216-11.243-6.426-22.487-9.636-33.73-.047-.162-.07-.333-.117-.564Zm26.82 23.318c-.013-.203-.011-.408-.044-.607-.856-5.101-1.706-10.203-2.582-15.299-.242-1.409-1.468-2.361-2.76-2.227-1.439.15-2.432 1.318-2.327 2.832.055.804.226 1.6.359 2.398.747 4.474 1.485 8.95 2.257 13.422.242 1.405 1.5 2.34 2.793 2.175 1.383-.176 2.322-1.277 2.303-2.695h.002Zm23.735-.278c-.02 1.71.933 2.81 2.315 2.975 1.264.15 2.528-.763 2.767-2.107.552-3.1 1.056-6.21 1.573-9.316.36-2.167.768-4.327 1.04-6.504.19-1.527-.8-2.69-2.242-2.895-1.308-.184-2.583.791-2.832 2.237-.592 3.417-1.155 6.838-1.728 10.258-.315 1.881-.627 3.762-.893 5.356v-.004Zm-14.566-7.527c0 2.517-.005 5.035 0 7.552.005 1.736 1.089 2.964 2.604 2.968 1.513.003 2.61-1.226 2.612-2.96.006-4.975.006-9.953 0-14.93-.001-1.737-1.088-2.962-2.603-2.965-1.514-.004-2.608 1.226-2.613 2.957-.007 2.46-.002 4.919-.002 7.378h.002Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='89' height='79' fill='none'%3E%3Cpath fill='%23E4B287' d='M0 28c.643-1.444 1.742-1.986 3.321-1.932 2.576.087 5.156.01 7.735.035.512.005.833-.15 1.159-.558C18.694 17.416 25.19 9.3 31.684 1.184 32.727-.12 34.308-.374 35.513.559c1.218.942 1.327 2.576.246 3.93-5.532 6.923-11.069 13.84-16.604 20.76-.18.223-.352.453-.597.77H70.4c-.172-.244-.313-.472-.48-.679-5.551-6.944-11.106-13.885-16.658-20.827-1.092-1.366-1.007-2.977.195-3.933 1.216-.967 2.804-.707 3.886.644 6.477 8.094 12.958 16.186 19.42 24.294.346.435.69.59 1.234.585 2.723-.026 5.447-.016 8.17-.01 1.765.003 2.82 1.043 2.827 2.786.007 1.594.006 3.187 0 4.78-.005 1.81-1.041 2.852-2.849 2.852-15.614.002-31.23 0-46.845 0-11.993 0-23.986-.019-35.98.025C1.745 36.54.646 36.043 0 34.602v-6.606V28ZM5.9 41.775h77.245c-.612 2.137-1.204 4.215-1.798 6.29-2.66 9.301-5.317 18.602-7.979 27.9-.48 1.678-1.27 2.269-3.01 2.269H18.574c-1.628 0-2.477-.62-2.92-2.165-3.216-11.243-6.426-22.487-9.636-33.73-.047-.162-.07-.333-.117-.564Zm26.82 23.318c-.013-.203-.011-.408-.044-.607-.856-5.101-1.706-10.203-2.582-15.299-.242-1.409-1.468-2.361-2.76-2.227-1.439.15-2.432 1.318-2.327 2.832.055.804.226 1.6.359 2.398.747 4.474 1.485 8.95 2.257 13.422.242 1.405 1.5 2.34 2.793 2.175 1.383-.176 2.322-1.277 2.303-2.695h.002Zm23.735-.278c-.02 1.71.933 2.81 2.315 2.975 1.264.15 2.528-.763 2.767-2.107.552-3.1 1.056-6.21 1.573-9.316.36-2.167.768-4.327 1.04-6.504.19-1.527-.8-2.69-2.242-2.895-1.308-.184-2.583.791-2.832 2.237-.592 3.417-1.155 6.838-1.728 10.258-.315 1.881-.627 3.762-.893 5.356v-.004Zm-14.566-7.527c0 2.517-.005 5.035 0 7.552.005 1.736 1.089 2.964 2.604 2.968 1.513.003 2.61-1.226 2.612-2.96.006-4.975.006-9.953 0-14.93-.001-1.737-1.088-2.962-2.603-2.965-1.514-.004-2.608 1.226-2.613 2.957-.007 2.46-.002 4.919-.002 7.378h.002Z'/%3E%3C/svg%3E");
}
.icon-warning {
width: 16px;
height: 16px;
}
.icon-warning::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M7.44001 0C7.815 0 8.18967 0 8.56467 0C8.65638 0.0125206 8.74809 0.0266062 8.84012 0.0369356C10.2136 0.191878 11.4769 0.646374 12.6022 1.45395C14.382 2.73105 15.4813 4.44668 15.8776 6.60522C15.928 6.88005 15.9596 7.15863 16 7.43533V8.55999C15.9659 8.81166 15.9396 9.06457 15.8961 9.31436C15.5837 11.1054 14.7833 12.6451 13.4336 13.8634C11.3405 15.7531 8.88801 16.3976 6.14162 15.769C3.97306 15.2729 2.31221 14.0202 1.15312 12.1265C0.1665 10.5151 -0.170303 8.75375 0.0788562 6.88631C0.255396 5.56445 0.74182 4.35747 1.53844 3.28539C2.80646 1.57916 4.48547 0.518977 6.5789 0.126771C6.86375 0.0732453 7.15297 0.0416309 7.44001 0ZM14.7504 7.99626C14.7486 4.27734 11.7317 1.25832 8.00875 1.24924C4.29234 1.24047 1.25297 4.27734 1.25422 7.99845C1.25548 11.7155 4.27293 14.7358 7.99561 14.7458C11.7114 14.7558 14.7526 11.7167 14.7508 7.99626H14.7504Z' fill='%23B00000'/%3E%3Cpath d='M8.62736 6.65389C8.62736 7.31498 8.62799 7.97575 8.62736 8.63684C8.62705 9.02278 8.35504 9.30982 7.99664 9.30481C7.64262 9.2998 7.37969 9.01746 7.37938 8.63903C7.37875 7.32249 7.37875 6.00564 7.37938 4.68911C7.37938 4.29627 7.63855 4.02614 8.0101 4.02833C8.37163 4.03052 8.62705 4.30191 8.62768 4.68692C8.62861 5.34268 8.62768 5.99844 8.62768 6.65421L8.62736 6.65389Z' fill='%23B00000'/%3E%3Cpath d='M8.84575 10.907C8.84575 11.3774 8.47733 11.7477 8.00718 11.7493C7.52952 11.7512 7.15797 11.3787 7.16017 10.8998C7.16204 10.4346 7.54017 10.0603 8.00656 10.0615C8.47138 10.0628 8.84575 10.4396 8.84606 10.9067L8.84575 10.907Z' fill='%23B00000'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M7.44001 0C7.815 0 8.18967 0 8.56467 0C8.65638 0.0125206 8.74809 0.0266062 8.84012 0.0369356C10.2136 0.191878 11.4769 0.646374 12.6022 1.45395C14.382 2.73105 15.4813 4.44668 15.8776 6.60522C15.928 6.88005 15.9596 7.15863 16 7.43533V8.55999C15.9659 8.81166 15.9396 9.06457 15.8961 9.31436C15.5837 11.1054 14.7833 12.6451 13.4336 13.8634C11.3405 15.7531 8.88801 16.3976 6.14162 15.769C3.97306 15.2729 2.31221 14.0202 1.15312 12.1265C0.1665 10.5151 -0.170303 8.75375 0.0788562 6.88631C0.255396 5.56445 0.74182 4.35747 1.53844 3.28539C2.80646 1.57916 4.48547 0.518977 6.5789 0.126771C6.86375 0.0732453 7.15297 0.0416309 7.44001 0ZM14.7504 7.99626C14.7486 4.27734 11.7317 1.25832 8.00875 1.24924C4.29234 1.24047 1.25297 4.27734 1.25422 7.99845C1.25548 11.7155 4.27293 14.7358 7.99561 14.7458C11.7114 14.7558 14.7526 11.7167 14.7508 7.99626H14.7504Z' fill='%23B00000'/%3E%3Cpath d='M8.62736 6.65389C8.62736 7.31498 8.62799 7.97575 8.62736 8.63684C8.62705 9.02278 8.35504 9.30982 7.99664 9.30481C7.64262 9.2998 7.37969 9.01746 7.37938 8.63903C7.37875 7.32249 7.37875 6.00564 7.37938 4.68911C7.37938 4.29627 7.63855 4.02614 8.0101 4.02833C8.37163 4.03052 8.62705 4.30191 8.62768 4.68692C8.62861 5.34268 8.62768 5.99844 8.62768 6.65421L8.62736 6.65389Z' fill='%23B00000'/%3E%3Cpath d='M8.84575 10.907C8.84575 11.3774 8.47733 11.7477 8.00718 11.7493C7.52952 11.7512 7.15797 11.3787 7.16017 10.8998C7.16204 10.4346 7.54017 10.0603 8.00656 10.0615C8.47138 10.0628 8.84575 10.4396 8.84606 10.9067L8.84575 10.907Z' fill='%23B00000'/%3E%3C/svg%3E");
}
.icon-eye-open {
width: 24px;
height: 24px;
}
.icon-eye-open::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-eye'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-eye'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}
.icon-eye-closed {
width: 24px;
height: 24px;
}
.icon-eye-closed::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-eye-off'%3E%3Cpath d='M9.88 9.88a3 3 0 1 0 4.24 4.24'/%3E%3Cpath d='M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68'/%3E%3Cpath d='M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61'/%3E%3Cline x1='2' x2='22' y1='2' y2='22'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-eye-off'%3E%3Cpath d='M9.88 9.88a3 3 0 1 0 4.24 4.24'/%3E%3Cpath d='M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68'/%3E%3Cpath d='M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61'/%3E%3Cline x1='2' x2='22' y1='2' y2='22'/%3E%3C/svg%3E");
}
.icon-color--white:before {
background-color: white;
}
.icon-color--black:before {
background-color: black;
}
.icon-color--red:before {
background-color: red;
}
.icon-color--green:before {
background-color: green;
}
.icon-color--blue:before {
background-color: blue;
}
.mod-input--secondary .mod-input__inner-border {
height: 100%;
left: 0;
position: absolute;
width: 100%;
top: 0;
pointer-events: none;
}
.mod-input {
margin-bottom: 16px;
width: 100%;
position: relative;
}
.mod-input__label {
position: relative;
display: block;
margin-bottom: 6px;
line-height: 1.25;
font-size: 16px;
font-weight: 500;
padding-left: 4px;
z-index: 5;
pointer-events: none;
}
@media only screen and (max-width: 1022px) {
.mod-input__label {
font-size: 14px;
}
}
.mod-input__field {
position: relative;
width: 100%;
height: 62px;
border-radius: 30px;
border: 0.5px solid var(--color-text);
color: var(--color-text);
background-color: transparent;
outline: none;
z-index: 1;
padding: 12px 36px;
transition: border-color 0.3s ease;
font-size: 16px;
font-weight: 500;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.mod-input__field {
height: 52px;
padding: 12px 24px;
}
}
@media only screen and (max-width: 1199px) {
.mod-input__field {
height: 52px;
}
}
@media only screen and (max-width: 1022px) {
.mod-input__field {
height: 45px;
padding: 8px 25px;
font-size: 13px;
}
}
.mod-input__field:focus {
border-color: var(--color-primary);
outline: none;
}
.is-validation-failed .mod-input__field, .mod-input__field.is-validation-failed {
border-color: var(--color-red);
}
.mod-input__field::-webkit-input-placeholder {
color: var(--color-gray);
font-style: italic;
font-weight: 300;
letter-spacing: 0.32px;
}
@media only screen and (max-width: 1022px) {
.mod-input__field::-webkit-input-placeholder {
font-size: 11px;
}
}
.mod-input__field:-ms-input-placeholder {
color: var(--color-gray);
font-style: italic;
font-weight: 300;
letter-spacing: 0.32px;
}
@media only screen and (max-width: 1022px) {
.mod-input__field:-ms-input-placeholder {
font-size: 11px;
}
}
.mod-input__field::placeholder {
color: var(--color-gray);
font-style: italic;
font-weight: 300;
letter-spacing: 0.32px;
}
@media only screen and (max-width: 1022px) {
.mod-input__field::placeholder {
font-size: 11px;
}
}
.mod-input textarea {
resize: none;
height: 100px;
border-radius: 20px;
padding: 5px 16px;
}
@media only screen and (max-width: 767px) {
.mod-input textarea {
height: 82px;
}
}
.mod-input.is-disabled {
opacity: 0.5;
}
.mod-input.is-disabled .mod-input__field {
pointer-events: none;
background-color: rgba(0, 0, 0, 0.05);
}
.mod-input--textarea {
height: auto;
}
.mod-input.has-icon {
height: auto;
border: 0;
}
.mod-input.has-icon .mod-input__icon {
background-color: var(--color-grey-light);
position: absolute;
left: -1px;
top: 0;
width: 60px;
height: 100%;
pointer-events: none;
z-index: 3;
border-radius: 30px 0 0 30px;
}
.mod-input.has-icon .mod-input__field {
padding-left: 75px;
}
.mod-input.has-icon.is-validation-failed .mod-input__icon {
background-color: var(--color-validation);
}
.mod-input__password-validation {
display: none;
margin: 20px auto;
font-size: 14px;
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: 13px;
width: 4px;
height: 4px;
border-radius: 100%;
background-color: var(--color-primary);
}
.mod-input__password-validation-item-icon {
position: absolute;
top: 11px;
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 width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.92308 6C2.8547 5.99978 2.78709 5.98552 2.72446 5.95809C2.66183 5.93067 2.60551 5.89067 2.55901 5.84058L0.135187 3.265C0.0445809 3.16854 -0.00395628 3.04009 0.000252564 2.90789C0.00446141 2.77569 0.0610716 2.65058 0.15763 2.56007C0.254188 2.46957 0.382784 2.42108 0.515128 2.42529C0.647473 2.42949 0.772726 2.48604 0.863331 2.58249L2.9181 4.7695L7.11241 0.186247C7.15497 0.133302 7.20792 0.0896077 7.26801 0.0578481C7.32809 0.0260886 7.39405 0.0069343 7.46181 0.00156176C7.52958 -0.00381078 7.59773 0.0047119 7.66208 0.0266062C7.72642 0.0485005 7.78561 0.0833042 7.83601 0.12888C7.8864 0.174455 7.92693 0.22984 7.95512 0.291633C7.9833 0.353426 7.99854 0.420323 7.9999 0.488213C8.00126 0.556104 7.98871 0.623555 7.96302 0.686425C7.93734 0.749294 7.89905 0.806255 7.85053 0.853808L3.29214 5.8356C3.24608 5.88659 3.18996 5.92752 3.12731 5.95581C3.06465 5.9841 2.99682 5.99915 2.92807 6H2.92308Z' fill='%238ABF56'/%3E%3C/svg%3E%0A") no-repeat center center/8px;
}
.mod-input--secondary {
margin-bottom: 0;
font-size: 18px;
}
.mod-input--secondary.is-focused .mod-input__label {
font-size: 10px;
letter-spacing: 0.15px;
top: 8px;
}
.mod-input--secondary.is-validation-failed .mod-input__field {
border: 1.5px solid var(--color-red);
}
.mod-input--secondary .mod-input__label {
margin: 0;
color: #959494;
font-size: 12px;
font-weight: 300;
font-style: normal;
letter-spacing: 1.1px;
padding: 0;
position: absolute;
left: 28px;
top: 16px;
transition: 0.3s ease;
}
@media only screen and (max-width: 767px) {
.mod-input--secondary .mod-input__label {
letter-spacing: 0.24px;
}
}
.mod-input--secondary .mod-input__field {
font-size: 12px;
color: var(--color-text);
font-weight: 500;
border-radius: 5px;
border: 0.5px solid var(--color-text);
height: 46px;
padding: 16px 28px 4px;
letter-spacing: 0.24px;
caret-color: #212121;
}
@media only screen and (max-width: 767px) {
.mod-input--secondary .mod-input__field {
padding: 12px 20px 4px;
}
}
.mod-input--secondary .mod-input__field::placeholder {
color: #959494;
font-size: 12px;
font-weight: 300;
font-style: normal;
letter-spacing: 1.1px;
}
@media only screen and (max-width: 767px) {
.mod-input--secondary .mod-input__field::placeholder {
letter-spacing: 0.24px;
}
}
.mod-input--secondary .mod-input__field::-moz-placeholder {
color: #959494;
font-size: 12px;
font-weight: 300;
font-style: normal;
letter-spacing: 1.1px;
}
@media only screen and (max-width: 767px) {
.mod-input--secondary .mod-input__field::-moz-placeholder {
letter-spacing: 0.24px;
}
}
.mod-input--secondary .mod-input__field:focus {
border-color: transparent;
}
.mod-input--secondary .mod-input__field:focus + .mod-input__inner-border {
opacity: 1;
}
.mod-input--secondary .mod-input__inner {
position: relative;
}
.mod-input--secondary .mod-input__inner-border {
border: 1.5px solid var(--color-primary);
border-radius: 5px;
z-index: 4;
opacity: 0;
transition: opacity 0.3s ease;
}
.mod-input--secondary textarea.mod-input__field {
height: 126px;
}
.mod-input .toggle-password {
position: absolute;
right: 8px;
top: 50%;
transform: translate(0, -50%);
width: 50px;
height: 50px;
cursor: pointer;
z-index: 6;
}
.mod-input .toggle-password .icon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: opacity 0.3s ease;
pointer-events: none;
}
.mod-input .toggle-password .icon-eye-closed {
opacity: 0;
}
.mod-input .toggle-password.hide-password .icon-eye-open {
opacity: 0;
}
.mod-input .toggle-password.hide-password .icon-eye-closed {
opacity: 1;
}
.mod-input .tooltip {
position: absolute;
right: 16px;
top: 14px;
z-index: 1;
}
@media only screen and (max-width: 767px) {
.mod-input .tooltip {
right: 8px;
top: 15px;
}
}
.is-validation-failed .mod-input, .mod-input.is-validation-failed {
color: var(--color-red);
}
.mod-input.is-focused .mod-input__password-validation {
display: grid;
}
.fv-plugins-message-container,
.validation-message {
color: var(--color-red);
position: relative;
font-size: 14px;
text-align: right;
}
.validation-message {
display: none;
}
.is-validation-failed .validation-message {
display: block;
}
.lead-text {
display: flex;
align-items: flex-start;
font-weight: 700;
}
@media only screen and (max-width: 767px) {
.lead-text {
flex-direction: column;
align-items: center;
text-align: center;
}
}
.lead-text .icon {
height: 36px;
margin-right: 32px;
flex-shrink: 0;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.lead-text .icon {
height: 32px;
width: 72px;
margin-right: 20px;
}
}
@media only screen and (max-width: 1022px) {
.lead-text .icon {
width: 60px;
margin-right: 0;
margin-bottom: 10px;
}
}
.lead-text .icon::before {
background-color: var(--color-primary);
}
.mod-link {
font-weight: 500;
font-size: 12px;
padding-bottom: 6px;
position: relative;
transition: 0.3s ease;
}
.mod-link:hover {
color: #c1eed0;
}
.mod-link:hover:after {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='143' height='4' fill='none'%3E%3Cpath fill='%23C1EED0' d='m127.607 1.938.07-.495-.07.495Zm-26.012 0 .07.495-.07-.495Zm-30.79 0 .07-.495-.07.495Zm-26.011 0 .07.495-.07-.495Zm-30.786 0 .07-.495-.07.495ZM1 .5H.5v1H1v-1Zm3.249 1.045.5.015.029-1-.5-.014-.03 1Zm6.582-.532-.497-.058-.116.993.496.058.117-.993Zm6.95 1.92.496.055.111-.994-.497-.055-.11.994Zm7.77-.484-.5-.013-.027 1 .5.013.028-1Zm7.726 1 .5-.014-.028-1-.5.014.028 1Zm7.633-1.51-.497.055.111.994.497-.056-.11-.993Zm7.176.067.497-.058-.116-.994-.497.058.116.994Zm6.435-1.46-.5.014.03 1 .5-.015-.03-1Zm6.526.999.5.015.029-1-.5-.015-.03 1Zm6.582-.532-.497-.058-.116.993.496.058.117-.993Zm6.95 1.92.496.055.111-.993-.497-.056-.11.994Zm7.77-.483-.5-.014-.027 1 .5.013.028-1Zm7.727 1 .5-.014-.028-1-.5.014.028 1Zm7.635-1.511-.497.055.11.994.498-.055-.111-.994Zm7.177.067.497-.058-.116-.994-.497.059.116.993Zm6.437-1.46-.5.014.029 1 .5-.015-.029-1Zm6.525.999.5.015.03-1-.5-.015-.03 1Zm6.581-.532-.497-.058-.116.993.496.058.117-.993Zm6.949 1.92.496.055.111-.993-.497-.056-.11.994Zm7.771-.483-.5-.014-.027 1 .499.013.028-1ZM1 1.5c1.185 0 2.261.016 3.249.045l.03-1C3.278.517 2.193.5 1 .5v1Zm9.714.506c1.12.13 2.16.277 3.224.427l.14-.99c-1.064-.15-2.115-.298-3.247-.43l-.117.993Zm3.224.427c1.18.166 2.421.341 3.842.5l.111-.994a127.92 127.92 0 0 1-3.813-.496l-.14.99Zm11.586 1.016c1.182.033 2.468.05 3.877.05v-1c-1.4 0-2.677-.017-3.85-.05l-.027 1Zm3.877.05c1.408 0 2.694-.017 3.876-.05l-.027-1c-1.173.033-2.45.05-3.85.05v1Zm11.62-.567c1.42-.158 2.661-.333 3.842-.5l-.14-.99c-1.181.167-2.408.34-3.813.497l.111.993Zm3.842-.5c1.065-.149 2.104-.295 3.223-.426l-.116-.994c-1.132.133-2.183.281-3.246.43l.14.99Zm9.687-.887a110.48 110.48 0 0 1 3.248-.045v-1c-1.194 0-2.28.016-3.277.045l.03 1Zm3.248-.045c1.185 0 2.261.016 3.249.045l.03-1C60.076.516 58.991.5 57.797.5v1Zm9.714.506a136 136 0 0 1 3.224.427l.14-.99c-1.064-.15-2.115-.298-3.247-.43l-.117.993Zm3.224.427c1.18.167 2.421.341 3.842.5l.111-.994c-1.405-.157-2.632-.33-3.813-.496l-.14.99ZM82.322 3.45c1.183.033 2.468.051 3.877.051v-1c-1.4 0-2.677-.018-3.85-.05l-.027 1ZM86.2 3.5c1.408 0 2.694-.018 3.877-.05l-.027-1c-1.173.032-2.45.05-3.85.05v1Zm11.623-.567c1.42-.159 2.661-.333 3.843-.5l-.14-.99c-1.182.166-2.41.34-3.814.496l.11.994Zm3.843-.5c1.064-.15 2.104-.296 3.223-.427l-.116-.993c-1.133.132-2.184.28-3.247.43l.14.99Zm9.689-.888c.988-.029 2.063-.045 3.249-.045v-1c-1.195 0-2.28.016-3.278.045l.029 1Zm3.249-.045c1.185 0 2.26.016 3.247.045l.03-1C116.882.516 115.797.5 114.603.5v1Zm9.711.506c1.12.131 2.159.277 3.223.427l.14-.99c-1.063-.15-2.114-.298-3.246-.43l-.117.993Zm3.223.427c1.181.167 2.421.341 3.843.5l.11-.994c-1.405-.157-2.632-.33-3.813-.496l-.14.99Zm11.586 1.016c1.183.033 2.469.051 3.877.051v-1c-1.4 0-2.676-.018-3.849-.05l-.028 1Z'/%3E%3C/svg%3E") repeat-x left top/100%;
}
.mod-link:focus {
font-weight: 700;
}
.mod-link:after {
content: "";
display: block;
width: 100%;
height: 0;
padding-bottom: 6px;
transition: 0.3s ease;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='143' height='4' fill='none'%3E%3Cpath fill='%23212121' d='m127.607 1.938.07-.495-.07.495Zm-26.012 0 .07.495-.07-.495Zm-30.79 0 .07-.495-.07.495Zm-26.011 0 .07.495-.07-.495Zm-30.786 0 .07-.495-.07.495ZM1 .5H.5v1H1v-1Zm3.249 1.045.5.015.029-1-.5-.014-.03 1Zm6.582-.532-.497-.058-.116.993.496.058.117-.993Zm6.95 1.92.496.055.111-.994-.497-.055-.11.994Zm7.77-.484-.5-.013-.027 1 .5.013.028-1Zm7.726 1 .5-.014-.028-1-.5.014.028 1Zm7.633-1.51-.497.055.111.994.497-.056-.11-.993Zm7.176.067.497-.058-.116-.994-.497.058.116.994Zm6.435-1.46-.5.014.03 1 .5-.015-.03-1Zm6.526.999.5.015.029-1-.5-.015-.03 1Zm6.582-.532-.497-.058-.116.993.496.058.117-.993Zm6.95 1.92.496.055.111-.993-.497-.056-.11.994Zm7.77-.483-.5-.014-.027 1 .5.013.028-1Zm7.727 1 .5-.014-.028-1-.5.014.028 1Zm7.635-1.511-.497.055.11.994.498-.055-.111-.994Zm7.177.067.497-.058-.116-.994-.497.059.116.993Zm6.437-1.46-.5.014.029 1 .5-.015-.029-1Zm6.525.999.5.015.03-1-.5-.015-.03 1Zm6.581-.532-.497-.058-.116.993.496.058.117-.993Zm6.949 1.92.496.055.111-.993-.497-.056-.11.994Zm7.771-.483-.5-.014-.027 1 .499.013.028-1ZM1 1.5c1.185 0 2.261.016 3.249.045l.03-1C3.278.517 2.193.5 1 .5v1Zm9.714.506c1.12.13 2.16.277 3.224.427l.14-.99c-1.064-.15-2.115-.298-3.247-.43l-.117.993Zm3.224.427c1.18.166 2.421.341 3.842.5l.111-.994a127.92 127.92 0 0 1-3.813-.496l-.14.99Zm11.586 1.016c1.182.033 2.468.05 3.877.05v-1c-1.4 0-2.677-.017-3.85-.05l-.027 1Zm3.877.05c1.408 0 2.694-.017 3.876-.05l-.027-1c-1.173.033-2.45.05-3.85.05v1Zm11.62-.567c1.42-.158 2.661-.333 3.842-.5l-.14-.99c-1.181.167-2.408.34-3.813.497l.111.993Zm3.842-.5c1.065-.149 2.104-.295 3.223-.426l-.116-.994c-1.132.133-2.183.281-3.246.43l.14.99Zm9.687-.887a110.48 110.48 0 0 1 3.248-.045v-1c-1.194 0-2.28.016-3.277.045l.03 1Zm3.248-.045c1.185 0 2.261.016 3.249.045l.03-1C60.076.516 58.991.5 57.797.5v1Zm9.714.506a136 136 0 0 1 3.224.427l.14-.99c-1.064-.15-2.115-.298-3.247-.43l-.117.993Zm3.224.427c1.18.167 2.421.341 3.842.5l.111-.994c-1.405-.157-2.632-.33-3.813-.496l-.14.99ZM82.322 3.45c1.183.033 2.468.051 3.877.051v-1c-1.4 0-2.677-.018-3.85-.05l-.027 1ZM86.2 3.5c1.408 0 2.694-.018 3.877-.05l-.027-1c-1.173.032-2.45.05-3.85.05v1Zm11.623-.567c1.42-.159 2.661-.333 3.843-.5l-.14-.99c-1.182.166-2.41.34-3.814.496l.11.994Zm3.843-.5c1.064-.15 2.104-.296 3.223-.427l-.116-.993c-1.133.132-2.184.28-3.247.43l.14.99Zm9.689-.888c.988-.029 2.063-.045 3.249-.045v-1c-1.195 0-2.28.016-3.278.045l.029 1Zm3.249-.045c1.185 0 2.26.016 3.247.045l.03-1C116.882.516 115.797.5 114.603.5v1Zm9.711.506c1.12.131 2.159.277 3.223.427l.14-.99c-1.063-.15-2.114-.298-3.246-.43l-.117.993Zm3.223.427c1.181.167 2.421.341 3.843.5l.11-.994c-1.405-.157-2.632-.33-3.813-.496l-.14.99Zm11.586 1.016c1.183.033 2.469.051 3.877.051v-1c-1.4 0-2.676-.018-3.849-.05l-.028 1Z'/%3E%3C/svg%3E") repeat-x left top/auto;
}
.mod-link--large {
font-size: 18px;
}
@media only screen and (max-width: 1439px) {
.mod-link--large {
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.mod-link--large {
font-size: 12px;
}
}

.list {
margin: 0;
padding: 0;
list-style: none;
}
.list li {
padding-left: 24px;
position: relative;
}
.list li::before {
content: "·";
left: 0;
top: 0;
position: absolute;
}
.list li + li {
margin-top: 6px;
}
.list--secondary li::before {
content: ">";
}
.list--numbered {
list-style: decimal;
padding-left: 32px;
}
.list--numbered li {
padding-left: 0;
}
.list--numbered li:before {
display: none;
}
.margin {
display: block;
width: 100%;
}
.margin--126 {
height: 126px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.margin--126 {
height: 100px;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1199px) {
.margin--126 {
height: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.margin--126 {
height: 60px;
}
}
@media only screen and (max-width: 767px) {
.margin--126 {
height: 40px;
}
}
.margin--110 {
height: 110px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.margin--110 {
height: 80px;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1199px) {
.margin--110 {
height: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.margin--110 {
height: 60px;
}
}
@media only screen and (max-width: 767px) {
.margin--110 {
height: 40px;
}
}
.margin--100 {
height: 100px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.margin--100 {
height: 80px;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1199px) {
.margin--100 {
height: 70px;
}
}
@media only screen and (max-width: 1022px) {
.margin--100 {
height: 40px;
}
}
.margin--90 {
height: 90px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.margin--90 {
height: 70px;
}
}
@media only screen and (max-width: 1199px) {
.margin--90 {
height: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.margin--90 {
height: 50px;
}
}
@media only screen and (max-width: 767px) {
.margin--90 {
height: 30px;
}
}
.margin--80 {
height: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.margin--80 {
height: 60px;
}
}
@media only screen and (max-width: 767px) {
.margin--80 {
height: 40px;
}
}
.margin--76 {
height: 76px;
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.margin--76 {
height: 56px;
}
}
@media only screen and (max-width: 767px) {
.margin--76 {
height: 40px;
}
}
.margin--70 {
height: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.margin--70 {
height: 50px;
}
}
@media only screen and (max-width: 767px) {
.margin--70 {
height: 40px;
}
}
.margin--66 {
height: 66px;
}
@media only screen and (max-width: 1022px) {
.margin--66 {
height: 40px;
}
}
@media only screen and (max-width: 767px) {
.margin--66 {
height: 20px;
}
}
.margin--64 {
height: 64px;
}
@media only screen and (max-width: 1022px) {
.margin--64 {
height: 40px;
}
}
.margin--60 {
height: 60px;
}
@media only screen and (max-width: 1022px) {
.margin--60 {
height: 40px;
}
}
.margin--56 {
height: 56px;
}
@media only screen and (max-width: 1022px) {
.margin--56 {
height: 36px;
}
}
.margin--50 {
height: 50px;
}
@media only screen and (max-width: 1022px) {
.margin--50 {
height: 30px;
}
}
.margin--46 {
height: 46px;
}
@media only screen and (max-width: 767px) {
.margin--46 {
height: 26px;
}
}
.margin--40 {
height: 40px;
}
@media only screen and (max-width: 767px) {
.margin--40 {
height: 20px;
}
}
.margin--32 {
height: 32px;
}
@media only screen and (max-width: 767px) {
.margin--32 {
height: 22px;
}
}
.margin--30 {
height: 30px;
}
@media only screen and (max-width: 767px) {
.margin--30 {
height: 20px;
}
}
.margin--20 {
height: 20px;
}
@media only screen and (max-width: 767px) {
.margin--20 {
height: 15px;
}
}
.radio-selector 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);
}
.radio-selector {
position: relative;
user-select: none;
}
.radio-selector.is-active label .icon {
opacity: 1;
visibility: visible;
}
.radio-selector .icon {
opacity: 0;
visibility: hidden;
z-index: 3;
transition: opacity 0.4s ease, visibility 0.3s ease;
}
.radio-selector .icon::before {
background-color: var(--color-primary-bg);
}
.radio-selector__label {
opacity: 0.3;
position: relative;
width: 36px;
height: 36px;
border: 2px solid var(--color-text);
border-radius: 100%;
background-color: var(--background-color, #ffffff);
margin: 0;
cursor: pointer;
transition: 0.3s;
}
@media only screen and (max-width: 1022px) {
.radio-selector__label {
width: 30px;
height: 30px;
}
}
.radio-selector__label::before, .radio-selector__label::after {
content: "";
position: absolute;
width: 100%;
height: 2px;
top: 15px;
left: 0;
background-color: var(--color-text);
transform: rotate(-135deg);
transition: 0.3s;
}
@media only screen and (max-width: 1022px) {
.radio-selector__label::before, .radio-selector__label::after {
top: 12px;
}
}
.radio-selector__label::after {
transform: rotate(135deg);
}
.radio-selector input:checked ~ label {
opacity: 1;
}
.radio-selector--with-color .radio-selector__label, .radio-selector--with-image .radio-selector__label {
opacity: 1;
border: none;
}
.radio-selector--with-color .radio-selector__label::before, .radio-selector--with-color .radio-selector__label::after, .radio-selector--with-image .radio-selector__label::before, .radio-selector--with-image .radio-selector__label::after {
display: none;
}
.radio-selector--with-color input:checked ~ label, .radio-selector--with-image input:checked ~ label {
border: none;
}
.radio-selector--with-color input:checked ~ label .icon, .radio-selector--with-image input:checked ~ label .icon {
opacity: 1;
visibility: visible;
}
.radio-selector--with-image img {
border-radius: 100%;
}
.radio-selector--black-checkmark .icon::before {
background-color: var(--color-text);
}
.radio-button.hide-label .radio-button__text, .radio-button 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);
}
.radio-button {
-webkit-user-select: none;
user-select: none;
line-height: 1.5;
}
.radio-button__label {
position: relative;
padding-left: 30px;
cursor: pointer;
margin: 0;
display: block;
}
@media only screen and (max-width: 767px) {
.radio-button__label {
padding-left: 25px;
}
}
.radio-button__label::before, .radio-button__label::after {
content: "";
width: 18px;
height: 18px;
position: absolute;
left: 0;
top: 4px;
border-radius: 100%;
}
.radio-button__label:before {
border: 1px solid var(--color-black);
transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.radio-button__label::after {
background: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0471 1.95286C13.0471 1.74242 12.963 1.53199 12.8114 1.38047L11.6667 0.23569C11.5152 0.0841752 11.3047 0 11.0943 0C10.8838 0 10.6734 0.0841752 10.5219 0.23569L5 5.76599L2.52525 3.28283C2.37374 3.13131 2.1633 3.04714 1.95286 3.04714C1.74242 3.04714 1.53199 3.13131 1.38047 3.28283L0.23569 4.42761C0.0841751 4.57912 0 4.78956 0 5C0 5.21044 0.0841751 5.42088 0.23569 5.57239L4.42761 9.76431C4.57912 9.91582 4.78956 10 5 10C5.21044 10 5.42088 9.91582 5.57239 9.76431L12.8114 2.52525C12.963 2.37374 13.0471 2.1633 13.0471 1.95286Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A") no-repeat center/12px;
transform: scale(0);
transition: transform 0.3s ease;
}
.radio-button input:checked ~ label:before {
background-color: var(--color-black);
}
.radio-button input:checked ~ label::after {
transform: scale(1);
}
.radio-button input:focus-visible ~ label::before {
box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-grey-light);
}
.radio-button.hide-label {
width: 18px;
height: 18px;
}
.radio-button.hide-label .radio-button__label::before, .radio-button.hide-label .radio-button__label::after {
top: 0;
}
@media only screen and (max-width: 767px) {
.section-margin .margin--100 {
height: 30px;
}
}
.sort-dropdown {
position: relative;
margin-left: auto;
user-select: none;
}
.sort-dropdown__placeholder {
font-weight: 600;
font-size: 14px;
line-height: 1.25;
letter-spacing: 0.6px;
text-transform: uppercase;
display: flex;
align-items: center;
transition: color 0.3s ease;
white-space: nowrap;
}
@media only screen and (max-width: 767px) {
.sort-dropdown__placeholder {
font-size: 12px;
font-weight: 400;
letter-spacing: 0.39px;
}
}
.sort-dropdown__placeholder-text {
padding-right: 12px;
}
@media only screen and (max-width: 767px) {
.sort-dropdown__placeholder-text {
padding-right: 8px;
}
}
@media only screen and (max-width: 767px) {
.sort-dropdown__placeholder .icon {
width: 8px;
height: 8px;
}
}
.sort-dropdown__placeholder .icon::before {
background-color: currentColor;
}
.sort-dropdown__overlay {
position: fixed;
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
background: rgba(53, 53, 53, 0.5);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.sort-dropdown__title {
font-weight: 700;
font-size: 22px;
line-height: 1.25;
text-align: center;
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.sort-dropdown__title {
font-size: 19px;
}
}
.sort-dropdown__close {
width: 12px;
height: 12px;
display: block;
margin: 0 14px 25px auto;
}
.sort-dropdown__close .icon {
width: 12px;
height: 12px;
}
.sort-dropdown__close .icon::before {
background-color: var(--color-gray-6);
}
.sort-dropdown label {
margin-bottom: 0;
display: block;
cursor: pointer;
position: relative;
}
@media only screen and (max-width: 1022px) {
.sort-dropdown label {
font-weight: 600;
text-transform: uppercase;
border-bottom: 0.3px solid var(--color-text);
}
}
.sort-dropdown label .icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 5px;
opacity: 0;
visibility: hidden;
pointer-events: none;
display: none;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.sort-dropdown label .icon::before {
background-color: var(--color-primary);
}
@media only screen and (max-width: 1022px) {
.sort-dropdown label .icon {
display: block;
}
}
.sort-dropdown__list {
position: absolute;
right: 40px;
width: 254px;
z-index: 9;
top: 43px;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}
@media only screen and (max-width: 1022px) {
.sort-dropdown__list {
position: fixed;
top: 0;
right: inherit;
left: 0;
height: 100%;
width: calc(100% - 42px);
background-color: var(--color-primary-bg);
padding: 42px 14px;
overflow: auto;
transform: translateX(-100%);
}
}
.sort-dropdown__list-inner {
background-color: var(--color-primary-bg);
border: 0.5px solid #666766;
display: grid;
grid-gap: 8px;
width: 100%;
border-radius: 8px;
padding: 16px 50px;
position: relative;
}
@media only screen and (max-width: 1022px) {
.sort-dropdown__list-inner {
padding: 0;
border: 0;
background-color: transparent;
border-radius: 0;
grid-gap: 0;
}
}
@media only screen and (max-width: 767px) {
.sort-dropdown__list-inner {
font-size: 12px;
}
}
.sort-dropdown__list-inner::after {
content: "";
position: absolute;
right: 22px;
top: -4px;
width: 8px;
height: 8px;
border-top: 0.5px solid #666766;
border-right: 0.5px solid #666766;
z-index: 3;
transform: rotate(-45deg);
background-color: var(--color-primary-bg);
}
@media only screen and (max-width: 1022px) {
.sort-dropdown__list-inner::after {
display: none;
}
}
.sort-dropdown__list-item {
transition: color 0.3s ease;
cursor: pointer;
}
@media only screen and (max-width: 1022px) {
.sort-dropdown__list-item-text {
padding: 22px 30px 22px 0;
}
}
@media only screen and (min-width: 1023px) {
.sort-dropdown__list-item:hover {
color: #c1eed0;
}
}
@media only screen and (max-width: 1022px) {
.sort-dropdown__list-item:first-child label {
border-top: 0.3px solid var(--color-text);
}
}
.sort-dropdown__list input {
position: absolute;
width: 0;
height: 0;
bottom: 0;
opacity: 1;
padding: 0;
background: transparent;
border: 0;
}
@media only screen and (min-width: 1023px) {
.sort-dropdown__list input:checked + label {
font-weight: 600;
color: var(--color-primary);
}
}
.sort-dropdown__list input:checked + label .icon {
opacity: 1;
visibility: visible;
}
.sort-dropdown.is-selected .sort-dropdown__placeholder, .sort-dropdown.is-open .sort-dropdown__placeholder, .sort-dropdown:hover .sort-dropdown__placeholder {
color: var(--color-primary);
}
.sort-dropdown.is-open .sort-dropdown__list {
opacity: 1;
visibility: visible;
pointer-events: all;
}
@media only screen and (max-width: 1022px) {
.sort-dropdown.is-open .sort-dropdown__list {
transform: translateX(0);
}
}
.sort-dropdown.is-open .sort-dropdown__overlay {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.tag {
line-height: 1.1;
background-color: var(--color-red-secondary);
padding: 4px 8px;
border-radius: 6px;
min-height: 20px;
min-width: 58px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
color: var(--color-primary-bg);
font-weight: 600;
transition: background-color 0.3s ease;
}
@media only screen and (max-width: 767px) {
.tag {
font-size: 10px;
min-width: 44px;
min-height: 14px;
border-radius: 4px;
}
}
.tag .icon {
height: 12px;
width: 12px;
}
.tag .icon::before {
background-color: currentColor;
}
.tag--link:hover {
background-color: var(--color-red-tertiary);
}
.tag--with-icon {
background-color: var(--color-primary);
}
.tag--new {
background-color: var(--color-text);
}
.tag--large {
font-size: 16px;
border-radius: 10px;
font-weight: 400;
padding: 4px 12px;
min-height: 28px;
letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
.tag--large {
font-size: 14px;
min-height: 24px;
gap: 10px;
}
}
.tag--large .icon {
width: 16px;
height: 16px;
}
@media only screen and (max-width: 767px) {
.tag--large .icon {
width: 12px;
height: 12px;
}
}
.tag--secondary {
background-color: transparent;
padding: 0;
border-radius: 0;
min-height: 1px;
min-width: 1px;
color: var(--color-text);
letter-spacing: 0.63px;
font-size: 12px;
border-left: 2px solid currentColor;
padding-left: 10px;
}
@media only screen and (max-width: 767px) {
.tag--secondary {
font-size: 8px;
letter-spacing: 0.46px;
padding-left: 4px;
border-left-width: 0.5px;
}
}
.tag--secondary .icon {
width: 20px;
height: 15px;
}
@media only screen and (max-width: 767px) {
.tag--secondary .icon {
width: 8px;
height: 6px;
}
}
.tag--secondary.tag--with-icon {
color: var(--color-red-secondary);
border-left: 0;
padding-left: 0;
}
.tag-list {
display: grid;
justify-items: flex-start;
grid-gap: 5px;
}
.tag-list--secondary {
display: flex;
align-items: center;
grid-gap: 0;
gap: 10px;
}
@media only screen and (max-width: 767px) {
.tag-list--secondary {
gap: 5px;
}
}
.title--h6, .title--h5, .title--h4, .title--h3, .title--h2, .title--h1 {
color: var(--color-darkblue);
font-weight: 700;
}
.title--h1 {
font-size: 38px;
line-height: 1.2;
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.title--h1 {
font-size: 32px;
}
}
@media only screen and (max-width: 767px) {
.title--h1 {
font-size: 25px;
}
}
.title--h2 {
font-size: 28px;
line-height: 1.2;
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.title--h2 {
font-size: 26px;
}
}
@media only screen and (max-width: 767px) {
.title--h2 {
font-size: 24px;
}
}
.title--h3 {
font-size: 25px;
line-height: 1.2;
}
@media only screen and (min-width: 768px) 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: 22px;
line-height: 1.3;
}
@media only screen and (max-width: 767px) {
.title--h4 {
font-size: 18px;
}
}
.title--h5 {
font-size: 20px;
line-height: 1.4;
}
@media only screen and (max-width: 767px) {
.title--h5 {
font-size: 18px;
}
}
.title--h6 {
font-size: 18px;
line-height: 1.4;
}
@media only screen and (max-width: 767px) {
.title--h6 {
font-size: 16px;
}
}
.mod-toggle {
-webkit-user-select: none;
user-select: none;
display: inline-block;
font-size: 0;
line-height: 0;
}
.mod-toggle__label {
margin-bottom: 0;
}
.mod-toggle__switch {
position: relative;
display: flex;
align-items: center;
width: 38px;
height: 24px;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.mod-toggle__switch {
width: 30px;
height: 20px;
}
}
.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-text);
border-radius: 20px;
transition: box-shadow 0.3s ease, background-color 0.3s ease;
}
.mod-toggle__switch::after {
top: 2px;
left: 2px;
width: 20px;
height: 20px;
background-color: var(--color-white);
border-radius: 50%;
transition: transform 0.3s ease;
}
@media only screen and (max-width: 767px) {
.mod-toggle__switch::after {
width: 16px;
height: 16px;
}
}
.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);
}
.mod-toggle input:checked + .mod-toggle__label .mod-toggle__switch::after {
transform: translate(14px, 0);
}
@media only screen and (max-width: 767px) {
.mod-toggle input:checked + .mod-toggle__label .mod-toggle__switch::after {
transform: translate(10px, 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);
}
.tooltip {
position: relative;
display: inline-block;
}
.tooltip__question {
position: relative;
cursor: pointer;
text-decoration: underline;
width: 18px;
height: 18px;
}
@media only screen and (max-width: 1022px) {
.tooltip__question {
width: 15px;
height: 15px;
}
}
.tooltip__question::before {
content: "";
position: absolute;
left: 50%;
width: 0;
height: 0;
bottom: calc(100% + 5px);
transform: translateX(-50%);
border-style: solid;
border-width: 8px 8px 0 8px;
border-color: #ffffff transparent transparent transparent;
opacity: 0;
pointer-events: none;
z-index: 99;
transition: opacity 0.3s ease;
}
.tooltip__question .icon {
height: 100%;
width: 100%;
pointer-events: none;
}
.tooltip__question .icon::before {
background-color: var(--color-gray);
}
.tooltip__modal {
position: absolute;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
top: 0;
left: 50%;
width: 250px;
font-weight: 400;
font-size: 12px;
line-height: 1.2;
background-color: var(--color-white);
box-shadow: 0 4px 9px rgba(0, 0, 0, 0.25);
padding: 10px;
opacity: 0;
pointer-events: none;
z-index: 9;
transform: translate(-50%, calc(-100% - 12px));
transition: opacity 0.3s ease;
}
@media only screen and (max-width: 1022px) {
.tooltip__modal {
padding: 20px 15px;
width: 180px;
left: auto;
right: 0;
transform: translate(6%, calc(-100% - 12px));
font-size: 10px;
}
}
.tooltip__modal__close {
position: absolute;
display: none;
align-items: center;
justify-self: center;
top: 8px;
right: 8px;
width: 12px;
height: 12px;
cursor: pointer;
}
@media only screen and (max-width: 1022px) {
.tooltip__modal__close {
display: flex;
}
}
.tooltip__modal__close .icon {
width: 10px;
height: 10px;
}
.tooltip.is-active .tooltip__modal {
pointer-events: none;
opacity: 1;
}
.tooltip.is-active .tooltip__modal-inner {
pointer-events: all;
}
.tooltip.is-active .tooltip__question::before {
opacity: 1;
}
.tooltip--dark .tooltip__modal {
color: #ffffff;
background: rgba(51, 58, 58, 0.9);
width: 155px;
border-radius: 4px;
box-shadow: none;
padding: 12px;
font-size: 10px;
font-weight: 500;
text-align: center;
line-height: 1.3;
}
.tooltip--dark .tooltip__question::before {
border-color: rgba(51, 58, 58, 0.9) transparent transparent transparent;
bottom: calc(100% + 4px);
}
.wishlist-button {
position: relative;
width: 40px;
height: 40px;
border-radius: 100%;
box-shadow: 0 0.91px 3.65px rgba(0, 0, 0, 0.25);
background-color: var(--color-white);
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.wishlist-button {
width: 24px;
height: 24px;
}
}
.wishlist-button .icon {
width: 18px;
height: 18px;
pointer-events: none;
transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
}
@media only screen and (max-width: 767px) {
.wishlist-button .icon {
width: 12px;
height: 12px;
}
}
.wishlist-button .icon-heart-fill {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
visibility: hidden;
opacity: 0;
transition: transform 0.4s ease, opacity 0.4s ease, visibility 0.4s ease;
}
.wishlist-button .icon-heart-fill::before {
background-color: var(--color-red-secondary);
}
.wishlist-button:hover .icon:before {
background-color: var(--color-red-secondary);
}
.wishlist-button.is-active .icon-heart {
transform: scale(0.8);
opacity: 0;
visibility: hidden;
}
.wishlist-button.is-active .icon-heart-fill {
opacity: 1;
visibility: visible;
animation: heart 500ms cubic-bezier(0.12, 0.4, 1, 0.99);
}
@keyframes heart {
0% {
transform: translate(-50%, -50%) scale(1);
}
50% {
transform: translate(-50%, -50%) scale(0.8);
}
75% {
transform: translate(-50%, -50%) scale(1.1);
}
100% {
transform: translate(-50%, -50%) scale(1);
}
}
.accordion {
position: relative;
width: 100%;
border-bottom: 1px solid var(--color-primary);
transition: 0.3s ease;
}
@media only screen and (max-width: 1022px) {
.accordion {
border-bottom-width: 0.5px;
}
}
@media only screen and (min-width: 1023px) {
.accordion:first-child {
border-top: 1px solid var(--color-primary);
}
}
.accordion__title {
position: relative;
text-align: left;
width: 100%;
min-height: 90px;
padding: 28px 70px 28px 16px;
font-weight: 500;
letter-spacing: normal;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.accordion__title {
min-height: 68px;
padding: 20px 70px 20px 16px;
}
}
@media only screen and (max-width: 1439px) {
.accordion__title {
min-height: 68px;
padding: 20px 70px 20px 16px;
}
}
@media only screen and (max-width: 1199px) {
.accordion__title {
min-height: 60px;
padding: 15px 40px 15px 16px;
letter-spacing: normal;
font-size: 20px;
}
}
@media only screen and (max-width: 1022px) {
.accordion__title {
font-size: 16px;
min-height: 44px;
padding: 10px 40px 10px 15px;
}
}
@media only screen and (max-width: 767px) {
.accordion__title {
min-height: 40px;
font-size: 14px;
}
}
.accordion__title .icon {
position: absolute;
top: 50%;
right: 20px;
width: 14px;
height: 14px;
transform: translateY(-50%);
transition: transform 0.3s ease;
}
@media only screen and (max-width: 767px) {
.accordion__title .icon {
right: 18px;
width: 14px;
height: 14px;
}
}
.accordion__content {
display: none;
color: var(--color-gray-8);
}
.accordion__content-inner {
padding: 0 16px 28px;
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.accordion__content-inner {
font-size: 15px;
padding: 0 16px 16px;
}
}
@media only screen and (max-width: 767px) {
.accordion__content-inner {
padding: 0 14px 14px;
}
}
.accordion__content-inner .editor-text {
line-height: 1.5;
}
@media only screen and (max-width: 767px) {
.accordion__content-inner .editor-text {
line-height: 1.43;
}
}
.accordion.is-open .accordion__title .icon {
transform: translateY(-50%) scaleY(-1);
}
.add-child {
max-width: 568px;
width: 100%;
margin: 0 auto;
display: grid;
grid-gap: 14px;
}
@media only screen and (max-width: 1022px) {
.add-child {
grid-template-columns: 1fr;
grid-gap: 16px 24px;
}
}
@media only screen and (max-width: 767px) {
.add-child {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 360px) {
.add-child {
grid-template-columns: 1fr;
grid-gap: 16px;
}
}
.add-child__row {
position: relative;
display: grid;
grid-gap: 18px;
grid-template-columns: 236px 1fr;
}
@media only screen and (max-width: 1022px) {
.add-child__row {
grid-template-columns: 1fr;
gap: 10px;
display: flex;
flex-direction: column;
}
}
.add-child__row:last-child .add-child__buttons {
display: flex;
}
.add-child__col {
padding: 0;
}
.add-child__col-index {
display: none;
font-weight: 600;
font-size: 12px;
line-height: 1.25;
margin-bottom: -6px;
color: var(--color-primary);
}
@media only screen and (max-width: 1022px) {
.add-child__col-index {
display: block;
}
}
.add-child__buttons {
align-items: center;
position: absolute;
left: 100%;
top: 0;
display: none;
}
@media only screen and (max-width: 1022px) {
.add-child__buttons {
position: relative;
left: 0;
align-items: center;
gap: 20px;
}
}
.add-child__button {
padding: 10px;
height: 46px;
width: 46px;
}
@media only screen and (max-width: 1022px) {
.add-child__button {
padding: 10px 2px;
height: auto;
width: auto;
}
.add-child__button .icon {
width: 10px;
height: 10px;
}
}
.add-child__button.is-hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.add-child .dropdown--optional-text .dropdown__label, .add-child .dropdown__label {
font-size: 12px;
left: 18px;
top: 4px;
}
@media only screen and (max-width: 767px) {
.add-child .dropdown--optional-text .dropdown__label, .add-child .dropdown__label {
font-size: 8px;
left: 13px;
top: 2px;
}
}
.add-child .dropdown--optional-text .dropdown__placeholder, .add-child .dropdown__placeholder {
padding-left: 18px;
}
@media only screen and (max-width: 767px) {
.add-child .dropdown--optional-text .dropdown__placeholder, .add-child .dropdown__placeholder {
height: 31px;
padding-left: 11px;
letter-spacing: 0.17px;
}
}
@media only screen and (max-width: 767px) {
.add-child .dropdown--optional-text .dropdown__placeholder .icon, .add-child .dropdown__placeholder .icon {
top: 13px;
}
}
@media only screen and (max-width: 767px) {
.add-child .dropdown__list {
top: 31px;
}
}
.add-child .dropdown__list-option {
padding: 6px 18px;
}
@media only screen and (max-width: 767px) {
.add-child .dropdown__list-option {
padding: 4px 11px;
}
}
.add-child .calendar {
max-width: 100%;
}
.add-child .calendar__label {
letter-spacing: 0.244px;
color: #959494;
}
@media only screen and (max-width: 767px) {
.add-child .calendar__label {
font-size: 8px;
left: 0;
top: 2px;
}
}
@media only screen and (max-width: 767px) {
.add-child .calendar__inner {
height: 31px;
}
}
.add-child .calendar__input {
font-size: 13px;
font-weight: 400;
letter-spacing: 0.24px;
}
@media only screen and (max-width: 767px) {
.add-child .calendar__input {
font-size: 11px;
letter-spacing: 0.17px;
}
}
@media only screen and (max-width: 767px) {
.add-child .calendar__arrow .icon {
margin-top: 1px;
}
}
.add-child .calendar.is-open {
z-index: 99;
}
.add-ons {
width: 100%;
display: grid;
grid-gap: 8px;
}
.add-ons__title {
position: relative;
}
.add-ons__title::after {
content: ":";
position: relative;
font-family: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
color: currentColor;
top: 0;
left: 0;
opacity: 0;
pointer-events: none;
visibility: hidden;
will-change: opacity, visibility;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.add-ons__item {
position: relative;
line-height: 1.25;
background-color: #f5f5f5;
border-radius: 46px;
padding: 5px 30px;
min-height: 31px;
display: flex;
justify-content: space-between;
gap: 15px;
letter-spacing: 0.75px;
}
@media only screen and (max-width: 1439px) {
.add-ons__item {
padding-left: 15px;
}
}
@media only screen and (max-width: 767px) {
.add-ons__item {
font-size: 10px;
padding: 2px 12px;
min-height: 28px;
gap: 10px;
letter-spacing: 0.33px;
}
}
@media (max-width: 374px) {
.add-ons__item {
flex-direction: column;
padding: 10px;
border-radius: 6px;
}
}
.add-ons__item-left {
display: flex;
align-items: center;
gap: 5px;
}
.add-ons__item-left-inner {
display: grid;
grid-template-columns: auto 9px;
grid-gap: 8px;
align-items: center;
justify-content: flex-start;
}
@media only screen and (max-width: 767px) {
.add-ons__item-left-inner {
grid-gap: 0;
grid-template-columns: 1fr;
}
}
.add-ons__item-right {
display: flex;
align-items: center;
justify-content: flex-end;
}
@media (max-width: 374px) {
.add-ons__item-right {
justify-content: space-between;
flex-wrap: wrap;
}
}
.add-ons__item.is-open-form .add-ons__cart-btn,
.add-ons__item.is-open-form .radio-selector-group, .add-ons__item.is-open-data .add-ons__cart-btn,
.add-ons__item.is-open-data .radio-selector-group {
opacity: 0;
pointer-events: none;
visibility: hidden;
}
.add-ons__item.is-open-form .add-ons__price {
padding-right: 188px;
}
@media only screen and (max-width: 1439px) {
.add-ons__item.is-open-form .add-ons__price {
padding-right: 162px;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1199px) {
.add-ons__item.is-open-form .add-ons__price {
padding-right: 0;
}
}
@media only screen and (max-width: 767px) {
.add-ons__item.is-open-form .add-ons__price {
padding: 0;
}
}
.add-ons__item.is-open-data .add-ons__price {
opacity: 0;
pointer-events: none;
visibility: hidden;
}
.add-ons__item.is-open-data .add-ons__button-group {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.add-ons__item.is-open-data .add-ons__title::after {
opacity: 1;
visibility: visible;
}
.add-ons .tooltip {
margin-top: 2px;
}
@media only screen and (max-width: 767px) {
.add-ons .tooltip {
display: none;
}
}
.add-ons .tooltip__question {
width: 9px;
height: 9px;
}
.add-ons .btn {
font-size: 15px;
letter-spacing: 0.8px;
min-height: 31px;
}
@media only screen and (max-width: 767px) {
.add-ons .btn {
font-size: 10px;
letter-spacing: 0.42px;
min-height: 28px;
}
}
@media only screen and (max-width: 767px) {
.add-ons .btn::after {
border-width: 0.46px;
}
}
.add-ons .btn__text {
pointer-events: none;
}
.add-ons .btn .icon {
width: 18px;
height: 15px;
}
.add-ons__cart-btn,
.add-ons .btn.add-ons__cart-btn {
padding: 4px 14px;
margin: -8px -30px -8px 0;
will-change: opacity, visibility;
transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
.add-ons__cart-btn,
.add-ons .btn.add-ons__cart-btn {
margin: -2px -12px -2px 0;
padding: 4px 12px;
}
}
@media (max-width: 374px) {
.add-ons__cart-btn,
.add-ons .btn.add-ons__cart-btn {
margin: 0;
}
}
@media only screen and (max-width: 767px) {
.add-ons__cart-btn .icon,
.add-ons .btn.add-ons__cart-btn .icon {
display: none;
}
}
.add-ons__cart-btn:focus::after,
.add-ons .btn.add-ons__cart-btn:focus::after {
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.add-ons__price {
margin-right: 22px;
flex-shrink: 0;
will-change: opacity, visibility;
transition: opacity 0.3s ease, visibility 0.3s ease, padding 0.3s ease;
}
@media only screen and (max-width: 767px) {
.add-ons__price {
margin-right: 15px;
}
}
.add-ons .radio-selector__label {
width: 18px;
height: 18px;
}
.add-ons .radio-selector .icon {
width: 10px;
height: 8px;
}
.add-ons .radio-selector-group {
max-width: 100%;
width: auto;
margin-right: 34px;
will-change: opacity, visibility;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media only screen and (max-width: 1199px) {
.add-ons .radio-selector-group {
margin-right: 22px;
}
}
.add-ons .radio-selector-group__inner {
gap: 8px;
}
.add-ons__personalization {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 280px;
z-index: 4;
opacity: 0;
visibility: hidden;
pointer-events: none;
will-change: opacity, visibility;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media only screen and (max-width: 1439px) {
.add-ons__personalization {
width: 260px;
}
}
@media only screen and (max-width: 767px) {
.add-ons__personalization {
width: 100%;
}
}
@media (max-width: 374px) {
.add-ons__personalization {
height: 28px;
bottom: 10px;
right: 10px;
width: calc(100% - 20px);
top: initial;
}
}
.add-ons__personalization.is-active {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.add-ons__personalization-input {
height: 100%;
}
.add-ons__personalization-field {
position: relative;
width: 100%;
height: 100%;
border-radius: 46px;
border: 1px solid var(--color-red-light);
color: var(--color-text);
background-color: #f5f5f5;
outline: none;
font-size: 10px;
padding: 4px 62px 4px 12px;
transition: border-color 0.3s ease;
letter-spacing: 0.82px;
}
.add-ons__personalization-field:focus {
border-color: var(--color-primary);
outline: none;
}
.is-validation-failed .add-ons__personalization-field, .add-ons__personalization-field.is-validation-failed {
border-color: var(--color-red);
}
.add-ons__personalization-field::-webkit-input-placeholder {
color: var(--color-gray-5);
font-style: italic;
font-weight: 300;
}
.add-ons__personalization-field:-ms-input-placeholder {
color: var(--color-gray-5);
font-style: italic;
font-weight: 300;
}
.add-ons__personalization-field::placeholder {
color: var(--color-gray-5);
font-style: italic;
font-weight: 300;
}
.add-ons__personalization-btn {
margin: 0;
position: absolute;
top: 0;
right: 0;
z-index: 3;
padding: 4px 20px;
height: 100%;
}
.add-ons__personalization-value {
text-transform: uppercase;
color: var(--color-primary);
font-weight: 600;
letter-spacing: 0.74px;
display: flex;
align-items: center;
height: 100%;
}
.add-ons__button-group {
display: flex;
align-items: center;
gap: 32px;
position: absolute;
top: 0;
right: 28px;
height: 100%;
z-index: 4;
opacity: 0;
visibility: hidden;
pointer-events: none;
will-change: opacity, visibility;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media only screen and (max-width: 767px) {
.add-ons__button-group {
gap: 20px;
right: 10px;
font-size: 10px;
}
}
@media (max-width: 374px) {
.add-ons__button-group {
top: initial;
bottom: 10px;
height: auto;
}
}
.add-ons__button-group-btn {
color: var(--color-gray-1);
font-weight: 300;
letter-spacing: 0.82px;
text-decoration-line: underline;
transition: color 0.3s ease;
}
.add-ons__button-group-btn:hover {
color: var(--color-primary);
}
.add-ons__button-edit {
position: relative;
}
.add-ons__button-edit::after {
content: "";
position: absolute;
right: -16px;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 18px;
background-color: var(--color-primary);
pointer-events: none;
}
@media only screen and (max-width: 767px) {
.add-ons__button-edit::after {
right: -10px;
height: 10px;
}
}
.add-ons__selected-color {
margin-left: 4px;
}
.add-ons__wool-text {
color: var(--color-primary);
letter-spacing: 0.74px;
display: flex;
align-items: center;
height: 100%;
line-height: 1;
will-change: opacity, visibility;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.add-ons__wool-text.is-hidden {
opacity: 0;
pointer-events: none;
visibility: hidden;
}
.add-promo-code {
max-width: 515px;
width: 100%;
display: grid;
grid-gap: 14px;
}
.add-promo-code__label {
color: #959494;
font-size: 14px;
width: 100%;
padding-right: 30px;
line-height: 1;
font-weight: 300;
position: absolute;
left: 24px;
top: 15px;
letter-spacing: 0.24px;
pointer-events: none;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
transition: 0.3s ease;
margin: 0;
}
@media only screen and (max-width: 767px) {
.add-promo-code__label {
font-size: 10px;
top: 12px;
}
}
.add-promo-code__input {
width: 100%;
border: 0.5px solid var(--color-text);
border-radius: 22px;
height: 44px;
font-size: 14px;
font-weight: 600;
padding: 12px 24px 0;
text-transform: uppercase;
letter-spacing: 0.24px;
transition: border-color 0.3s ease;
}
@media only screen and (max-width: 1022px) {
.add-promo-code__input {
background-color: transparent;
}
}
@media only screen and (max-width: 767px) {
.add-promo-code__input {
height: 34px;
font-size: 12px;
}
}
.add-promo-code__input:focus {
outline: none;
border-color: var(--color-primary);
}
.add-promo-code__input-wrapper {
position: relative;
overflow: hidden;
}
.add-promo-code__input-wrapper.is-focused .add-promo-code__label {
font-size: 12px;
top: 6px;
}
@media only screen and (max-width: 767px) {
.add-promo-code__input-wrapper.is-focused .add-promo-code__label {
font-size: 8px;
top: 4px;
}
}
.add-promo-code__item {
position: relative;
display: grid;
grid-gap: 10px;
}
.add-promo-code__item-init {
position: relative;
}
.add-promo-code__item-init.is-active .add-promo-code__item-inner {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.add-promo-code__item-init.is-active .add-promo-code__data {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.add-promo-code__item-init.is-validation-failed .add-promo-code__error-message {
display: block;
}
.add-promo-code__item-init.is-validation-failed .add-promo-code__input {
border: 1px solid var(--color-red);
}
.add-promo-code__item-inner {
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 14px;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.add-promo-code__submit {
min-height: 40px;
padding: 8px 26px;
letter-spacing: 0.74px;
font-size: 12px;
}
@media only screen and (max-width: 767px) {
.add-promo-code__submit {
min-height: 34px;
padding: 8px 10px;
}
}
.add-promo-code__data {
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 10px;
position: absolute;
pointer-events: none;
width: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.add-promo-code__button {
font-weight: 300;
position: relative;
letter-spacing: 0.82px;
text-decoration: underline;
color: var(--color-gray-1);
transition: color 0.3s ease;
}
@media only screen and (max-width: 767px) {
.add-promo-code__button {
font-size: 12px;
}
}
.add-promo-code__button:hover {
color: var(--color-primary);
}
.add-promo-code__button-group {
display: flex;
align-items: center;
gap: 25px;
}
@media only screen and (max-width: 767px) {
.add-promo-code__button-group {
gap: 8px;
}
}
.add-promo-code__button--add::before {
content: "";
position: absolute;
background-color: var(--color-primary);
width: 1px;
height: 22px;
top: 50%;
transform: translateY(-50%);
left: -13px;
pointer-events: none;
}
@media only screen and (max-width: 767px) {
.add-promo-code__button--add::before {
height: 15px;
left: -5px;
}
}
.add-promo-code__code {
color: var(--color-primary);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-weight: 600;
letter-spacing: 0.24px;
text-transform: uppercase;
}
.add-promo-code__error-message {
font-size: 12px;
line-height: 1.25;
letter-spacing: 0.08px;
padding-left: 24px;
color: var(--color-red);
margin-top: 8px;
display: none;
}
@media only screen and (max-width: 767px) {
.add-promo-code__error-message {
font-size: 10px;
margin-top: 5px;
}
}
.advance-cookie-banner__bar {
position: fixed;
left: 0;
width: 100%;
bottom: 0;
background: rgba(33, 33, 33, 0.95);
color: var(--color-white);
font-size: 14px;
line-height: 1.5;
font-weight: 500;
z-index: 998;
max-height: calc(var(--vh, 1vh) * 100);
transition: opacity 0.5s ease;
padding: 56px 0;
opacity: 0;
pointer-events: none;
}
.cookie-not-set .advance-cookie-banner__bar {
opacity: 1;
pointer-events: all;
}
@media only screen and (max-width: 1022px) {
.advance-cookie-banner__bar {
padding: 40px 0;
}
}
@media (min-width: 1920px) {
.advance-cookie-banner .container {
max-width: 1696px;
}
}
@media (min-width: 1500px) and (max-width: 1919px) {
.advance-cookie-banner .container {
max-width: calc(100% - 260px);
}
}
@media (min-width: 1441px) and (max-width: 1499px) {
.advance-cookie-banner .container {
max-width: calc(100% - 180px);
}
}
@media (min-width: 1201px) and (max-width: 1440px) {
.advance-cookie-banner .container {
max-width: calc(100% - 140px);
}
}
@media (max-width: 1200px) {
.advance-cookie-banner .container {
max-width: calc(100% - 120px);
}
}
@media only screen and (max-width: 1199px) {
.advance-cookie-banner .container {
max-width: calc(100% - 70px);
}
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner .container {
max-width: calc(100% - 40px);
}
}
.advance-cookie-banner__inner {
border-radius: 6px;
z-index: 3;
display: grid;
grid-template-columns: 1fr 520px;
grid-gap: 20px;
align-items: center;
}
@media (max-width: 1919px) {
.advance-cookie-banner__inner {
padding-right: 60px;
position: relative;
}
}
@media only screen and (max-width: 1199px) {
.advance-cookie-banner__inner {
grid-template-columns: 1fr 400px;
padding-right: 40px;
}
}
@media only screen and (max-width: 1022px) {
.advance-cookie-banner__inner {
grid-template-columns: 1fr;
display: flex;
flex-direction: column;
grid-gap: 0;
justify-content: center;
align-items: center;
text-align: center;
padding-right: 0;
position: static;
}
}
.advance-cookie-banner a {
text-decoration: underline;
}
.advance-cookie-banner a:hover {
text-decoration: none;
}
.advance-cookie-banner__button {
margin-left: auto;
display: flex;
align-items: center;
}
@media only screen and (max-width: 1022px) {
.advance-cookie-banner__button {
margin: 20px 0 0;
}
}
.advance-cookie-banner .btn {
min-height: 46px;
min-width: 184px;
font-size: 14px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner .btn {
min-height: 26px;
min-width: 106px;
}
}
.advance-cookie-banner .btn--cookie-setting {
font-weight: 400;
text-decoration: underline;
white-space: nowrap;
}
.advance-cookie-banner .btn--accept-cookie {
font-size: inherit;
margin-left: 44px;
background-color: var(--color-primary-bg);
color: var(--color-primary);
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner .btn--accept-cookie {
margin-left: 18px;
}
}
.advance-cookie-banner .btn[disabled] {
pointer-events: none;
background-color: var(--color-white);
color: var(--color-primary);
}
.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;
font-size: 16px;
line-height: 1.2;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal {
padding: 18px 10px;
font-size: 14px;
line-height: 1.5;
}
}
.advance-cookie-banner__modal.is-open-modal {
opacity: 1;
pointer-events: all;
}
.advance-cookie-banner__modal-close {
position: absolute;
top: 46px;
z-index: 9;
right: 20px;
padding: 10px;
}
@media only screen and (max-width: 1199px) {
.advance-cookie-banner__modal-close {
top: 44px;
}
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-close {
top: 13px;
right: 7px;
}
}
.advance-cookie-banner__modal-close .icon {
pointer-events: none;
width: 14px;
height: 14px;
}
.advance-cookie-banner__modal-overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(33, 33, 33, 0.3);
-webkit-filter: blur(4.5px);
filter: blur(4.5px);
z-index: 999;
}
.advance-cookie-banner__modal-body {
position: relative;
margin: 0 auto;
width: 100%;
max-width: 830px;
box-shadow: 1px 6px 20px rgba(0, 0, 0, 0.25);
border-radius: 10px;
background-color: var(--color-white);
z-index: 1000;
padding: 45px 34px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-body {
padding: 16px;
}
}
.advance-cookie-banner__modal-header {
font-weight: 600;
border-bottom: 0.5px solid currentColor;
padding: 0 25px 16px 16px;
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-header {
padding: 0 25px 4px 6px;
margin-bottom: 20px;
}
}
.advance-cookie-banner__modal-content {
padding: 0 16px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-content {
padding: 0 6px;
}
}
.advance-cookie-banner__modal-content .editor-text {
margin-bottom: 18px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-content .editor-text {
margin-bottom: 22px;
}
}
.advance-cookie-banner__modal-content .editor-text p {
margin-top: 20px;
margin-bottom: 20px;
}
.advance-cookie-banner__modal-content .editor-text p:first-child {
margin-top: 0;
}
.advance-cookie-banner__modal-content .editor-text p a {
color: var(--color-primary);
text-decoration: none;
}
.advance-cookie-banner__modal-content .editor-text p a:hover {
text-decoration: underline;
}
.advance-cookie-banner__modal-item {
margin-bottom: 18px;
position: relative;
}
.advance-cookie-banner__modal-item.is-necessary .mod-toggle {
pointer-events: none;
opacity: 0;
}
.advance-cookie-banner__modal-cookie-title {
margin-bottom: 18px;
padding-right: 140px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-cookie-title {
padding-right: 80px;
}
}
.advance-cookie-banner__modal-active-label {
position: absolute;
right: 12px;
top: 0;
font-weight: 600;
color: var(--color-primary);
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-active-label {
font-size: 12px;
right: -10px;
top: 8px;
}
}
.advance-cookie-banner__modal-footer {
display: flex;
justify-content: space-between;
margin-top: 36px;
}
.advance-cookie-banner__modal .mod-toggle {
position: absolute;
right: 14px;
top: 4px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal .mod-toggle {
right: 0;
}
}
.advance-cookie-banner strong {
font-weight: 600;
}
.advance-cookie-banner__close {
position: absolute;
right: 26px;
top: 50%;
transform: translate(0, -50%);
padding: 10px;
z-index: 3;
}
@media (max-width: 1919px) {
.advance-cookie-banner__close {
right: 0;
padding: 0;
}
}
@media only screen and (max-width: 1022px) {
.advance-cookie-banner__close {
top: 20px;
right: 10px;
transform: translate(0, 0);
}
}
.advance-cookie-banner__close .icon {
width: 16px;
height: 16px;
pointer-events: none;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__close .icon {
width: 12px;
height: 12px;
}
}
.advance-cookie-banner__close .icon::before {
background: rgba(255, 253, 251, 0.4);
}
.advance-cookie-banner__close:hover .icon::before {
background: rgb(255, 253, 251);
}
.article-card {
position: relative;
display: flex;
flex-direction: column;
max-width: 504px;
width: 100%;
height: 100%;
border-radius: 20px;
background-color: var(--color-white);
box-shadow: -4px 9px 22px -3px rgba(149, 148, 148, 0.12);
user-select: none;
}
@media only screen and (max-width: 1199px) {
.article-card {
max-width: 400px;
}
}
@media only screen and (max-width: 767px) {
.article-card {
max-width: 254px;
border-radius: 10px;
box-shadow: -2.01px 4.54px 11.1px -1.51px rgba(33, 33, 33, 0.1);
}
}
.article-card__image {
position: relative;
width: 100%;
height: 0;
padding-bottom: 88.8%;
}
@media only screen and (max-width: 767px) {
.article-card__image {
padding-bottom: 89.8%;
}
}
.article-card__image img {
transform: scale(1.0001);
transition: transform 0.3s ease;
}
.article-card__category-list {
display: flex;
flex-wrap: wrap;
gap: 15px;
margin-bottom: 22px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.article-card__category-list {
gap: 12px;
margin-bottom: 18px;
}
}
@media only screen and (max-width: 1199px) {
.article-card__category-list {
gap: 10px;
}
}
@media only screen and (max-width: 767px) {
.article-card__category-list {
gap: 5px;
margin-bottom: 12px;
}
}
.article-card__content {
display: flex;
flex-direction: column;
height: 100%;
padding: 34px 40px 48px;
}
@media only screen and (max-width: 1199px) {
.article-card__content {
padding: 32px;
}
}
@media only screen and (max-width: 1199px) {
.article-card__content {
padding: 20px 20px 30px;
}
}
@media only screen and (max-width: 1022px) {
.article-card__content {
padding: 20px 18px 30px;
}
}
@media only screen and (max-width: 767px) {
.article-card__content {
padding: 18px 20px 22px;
}
}
.article-card__title {
letter-spacing: normal;
font-weight: 700;
margin-bottom: 24px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.article-card__title {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1199px) {
.article-card__title {
margin-bottom: 15px;
line-height: 1.2;
}
}
@media only screen and (max-width: 767px) {
.article-card__text {
margin-bottom: 15px;
}
}
.article-card__text .editor-text {
letter-spacing: -0.6px;
}
@media only screen and (max-width: 767px) {
.article-card__text .editor-text {
line-height: 1.5;
}
}
.article-card__date {
line-height: 1;
margin-top: auto;
color: var(--color-gray-1);
}
@media (min-width: 1200px) and (max-width: 1680px) {
.article-card__date {
font-size: 15px;
}
}
@media only screen and (max-width: 1022px) {
.article-card__date {
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.article-card__date {
font-size: 10px;
}
}
.article-card .stretched-link::before {
pointer-events: all;
}
.article-card--link:hover .article-card__image img {
transform: scale(1.1);
}
.article-card--secondary {
max-width: 434px;
}
@media only screen and (max-width: 767px) {
.article-card--secondary {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
border-radius: 15px;
}
}
.article-card--secondary .article-card__image {
padding-bottom: 74.5%;
}
@media only screen and (max-width: 767px) {
.article-card--secondary .article-card__image {
height: 100%;
}
}
@media only screen and (min-width: 1023px) {
.article-card--secondary .article-card__category-list {
justify-content: center;
}
}
.article-card--secondary .article-card__content {
padding: 16px 30px 48px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.article-card--secondary .article-card__content {
padding: 16px 28px 28px;
}
}
@media only screen and (max-width: 767px) {
.article-card--secondary .article-card__content {
padding: 14px 22px 6px 0px;
}
}
.article-card--secondary .article-card__title {
margin-bottom: 14px;
}
@media only screen and (max-width: 767px) {
.article-card--secondary .article-card__title {
font-size: 16px;
}
}
.article-card--secondary .article-card__text {
margin-top: 4px;
}
@media only screen and (max-width: 767px) {
.article-card--secondary .article-card__text .editor-text {
font-size: 12px;
line-height: 1.2;
}
}
.bottom-navigation {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
min-height: 54px;
padding: 16px 20px;
display: flex;
gap: 45px;
align-items: center;
justify-content: center;
background-color: var(--color-primary-bg);
box-shadow: 0px -3.92px 29.47px 0px rgba(0, 0, 0, 0.05);
z-index: 101;
transition: transform 0.3s ease;
padding-bottom: 40px;
transform: translateY(100%);
}
@media only screen and (min-width: 1023px) {
.bottom-navigation {
display: none;
}
}
.is-scrolled .bottom-navigation {
transform: translateY(0);
}
.bottom-navigation .mobile-hamburger {
display: flex;
position: relative;
width: 14px;
height: 16px;
}
.bottom-navigation .mobile-hamburger .bars {
height: 2px;
width: 14px;
margin-bottom: 3px;
background-color: var(--color-text);
}
.bottom-navigation .header-main__icon .icon-search,
.bottom-navigation .icon-search {
width: 18px;
height: 18px;
}
.bottom-navigation .header-main__icon .icon-heart,
.bottom-navigation .icon-heart {
width: 18px;
height: 16px;
}
.bottom-navigation .header-main__icon .icon-cart,
.bottom-navigation .icon-cart {
width: 18px;
height: 18px;
}
.bottom-navigation .header-main__icon .icon-user,
.bottom-navigation .icon-user {
width: 12px;
height: 16px;
}
.cart-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
opacity: 0;
visibility: hidden;
pointer-events: none;
will-change: opacity, visibility;
transition: opacity 0.3s ease, visibility 0.3s ease;
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
}
@media only screen and (max-width: 1022px) {
.cart-popup {
opacity: 1;
visibility: visible;
left: 100%;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
}
.cart-popup__overlay {
background: rgba(0, 0, 0, 0.2);
pointer-events: all;
}
@media only screen and (min-width: 1023px) {
.cart-popup__overlay {
position: fixed;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
}
.cart-popup__inner {
max-width: 762px;
width: 100%;
position: fixed;
right: 0;
top: 0;
background-color: var(--color-primary-bg);
padding: 38px 46px 54px 38px;
overflow: auto;
height: 100%;
}
@media only screen and (min-width: 1023px) {
.cart-popup__inner {
scrollbar-track-color: #212121;
scrollbar-face-color: rgba(33, 33, 33, 0.6);
scrollbar-arrow-color: rgba(33, 33, 33, 0.6);    visibility: hidden;
opacity: 0;
transform: translateX(100%);
transition: transform 0.4s ease, visibility 0.4s ease, opacity 0.4s ease;
}
.cart-popup__inner::-webkit-scrollbar {
width: 4px;
}
.cart-popup__inner ::-webkit-scrollbar-track {
-webkit-border-radius: 5px;
border-radius: 5px;
background: #212121;
}
.cart-popup__inner ::-webkit-scrollbar-thumb:window-inactive {
background: rgba(33, 33, 33, 0.8);
}
.cart-popup__inner::-webkit-scrollbar-thumb {
background: rgba(33, 33, 33, 0.6);
width: 4px;
border-radius: 5px;
}
.cart-popup__inner::-webkit-scrollbar-thumb:hover {
background: rgba(33, 33, 33, 0.68);
}
.cart-popup__inner ::-webkit-scrollbar {
width: 4px;
}
}
@media only screen and (max-width: 1199px) {
.cart-popup__inner {
max-width: 660px;
}
}
@media only screen and (max-width: 1022px) {
.cart-popup__inner {
max-width: 100%;
padding: 40px 30px;
position: relative;
}
}
@media only screen and (max-width: 767px) {
.cart-popup__inner {
padding: 20px;
}
}
.cart-popup.is-open-cart {
pointer-events: all;
}
@media only screen and (min-width: 1023px) {
.cart-popup.is-open-cart {
opacity: 1;
visibility: visible;
}
}
@media only screen and (max-width: 1022px) {
.cart-popup.is-open-cart {
left: 0;
}
}
@media only screen and (min-width: 1023px) {
.cart-popup.is-open-cart .cart-popup__overlay {
opacity: 1;
visibility: visible;
}
}
@media only screen and (min-width: 1023px) {
.cart-popup.is-open-cart .cart-popup__inner {
opacity: 1;
visibility: visible;
transform: translate(0, 0);
}
}
.cart-popup__close {
width: 15px;
height: 15px;
margin-left: auto;
display: block;
}
.cart-popup__close .icon {
width: 15px;
height: 15px;
transition: transform 0.4s ease;
}
.cart-popup__close:hover .icon {
transform: scale(0.9);
}
.cart-popup__close:hover .icon::before {
background-color: var(--color-primary);
}
.cart-popup__title {
margin-bottom: 7px;
}
@media only screen and (max-width: 767px) {
.cart-popup__title {
margin-bottom: 2px;
}
}
.cart-popup__header {
margin-bottom: 40px;
}
@media only screen and (max-width: 1022px) {
.cart-popup__header {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.cart-popup__header {
margin-bottom: 16px;
}
}
.cart-popup .cart-view {
max-width: 100%;
}
.cart-popup .cart-view__item:last-child {
border-bottom: 0;
}
.cart-popup .free-shipping-indicator {
margin-bottom: 44px;
}
@media only screen and (max-width: 1022px) {
.cart-popup .free-shipping-indicator {
margin-bottom: 22px;
}
}
.cart-popup__total {
padding: 28px 30px;
border-top: 1px solid rgba(33, 33, 33, 0.5);
border-bottom: 1px solid rgba(33, 33, 33, 0.5);
letter-spacing: 1.01px;
}
@media only screen and (max-width: 1022px) {
.cart-popup__total {
padding: 12px 16px;
}
}
@media only screen and (max-width: 767px) {
.cart-popup__total {
padding: 12px 0;
}
}
.cart-popup__total-row {
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 20px;
align-items: center;
}
.cart-popup__total-row--saving {
color: var(--color-red-secondary);
}
.cart-popup__button-group {
display: grid;
grid-gap: 25px;
margin-top: 40px;
}
@media only screen and (max-width: 767px) {
.cart-popup__button-group {
margin-top: 30px;
padding: 0 18px;
grid-gap: 15px;
}
}
.cart-popup__button-group .btn {
width: 100%;
}
@media only screen and (min-width: 1023px) {
.cart-popup__button-group .btn {
min-height: 64px;
letter-spacing: 1.03px;
border-radius: 36px;
}
.cart-popup__button-group .btn:focus::after {
border-radius: 36px;
}
}
@media only screen and (max-width: 767px) {
.cart-popup__button-group .btn {
min-height: 38px;
}
}
.cart-popup__info-text {
text-align: center;
letter-spacing: 0.68px;
margin-top: 32px;
color: var(--color-black);
}
@media only screen and (max-width: 767px) {
.cart-popup__info-text {
font-size: 10px;
letter-spacing: 0.28px;
margin-top: 16px;
}
}
.cart-popup__info-text p + p {
margin-top: 2px;
}
.cart-popup__info-text strong {
font-weight: 500;
}
.cart-popup__product-list {
margin-top: 114px;
}
@media only screen and (max-width: 1199px) {
.cart-popup__product-list {
margin-top: 60px;
}
}
@media only screen and (max-width: 1022px) {
.cart-popup__product-list {
margin-top: 40px;
}
}
.cart-popup__product-list-title {
letter-spacing: normal;
margin-bottom: 64px;
}
@media only screen and (max-width: 1199px) {
.cart-popup__product-list-title {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 767px) {
.cart-popup__product-list-title {
font-size: 14px;
margin-bottom: 25px;
}
}
.cart-popup__product-list-inner {
max-width: 364px;
width: 100%;
margin: 0 auto;
display: grid;
grid-gap: 50px;
}
@media only screen and (max-width: 1199px) {
.cart-popup__product-list-inner {
max-width: 300px;
grid-gap: 30px;
}
}
@media only screen and (max-width: 767px) {
.cart-popup__product-list-inner {
max-width: 218px;
}
}
.cart-popup__product-list .product-card {
max-width: 100%;
}
@media only screen and (max-width: 767px) {
.cart-popup__product-list .product-card {
filter: drop-shadow(0px 0.763234px 3.81617px rgba(0, 0, 0, 0.25));
box-shadow: none;
}
}
@media only screen and (max-width: 767px) {
.cart-popup__product-list .product-card--secondary .product-card__body {
font-size: 14px;
padding-bottom: 14px;
}
}
@media only screen and (min-width: 1200px) {
.cart-popup__product-list .product-card--secondary .product-card__lowest-price {
font-size: 8px;
}
}
.cart-popup__empty {
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 468px;
width: 100%;
margin: 66px auto 0;
text-align: center;
}
@media only screen and (max-width: 1199px) {
.cart-popup__empty {
margin-top: 30px;
max-width: 400px;
}
}
@media only screen and (max-width: 767px) {
.cart-popup__empty {
margin-top: 25px;
max-width: 304px;
}
}
.cart-popup__empty .icon {
margin-bottom: 32px;
}
@media only screen and (max-width: 1199px) {
.cart-popup__empty .icon {
width: 80px;
height: 70px;
}
}
@media only screen and (max-width: 1022px) {
.cart-popup__empty .icon {
width: 60px;
height: 50px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.cart-popup__empty .icon {
width: 34px;
height: 28px;
margin-bottom: 5px;
}
}
.cart-popup__empty .icon::before {
background-color: #c1eed0;
}
.cart-popup__empty-title {
margin-bottom: 48px;
}
@media only screen and (max-width: 1439px) {
.cart-popup__empty-title {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 1022px) {
.cart-popup__empty-title {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.cart-popup__empty-title {
font-size: 18px;
margin-bottom: 12px;
}
}
.cart-popup__empty-text {
color: var(--color-black);
}
@media only screen and (max-width: 767px) {
.cart-popup__empty-text {
font-size: 14px;
line-height: 1.52;
padding: 0 10px;
}
}
.cart-popup__empty .btn {
margin-top: 52px;
width: 100%;
}
@media only screen and (max-width: 1199px) {
.cart-popup__empty .btn {
margin-top: 30px;
}
}
@media only screen and (min-width: 1200px) {
.cart-popup__empty .btn {
font-size: 22px;
min-height: 68px;
border-radius: 61px;
letter-spacing: 1.78px;
}
.cart-popup__empty .btn:focus::after {
border-radius: 61px;
}
}
.cart-popup--empty .cart-popup__content {
display: none;
}
.cart-popup--empty .cart-popup__empty {
display: flex;
}
.cart-view__delete::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.cart-view {
max-width: 752px;
width: 100%;
margin: 0 auto;
}
.cart-view__item {
position: relative;
border-bottom: 0.5px solid var(--color-text);
padding: 34px 0 48px;
}
@media only screen and (max-width: 1199px) {
.cart-view__item {
padding: 25px 0;
}
}
@media only screen and (max-width: 767px) {
.cart-view__item {
padding: 16px 0;
}
}
.cart-view__item:first-child {
border-top: 0.5px solid var(--color-text);
}
@media only screen and (min-width: 1023px) {
.cart-view__item:first-child {
padding-top: 65px;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1199px) {
.cart-view__item:first-child {
padding-top: 35px;
}
}
.cart-view__item-inner {
display: grid;
grid-template-columns: 34% 1fr;
grid-gap: 74px;
}
@media only screen and (max-width: 1439px) {
.cart-view__item-inner {
grid-gap: 44px;
}
}
@media only screen and (max-width: 1199px) {
.cart-view__item-inner {
grid-template-columns: 26.7% 1fr;
grid-gap: 40px;
}
}
@media only screen and (max-width: 1022px) {
.cart-view__item-inner {
grid-template-columns: 25% 1fr;
}
}
@media only screen and (max-width: 767px) {
.cart-view__item-inner {
grid-gap: 15px;
}
}
@media (max-width: 374px) {
.cart-view__item-inner {
grid-template-columns: 1fr;
}
}
.cart-view__image {
position: relative;
width: 100%;
height: 0;
padding-bottom: 108%;
border-radius: 10px;
}
@media only screen and (max-width: 767px) {
.cart-view__image {
padding-bottom: 130%;
border-radius: 5px;
}
}
.cart-view__image img {
transform: scale(1.0001);
transition: transform 0.3s ease;
}
.cart-view__image--link:hover img {
transform: scale(1.1);
}
.cart-view__content {
position: relative;
padding-top: 8px;
display: flex;
flex-direction: column;
}
@media only screen and (max-width: 767px) {
.cart-view__content {
padding-top: 0;
}
}
.cart-view__heading {
margin-bottom: 6px;
padding-right: 30px;
}
@media only screen and (max-width: 767px) {
.cart-view__heading {
margin-bottom: 3px;
}
}
.cart-view__heading-title {
font-weight: 400;
line-height: 1;
letter-spacing: 1.5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
.cart-view__heading-title {
font-size: 26px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.cart-view__heading-title {
font-size: 18px;
}
}
@media only screen and (max-width: 767px) {
.cart-view__heading-title {
letter-spacing: 0.49px;
font-size: 14px;
}
}
.cart-view__heading-category {
font-weight: 300;
letter-spacing: 1.2px;
color: var(--color-gray);
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
.cart-view__heading-category {
font-size: 26px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.cart-view__heading-category {
font-size: 18px;
}
}
@media only screen and (max-width: 767px) {
.cart-view__heading-category {
letter-spacing: 0.49px;
font-size: 14px;
}
}
.cart-view__detail {
display: flex;
flex-direction: column;
flex-wrap: wrap;
font-weight: 300;
line-height: 1.25;
letter-spacing: 1.03px;
color: var(--color-gray);
margin-bottom: 15px;
padding-right: 62px;
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.cart-view__detail {
font-size: 15px;
}
}
@media only screen and (max-width: 767px) {
.cart-view__detail {
flex-direction: row;
font-size: 10px;
letter-spacing: 0.33px;
line-height: 1.25;
margin-bottom: 20px;
padding-right: 44px;
}
}
@media only screen and (min-width: 768px) {
.cart-view__detail span {
display: block;
}
}
.cart-view__detail span:not(:last-child)::after {
content: ",";
font-size: inherit;
line-height: inherit;
letter-spacing: inherit;
color: currentColor;
position: relative;
}
@media only screen and (min-width: 768px) {
.cart-view__detail span:not(:last-child)::after {
display: none;
}
}
.cart-view__note {
text-transform: none;
}
.cart-view__footer {
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 20px;
margin-top: auto;
padding-right: 7px;
align-items: flex-end;
}
@media only screen and (max-width: 767px) {
.cart-view__footer {
font-size: 10px;
padding-right: 0;
}
}
@media (max-width: 375px) {
.cart-view__footer {
grid-gap: 10px;
}
}
.cart-view__quantity {
margin-right: 10px;
letter-spacing: 1.2px;
color: var(--color-gray);
}
@media only screen and (max-width: 767px) {
.cart-view__quantity {
letter-spacing: 0.3px;
}
}
.cart-view__amount {
line-height: 1.25;
letter-spacing: 0.7px;
}
.cart-view__old-price {
color: var(--color-red-2);
}
.cart-view__counter {
display: grid;
grid-template-columns: auto 1fr;
align-items: flex-end;
grid-gap: 14px;
}
@media only screen and (max-width: 767px) {
.cart-view__counter {
grid-gap: 24px;
}
}
@media (max-width: 375px) {
.cart-view__counter {
grid-gap: 10px;
}
}
.cart-view .quantity-counter {
width: 95px;
height: 28px;
}
@media only screen and (max-width: 767px) {
.cart-view .quantity-counter {
width: 98px;
border: 0;
box-shadow: 0px 0.57px 2.296px rgba(0, 0, 0, 0.25);
}
}
.cart-view .quantity-counter__button {
width: 32px;
border-width: 1px;
}
.cart-view .quantity-counter__button-icon {
width: 7px;
height: 7px;
}
.cart-view .quantity-counter__button-icon::after, .cart-view .quantity-counter__button-icon::before {
height: 1px;
}
.cart-view .quantity-counter__input {
font-size: 14px;
}
.cart-view .wishlist-button {
width: 28px;
height: 28px;
}
.cart-view .wishlist-button .icon {
width: 10px;
height: 10px;
}
.cart-view__delete {
position: absolute;
right: 0;
top: 22px;
}
@media only screen and (max-width: 767px) {
.cart-view__delete {
top: 4px;
right: -2px;
}
}
.cart-view__delete::before {
transform: scale(1.5);
pointer-events: all;
}
.cart-view__delete .icon {
width: 14px;
height: 15px;
}
@media only screen and (max-width: 767px) {
.cart-view__delete .icon {
width: 12px;
height: 12px;
}
}
.cart-view__delete .icon::before {
background-color: var(--color-gray-1);
}
.cart-view__delete:hover .icon::before {
background-color: var(--color-primary);
}
.cart-view .add-ons {
margin-top: 40px;
}
@media only screen and (max-width: 767px) {
.cart-view .add-ons {
margin-top: 18px;
}
}
.cart-view--order-summary .cart-view__item {
padding: 34px 0;
}
@media only screen and (max-width: 1022px) {
.cart-view--order-summary .cart-view__item {
padding: 34px 8px 34px 10px;
}
}
@media only screen and (max-width: 767px) {
.cart-view--order-summary .cart-view__item {
border-width: 0.3px;
}
}
@media only screen and (min-width: 1023px) {
.cart-view--order-summary .cart-view__item-inner {
grid-template-columns: 27.3% 1fr;
}
}
@media only screen and (min-width: 1023px) {
.cart-view--order-summary .cart-view__image {
padding-bottom: 113%;
}
}
@media only screen and (max-width: 767px) {
.cart-view--order-summary .cart-view__image {
padding-bottom: 134%;
}
}
.cart-view--order-summary .cart-view__content {
padding-top: 6px;
}
@media only screen and (max-width: 767px) {
.cart-view--order-summary .cart-view__content {
padding-top: 0;
}
}
.cart-view--order-summary .cart-view__detail {
line-height: 1.55;
}
@media only screen and (max-width: 767px) {
.cart-view--order-summary .cart-view__detail {
font-size: 12px;
line-height: 1.25;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 767px) {
.cart-view--order-summary .cart-view__quantity {
font-size: 10px;
}
}
@media only screen and (max-width: 767px) {
.cart-view--order-summary .cart-view__heading {
margin-bottom: 6px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
.cart-view--order-summary .cart-view__heading-title {
font-size: 22px;
}
}
@media only screen and (max-width: 767px) {
.cart-view--order-summary .cart-view__heading-title {
font-size: 16px;
line-height: 1.25;
letter-spacing: 0.49px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
.cart-view--order-summary .cart-view__heading-category {
font-size: 20px;
}
}
@media only screen and (max-width: 767px) {
.cart-view--order-summary .cart-view__heading-category {
font-size: 16px;
line-height: 1.2;
letter-spacing: 1.01px;
}
}
@media only screen and (max-width: 767px) {
.cart-view--order-summary .cart-view__amount {
font-size: 12px;
line-height: 1.25;
}
}
@media only screen and (min-width: 768px) {
.cart-view--smaller .cart-view__heading {
margin-bottom: 2px;
}
}
@media only screen and (min-width: 768px) {
.cart-view--smaller .cart-view__heading-title {
font-size: 20px;
line-height: 1.2;
letter-spacing: 1.01px;
}
}
@media only screen and (min-width: 768px) {
.cart-view--smaller .cart-view__heading-category {
font-size: 16px;
line-height: 1.2;
letter-spacing: 1.01px;
}
}
@media only screen and (min-width: 768px) {
.cart-view--smaller .cart-view__detail {
font-size: 12px;
line-height: 1.34;
letter-spacing: 0.68px;
margin-bottom: 8px;
padding-right: 92px;
}
}
@media only screen and (min-width: 768px) {
.cart-view--smaller .cart-view__item {
padding: 20px 30px 30px 30px;
border-width: 1px;
border-color: rgba(33, 33, 33, 0.5);
}
}
@media only screen and (min-width: 768px) {
.cart-view--smaller .cart-view__item-inner {
grid-template-columns: 20.5% 1fr;
grid-gap: 30px;
}
}
.cart-view--smaller .cart-view__content {
padding-top: 0;
}
@media only screen and (min-width: 768px) {
.cart-view--smaller .cart-view__delete {
top: 5px;
}
}
@media only screen and (min-width: 768px) {
.cart-view--smaller .wishlist-button {
width: 22px;
height: 22px;
}
}
@media only screen and (min-width: 768px) {
.cart-view--smaller .wishlist-button .icon {
height: 8px;
width: 8px;
}
}
@media only screen and (min-width: 768px) {
.cart-view--smaller .cart-view__counter {
grid-gap: 10px;
}
}
@media only screen and (min-width: 768px) {
.cart-view--smaller .quantity-counter {
width: 75px;
height: 22px;
}
}
@media only screen and (min-width: 768px) {
.cart-view--smaller .quantity-counter__button {
width: 25px;
}
}
@media only screen and (min-width: 768px) {
.cart-view--smaller .quantity-counter__input {
font-size: 12px;
}
}
@media only screen and (min-width: 768px) {
.cart-view--smaller .cart-view__amount {
font-size: 16px;
line-height: 1.25;
letter-spacing: 0.71px;
}
}
@media only screen and (min-width: 768px) {
.cart-view--smaller .cart-view__footer {
padding-right: 3px;
}
}
.category-filter__button::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.category-filter {
margin: 0 auto;
max-width: 1272px;
width: 100%;
}
@media only screen and (max-width: 1022px) {
.category-filter {
overflow: auto;
margin-left: -30px;
padding: 0 30px;
width: calc(100% + 60px);
}
}
.category-filter__list {
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
}
@media only screen and (max-width: 1022px) {
.category-filter__list {
flex-wrap: nowrap;
}
}
.category-filter__list-item {
display: inline-flex;
margin: 0 24px 30px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.category-filter__list-item {
margin: 0 14px 24px;
}
}
@media only screen and (max-width: 1439px) {
.category-filter__list-item {
margin: 0 14px 24px;
}
}
@media only screen and (max-width: 1199px) {
.category-filter__list-item {
margin: 0 8px 16px;
}
}
@media only screen and (max-width: 767px) {
.category-filter__list-item {
margin: 0;
padding: 10px 12px 10px 0;
}
}
.category-filter__button {
display: inline-flex;
align-items: center;
justify-content: center;
background-color: var(--color-primary-bg);
min-height: 56px;
padding: 8px 22px;
border-radius: 28px;
font-size: 22px;
line-height: 1;
font-weight: 300;
position: relative;
overflow: hidden;
white-space: nowrap;
transition: background-color 0.3s ease, color 0.3s ease;
gap: 14px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.category-filter__button {
min-height: 48px;
padding: 8px 20px;
font-size: 18px;
gap: 10px;
}
}
@media only screen and (max-width: 1439px) {
.category-filter__button {
font-size: 18px;
line-height: 1.4;
gap: 8px;
}
}
@media only screen and (max-width: 767px) {
.category-filter__button {
font-size: 14px;
min-height: 40px;
padding: 4px 24px 4px 16px;
}
}
.category-filter__button::before {
border-radius: 28px;
z-index: 3;
pointer-events: none;
opacity: 0;
transition: opacity 0.3s ease;
border: 2px dashed #ffffff;
}
.category-filter__button-icon img {
max-height: 36px;
max-width: 56px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.category-filter__button-icon img {
max-width: 28px;
max-height: 26px;
}
}
@media only screen and (max-width: 767px) {
.category-filter__button-icon img {
max-width: 28px;
max-height: 26px;
}
}
.category-filter__button.is-active, .category-filter__button:hover {
background-color: var(--color-primary);
color: var(--color-white);
}
.category-filter__button.is-active::before, .category-filter__button:hover::before {
opacity: 1;
}
.category-filter__button.is-active {
font-weight: 600;
}
.checkbox-group {
position: relative;
display: grid;
grid-gap: 10px;
}
.delivery-info {
max-width: 456px;
width: 100%;
padding: 28px;
border-radius: 20px;
background-color: #f5f5f5;
}
@media only screen and (max-width: 1022px) {
.delivery-info {
padding: 22px;
}
}
@media only screen and (max-width: 767px) {
.delivery-info {
max-width: 100%;
padding: 20px 12px;
}
}
.delivery-info__inner {
display: grid;
grid-gap: 10px;
}
@media only screen and (max-width: 1022px) {
.delivery-info__inner {
grid-gap: 4px;
}
}
@media only screen and (max-width: 767px) {
.delivery-info__inner {
grid-gap: 2px;
}
}
.delivery-info__item {
display: flex;
align-items: flex-start;
gap: 12px;
}
@media only screen and (max-width: 767px) {
.delivery-info__item {
grid-gap: 14px;
}
}
.delivery-info__item-image {
max-width: 18px;
width: 100%;
flex-shrink: 0;
text-align: center;
}
@media only screen and (max-width: 767px) {
.delivery-info__item-image {
max-width: 12px;
}
}
.delivery-info__item-image img {
width: auto;
height: auto;
object-fit: contain;
}
.delivery-info__item-text {
letter-spacing: 0.8px;
line-height: 1.25;
align-self: center;
}
@media only screen and (max-width: 1022px) {
.delivery-info__item-text {
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.delivery-info__item-text {
font-size: 12px;
line-height: 15px;
}
}
.delivery-status {
max-width: 650px;
width: 100%;
margin: 0 auto;
text-align: center;
}
@media only screen and (max-width: 1022px) {
.delivery-status {
text-align: left;
}
}
@media only screen and (max-width: 767px) {
.delivery-status {
max-width: 152px;
}
}
.delivery-status__title {
font-weight: 600;
margin-bottom: 44px;
}
@media only screen and (max-width: 767px) {
.delivery-status__title {
margin-bottom: 42px;
}
}
.delivery-status__row {
display: flex;
justify-content: space-between;
position: relative;
min-height: 150px;
}
@media only screen and (max-width: 1022px) {
.delivery-status__row {
display: grid;
grid-gap: 36px;
}
}
.delivery-status__row::before, .delivery-status__row::after {
content: "";
position: absolute;
left: 0;
top: 18px;
width: 100%;
height: 8px;
background-color: var(--color-gray);
z-index: 1;
}
@media only screen and (max-width: 1022px) {
.delivery-status__row::before, .delivery-status__row::after {
width: 4px;
height: 100%;
top: 0;
left: 10px;
}
}
.delivery-status__row::before {
z-index: 2;
background-color: var(--color-primary);
width: calc(100% * var(--completed-step, 1) / var(--total-steps, 1));
}
@media only screen and (max-width: 1022px) {
.delivery-status__row::before {
width: 4px;
height: calc(100% * var(--completed-step, 1) / var(--total-steps, 1));
}
}
.delivery-status__item {
width: 44px;
display: grid;
grid-gap: 16px;
position: relative;
z-index: 3;
}
@media only screen and (max-width: 1022px) {
.delivery-status__item {
width: auto;
grid-gap: 14px;
grid-template-columns: 24px 1fr;
}
}
.delivery-status__item-dot {
width: 44px;
height: 44px;
border-radius: 100%;
background-color: var(--color-gray);
transition: background-color 0.3s ease;
}
@media only screen and (max-width: 1022px) {
.delivery-status__item-dot {
width: 24px;
height: 24px;
}
}
.delivery-status__item-dot .icon {
position: relative;
z-index: 3;
}
@media only screen and (max-width: 1022px) {
.delivery-status__item-dot .icon {
width: 10px;
height: 6px;
}
}
.delivery-status__item-dot .icon-close {
width: 14px;
height: 14px;
}
@media only screen and (max-width: 1022px) {
.delivery-status__item-dot .icon-close {
width: 8px;
height: 8px;
}
}
.delivery-status__item-dot .icon::before {
background-color: var(--color-white);
}
.delivery-status__item-text {
width: 145px;
position: absolute;
left: 50%;
top: 70px;
transform: translate(-50%, 0);
line-height: 1.22;
}
@media only screen and (max-width: 1022px) {
.delivery-status__item-text {
position: relative;
left: 0;
top: 0;
transform: translate(0, 0);
width: auto;
}
}
.delivery-status__item.is-active .delivery-status__item-dot {
background-color: var(--color-primary);
}
.edit-address-form {
width: 100%;
}
.edit-address-form .title {
color: var(--color-primary);
font-weight: 600;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.edit-address-form .title {
margin-bottom: 10px;
}
}
.edit-address-form__inner {
width: 100%;
display: grid;
grid-gap: 12px;
}
.edit-address-form__row {
display: grid;
grid-gap: 12px;
}
.edit-address-form__row.col-6 {
padding: 0;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 767px) {
.edit-address-form__row.col-6 {
grid-template-columns: 1fr;
}
}
.edit-address-form .checkbox {
justify-self: flex-start;
font-size: 12px;
}
.edit-address-form .checkbox.is-validation-failed .checkbox__label::before, .is-validation-failed .edit-address-form .checkbox .checkbox__label::before {
border-color: var(--color-red);
}
.edit-address-form .checkbox .fv-plugins-message-container {
color: var(--color-red);
padding-left: 36px;
}
.edit-address-form .mod-input .mod-input__label {
font-size: 12px;
line-height: 1.25;
left: 14px;
top: 15px;
letter-spacing: 0;
}
@media only screen and (max-width: 767px) {
.edit-address-form .mod-input .mod-input__label {
top: 12px;
font-size: 11px;
}
}
.edit-address-form .mod-input .mod-input__inner-border,
.edit-address-form .mod-input .mod-input__field {
border-radius: 10px;
}
@media only screen and (max-width: 767px) {
.edit-address-form .mod-input .mod-input__inner-border,
.edit-address-form .mod-input .mod-input__field {
border-radius: 6px;
}
}
.edit-address-form .mod-input .mod-input__field {
height: 44px;
font-size: 12px;
letter-spacing: 0;
padding: 20px 14px 6px;
}
@media only screen and (max-width: 767px) {
.edit-address-form .mod-input .mod-input__field {
height: 38px;
}
}
.edit-address-form .mod-input textarea {
min-height: 178px;
}
@media only screen and (max-width: 767px) {
.edit-address-form .mod-input textarea {
min-height: 150px;
}
}
.edit-address-form .mod-input.is-focused .mod-input__label {
top: 4px;
left: 14px;
}
@media only screen and (max-width: 767px) {
.edit-address-form .mod-input.is-focused .mod-input__label {
left: 12px;
}
}
.edit-address-form__submit {
margin-top: 30px;
text-align: right;
}
@media only screen and (max-width: 767px) {
.edit-address-form__submit {
text-align: center;
margin-top: 20px;
}
}
.edit-address-form__submit .btn {
min-width: 196px;
min-height: 42px;
font-size: 14px;
padding: 8px 20px;
}
@media only screen and (max-width: 767px) {
.edit-address-form__submit .btn {
min-height: 36px;
font-size: 12px;
}
}
@media only screen and (max-width: 767px) {
.factual-error .section-header__title {
font-size: 16px;
}
}
.factual-error .section-header__title .icon {
margin-top: 0;
}
.factual-error__inner {
position: relative;
display: grid;
grid-template-columns: 1fr 27.5%;
grid-gap: 56px;
max-width: 978px;
width: 100%;
}
@media only screen and (max-width: 767px) {
.factual-error__inner {
grid-template-columns: 1fr;
grid-gap: 30px;
}
}
.factual-error__image {
position: relative;
max-width: 268px;
width: 100%;
margin-top: 24px;
}
@media only screen and (max-width: 767px) {
.factual-error__image {
margin: 0 auto 0;
}
}
.factual-error__image img {
width: auto;
height: auto;
object-fit: contain;
}
.factual-error .editor-text {
letter-spacing: -0.5px;
}
.factual-error .editor-text ol li,
.factual-error .editor-text ul li {
padding-left: 30px;
}
.factual-error .editor-text ol li::before,
.factual-error .editor-text ul li::before {
left: 12px;
}
@media only screen and (min-width: 1023px) {
.factual-error .editor-text p,
.factual-error .editor-text ul,
.factual-error .editor-text ol {
margin-top: 34px;
margin-bottom: 34px;
}
}
.form-component {
width: 100%;
padding: 75px 0 60px;
}
@media only screen and (max-width: 767px) {
.form-component {
padding: 40px 0;
}
}
.form-component__header {
max-width: 500px;
display: grid;
grid-gap: 40px;
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.form-component__header {
max-width: 270px;
grid-gap: 26px;
margin-bottom: 50px;
}
}
.form-component__header a {
color: var(--color-primary);
}
.form-component__header a:hover {
text-decoration: underline;
}
@media only screen and (max-width: 767px) {
.form-component__section-text {
font-size: 14px;
line-height: 18px;
}
}
.form-component__section-text p + p {
margin-top: 20px;
}
.form-component__section-text img {
margin-right: 10px;
position: relative;
top: -2px;
}
.form-component__inner {
width: 100%;
display: grid;
grid-gap: 22px;
}
@media only screen and (max-width: 767px) {
.form-component__inner {
grid-gap: 12px;
}
}
.form-component__row {
display: grid;
grid-gap: 12px;
}
.form-component__row.col-6 {
padding: 0;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 767px) {
.form-component__row.col-6 {
grid-template-columns: 1fr;
}
}
.form-component__form {
margin: 0 auto;
max-width: 568px;
}
@media only screen and (max-width: 767px) {
.form-component__form {
font-size: 12px;
line-height: 1.25;
}
}
.form-component__form .checkbox {
max-width: 522px;
margin: 10px auto 0;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.form-component__form .checkbox.is-validation-failed .checkbox__label::before, .is-validation-failed .form-component__form .checkbox .checkbox__label::before {
border-color: var(--color-red);
}
.form-component__form .checkbox .fv-plugins-message-container {
color: var(--color-red);
padding-left: 36px;
}
.form-component__form .mod-input .mod-input__field {
height: 64px;
font-size: 16px;
padding: 20px 28px 4px;
}
@media only screen and (max-width: 767px) {
.form-component__form .mod-input .mod-input__field {
width: 100%;
font-size: 12px;
height: 44px;
padding: 16px 24px 4px;
border-radius: 10px;
line-height: 1;
letter-spacing: 0;
}
}
.form-component__form .mod-input .mod-input__field:focus {
border: 0.5px solid transparent;
}
.form-component__form .mod-input .mod-input__label {
font-size: 16px;
line-height: 1.25;
left: 38px;
top: 22px;
letter-spacing: 0.5px;
}
@media only screen and (max-width: 767px) {
.form-component__form .mod-input .mod-input__label {
font-size: 12px;
line-height: 1;
left: 24px;
top: 16px;
letter-spacing: 0;
}
}
.form-component__form .mod-input.is-focused .mod-input__label {
font-size: 12px;
letter-spacing: 0.15px;
top: 8px;
left: 29px;
}
@media only screen and (max-width: 767px) {
.form-component__form .mod-input.is-focused .mod-input__label {
font-size: 10px;
letter-spacing: 0;
top: 7px;
left: 24px;
}
}
.form-component__submit {
margin-top: 46px;
}
@media only screen and (max-width: 767px) {
.form-component__submit {
margin-top: 16px;
}
}
.form-component__submit .btn {
min-width: 468px;
min-height: 66px;
font-size: 22px;
border-radius: 50px;
}
@media (max-width: 1680px) {
.form-component__submit .btn {
min-width: 400px;
min-height: 60px;
font-size: 20px;
}
}
@media only screen and (max-width: 767px) {
.form-component__submit .btn {
min-width: 1px;
width: 100%;
min-height: 44px;
font-size: 14px;
max-width: 372px;
}
}
.form-component__text {
margin: 0 auto;
max-width: 470px;
width: 100%;
font-size: 14px;
}
@media only screen and (max-width: 767px) {
.form-component__text {
margin: 36px auto 16px;
max-width: 100%;
width: 100%;
font-size: 12px;
font-weight: 300;
line-height: 1.38;
padding: 0 7px;
letter-spacing: 0.2px;
}
}
.form-component__footer {
margin-top: 34px;
}
.form-component__footer-text {
font-weight: 500;
letter-spacing: 0.16486px;
}
.form-component__footer-text a {
font-weight: 700;
position: relative;
}
.form-component__footer-text a:after {
content: "";
position: absolute;
bottom: -4px;
left: 0;
display: block;
width: 100%;
height: 4px;
transition: 0.3s ease;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Layer_1' x='0' y='0' style='enable-background:new 0 0 83.4 7' version='1.1' viewBox='0 0 83.4 7'%3E%3Cstyle%3E.st0%7Bfill:%23212121%7D%3C/style%3E%3Cpath d='m65.4 3.3.2-1-.2 1zM26.8 3.3l.2 1-.2-1zM1 5l-1-.1v2L1 7V5zM6.78 5.011l1-.022.043 2-1 .022zM12.5 4.7l-1 .1.1 2 1-.1-.1-2zM18.4 6.1l1-.2-.3-2-.9.2.2 1.9zM23.8 3l-1 .2.4 2 1-.2-.4-2zM29.4 3.8l1-.3-.5-1.9-1 .2.5 2zM32.844.986l.987-.157.314 1.975-.988.157zM38.716.244l.996-.082.164 1.993-.996.082zM42.675.011l1-.023.045 2-1 .023zM48.497 1.985l.046-2 1 .023-.047 2zM53.5.3l-1-.1-.1 2 .9.1.2-2zM58.093 2.804 58.407.83l.988.157-.314 1.975zM63.3 1.8l-1-.2-.4 1.9.9.3.5-2zM68.016 5.007l.434-1.953.977.217-.434 1.953zM72.797 5.93l.294-1.98.99.148-.294 1.978zM79.6 6.7l1 .1.1-2-1-.1-.1 2zM1 7h2.9V5H1v2z' class='st0'/%3E%3Cpath d='M3.9 7h2.9V5H3.9v2zM12.6 6.7c1.9-.1 3.9-.4 5.8-.6l-.3-2c-1.7.2-3.5.5-5.7.6l.2 2zM24.2 5c1-.2 1.9-.4 2.8-.7l-.5-1.9c-.9.2-1.8.4-2.8.6l.5 2zM27 4.3l2.4-.6-.4-2-2.4.6.4 2zM34.1 2.8c1.6-.3 3.2-.4 4.8-.6l-.2-2c-1.8.1-3.4.4-4.9.6l.3 2zM43.7 2h2.4V0h-2.5l.1 2z' class='st0'/%3E%3Cpath d='M46.1 2h2.4V0H46v2zM53.3 2.3c1.8.1 3.3.3 4.8.6l.3-2C56.8.6 55.1.4 53.5.3l-.2 2zM62.8 3.8l2.4.6.5-1.9-2.4-.6-.5 1.9z' class='st0'/%3E%3Cpath d='M65.2 4.3c.9.2 1.9.5 2.8.7l.4-2c-1-.2-1.9-.4-2.8-.6l-.4 1.9zM73.8 6c1.7.3 3.6.5 5.8.6l.2-2c-1.9-.1-3.8-.4-5.7-.6 0 .1-.3 2.1-.3 2z' class='st0'/%3E%3C/svg%3E") repeat-x left top/auto;
}
.form-component__footer-text a:hover {
color: #c1eed0;
}
.form-component__footer-text a:hover:after {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Layer_1' x='0' y='0' style='enable-background:new 0 0 83.4 7' version='1.1' viewBox='0 0 83.4 7'%3E%3Cstyle%3E.st0%7Bfill:%23C1EED0%7D%3C/style%3E%3Cpath d='m65.4 3.3.2-1-.2 1zM26.8 3.3l.2 1-.2-1zM1 5l-1-.1v2L1 7V5zM6.78 5.011l1-.022.043 2-1 .022zM12.5 4.7l-1 .1.1 2 1-.1-.1-2zM18.4 6.1l1-.2-.3-2-.9.2.2 1.9zM23.8 3l-1 .2.4 2 1-.2-.4-2zM29.4 3.8l1-.3-.5-1.9-1 .2.5 2zM32.844.986l.987-.157.314 1.975-.988.157zM38.716.244l.996-.082.164 1.993-.996.082zM42.675.011l1-.023.045 2-1 .023zM48.497 1.985l.046-2 1 .023-.047 2zM53.5.3l-1-.1-.1 2 .9.1.2-2zM58.093 2.804 58.407.83l.988.157-.314 1.975zM63.3 1.8l-1-.2-.4 1.9.9.3.5-2zM68.016 5.007l.434-1.953.977.217-.434 1.953zM72.797 5.93l.294-1.98.99.148-.294 1.978zM79.6 6.7l1 .1.1-2-1-.1-.1 2zM1 7h2.9V5H1v2z' class='st0'/%3E%3Cpath d='M3.9 7h2.9V5H3.9v2zM12.6 6.7c1.9-.1 3.9-.4 5.8-.6l-.3-2c-1.7.2-3.5.5-5.7.6l.2 2zM24.2 5c1-.2 1.9-.4 2.8-.7l-.5-1.9c-.9.2-1.8.4-2.8.6l.5 2zM27 4.3l2.4-.6-.4-2-2.4.6.4 2zM34.1 2.8c1.6-.3 3.2-.4 4.8-.6l-.2-2c-1.8.1-3.4.4-4.9.6l.3 2zM43.7 2h2.4V0h-2.5l.1 2z' class='st0'/%3E%3Cpath d='M46.1 2h2.4V0H46v2zM53.3 2.3c1.8.1 3.3.3 4.8.6l.3-2C56.8.6 55.1.4 53.5.3l-.2 2zM62.8 3.8l2.4.6.5-1.9-2.4-.6-.5 1.9z' class='st0'/%3E%3Cpath d='M65.2 4.3c.9.2 1.9.5 2.8.7l.4-2c-1-.2-1.9-.4-2.8-.6l-.4 1.9zM73.8 6c1.7.3 3.6.5 5.8.6l.2-2c-1.9-.1-3.8-.4-5.7-.6 0 .1-.3 2.1-.3 2z' class='st0'/%3E%3C/svg%3E") repeat-x left top/auto;
}
.form-component__alert {
padding: 16px;
width: 100%;
border-radius: 10px;
text-align: left;
margin-top: 20px;
border: 1px solid currentColor;
}
.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__success {
display: none;
text-align: center;
margin: 0 auto;
max-width: 568px;
flex-direction: column;
}
@media only screen and (max-width: 767px) {
.form-component__success-title {
font-size: 14px;
}
}
.form-component__success-icon {
width: 92px;
height: 92px;
border-radius: 100%;
margin: 0 auto 50px;
background-color: var(--color-green);
}
@media only screen and (max-width: 767px) {
.form-component__success-icon {
width: 62px;
height: 62px;
margin-bottom: 22px;
}
}
.form-component__success-icon .icon {
width: 46px;
height: 34px;
}
@media only screen and (max-width: 767px) {
.form-component__success-icon .icon {
width: 30px;
height: 24px;
}
}
.form-component__success-icon .icon::before {
background-color: var(--color-white);
}
.form-component__success-buttons {
display: grid;
grid-gap: 22px;
width: 100%;
max-width: 468px;
margin-top: 94px;
}
@media only screen and (max-width: 767px) {
.form-component__success-buttons {
margin-top: 46px;
}
}
.form-component__success-buttons .btn {
width: 100%;
min-height: 66px;
font-size: 22px;
border-radius: 50px;
}
@media only screen and (max-width: 767px) {
.form-component__success-buttons .btn {
min-width: 1px;
width: 100%;
min-height: 44px;
font-size: 14px;
max-width: 372px;
}
}
.form-component.display-success .form-component__form {
display: none;
}
.form-component.display-success .form-component__success {
display: flex;
}
.form-component [data-validator=emailAddress] {
display: none;
}
.form-component__forgot-pw {
margin-top: 34px;
margin-bottom: 12px;
}
.form-component__forgot-pw__text {
font-weight: 500;
}
.form-component__forgot-pw__text:hover {
text-decoration: underline;
}
.form-component__forgot-pw + .form-component__footer {
margin-top: 0;
}
.free-shipping-indicator {
max-width: 492px;
width: 100%;
margin: 0 auto;
text-align: center;
}
@media only screen and (max-width: 767px) {
.free-shipping-indicator {
max-width: 302px;
}
}
.free-shipping-indicator__text {
color: var(--color-gray-4);
margin-bottom: 14px;
}
@media only screen and (max-width: 767px) {
.free-shipping-indicator__text {
font-size: 10px;
line-height: 1.25;
margin-bottom: 8px;
}
}
.free-shipping-indicator__inner {
display: grid;
grid-template-columns: auto 1fr auto;
grid-gap: 7px;
align-items: center;
color: #212121;
}
@media only screen and (max-width: 767px) {
.free-shipping-indicator__inner {
grid-gap: 5px;
}
}
.free-shipping-indicator__progress-bar {
width: 100%;
height: 20px;
border: 1px solid #212121;
border-radius: 5.5px;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.free-shipping-indicator__progress-bar {
border-radius: 3px;
height: 12px;
}
}
.free-shipping-indicator__progress-bar-inner {
position: relative;
display: flex;
align-items: center;
justify-content: flex-end;
height: 100%;
border-radius: 3px;
background-color: #c1eed0;
}
@media only screen and (max-width: 767px) {
.free-shipping-indicator__progress-bar-inner {
border-radius: 2px;
}
}
.free-shipping-indicator__progress-bar-inner.is-small .free-shipping-indicator__amount--current {
font-size: 10px;
}
@media only screen and (max-width: 767px) {
.free-shipping-indicator__progress-bar-inner.is-small .free-shipping-indicator__amount--current {
font-size: 8px;
}
}
.free-shipping-indicator__amount {
position: relative;
z-index: 2;
line-height: normal;
}
@media only screen and (max-width: 767px) {
.free-shipping-indicator__amount {
font-size: 9px;
}
}
.free-shipping-indicator__amount--current {
position: absolute;
right: 6px;
top: 50%;
transform: translateY(-50%);
line-height: 0.6;
white-space: nowrap;
color: #212121;
}
@media only screen and (max-width: 767px) {
.free-shipping-indicator__amount--current {
right: 3px;
}
}
.header-search {
width: 100%;
position: fixed;
left: 0;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
background-color: #ffffff;
font-size: 18px;
font-weight: 400;
color: var(--color-text);
max-height: calc(var(--vh, 1vh) * 100 - 100px);
scrollbar-track-color: rgba(33, 33, 33, 0.4);
scrollbar-face-color: rgba(33, 33, 33, 0.4);
scrollbar-arrow-color: rgba(33, 33, 33, 0.4);    pointer-events: none;
z-index: 102;
overflow: auto;
}
.header-search::-webkit-scrollbar {
width: 4px;
}
.header-search ::-webkit-scrollbar-track {
-webkit-border-radius: 0;
border-radius: 0;
background: rgba(33, 33, 33, 0.4);
}
.header-search ::-webkit-scrollbar-thumb:window-inactive {
background: rgba(33, 33, 33, 0.4);
}
.header-search::-webkit-scrollbar-thumb {
background: rgba(33, 33, 33, 0.4);
width: 4px;
border-radius: 0;
}
.header-search::-webkit-scrollbar-thumb:hover {
background: rgba(33, 33, 33, 0.4);
}
.header-search ::-webkit-scrollbar {
width: 4px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.header-search {
max-height: calc(var(--vh, 1vh) * 100 - 80px);
font-size: 16px;
}
}
.has-top-bar .header-search {
max-height: calc(var(--vh, 1vh) * 100 - 100px - var(--top-bar-height, 0px));
top: calc(100px + var(--top-bar-height, 0px));
}
@media (min-width: 1200px) and (max-width: 1680px) {
.has-top-bar .header-search {
max-height: calc(var(--vh, 1vh) * 100 - 80px - var(--top-bar-height, 0px));
top: calc(80px + var(--top-bar-height, 0px));
}
}
@media only screen and (min-width: 1440px) {
.is-scrolled .header-search {
max-height: calc(var(--vh, 1vh) * 100 - 80px - var(--top-bar-height, 0px));
top: calc(80px + var(--top-bar-height, 0px));
}
}
.is-search-open .header-search {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
@media only screen and (max-width: 1439px) {
.header-search {
font-size: 16px;
}
.has-top-bar .header-search {
max-height: calc(var(--vh, 1vh) * 100 - 80px - var(--top-bar-height, 0px));
top: calc(80px + var(--top-bar-height, 0px));
}
}
@media only screen and (max-width: 1199px) {
.header-search {
width: 100%;
padding: 0;
display: block;
transform: translate(-100%, 0);
font-size: 14px;
line-height: 16px;
height: calc(var(--vh, 1vh) * 100);
top: 0;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
opacity: 1;
visibility: visible;
max-height: none;
overflow: initial;
}
.is-search-open .header-search {
transform: translate(0, 0);
}
.has-top-bar .header-search {
height: calc(var(--vh, 1vh) * 100);
top: 0;
max-height: none;
}
}
@media only screen and (max-width: 1199px) {
.header-search__content {
padding-bottom: 60px;
overflow: auto;
height: calc(var(--vh, 1vh) * 100 - 64px - var(--top-bar-height, 0px));
}
}
.header-search__form, .header-search__results-inner, .header-search__products {
max-width: 1700px;
width: calc(100% - 40px);
margin: 0 auto;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.header-search__form, .header-search__results-inner, .header-search__products {
width: calc(100% - 100px);
}
}
.header-search__input {
border-bottom: 1px solid #212121;
}
@media only screen and (max-width: 767px) {
.header-search__input {
border-bottom: 0.5px solid #212121;
}
}
.header-search__input-field {
height: 145px;
background: transparent;
outline: none;
border: none;
font-size: 25px;
font-weight: 400;
line-height: 1;
width: calc(100% - 60px);
color: var(--color-text);
}
@media (min-width: 1200px) and (max-width: 1680px) {
.header-search__input-field {
height: 80px;
font-size: 20px;
}
}
@media only screen and (max-width: 1439px) {
.header-search__input-field {
height: 80px;
font-size: 20px;
}
}
@media only screen and (max-width: 1439px) {
.header-search__input-field {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.header-search__input-field {
font-size: 16px;
height: 74px;
}
}
.header-search__input-field::placeholder {
font-size: 25px;
font-weight: 400;
line-height: 1;
color: #a8a8a8;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.header-search__input-field::placeholder {
font-size: 20px;
}
}
@media only screen and (max-width: 1439px) {
.header-search__input-field::placeholder {
font-size: 20px;
}
}
@media only screen and (max-width: 767px) {
.header-search__input-field::placeholder {
font-size: 16px;
}
}
.header-search__input-field::-moz-placeholder {
font-size: 25px;
font-weight: 400;
line-height: 1;
color: #a8a8a8;
}
@media only screen and (max-width: 1439px) {
.header-search__input-field::-moz-placeholder {
font-size: 20px;
}
}
@media only screen and (max-width: 767px) {
.header-search__input-field::-moz-placeholder {
font-size: 16px;
}
}
.header-search__input-field:focus {
border: none;
outline: none;
}
.header-search__results {
border-bottom: 1px solid #212121;
}
@media only screen and (max-width: 767px) {
.header-search__results {
border-bottom: 0.5px solid #212121;
}
}
.header-search__results-inner {
padding: 48px 0 60px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.header-search__results-inner {
padding: 28px 0 40px;
}
}
@media only screen and (max-width: 1439px) {
.header-search__results-inner {
padding: 28px 0 40px;
}
}
@media only screen and (max-width: 767px) {
.header-search__results-inner {
padding: 28px 0;
}
}
.header-search__results-title {
text-transform: uppercase;
color: var(--color-text);
font-weight: 700;
font-size: 19px;
margin-bottom: 28px;
line-height: 1.2;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.header-search__results-title {
font-size: 18px;
margin-bottom: 28px;
}
}
@media only screen and (max-width: 1439px) {
.header-search__results-title {
font-size: 16px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.header-search__results-title {
font-weight: 500;
}
}
.header-search__results-repeater {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.header-search__results-repeater {
gap: 8px;
}
}
@media only screen and (max-width: 1439px) {
.header-search__results-repeater {
gap: 8px;
}
}
@media only screen and (max-width: 767px) {
.header-search__results-repeater {
gap: 20px;
}
}
.header-search__form {
position: relative;
}
.header-search__close {
position: absolute;
right: 0;
bottom: 0;
top: 0;
margin: auto;
height: 24px;
width: 24px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
@media only screen and (max-width: 1199px) {
.header-search__close {
display: none;
}
}
.header-search__close .icon {
height: 16px;
width: 16px;
}
.header-search__close .icon:before {
background-color: var(--color-text);
}
.header-search__close--mobile {
display: none;
}
@media only screen and (max-width: 1199px) {
.header-search__close--mobile {
height: 24px;
width: 24px;
position: absolute;
bottom: 20px;
right: 16px;
align-items: center;
justify-content: center;
display: flex;
top: auto;
}
.header-search__close--mobile i {
height: 16px;
width: 16px;
}
.header-search__close--mobile i:before {
background-color: #ffffff !important;
}
}
.header-search__result {
font-size: 18px;
transition: 0.3s ease;
color: var(--color-text);
}
@media only screen and (max-width: 1439px) {
.header-search__result {
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.header-search__result {
font-size: 14px;
}
}
.header-search__result:hover {
color: #c1eed0;
}
.header-search__products {
padding: 60px 0;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.header-search__products {
padding: 40px 0;
}
}
@media only screen and (max-width: 1439px) {
.header-search__products {
padding: 40px 0;
}
}
@media only screen and (max-width: 767px) {
.header-search__products {
padding: 28px 0;
}
}
.header-search__products-title {
text-transform: uppercase;
color: var(--color-text);
font-weight: 700;
font-size: 19px;
margin-bottom: 48px;
line-height: 1.2;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.header-search__products-title {
font-size: 18px;
margin-bottom: 24px;
}
}
@media only screen and (max-width: 1439px) {
.header-search__products-title {
font-size: 16px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.header-search__products-title {
font-weight: 500;
}
}
.header-search__products-items {
font-size: 22px;
margin-bottom: 44px;
color: #676767;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.header-search__products-items {
font-size: 18px;
margin-bottom: 24px;
}
}
@media only screen and (max-width: 1439px) {
.header-search__products-items {
font-size: 16px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.header-search__products-items {
font-size: 14px;
}
}
.header-search__products-repeater {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 28px;
}
@media only screen and (max-width: 1022px) {
.header-search__products-repeater {
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
}
@media only screen and (max-width: 767px) {
.header-search__products-repeater {
grid-gap: 12px;
}
}
.header-search__products .product-card {
max-width: 100%;
}
.header-search__products-more {
display: flex;
align-items: center;
justify-content: center;
padding-top: 60px;
}
@media only screen and (max-width: 1439px) {
.header-search__products-more {
padding-top: 40px;
}
}
.header-search__products-more .mod-link {
font-weight: 600;
font-size: 24px;
color: #676767;
}
@media only screen and (max-width: 1439px) {
.header-search__products-more .mod-link {
font-size: 20px;
}
}
@media only screen and (max-width: 1199px) {
.header-search__products-more .mod-link {
font-size: 16px;
}
}
.header-search__not-found {
padding: 20px;
}
@media only screen and (max-width: 1022px) {
.header-search__not-found {
padding: 10px 25px;
}
}
.highlighted-content {
position: relative;
max-width: 1164px;
width: 100%;
margin: 0 auto;
padding: 20px 10px 10px;
border-radius: 50px;
background-color: #f5f5f5;
}
@media only screen and (max-width: 1022px) {
.highlighted-content {
border-radius: 24px;
width: 100vw;
left: 50%;
transform: translateX(-50%);
}
}
.highlighted-content .editor-text strong {
font-weight: 400;
}
.highlighted-content .editor-text address {
margin: 0;
font-weight: 300;
line-height: 1.68;
}
.image-text-grid {
max-width: 1000px;
width: 100%;
}
.image-text-grid [class*=col-] {
padding-left: 0;
padding-right: 0;
}
.image-text-grid__inner {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 165px 34px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.image-text-grid__inner {
grid-gap: 140px 34px;
}
}
@media only screen and (max-width: 1199px) {
.image-text-grid__inner {
grid-gap: 70px 36px;
}
}
@media only screen and (max-width: 1022px) {
.image-text-grid__inner {
grid-template-columns: 1fr;
max-width: 100%;
grid-gap: 30px;
}
}
.image-text-grid__item {
display: grid;
}
@media only screen and (max-width: 1199px) {
.image-text-grid__item {
font-size: 18px;
}
}
@media only screen and (max-width: 1022px) {
.image-text-grid__item {
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.image-text-grid__item {
font-size: 14px;
}
}
.image-text-grid__item--with-image {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 70px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.image-text-grid__item--with-image {
grid-gap: 70px 120px;
}
}
@media only screen and (min-width: 1023px) {
.image-text-grid__item--with-image {
grid-column: span 2;
}
}
@media only screen and (max-width: 1199px) {
.image-text-grid__item--with-image {
grid-gap: 36px;
}
}
@media only screen and (max-width: 1022px) {
.image-text-grid__item--with-image {
grid-gap: 20px;
grid-template-columns: 1fr;
}
}
.image-text-grid__item--full-width {
grid-template-columns: 30.2% 1fr;
grid-gap: 164px;
}
@media only screen and (min-width: 1023px) {
.image-text-grid__item--full-width {
grid-column: span 3;
}
}
@media only screen and (max-width: 1199px) {
.image-text-grid__item--full-width {
grid-gap: 30px;
}
}
@media only screen and (max-width: 1022px) {
.image-text-grid__item--full-width {
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 1023px) {
.image-text-grid__item--full-width .image-text-grid__content {
max-width: 100%;
}
}
@media only screen and (min-width: 1023px) {
.image-text-grid__item--full-width .image-text-grid__image {
padding-bottom: 43.5%;
}
}
@media only screen and (min-width: 1023px) {
.image-text-grid__item--full-width.image-text-grid__item--reverse {
grid-template-columns: 1fr 30.2%;
}
}
@media (min-width: 1200px) and (max-width: 1680px) {
.image-text-grid__item--full-width.image-text-grid__item--reverse {
grid-template-columns: 1fr 28.2%;
}
}
@media only screen and (min-width: 1023px) {
.image-text-grid__item--without-text .image-text-grid__image {
grid-column: span 3;
padding-bottom: 40.9%;
}
}
@media only screen and (min-width: 1023px) {
.image-text-grid__item--reverse .image-text-grid__image {
order: -1;
}
}
.image-text-grid__content {
max-width: 295px;
width: 100%;
}
@media only screen and (max-width: 1022px) {
.image-text-grid__content {
max-width: 600px;
margin: 0 auto;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.image-text-grid__content {
max-width: 100%;
}
}
.image-text-grid__number {
color: #c1eed0;
font-weight: 600;
margin-bottom: 12px;
line-height: 1.5;
}
@media only screen and (max-width: 1022px) {
.image-text-grid__number {
font-size: 40px;
margin-bottom: 18px;
line-height: 1;
font-weight: 700;
}
}
.image-text-grid__title {
margin-bottom: 12px;
text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
.image-text-grid__title {
margin-bottom: 25px;
font-size: 16px;
letter-spacing: normal;
}
}
.image-text-grid__image {
position: relative;
width: 100%;
height: 0;
padding-bottom: 88%;
border-radius: 30px;
}
@media only screen and (max-width: 1022px) {
.image-text-grid__image {
padding-bottom: 56.24%;
}
}
@media only screen and (max-width: 767px) {
.image-text-grid__image {
padding-bottom: 90%;
}
}
.image-text-grid .editor-text {
line-height: 1.55;
font-weight: 300;
}
@media only screen and (max-width: 767px) {
.image-text-grid .editor-text {
line-height: 1.7;
}
}
.image-text-grid .editor-text strong {
font-weight: 600;
}
.info-bar {
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 102;
background-color: #ffffff;
padding: 16px 0;
transition: margin 0.3s ease;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.info-bar {
padding: 8px 0;
font-size: 14px;
}
}
@media only screen and (max-width: 1439px) {
.info-bar {
padding: 8px 0;
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.info-bar {
font-size: 10px;
line-height: 1.2;
}
}
.is-open-mega-menu .info-bar, .body-scroll-locked .info-bar {
padding-right: var(--scroll-width, 0px);
}
@media only screen and (max-width: 1022px) {
.is-scrolled .info-bar {
margin-top: calc(-1 * var(--top-bar-height, 0px));
}
}
.info-bar__close {
position: absolute;
top: 0;
bottom: 0;
right: 30px;
margin: auto;
padding: 10px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.info-bar__close {
right: 10px;
}
}
@media only screen and (max-width: 1439px) {
.info-bar__close {
right: 10px;
}
}
.is-open-mega-menu .info-bar__close, .is-search-open .info-bar__close, .body-scroll-locked .info-bar__close {
margin-right: var(--scroll-width, 0px);
}
.info-bar__close .icon {
width: 11px;
height: 11px;
}
@media only screen and (max-width: 767px) {
.info-bar__close .icon {
width: 7px;
height: 7px;
}
}
.info-bar__close .icon::before {
background-color: var(--color-black);
}
.info-bar__text {
max-width: 1000px;
margin: 0 auto;
text-align: center;
}
@media only screen and (max-width: 1439px) {
.info-bar__text {
max-width: 75%;
}
}
.language-switch {
position: relative;
display: inline-block;
font-size: 10px;
color: #ffffff;
cursor: pointer;
}
@media only screen and (min-width: 1023px) {
.language-switch.has-submenu > .language-switch__link {
padding-right: 20px;
}
}
.language-switch:hover > .language-switch__dropdown {
opacity: 1;
pointer-events: all;
}
.language-switch:hover > .language-switch__arrow {
transform: scaleY(-1);
}
.language-switch__link {
text-transform: uppercase;
font-weight: 500;
display: block;
position: relative;
line-height: normal;
z-index: 2;
font-size: 14px;
transition: color 0.3s ease;
}
.language-switch__link.main-link {
height: 22px;
width: 22px;
border: 2px solid #ffffff;
font-weight: 700;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 !important;
margin-right: 15px;
font-size: 10px;
line-height: 1;
}
@media only screen and (max-width: 1022px) {
.language-switch__item .language-switch__link {
padding: 6px 0;
}
}
.language-switch__arrow {
position: absolute;
right: 0;
top: 10px;
pointer-events: none;
transition: transform 0.3s ease;
}
.language-switch__arrow i {
width: 10px;
height: 6px;
transition: transform 0.3s ease;
}
.language-switch__arrow i:before {
background-color: #ffffff;
}
.is-open-submenu .language-switch__arrow i {
transform: rotate(-180deg);
}
.language-switch__dropdown {
z-index: 100;
display: block !important;
position: absolute;
left: -6px;
top: 100%;
padding-top: 12px;
will-change: opacity;
opacity: 0;
margin-top: -1px;
pointer-events: none;
transition: opacity 0.3s ease;
border-radius: 8px;
}
@media only screen and (max-width: 1022px) {
.language-switch__dropdown {
padding-top: 10px;
}
}
.language-switch__dropdown ul {
background-color: #ffffff;
padding: 4px 8px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.12);
color: #212121;
width: 60px;
border-radius: 4px;
font-size: 14px;
}
@media only screen and (max-width: 1022px) {
.language-switch__dropdown ul {
width: 50px;
}
}
.mega-menu {
position: fixed;
left: 0;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
background-color: #ffffff;
font-size: 18px;
font-weight: 400;
color: var(--color-text);
overflow: auto;
max-height: calc(var(--vh, 1vh) * 100 - 100px);
scrollbar-track-color: rgba(33, 33, 33, 0.4);
scrollbar-face-color: rgba(33, 33, 33, 0.4);
scrollbar-arrow-color: rgba(33, 33, 33, 0.4);    }
.mega-menu::-webkit-scrollbar {
width: 4px;
}
.mega-menu ::-webkit-scrollbar-track {
-webkit-border-radius: 0;
border-radius: 0;
background: rgba(33, 33, 33, 0.4);
}
.mega-menu ::-webkit-scrollbar-thumb:window-inactive {
background: rgba(33, 33, 33, 0.4);
}
.mega-menu::-webkit-scrollbar-thumb {
background: rgba(33, 33, 33, 0.4);
width: 4px;
border-radius: 0;
}
.mega-menu::-webkit-scrollbar-thumb:hover {
background: rgba(33, 33, 33, 0.4);
}
.mega-menu ::-webkit-scrollbar {
width: 4px;
}
.has-top-bar .mega-menu {
max-height: calc(var(--vh, 1vh) * 100 - 100px - var(--top-bar-height, 0px));
top: calc(100px + var(--top-bar-height, 0px));
}
@media (min-width: 1200px) and (max-width: 1680px) {
.has-top-bar .mega-menu {
max-height: calc(var(--vh, 1vh) * 100 - 80px - var(--top-bar-height, 0px));
top: calc(80px + var(--top-bar-height, 0px));
}
}
.is-open-mega-menu .mega-menu, .is-search-open .mega-menu, .body-scroll-locked .mega-menu {
padding-right: var(--scroll-width, 0px);
}
@media only screen and (min-width: 1200px) {
.mega-menu {
top: 100px;
width: 100%;
text-align: left;
padding: 0;
pointer-events: none;
}
}
@media (min-width: 1200px) and (max-width: 1680px) {
.mega-menu {
max-height: calc(var(--vh, 1vh) * 100 - 80px);
top: calc(80px + var(--top-bar-height, 0px));
font-size: 16px;
}
}
@media only screen and (max-width: 1439px) {
.mega-menu {
font-size: 16px;
}
.has-top-bar .mega-menu {
max-height: calc(var(--vh, 1vh) * 100 - 80px - var(--top-bar-height, 0px));
top: calc(80px + var(--top-bar-height, 0px));
}
}
@media only screen and (min-width: 1440px) {
.is-scrolled .mega-menu {
max-height: calc(var(--vh, 1vh) * 100 - 80px - var(--top-bar-height, 0px));
top: calc(80px + var(--top-bar-height, 0px));
}
}
@media only screen and (max-width: 1199px) {
.mega-menu {
width: 100%;
padding: 0;
display: flex;
flex-direction: column;
transform: translate(-100%, 0);
font-size: 14px;
line-height: 16px;
height: calc(var(--vh, 1vh) * 100 - 64px);
top: calc(64px + var(--top-bar-height, 0px));
z-index: 20;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
opacity: 1;
visibility: visible;
max-height: none;
}
.is-open-submenu .mega-menu {
transform: translate(0, 0);
}
.has-top-bar .mega-menu {
top: 64px;
max-height: none;
}
}
.mega-menu .container {
min-height: 100%;
position: relative;
}
@media only screen and (max-width: 1022px) {
.mega-menu .container {
flex: auto;
display: flex;
flex-direction: column;
max-width: 100%;
overflow: auto;
padding: 0 24px;
}
}
.mega-menu__row.main-row {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 52px 160px;
align-items: start;
max-width: 1740px;
width: calc(100% - 180px);
margin: 0 auto;
padding: 64px 0;
}
@media only screen and (max-width: 1439px) {
.mega-menu__row.main-row {
padding: 32px 0;
grid-gap: 40px;
width: calc(100% - 100px);
}
}
@media only screen and (max-width: 1199px) {
.mega-menu__row.main-row {
grid-gap: 32px 12px;
width: calc(100% - 40px);
}
}
@media only screen and (max-width: 1022px) {
.mega-menu__row.main-row {
grid-gap: 20px;
grid-template-columns: 1fr;
}
}
@media only screen and (max-width: 767px) {
.mega-menu__row.main-row {
width: 100%;
padding: 0;
}
}
.mega-menu .mod-link {
margin-right: auto;
text-transform: uppercase;
display: inline-block;
}
.mega-menu .mod-link::after {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Layer_1' x='0' y='0' style='enable-background:new 0 0 83.4 7' version='1.1' viewBox='0 0 83.4 7'%3E%3Cstyle%3E.st0%7Bfill:%23212121%7D%3C/style%3E%3Cpath d='m65.4 3.3.2-1-.2 1zM26.8 3.3l.2 1-.2-1zM1 5l-1-.1v2L1 7V5zM6.78 5.011l1-.022.043 2-1 .022zM12.5 4.7l-1 .1.1 2 1-.1-.1-2zM18.4 6.1l1-.2-.3-2-.9.2.2 1.9zM23.8 3l-1 .2.4 2 1-.2-.4-2zM29.4 3.8l1-.3-.5-1.9-1 .2.5 2zM32.844.986l.987-.157.314 1.975-.988.157zM38.716.244l.996-.082.164 1.993-.996.082zM42.675.011l1-.023.045 2-1 .023zM48.497 1.985l.046-2 1 .023-.047 2zM53.5.3l-1-.1-.1 2 .9.1.2-2zM58.093 2.804 58.407.83l.988.157-.314 1.975zM63.3 1.8l-1-.2-.4 1.9.9.3.5-2zM68.016 5.007l.434-1.953.977.217-.434 1.953zM72.797 5.93l.294-1.98.99.148-.294 1.978zM79.6 6.7l1 .1.1-2-1-.1-.1 2zM1 7h2.9V5H1v2z' class='st0'/%3E%3Cpath d='M3.9 7h2.9V5H3.9v2zM12.6 6.7c1.9-.1 3.9-.4 5.8-.6l-.3-2c-1.7.2-3.5.5-5.7.6l.2 2zM24.2 5c1-.2 1.9-.4 2.8-.7l-.5-1.9c-.9.2-1.8.4-2.8.6l.5 2zM27 4.3l2.4-.6-.4-2-2.4.6.4 2zM34.1 2.8c1.6-.3 3.2-.4 4.8-.6l-.2-2c-1.8.1-3.4.4-4.9.6l.3 2zM43.7 2h2.4V0h-2.5l.1 2z' class='st0'/%3E%3Cpath d='M46.1 2h2.4V0H46v2zM53.3 2.3c1.8.1 3.3.3 4.8.6l.3-2C56.8.6 55.1.4 53.5.3l-.2 2zM62.8 3.8l2.4.6.5-1.9-2.4-.6-.5 1.9z' class='st0'/%3E%3Cpath d='M65.2 4.3c.9.2 1.9.5 2.8.7l.4-2c-1-.2-1.9-.4-2.8-.6l-.4 1.9zM73.8 6c1.7.3 3.6.5 5.8.6l.2-2c-1.9-.1-3.8-.4-5.7-.6 0 .1-.3 2.1-.3 2z' class='st0'/%3E%3C/svg%3E") repeat-x left top/auto;
}
.mega-menu .mod-link:hover {
color: #c1eed0;
}
.mega-menu .mod-link:hover::after {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Layer_1' x='0' y='0' style='enable-background:new 0 0 83.4 7' version='1.1' viewBox='0 0 83.4 7'%3E%3Cstyle%3E.st0%7Bfill:%23C1EED0%7D%3C/style%3E%3Cpath d='m65.4 3.3.2-1-.2 1zM26.8 3.3l.2 1-.2-1zM1 5l-1-.1v2L1 7V5zM6.78 5.011l1-.022.043 2-1 .022zM12.5 4.7l-1 .1.1 2 1-.1-.1-2zM18.4 6.1l1-.2-.3-2-.9.2.2 1.9zM23.8 3l-1 .2.4 2 1-.2-.4-2zM29.4 3.8l1-.3-.5-1.9-1 .2.5 2zM32.844.986l.987-.157.314 1.975-.988.157zM38.716.244l.996-.082.164 1.993-.996.082zM42.675.011l1-.023.045 2-1 .023zM48.497 1.985l.046-2 1 .023-.047 2zM53.5.3l-1-.1-.1 2 .9.1.2-2zM58.093 2.804 58.407.83l.988.157-.314 1.975zM63.3 1.8l-1-.2-.4 1.9.9.3.5-2zM68.016 5.007l.434-1.953.977.217-.434 1.953zM72.797 5.93l.294-1.98.99.148-.294 1.978zM79.6 6.7l1 .1.1-2-1-.1-.1 2zM1 7h2.9V5H1v2z' class='st0'/%3E%3Cpath d='M3.9 7h2.9V5H3.9v2zM12.6 6.7c1.9-.1 3.9-.4 5.8-.6l-.3-2c-1.7.2-3.5.5-5.7.6l.2 2zM24.2 5c1-.2 1.9-.4 2.8-.7l-.5-1.9c-.9.2-1.8.4-2.8.6l.5 2zM27 4.3l2.4-.6-.4-2-2.4.6.4 2zM34.1 2.8c1.6-.3 3.2-.4 4.8-.6l-.2-2c-1.8.1-3.4.4-4.9.6l.3 2zM43.7 2h2.4V0h-2.5l.1 2z' class='st0'/%3E%3Cpath d='M46.1 2h2.4V0H46v2zM53.3 2.3c1.8.1 3.3.3 4.8.6l.3-2C56.8.6 55.1.4 53.5.3l-.2 2zM62.8 3.8l2.4.6.5-1.9-2.4-.6-.5 1.9z' class='st0'/%3E%3Cpath d='M65.2 4.3c.9.2 1.9.5 2.8.7l.4-2c-1-.2-1.9-.4-2.8-.6l-.4 1.9zM73.8 6c1.7.3 3.6.5 5.8.6l.2-2c-1.9-.1-3.8-.4-5.7-.6 0 .1-.3 2.1-.3 2z' class='st0'/%3E%3C/svg%3E") repeat-x left top/auto;
}
.mega-menu .collections-row {
padding: 100px 0;
max-width: 1600px;
width: calc(100% - 180px);
margin: 0 auto;
display: flex;
align-items: flex-end;
flex-direction: column;
}
@media only screen and (max-width: 1439px) {
.mega-menu .collections-row {
padding: 32px 0;
width: calc(100% - 100px);
}
}
@media only screen and (max-width: 1022px) {
.mega-menu .collections-row {
max-width: 400px;
width: calc(100% - 40px);
}
}
.mega-menu .collections-row__items {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 40px;
width: 100%;
}
@media only screen and (max-width: 1022px) {
.mega-menu .collections-row__items {
grid-template-columns: 1fr;
}
}
@media only screen and (max-width: 1439px) {
.mega-menu .collections-row__items {
grid-gap: 20px;
}
}
.mega-menu .collections-row .mod-link {
margin: 28px 0 0 auto;
}
@media only screen and (max-width: 1022px) {
.mega-menu .view-all-extra {
display: none;
}
}
.mega-menu .view-all-extra--mobile {
display: none;
}
@media only screen and (max-width: 1022px) {
.mega-menu .view-all-extra--mobile {
display: block;
margin-top: 32px;
}
}
.mega-menu__col {
position: relative;
min-height: 100%;
}
.mega-menu__col__left {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 40px;
}
@media only screen and (max-width: 767px) {
.mega-menu__col__left {
grid-gap: 0;
grid-template-columns: 1fr;
}
}
.mega-menu__col__right {
display: grid;
grid-template-columns: 5fr 4fr;
grid-gap: 20px;
}
@media only screen and (max-width: 767px) {
.mega-menu__col__right {
grid-template-columns: 1fr;
grid-gap: 24px;
padding: 14px;
}
}
.mega-menu__col__right__collections {
display: flex;
flex-direction: column;
gap: 12px;
}
@media only screen and (max-width: 767px) {
.mega-menu__col__right .view-all-extra {
margin-top: 8px;
margin-left: 20px;
}
}
.mega-menu__collection-card {
position: relative;
border-radius: 10px;
overflow: hidden;
display: block;
padding-top: 64.61%;
width: 100%;
height: 0;
flex: auto;
}
@media only screen and (max-width: 767px) {
.mega-menu__collection-card {
padding-top: 51.71%;
border-radius: 20px;
}
}
.mega-menu__collection-card:hover .mega-menu__collection-card__icon:before, .mega-menu__collection-card:hover .mega-menu__collection-card__icon:after {
transform: scale(1);
}
.mega-menu__collection-card__text {
position: absolute;
z-index: 2;
bottom: 20px;
left: 24px;
color: #ffffff;
font-weight: 700;
font-size: 40px;
text-shadow: 0px 2.10331px 2.10331px rgba(0, 0, 0, 0.25);
line-height: 1;
text-transform: uppercase;
display: flex;
align-items: flex-end;
width: calc(100% - 48px);
}
@media (min-width: 1200px) and (max-width: 1680px) {
.mega-menu__collection-card__text {
font-size: 32px;
}
}
@media only screen and (max-width: 1199px) {
.mega-menu__collection-card__text {
bottom: 12px;
left: 20px;
font-size: 16px;
width: calc(100% - 40px);
}
}
@media only screen and (max-width: 767px) {
.mega-menu__collection-card__text {
font-size: 13px;
}
}
.mega-menu__collection-card__icon {
position: absolute;
right: 0;
bottom: 0;
top: 0;
margin: auto;
width: 30px;
height: 30px;
border-radius: 100%;
background-color: #ffffff;
z-index: 2;
pointer-events: none;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.mega-menu__collection-card__icon {
width: 18px;
height: 18px;
}
}
.mega-menu__collection-card__icon:before {
content: "";
position: absolute;
display: block;
height: 46px;
width: 46px;
left: -8px;
top: -8px;
background: rgba(255, 255, 255, 0.4);
z-index: 1;
border-radius: 100%;
transition: 0.3s cubic-bezier(0.25, 0.75, 0.5, 1.25);
transform: scale(0.5);
}
@media only screen and (max-width: 767px) {
.mega-menu__collection-card__icon:before {
display: none;
}
}
.mega-menu__collection-card__icon:after {
content: "";
position: absolute;
display: block;
height: 38px;
width: 38px;
left: -4px;
top: -4px;
background: rgba(255, 255, 255, 0.6);
z-index: 2;
border-radius: 100%;
transition: 0.2s cubic-bezier(0.25, 0.75, 0.5, 1.25);
transform: scale(0.7);
}
@media only screen and (max-width: 767px) {
.mega-menu__collection-card__icon:after {
display: none;
}
}
.mega-menu__collection-card__icon i {
transform: rotate(-90deg);
width: 11px;
height: 11px;
position: relative;
z-index: 3;
}
@media only screen and (max-width: 767px) {
.mega-menu__collection-card__icon i {
width: 8px !important;
height: 8px !important;
}
}
.mega-menu__collection-card__icon i:before {
background-color: var(--color-text);
}
.mega-menu__giftcard {
position: relative;
width: 100%;
padding-top: 163.96%;
border-radius: 10px;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.mega-menu__giftcard {
padding-top: 51.71%;
border-radius: 20px;
order: 1;
}
}
.mega-menu__giftcard-text {
z-index: 1;
position: absolute;
left: 0;
bottom: 18%;
text-align: center;
width: 100%;
color: #c02133;
font-weight: 900;
font-size: 40px;
line-height: 1;
}
@media only screen and (max-width: 1199px) {
.mega-menu__giftcard-text {
font-size: 26px;
}
}
@media only screen and (max-width: 767px) {
.mega-menu__giftcard-text {
font-size: 36px;
bottom: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
}
}
@media only screen and (max-width: 767px) {
.mega-menu__main-links {
padding: 32px 20px;
border-bottom: 0.5px solid #212121;
}
}
.mega-menu__main-links__repeater {
display: flex;
flex-direction: column;
gap: 12px;
align-items: flex-start;
}
@media only screen and (max-width: 1439px) {
.mega-menu__main-links__repeater {
gap: 8px;
}
}
@media only screen and (max-width: 767px) {
.mega-menu__main-links__repeater {
gap: 20px;
}
}
@media only screen and (max-width: 767px) {
.mega-menu__other-links {
padding: 32px 20px;
border-bottom: 0.5px solid #212121;
}
}
.mega-menu__other-links__links {
display: flex;
flex-direction: column;
gap: 12px;
align-items: flex-start;
}
@media only screen and (max-width: 1439px) {
.mega-menu__other-links__links {
gap: 8px;
}
}
@media only screen and (max-width: 767px) {
.mega-menu__other-links__links {
gap: 20px;
}
}
.mega-menu__other-links__repeater {
display: flex;
flex-direction: column;
gap: 88px;
}
@media only screen and (max-width: 1439px) {
.mega-menu__other-links__repeater {
gap: 28px;
}
}
@media only screen and (max-width: 767px) {
.mega-menu__other-links__repeater {
gap: 0;
}
}
.mega-menu__main-link {
display: inline-grid;
grid-template-columns: auto auto;
grid-gap: 24px;
align-items: center;
transition: 0.3s ease;
}
@media only screen and (max-width: 1439px) {
.mega-menu__main-link {
grid-gap: 12px;
}
}
.mega-menu__main-link:hover {
color: #c1eed0;
}
.mega-menu__main-link__img {
height: 64px;
width: 64px;
border-radius: 100%;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
position: relative;
}
@media only screen and (max-width: 1439px) {
.mega-menu__main-link__img {
height: 48px;
width: 48px;
}
}
@media only screen and (max-width: 767px) {
.mega-menu__main-link__img {
height: 44px;
width: 44px;
}
}
.mega-menu__main-link__img img {
position: absolute;
max-width: 80%;
max-height: 80%;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.mega-menu__link {
transition: 0.3s ease;
}
.mega-menu__link:hover {
color: #c1eed0;
}
.mega-menu__title {
text-transform: uppercase;
color: var(--color-text);
font-weight: 700;
font-size: 19px;
margin-bottom: 32px;
line-height: 1.2;
}
@media only screen and (max-width: 1439px) {
.mega-menu__title {
font-size: 16px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.mega-menu__title {
font-weight: 500;
}
}
.mega-menu__title--special {
color: #212121;
display: inline-grid;
grid-template-columns: auto auto;
grid-gap: 20px;
align-items: center;
margin-bottom: 16px;
}
@media only screen and (max-width: 1439px) {
.mega-menu__title--special {
grid-gap: 12px;
}
}
@media only screen and (max-width: 767px) {
.mega-menu__title--special {
color: currentColor;
}
}
.mega-menu__title--special i:before {
background-color: #212121;
}
@media only screen and (max-width: 1439px) {
.mega-menu__title--special i {
width: 32px;
height: 32px;
}
}
@media only screen and (max-width: 767px) {
.mega-menu__title--special i {
width: 24px;
height: 24px;
}
}
.mega-menu__back {
color: #6e6e6e;
font-size: 16px;
padding: 24px 24px 24px 36px;
text-transform: uppercase;
font-weight: 600;
position: relative;
line-height: normal;
border-bottom: 0.5px solid #212121;
display: none;
}
@media only screen and (max-width: 1199px) {
.mega-menu__back {
display: block;
color: var(--color-text);
}
}
.mega-menu__back:before {
content: "";
position: absolute;
left: 12px;
top: 0;
bottom: 0;
margin: auto;
height: 20px;
width: 20px;
transform: rotate(180deg);
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23333A3A' d='M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z' /%3E%3C/svg%3E") no-repeat center/22px;
}
.menu {
height: 100%;
}
@media only screen and (max-width: 1199px) {
.menu {
position: fixed;
height: 100vh;
top: 0;
z-index: 102;
right: 100%;
width: 100%;
pointer-events: none;
background-color: #ffffff;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.is-open-menu .menu {
pointer-events: all;
right: 0;
}
.menu.sub-open nav {
overflow: hidden;
padding-right: var(--scroll-width, 0px);
}
}
.menu nav {
height: 100%;
}
@media only screen and (max-width: 1199px) {
.menu nav {
padding-bottom: 60px;
overflow: auto;
height: calc(100vh - 64px - var(--top-bar-height, 0px));
}
}
.menu ul {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 1199px) {
.menu ul {
flex-direction: column;
height: auto;
align-items: flex-start;
}
}
.menu__item {
position: relative;
display: inline-flex;
padding: 0 24px;
height: 100%;
align-items: center;
justify-content: center;
}
@media (max-width: 1680px) {
.menu__item {
padding: 0 16px;
}
}
@media only screen and (max-width: 1439px) {
.menu__item {
padding: 0 12px;
}
}
@media only screen and (max-width: 1199px) {
.menu__item {
padding: 0;
width: 100%;
display: block;
}
}
@media only screen and (min-width: 1200px) {
.menu__item:hover .menu__link-inner:before, .menu__item.is-active .menu__link-inner:before {
opacity: 1;
width: 100%;
}
.menu__item:hover > .mega-menu {
opacity: 1;
pointer-events: all;
visibility: visible;
}
}
.menu__link {
text-transform: uppercase;
font-weight: 600;
display: flex;
align-items: center;
position: relative;
line-height: normal;
z-index: 2;
height: 100%;
transition: color 0.3s ease;
font-size: 19px;
color: #ffffff;
cursor: pointer;
}
@media (max-width: 1680px) {
.menu__link {
font-size: 16px;
}
}
@media only screen and (max-width: 1199px) {
.menu__link {
color: var(--color-text);
padding: 24px 36px 24px 24px;
border-bottom: 0.5px solid #212121;
}
}
.menu__link-inner {
position: relative;
}
.menu__link-inner:before {
content: "";
position: absolute;
width: 0%;
height: 5px;
left: 0;
bottom: -6px;
opacity: 0;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Layer_1' x='0' y='0' version='1.1' viewBox='0 0 82.9 3.9'%3E%3Cstyle%3E.st0%7Bfill:none;stroke:%23fffdfb;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:6,6%7D%3C/style%3E%3Cpath d='M78 1c-4.9 0-7.4.4-10.1.9-2.7.5-5.8 1-11.9 1s-9.2-.5-11.9-1C41.5 1.4 39 1 34 1s-7.4.4-10 .9c-2.7.5-5.8 1-11.9 1S2.9 2.4.2 1.9M-10.5-13.3c-6.1 0-9.2-.5-11.9-1-2.6-.4-5.2-.9-10.1-.9-4.9 0-7.4.4-10.1.9-2.7.5-5.8 1-11.9 1s-9.2-.5-11.9-1c-2.6-.4-5.2-.9-10.1-.9-4.9 0-7.4.4-10.1.9-2.7.5-5.8 1-11.9 1s-9.2-.5-11.9-1c-2.6-.4-5.2-.9-10.1-.9-.6 0-1.1-.1-1.1-.1' class='st0'/%3E%3Cpath d='M78 1c-4.9 0-7.4.4-10.1.9-2.7.5-5.8 1-11.9 1s-9.2-.5-11.9-1C41.5 1.4 39 1 34 1s-7.4.4-10 .9c-2.7.5-5.8 1-11.9 1S2.9 2.4.2 1.9' class='st0'/%3E%3C/svg%3E") repeat-x left bottom/100px;
transition: 0.4s ease;
}
@media only screen and (max-width: 1439px) {
.menu__link-inner:before {
bottom: -4px;
}
}
@media only screen and (max-width: 1022px) {
.menu__link--nohref {
pointer-events: none;
}
}
.menu__acc {
padding: 24px;
border-bottom: 0.5px solid #212121;
display: none;
}
@media only screen and (max-width: 1199px) {
.menu__acc {
display: block;
}
}
.menu__acc-title {
color: #6e6e6e;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
.menu__acc-title {
color: var(--color-text);
}
}
.menu__acc-btns {
margin-top: 16px;
display: flex;
gap: 32px;
align-items: center;
}
.menu__acc-btns .mod-link {
margin-top: 4px;
}
@media only screen and (max-width: 1199px) {
.menu__acc-btns .mod-link {
color: var(--color-gray-4);
font-weight: 400;
}
}
.menu__acc-text {
margin-top: 16px;
color: #6e6e6e;
font-size: 12px;
line-height: 1.6;
}
.menu__extras {
padding: 24px;
border-bottom: 0.5px solid #212121;
display: none;
}
@media only screen and (max-width: 1199px) {
.menu__extras {
display: block;
}
}
.menu__extras-item {
display: grid;
grid-template-columns: 20px auto;
grid-gap: 16px;
align-items: center;
color: #6e6e6e;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 24px;
}
@media only screen and (max-width: 1199px) {
.menu__extras-item {
color: var(--color-text);
}
}
.menu__extras-item:last-of-type {
margin-bottom: 0;
}
.menu__extras-item .icon {
width: 100%;
}
.menu .menu__faq {
padding: 24px;
grid-template-columns: 24px auto;
grid-gap: 12px;
border-bottom: 0.5px solid #212121;
display: none;
}
@media only screen and (max-width: 1199px) {
.menu .menu__faq {
display: grid;
}
}
.menu__lang {
align-items: center;
justify-content: center;
gap: 12px;
color: #6e6e6e;
font-size: 13px;
padding: 36px 24px 24px;
display: none;
}
@media only screen and (max-width: 1199px) {
.menu__lang {
display: flex;
color: var(--color-text);
}
}
.menu__lang img {
width: 20px;
}
.menu__lang-text {
display: flex;
align-items: center;
}
.menu__lang-text i {
width: 6px !important;
margin-left: 8px;
margin-top: 2px;
}
.menu__lang-modal {
z-index: 10;
position: fixed;
display: flex;
align-items: center;
justify-content: center;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 40px;
overflow: auto;
opacity: 0;
transition: 0.4s ease;
pointer-events: none;
}
.menu__lang-modal.is-active {
opacity: 1;
pointer-events: auto;
}
.menu__lang-modal.is-active .menu__lang-modal__items {
transform: scale(1);
}
.menu__lang-modal__item {
display: flex;
align-items: center;
gap: 12px;
color: #6e6e6e;
font-size: 13px;
padding: 8px 12px;
justify-content: flex-start;
}
.menu__lang-modal__item img {
width: 20px;
}
.menu__lang-modal__overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(159, 123, 92, 0.4);
}
.menu__lang-modal__items {
z-index: 1;
position: relative;
width: 100%;
max-width: 220px;
background-color: #ffffff;
padding: 40px 4px 12px;
margin: auto;
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1);
border-radius: 4px;
transform: scale(0.7);
transition: 0.3s cubic-bezier(0.25, 0.75, 0.5, 1.25);
}
.menu__lang-modal__close {
position: absolute;
top: 12px;
right: 8px;
height: 20px;
width: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.menu__lang-modal__close i {
height: 16px;
width: 16px;
}
.menu__header {
display: none;
background-color: #212121;
color: #ffffff;
height: 64px;
position: relative;
padding: 8px 24px;
}
@media only screen and (max-width: 1199px) {
.menu__header {
display: flex;
align-items: center;
justify-content: space-between;
}
}
.menu__header-close {
height: 24px;
width: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.menu__header-close i {
height: 16px;
width: 16px;
}
.menu__header-close i:before {
background-color: #ffffff;
}
.menu__header .header-main__logo {
top: 0;
left: 0;
max-width: 100px;
position: relative;
margin: 0;
}
@media only screen and (max-width: 1022px) {
.menu__header .header-main__logo {
max-width: 90px;
max-height: 30px;
}
}
.menu__arrow {
display: none;
}
@media only screen and (max-width: 1199px) {
.menu__arrow {
display: flex;
align-items: center;
justify-content: flex-end;
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 70px;
z-index: 9;
padding-right: 30px;
}
.menu__arrow .icon {
width: 8px;
height: 12px;
}
}
.modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
z-index: 1002;
opacity: 0;
visibility: hidden;
pointer-events: none;
will-change: opacity, visibility;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media only screen and (min-width: 1023px) {
.modal {
scrollbar-track-color: black;
scrollbar-face-color: rgba(0, 0, 0, 0.6);
scrollbar-arrow-color: rgba(0, 0, 0, 0.6);    }
.modal::-webkit-scrollbar {
width: 4px;
}
.modal ::-webkit-scrollbar-track {
-webkit-border-radius: 5px;
border-radius: 5px;
background: black;
}
.modal ::-webkit-scrollbar-thumb:window-inactive {
background: rgba(0, 0, 0, 0.8);
}
.modal::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.6);
width: 4px;
border-radius: 5px;
}
.modal::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.68);
}
.modal ::-webkit-scrollbar {
width: 4px;
}
}
.modal.is-open-modal {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.modal__overlay {
position: fixed;
pointer-events: all;
}
.modal__inner {
max-width: 950px;
width: 100%;
margin: auto;
background-color: var(--color-primary-bg);
border-radius: 20px;
position: relative;
z-index: 4;
padding: 50px;
transform: scale(0.5);
will-change: transform;
transition: transform 0.3s ease;
}
@media only screen and (max-width: 1199px) {
.modal__inner {
max-width: 700px;
padding: 40px;
}
}
@media only screen and (max-width: 1022px) {
.modal__inner {
padding: 40px 30px;
max-width: calc(100% - 100px);
border-radius: 10px;
}
}
@media only screen and (max-width: 767px) {
.modal__inner {
max-width: 100%;
border-radius: 6px;
padding: 35px 16px;
}
}
.is-open-modal .modal__inner {
transform: scale(1);
}
.modal__close {
position: absolute;
right: 34px;
top: 22px;
}
@media only screen and (max-width: 1199px) {
.modal__close {
top: 20px;
right: 20px;
}
}
@media only screen and (max-width: 1022px) {
.modal__close {
top: 16px;
right: 16px;
}
}
@media only screen and (max-width: 767px) {
.modal__close {
top: 14px;
right: 10px;
}
}
.modal__close .icon {
transition: transform 0.4s ease;
}
@media only screen and (max-width: 1199px) {
.modal__close .icon {
width: 15px;
height: 15px;
}
}
@media only screen and (max-width: 1022px) {
.modal__close .icon {
width: 12px;
height: 12px;
}
}
@media only screen and (max-width: 767px) {
.modal__close .icon {
width: 8px;
height: 8px;
}
}
.modal__close:hover .icon {
transform: scale(0.9);
}
.modal__close:hover .icon::before {
background-color: var(--color-primary);
}
.modal .editor-text {
line-height: 1.25;
}
@media only screen and (max-width: 1199px) {
.modal .editor-text {
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.modal .editor-text {
font-size: 12px;
}
}
.modal .editor-text strong {
font-weight: 600;
}
.modal .editor-text ul {
display: grid;
grid-gap: 20px;
}
@media only screen and (max-width: 767px) {
.modal .editor-text ul {
grid-gap: 10px;
}
}
.modal .editor-text ul li {
padding-left: 16px;
font-weight: 300;
}
@media only screen and (max-width: 767px) {
.modal .editor-text ul li {
padding-left: 18px;
font-weight: 400;
}
}
.modal .editor-text ul li::before {
top: 0.5em;
}
@media only screen and (max-width: 1022px) {
.modal .editor-text ul li::before {
width: 4px;
height: 4px;
}
}
@media only screen and (max-width: 767px) {
.modal .editor-text ul li::before {
width: 3px;
height: 3px;
left: 8px;
}
}
.modal .editor-text img {
width: auto;
height: auto;
object-fit: contain;
border-radius: 20px;
margin-top: 15px;
}
@media only screen and (max-width: 1022px) {
.modal .editor-text img {
border-radius: 12px;
}
}
@media only screen and (max-width: 767px) {
.modal .editor-text img {
border-radius: 8px;
}
}
.modal .editor-text img:first-child {
margin-top: 0;
}
.modal .editor-text table {
border: 0;
text-align: center;
}
.modal .editor-text table thead tr {
border: 0;
}
.modal .editor-text table tr {
border-bottom-color: var(--color-text);
}
.modal .editor-text table tbody {
padding-top: 10px;
}
.modal .editor-text table th {
font-size: 20px;
text-transform: uppercase;
line-height: 1;
color: var(--color-white);
background-color: var(--color-primary);
}
@media only screen and (max-width: 1022px) {
.modal .editor-text table th {
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.modal .editor-text table th {
font-size: 12px;
padding: 8px;
}
}
.modal .editor-text table th:first-child {
border-radius: 10px 0 0 10px;
}
@media only screen and (max-width: 767px) {
.modal .editor-text table th:first-child {
border-radius: 6px 0 0 6px;
}
}
.modal .editor-text table th:last-child {
border-radius: 0 10px 10px 0;
}
@media only screen and (max-width: 767px) {
.modal .editor-text table th:last-child {
border-radius: 0 6px 6px 0;
}
}
.modal .editor-text table th,
.modal .editor-text table td {
border: 0;
}
.modal .editor-text table th:not(:first-child),
.modal .editor-text table td:not(:first-child) {
border: 0;
}
.modal .editor-text table td {
padding: 0.61em;
font-size: 14px;
line-height: 1;
}
@media only screen and (max-width: 767px) {
.modal .editor-text table td {
font-size: 9px;
padding: 6px;
}
}
.modal .icon-major-tape {
margin: 0 auto 3px;
}
@media only screen and (max-width: 767px) {
.modal .icon-major-tape {
width: 20px;
height: 8px;
}
}
.modal .icon-major-tape::before {
background-color: var(--color-primary);
}
.modal__header {
margin-bottom: 48px;
}
@media only screen and (max-width: 1022px) {
.modal__header {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.modal__header {
font-size: 14px;
margin-bottom: 25px;
}
}
.size-guide-modal-trigger,
.sole-option-modal-trigger,
.protection-modal-trigger,
.personalization-modal-trigger {
cursor: pointer;
user-select: none;
}
[modal-product-popup].body-scroll-locked {
overflow: hidden;
}
.login-modal {
text-align: center;
}
.login-modal .modal__inner {
max-width: 806px;
padding-top: 112px;
}
@media only screen and (max-width: 767px) {
.login-modal .modal__inner {
padding-top: 68px;
padding-bottom: 0;
}
}
.login-modal .form-component__form {
max-width: 460px;
}
.notify-input .mod-input label {
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);
}
.notify-input {
max-width: 456px;
width: 100%;
}
.notify-input__title {
display: grid;
grid-template-columns: auto 1fr;
grid-gap: 10px;
align-items: center;
color: var(--color-primary);
text-decoration: underline;
letter-spacing: 0.81px;
padding: 0 20px;
margin-bottom: 14px;
}
@media only screen and (max-width: 767px) {
.notify-input__title {
font-size: 14px;
line-height: 1.43;
padding: 0 12px;
margin-bottom: 20px;
}
}
.notify-input__title .icon::before {
background-color: currentColor;
}
.notify-input .mod-input {
margin-bottom: 0;
}
.notify-input .mod-input__field {
font-size: 14px;
height: 48px;
padding: 12px 16px;
}
@media only screen and (max-width: 767px) {
.notify-input .mod-input__field {
letter-spacing: 0.24px;
height: 44px;
}
}
.notify-input .mod-input__field::-webkit-input-placeholder {
letter-spacing: 0.81px;
}
@media only screen and (max-width: 767px) {
.notify-input .mod-input__field::-webkit-input-placeholder {
letter-spacing: 0.24px;
font-size: 14px;
}
}
.notify-input .mod-input__field:-ms-input-placeholder {
letter-spacing: 0.81px;
}
@media only screen and (max-width: 767px) {
.notify-input .mod-input__field:-ms-input-placeholder {
letter-spacing: 0.24px;
font-size: 14px;
}
}
.notify-input .mod-input__field::placeholder {
letter-spacing: 0.81px;
}
@media only screen and (max-width: 767px) {
.notify-input .mod-input__field::placeholder {
letter-spacing: 0.24px;
font-size: 14px;
}
}
.notify-input__input {
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 8px;
align-items: flex-start;
}
@media only screen and (max-width: 767px) {
.notify-input__input {
grid-gap: 12px;
}
}
.notify-input .btn {
font-size: 12px;
padding: 8px 25px;
letter-spacing: 0.96px;
min-height: 48px;
}
@media only screen and (max-width: 767px) {
.notify-input .btn {
padding: 8px 14px;
letter-spacing: 0.94px;
min-height: 44px;
font-size: 14px;
}
}
.order-list {
width: 100%;
padding: 20px 0;
}
@media only screen and (max-width: 767px) {
.order-list {
font-size: 14px;
}
}
.order-list__inner {
display: grid;
grid-gap: 38px;
}
@media only screen and (max-width: 767px) {
.order-list__inner {
grid-gap: 20px;
}
}
.order-list__item {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 32px;
border-bottom: 1px solid rgba(33, 33, 33, 0.7);
}
@media only screen and (min-width: 1200px) {
.order-list__item {
padding-right: 30px;
}
}
@media only screen and (max-width: 1022px) {
.order-list__item {
display: block;
padding-bottom: 18px;
}
}
.order-list__item-left {
width: 100%;
max-width: 350px;
display: grid;
}
@media only screen and (max-width: 1022px) {
.order-list__item-left {
max-width: 100%;
margin-bottom: 6px;
}
}
.order-list__item-content {
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr 100px;
}
.order-list__item strong {
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.order-list__amount {
text-align: right;
}
}
.order-list .btn {
min-height: 35px;
letter-spacing: 0.41px;
padding: 8px 12px;
}
@media only screen and (min-width: 1200px) {
.order-list .btn {
font-size: 12px;
}
}
@media only screen and (max-width: 767px) {
.order-list .btn {
margin-top: 14px;
padding: 8px 24px;
}
}
.order-list__read-more {
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
margin: 60px auto 0;
transition: transform 0.3s ease;
}
@media only screen and (max-width: 1022px) {
.order-list__read-more {
margin-top: 20px;
}
}
.order-list__read-more .icon {
pointer-events: none;
width: 16px;
transition: transform 0.3s ease;
}
.order-list__read-more .icon::before {
background-color: var(--color-primary);
}
.order-list__read-more:hover {
transform: translate(0, 8px);
}
.order-list__read-more.show-less:hover {
transform: translate(0, -8px);
}
.order-list__empty {
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
max-width: 262px;
width: 100%;
margin: 0 auto;
padding: 100px 0;
}
@media only screen and (max-width: 767px) {
.order-list__empty {
padding: 14px 0;
}
}
.order-list__empty-icon {
margin-bottom: 36px;
}
@media only screen and (max-width: 1199px) {
.order-list__empty-icon {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.order-list__empty-icon {
margin-bottom: 8px;
}
}
@media only screen and (max-width: 767px) {
.order-list__empty-icon .icon {
width: 40px;
}
}
.order-list__empty-icon .icon::before {
background-color: #c1eed0;
}
.order-list__empty-title {
margin-bottom: 24px;
}
@media only screen and (max-width: 1199px) {
.order-list__empty-title {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.order-list__empty-title {
margin-bottom: 8px;
}
}
.order-notes {
max-width: 455px;
width: 100%;
}
.order-notes .title {
font-weight: 600;
letter-spacing: 0.8px;
margin-bottom: 10px;
}
@media only screen and (max-width: 1022px) {
.order-notes .title {
letter-spacing: 0.68px;
}
}
.order-notes .mod-input textarea {
padding: 7px 18px;
letter-spacing: 0.81px;
font-size: 14px;
}
@media only screen and (max-width: 1022px) {
.order-notes .mod-input textarea {
width: 94.5%;
border-radius: 15px;
padding: 5px 16px;
}
}
@media only screen and (max-width: 767px) {
.order-notes .mod-input textarea {
font-size: 10px;
width: 100%;
letter-spacing: 0.67px;
}
}
.order-notes.is-validation-failed .title {
color: var(--color-red-secondary);
}
.personalization-input {
width: 100%;
position: relative;
}
.personalization-input__heading {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 18px;
gap: 0 18px;
}
@media only screen and (max-width: 1022px) {
.personalization-input__heading {
margin-bottom: 10px;
gap: 0 10px;
}
}
@media (max-width: 360px) {
.personalization-input__heading {
margin-bottom: 10px;
}
}
.personalization-input__heading-left {
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 10px;
align-items: center;
}
.personalization-input__heading .title {
font-weight: 600;
letter-spacing: 0.8px;
text-transform: uppercase;
}
@media only screen and (max-width: 1022px) {
.personalization-input__heading .title {
letter-spacing: 0.68px;
}
}
.personalization-input__heading-text {
font-weight: 300;
letter-spacing: 0.81px;
color: var(--color-gray);
}
@media only screen and (max-width: 1022px) {
.personalization-input__heading-text {
font-size: 16px;
font-weight: 400;
letter-spacing: 0.68px;
}
}
@media only screen and (max-width: 1199px) {
.personalization-input .tooltip__modal {
left: 0;
transform: translate(-90%, calc(-100% - 12px));
}
}
.personalization-input__trigger {
font-weight: 500;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: transparent;
border: 1px dashed var(--color-text);
border-radius: 30px;
min-height: 48px;
min-width: 216px;
padding: 8px 16px;
text-transform: uppercase;
color: var(--color-text);
font-family: "Work Sans", sans-serif;
letter-spacing: 0.82px;
transition: border-color 0.3s ease, color 0.3s ease, visibility 0.3s ease, opacity 0.3s ease;
}
@media only screen and (max-width: 767px) {
.personalization-input__trigger {
font-size: 12px;
min-height: 40px;
min-width: 150px;
}
}
.personalization-input__trigger:hover {
color: var(--color-primary);
border-color: var(--color-primary);
}
.personalization-input__inner {
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: visible;
width: 50%;
pointer-events: none;
transition: visibility 0.3s ease, opacity 0.3s ease-in-out, width 0.3s linear;
}
.personalization-input__inner-wrapper {
position: relative;
max-width: 455px;
width: 100%;
font-size: 14px;
line-height: 1.25;
padding-bottom: 35px;
}
.personalization-input__field {
position: relative;
width: 100%;
height: 48px;
border-radius: 30px;
border: 1px dashed var(--color-text);
color: var(--color-text);
background-color: transparent;
outline: none;
padding: 12px 25px;
transition: border-color 0.3s ease;
letter-spacing: 0.82px;
}
@media only screen and (max-width: 767px) {
.personalization-input__field {
height: 40px;
padding: 8px 16px;
}
}
.personalization-input__field:focus {
border-color: var(--color-primary);
outline: none;
}
.is-validation-failed .personalization-input__field, .personalization-input__field.is-validation-failed {
border-color: var(--color-red);
}
.personalization-input__field::-webkit-input-placeholder {
color: var(--color-gray-5);
font-style: italic;
font-weight: 300;
}
.personalization-input__field:-ms-input-placeholder {
color: var(--color-gray-5);
font-style: italic;
font-weight: 300;
}
.personalization-input__field::placeholder {
color: var(--color-gray-5);
font-style: italic;
font-weight: 300;
}
.personalization-input__button {
font-weight: 300;
color: var(--color-gray-1);
letter-spacing: 0.82px;
border-bottom: 1px solid currentColor;
position: relative;
transition: color 0.3s ease, border-color 0.3s ease;
}
.personalization-input__button:hover {
color: var(--color-primary);
}
.personalization-input__footer {
margin-top: 12px;
padding: 0 26px;
display: flex;
flex-wrap: wrap;
gap: 15px;
align-items: center;
}
@media only screen and (max-width: 767px) {
.personalization-input__footer {
padding: 0 16px;
}
}
.personalization-input__divider {
width: 1px;
height: 20px;
background-color: var(--color-primary);
}
.personalization-input__data {
position: absolute;
top: 14px;
left: 0;
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 10px;
align-items: center;
padding-right: 18px;
opacity: 0;
visibility: visible;
pointer-events: none;
width: 80%;
transition: visibility 0.3s ease, opacity 0.3s ease, width 0.3s linear;
}
@media only screen and (max-width: 767px) {
.personalization-input__data {
top: 8px;
padding-right: 0;
}
}
.personalization-input__data .personalization-input__footer {
margin: 0;
padding: 0;
gap: 12px;
}
.personalization-input__value {
font-weight: 500;
color: var(--color-primary);
letter-spacing: 0.82px;
text-transform: uppercase;
}
.personalization-input.is-open-form .personalization-input__trigger, .personalization-input.is-open-data .personalization-input__trigger {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.personalization-input.is-open-form .personalization-input__inner {
width: 100%;
opacity: 1;
visibility: visible;
pointer-events: all;
}
.personalization-input.is-open-data .personalization-input__data {
width: 100%;
opacity: 1;
visibility: visible;
pointer-events: all;
}
.personalization-input.is-validation-failed .title {
color: var(--color-red-secondary);
}
.personalization-input.is-validation-failed .personalization-input__error {
display: block;
}
.personalization-input.is-validation-failed .personalization-input__inner-wrapper {
padding-bottom: 70px;
}
.personalization-input__error {
display: none;
font-size: 12px;
padding: 10px 25px 0;
color: var(--color-red);
}
.product-card {
position: relative;
display: block;
max-width: 366px;
width: 100%;
box-shadow: 0 0 21.93px -5.48px rgba(0, 0, 0, 0.2);
background-color: var(--color-white);
border-radius: 28px;
}
@media only screen and (max-width: 767px) {
.product-card {
border-radius: 16px;
box-shadow: 0 1.08px 2.17px rgba(0, 0, 0, 0.12);
}
}
.product-card__category {
letter-spacing: 0.61px;
font-weight: 600;
padding: 15px;
position: relative;
}
@media only screen and (max-width: 1022px) {
.product-card__category {
padding: 12px;
}
}
@media only screen and (max-width: 767px) {
.product-card__category {
font-size: 10px;
padding: 10px;
}
}
.product-card__image {
position: relative;
height: 0;
padding-bottom: 100%;
margin: 0;
}
.product-card__image-inner {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
position: absolute;
z-index: 4;
top: 24px;
left: 18px;
pointer-events: none;
width: calc(100% - 40px);
}
@media (min-width: 1200px) and (max-width: 1680px) {
.product-card__image-inner {
top: 16px;
left: 12px;
width: calc(100% - 30px);
}
}
@media only screen and (max-width: 1022px) {
.product-card__image-inner {
top: 16px;
left: 12px;
width: calc(100% - 30px);
}
}
@media only screen and (max-width: 767px) {
.product-card__image-inner {
top: 12px;
left: 10px;
width: calc(100% - 25px);
}
}
.product-card__image img {
z-index: 3;
transform: scale(1.0001);
transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
}
.product-card__image video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
background-color: var(--color-white);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.product-card__image .wishlist-button,
.product-card__image .tag--link {
pointer-events: all;
}
.product-card__image--hover {
z-index: 4;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.product-card__body {
position: relative;
padding: 8px 20px 18px 16px;
letter-spacing: 0.74px;
line-height: 1.25;
}
@media only screen and (max-width: 1022px) {
.product-card__body {
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.product-card__body {
font-size: 12px;
letter-spacing: 0.44px;
padding: 4px 12px 8px;
}
}
.product-card__price {
margin-left: auto;
flex-shrink: 0;
}
.product-card__price-row {
display: flex;
align-items: center;
gap: 20px;
justify-content: space-between;
}
.product-card__price-row--tag-list {
margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.product-card__price-row--tag-list {
margin-bottom: 4px;
}
}
.product-card__price-row:not(:last-child):not(.product-card__price-row--tag-list) {
margin-bottom: 3px;
}
@media only screen and (max-width: 767px) {
.product-card__price-row:not(:last-child):not(.product-card__price-row--tag-list) {
margin-bottom: 0;
}
}
.product-card__price-label--old {
color: var(--color-gray);
}
.product-card__price--old {
font-weight: 400;
color: var(--color-red-secondary);
}
.product-card__lowest-price {
margin-top: 15px;
color: var(--color-gray);
letter-spacing: 0.81px;
}
@media only screen and (max-width: 767px) {
.product-card__lowest-price {
font-size: 6px;
font-weight: 300;
text-align: center;
letter-spacing: normal;
margin-top: 10px;
}
}
.product-card .wishlist-button {
margin-left: auto;
flex-shrink: 0;
margin-top: -10px;
}
@media only screen and (max-width: 1022px) {
.product-card .wishlist-button {
margin-top: -5px;
}
}
.product-card__button {
text-align: center;
position: absolute;
left: 0;
bottom: 5%;
width: 100%;
transform: translateY(20px);
z-index: 4;
opacity: 0;
visibility: hidden;
transition: transform 0.4s ease, opacity 0.4s ease, visibility 0.4s ease;
}
@media only screen and (max-width: 1022px) {
.product-card__button {
bottom: 16px;
display: none;
}
}
.product-card .btn {
width: 68%;
font-size: 14px;
padding: 0 5%;
min-height: 0;
font-weight: 600;
border-radius: 100px;
}
.product-card .btn:after {
border-width: var(--border-width, 0px);
}
.product-card .btn .icon {
width: 10%;
flex-shrink: 0;
}
.swiper-slide .product-card .btn {
font-size: 14px !important;
min-height: 44px !important;
--border-width: 1.58px !important;
}
@media only screen and (min-width: 1440px) and (max-width: 1680px) {
.swiper-slide .product-card .btn {
font-size: 12px !important;
min-height: 37px !important;
--border-width: 1.5px !important;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
.swiper-slide .product-card .btn {
font-size: 10px !important;
min-height: 32px !important;
--border-width: 1.3px !important;
}
}
@media only screen and (max-width: 1199px) {
.swiper-slide .product-card .btn {
font-size: 12px !important;
min-height: 36px !important;
--border-width: 1.5px !important;
}
}
@media only screen and (max-width: 1022px) {
.swiper-slide .product-card .btn {
font-size: 14px !important;
min-height: 44px !important;
--border-width: 1.58px !important;
}
}
@media only screen and (max-width: 1022px) {
.swiper-slide .product-card .btn {
font-size: 9px !important;
min-height: 27px !important;
--border-width: 1px !important;
}
}
.product-card .stretched-link::before {
pointer-events: all;
}
.product-card--has-link:hover .product-card__image img {
transform: scale(1.08);
}
.product-card:hover .product-card__button {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.product-card:hover .product-card__image--hover {
opacity: 1;
visibility: visible;
}
.product-card--secondary .product-card__image {
padding-bottom: 114.2%;
}
@media only screen and (max-width: 767px) {
.product-card--secondary .product-card__image {
padding-bottom: 117.5%;
}
}
.product-card--secondary .product-card__image-inner {
top: 34px;
width: calc(100% - 30px);
}
@media only screen and (max-width: 767px) {
.product-card--secondary .product-card__image-inner {
top: 20px;
width: calc(100% - 20px);
}
}
@media only screen and (min-width: 1200px) {
.product-card--secondary .product-card__image-inner .tag {
min-width: 65px;
}
}
@media only screen and (max-width: 767px) {
.product-card--secondary .product-card__image-inner .wishlist-button {
width: 20px;
height: 20px;
}
}
.product-card--secondary .product-card__body {
font-size: 16px;
line-height: 1.05;
}
@media (max-width: 1680px) {
.product-card--secondary .product-card__body {
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.product-card--secondary .product-card__body {
font-size: 12px;
}
}
@media only screen and (min-width: 1200px) {
.product-card--secondary .product-card__lowest-price {
font-size: 8px;
letter-spacing: 1.11px;
margin-top: 25px;
}
}
@media only screen and (min-width: 1200px) {
.product-card--large {
max-width: 426px;
}
}
.product-card--large .product-card__image {
padding-bottom: 115.2%;
}
@media only screen and (max-width: 767px) {
.product-card--large .product-card__image {
padding-bottom: 118.5%;
}
}
.product-card--large .product-card__image-inner {
top: 40px;
width: calc(100% - 28px);
}
@media only screen and (max-width: 767px) {
.product-card--large .product-card__image-inner {
top: 18px;
width: calc(100% - 16px);
}
}
@media only screen and (min-width: 1200px) {
.product-card--large .product-card__image-inner .tag {
min-height: 25px;
min-width: 80px;
}
}
@media only screen and (min-width: 1200px) {
.product-card--large .product-card__image-inner .wishlist-button {
width: 46px;
height: 46px;
}
}
@media only screen and (max-width: 767px) {
.product-card--large .product-card__image-inner .wishlist-button {
width: 20px;
height: 20px;
}
}
.product-card--large .product-card__body {
padding: 10px 28px 22px 20px;
}
@media only screen and (max-width: 1199px) {
.product-card--large .product-card__body {
padding: 15px;
}
}
@media only screen and (max-width: 767px) {
.product-card--large .product-card__body {
padding: 2px 6px 14px;
}
}
@media only screen and (min-width: 1200px) {
.product-card--large .product-card__lowest-price {
margin-top: 24px;
}
}
.product-card--has-video img {
transform: scale(1);
}
.product-card--has-video:hover .product-card__image img {
transform: scale(1);
}
.product-card--has-video.is-playing .product-card__image img {
opacity: 0;
visibility: hidden;
}
.product-card--has-video.is-playing video {
opacity: 1;
visibility: visible;
}
.product-card--has-video .product-card__image img, .product-card--has-hover-image .product-card__image img {
transform: scale(1);
}
.product-card--has-video:hover .product-card__image img, .product-card--has-hover-image:hover .product-card__image img {
transform: scale(1);
}
.product-filter {
position: -webkit-sticky;
position: sticky;
top: calc(99px + var(--top-bar-height, 0px));
width: 100%;
border-top: 0.5px solid transparent;
border-bottom: 0.5px solid transparent;
padding: 14px 0;
min-height: 68px;
background-color: var(--color-primary-bg);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
z-index: 2;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.product-filter {
top: calc(79px + var(--top-bar-height, 0px));
}
}
@media only screen and (min-width: 1023px) {
.product-filter {
z-index: 999;
}
}
@media only screen and (max-width: 1439px) {
.product-filter {
top: calc(80px + var(--top-bar-height, 0px));
}
}
@media only screen and (max-width: 1199px) {
.product-filter {
top: calc(64px + var(--top-bar-height, 0px));
}
}
@media only screen and (max-width: 1022px) {
.product-filter {
max-width: calc(100% - 20px);
margin: 0 auto;
min-height: 65px;
z-index: 9;
top: 0;
}
}
@media only screen and (max-width: 767px) {
.product-filter {
display: block;
padding: 12px 0;
min-height: 46px;
}
}
@media only screen and (min-width: 1440px) {
.is-scrolled .product-filter {
top: calc(79px + var(--top-bar-height, 0px));
}
}
.product-filter::before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw;
height: 100%;
background-color: var(--color-primary-bg);
display: none;
}
@media only screen and (max-width: 1022px) {
.product-filter::before {
display: block;
}
}
@media only screen and (max-width: 1022px) {
.product-filter .container-fluid {
max-width: calc(100% - 36px);
}
}
.product-filter__inner {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
min-height: 40px;
}
@media only screen and (max-width: 767px) {
.product-filter__inner {
min-height: 1px;
}
}
.product-filter__btn {
display: flex;
align-items: center;
position: relative;
transition: color 0.3s ease;
font-size: 14px;
margin-right: 20px;
padding-left: 2px;
letter-spacing: 0.61px;
}
@media only screen and (max-width: 767px) {
.product-filter__btn {
font-size: 12px;
margin: 0;
font-weight: 500;
padding-left: 0;
}
}
.product-filter__btn-text {
padding-right: 12px;
}
@media only screen and (max-width: 767px) {
.product-filter__btn-text {
padding-right: 4px;
}
}
.product-filter__btn i,
.product-filter__btn span {
pointer-events: none;
margin-top: 2px;
}
@media only screen and (max-width: 767px) {
.product-filter__btn i {
width: 8px;
height: 8px;
}
}
.product-filter__btn i::before {
background-color: currentColor;
}
.product-filter__btn:hover {
color: var(--color-primary);
}
.product-filter__title {
font-weight: 700;
font-size: 22px;
line-height: 1.25;
text-align: center;
margin-bottom: 36px;
}
@media only screen and (max-width: 767px) {
.product-filter__title {
font-size: 19px;
}
}
.product-filter__close {
width: 12px;
height: 12px;
display: block;
margin: 0 12px 26px auto;
}
.product-filter__close .icon {
width: 12px;
height: 12px;
}
.product-filter__close .icon::before {
background-color: var(--color-gray-6);
}
.product-filter__reset-btn {
font-size: 14px;
font-weight: 300;
letter-spacing: 0.61px;
margin-top: 4px;
display: block;
top: 2px;
}
.product-filter__left {
display: flex;
align-items: flex-start;
}
@media only screen and (max-width: 1022px) {
.product-filter__left .product-filter__selected-items {
display: none;
}
}
.product-filter__left .product-filter__selected-items-wrapper {
display: flex;
align-items: center;
flex-wrap: wrap;
transition: opacity 0.3s ease;
}
@media only screen and (max-width: 1022px) {
.product-filter__left .product-filter__selected-items-wrapper {
display: none;
}
}
.product-filter__right {
display: grid;
grid-auto-flow: column;
grid-gap: 72px;
}
.product-filter__right-buttons {
display: grid;
grid-auto-flow: column;
grid-gap: 26px;
}
@media only screen and (max-width: 1199px) {
.product-filter__right-buttons {
display: none;
}
}
.product-filter__right-button {
padding: 0;
}
.product-filter__right-button .icon {
pointer-events: none;
}
.product-filter__right-button .icon::before {
background-color: var(--color-text);
}
.product-filter__right-button:hover .icon::before, .product-filter__right-button.is-active .icon::before {
background-color: #c1eed0;
}
.product-filter__selected-items {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.product-filter__selected-items-title {
letter-spacing: 0.61px;
margin-right: 22px;
}
.product-filter__selected-items-title strong {
font-weight: 600;
}
.product-filter__selected-items-reset {
width: 100%;
margin-top: 6px;
}
.product-filter__selected-item {
display: inline-flex;
align-items: center;
background-color: #f5f5f5;
border-radius: 20px;
margin: 6px 16px 6px 0;
padding: 2px 12px 3px 16px;
line-height: 1.25;
letter-spacing: 0.618123px;
font-weight: 300;
}
.product-filter__selected-item-text {
padding-right: 6px;
}
.product-filter__selected-item .icon {
width: 6px;
height: 6px;
}
.product-filter__overlay {
position: fixed;
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
background: rgba(53, 53, 53, 0.5);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.product-filter__sidebar {
position: sticky;
left: 0;
top: calc(100px + var(--top-bar-height, 0px) + 51px);
width: 100%;
height: calc(100vh - (150px + var(--top-bar-height, 0px)));
overflow: auto;
padding: 0 24px 60px;
z-index: 999;
background-color: var(--color-primary-bg);
max-width: 564px;
border-right: 0.5px solid var(--color-gray-5);
transform: translate(-100%);
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
pointer-events: auto;
}
@media only screen and (max-width: 1919px) {
.product-filter__sidebar {
max-width: 440px;
}
}
@media (min-width: 1200px) and (max-width: 1680px) {
.product-filter__sidebar {
max-width: 400px;
}
}
@media only screen and (max-width: 1439px) {
.product-filter__sidebar {
height: calc(100vh - (80px + var(--top-bar-height, 0px)) - 68px);
}
}
@media only screen and (max-width: 1199px) {
.product-filter__sidebar {
height: calc(100vh - (133px + var(--top-bar-height, 0px)));
top: calc(100px + var(--top-bar-height, 0px) + 33px);
}
}
@media only screen and (min-width: 1023px) {
.product-filter__sidebar {
scrollbar-track-color: rgba(33, 33, 33, 0.4);
scrollbar-face-color: rgba(33, 33, 33, 0.4);
scrollbar-arrow-color: rgba(33, 33, 33, 0.4);    }
.product-filter__sidebar::-webkit-scrollbar {
width: 4px;
}
.product-filter__sidebar ::-webkit-scrollbar-track {
-webkit-border-radius: 0;
border-radius: 0;
background: rgba(33, 33, 33, 0.4);
}
.product-filter__sidebar ::-webkit-scrollbar-thumb:window-inactive {
background: rgba(33, 33, 33, 0.4);
}
.product-filter__sidebar::-webkit-scrollbar-thumb {
background: rgba(33, 33, 33, 0.4);
width: 4px;
border-radius: 0;
}
.product-filter__sidebar::-webkit-scrollbar-thumb:hover {
background: rgba(33, 33, 33, 0.4);
}
.product-filter__sidebar ::-webkit-scrollbar {
width: 4px;
}
}
@media only screen and (max-width: 1022px) {
.product-filter__sidebar {
position: fixed;
display: block;
height: 100%;
top: 0;
width: calc(100% - 42px);
padding: 44px 14px 60px;
max-width: 100%;
border-right: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 999;
}
}
.product-filter__sidebar-wrapper {
position: absolute;
top: 70px;
left: 0;
width: 100%;
height: calc(100% - 70px);
pointer-events: none;
z-index: 2;
}
@media only screen and (max-width: 1022px) {
.product-filter__sidebar-wrapper {
z-index: 9999;
}
}
.product-filter__sidebar-total-result {
display: block;
letter-spacing: 1.12px;
}
@media only screen and (max-width: 1022px) {
.product-filter__sidebar-inner {
border-top: 0.3px solid var(--color-text);
}
}
.product-filter__sidebar-item {
padding: 0;
display: block;
border-bottom: 0.5px solid var(--color-gray-5);
}
@media only screen and (max-width: 1022px) {
.product-filter__sidebar-item {
border-bottom-color: var(--color-gray-5);
}
}
@media only screen and (min-width: 1023px) {
.product-filter__sidebar-item:last-child {
border-bottom: 0;
}
}
.product-filter__sidebar-item--total-result {
padding: 22px 44px;
}
@media only screen and (max-width: 1919px) {
.product-filter__sidebar-item--total-result {
padding: 20px 0;
}
}
@media only screen and (max-width: 1022px) {
.product-filter__sidebar-item--total-result {
display: none;
}
}
.product-filter__sidebar-item--selected-item {
padding: 16px 42px;
}
@media only screen and (max-width: 1919px) {
.product-filter__sidebar-item--selected-item {
padding: 16px 0;
}
}
.product-filter__sidebar-item.is-open .product-filter__sidebar-title .icon {
transform: scaleY(-1);
}
.product-filter__sidebar-title {
text-align: left;
padding: 23px 42px;
width: 100%;
position: relative;
text-transform: uppercase;
letter-spacing: 1.12px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.product-filter__sidebar-title {
padding: 16px 20px;
font-size: 18px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
.product-filter__sidebar-title {
padding: 16px 42px 16px 0;
letter-spacing: 0;
font-size: 18px;
}
}
@media only screen and (max-width: 1022px) {
.product-filter__sidebar-title {
padding: 22px 30px 22px 0;
letter-spacing: normal;
}
}
.product-filter__sidebar-title .icon {
position: absolute;
right: 12px;
top: 50%;
margin-top: -4px;
width: 15px;
height: 8px;
transition: transform 0.3s ease;
}
@media only screen and (max-width: 1022px) {
.product-filter__sidebar-title .icon {
width: 12px;
height: 8px;
right: 6px;
}
}
.product-filter__sidebar-dropdown {
display: none;
}
.product-filter__sidebar-dropdown-inner {
padding: 5px 44px 30px;
}
@media only screen and (max-width: 1919px) {
.product-filter__sidebar-dropdown-inner {
padding: 20px 20px 40px;
}
}
@media (min-width: 1200px) and (max-width: 1680px) {
.product-filter__sidebar-dropdown-inner {
padding: 4px 20px 40px;
}
}
@media only screen and (max-width: 1022px) {
.product-filter__sidebar-dropdown-inner {
padding: 2px 14px 30px;
}
}
.product-filter__sidebar-button {
margin-top: 26px;
}
.product-filter .size-selector {
max-width: 100%;
}
.product-filter .size-selector__inner {
gap: 11px;
}
@media only screen and (max-width: 767px) {
.product-filter .size-selector__inner {
gap: 13px;
}
}
.product-filter .size-selector__item-label {
border-radius: 10px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.product-filter .size-selector__item-label {
height: 42px;
width: 42px;
font-size: 10px;
padding: 4px 1px;
}
}
.product-filter .checkbox-group {
grid-gap: 12px;
}
@media only screen and (max-width: 767px) {
.product-filter .checkbox-group {
grid-gap: 6px;
}
}
.product-filter .radio-selector-group {
max-width: 100%;
}
.product-filter .range-slider {
margin: 0;
}
@media only screen and (max-width: 1022px) {
.product-filter .range-slider {
max-width: 100%;
}
}
.product-filter--molecule-only {
top: 0;
}
.is-open-filter .product-filter__sidebar {
transform: translateX(0);
}
@media only screen and (max-width: 1022px) {
.is-open-filter .product-filter__sidebar {
opacity: 1;
visibility: visible;
pointer-events: all;
}
}
.is-open-filter .product-filter__left .product-filter__selected-items-wrapper {
display: none;
}
.is-open-filter .product-filter__overlay {
opacity: 1;
visibility: visible;
pointer-events: all;
}
@media only screen and (max-width: 1022px) {
.is-open-filter .product-filter {
z-index: 9999;
}
}
.product-gallery-modal__image::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.product-gallery-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--color-primary-bg);
z-index: 1002;
opacity: 0;
visibility: hidden;
pointer-events: none;
will-change: opacity, visibility;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.product-gallery-modal.is-open-modal {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.product-gallery-modal__close {
position: fixed;
top: 72px;
right: 60px;
z-index: 9;
padding: 20px;
}
@media only screen and (max-width: 1439px) {
.product-gallery-modal__close {
right: 40px;
top: 40px;
}
}
@media only screen and (max-width: 1022px) {
.product-gallery-modal__close {
right: 6px;
top: 20px;
}
}
.product-gallery-modal__close .icon {
transition: transform 0.4s ease;
}
.product-gallery-modal__close:hover .icon {
transform: scale(0.9);
}
.product-gallery-modal__close:hover .icon::before {
background-color: var(--color-primary);
}
.product-gallery-modal__inner {
position: relative;
width: 100%;
margin: auto;
padding: 30px 350px;
}
@media only screen and (max-width: 1199px) {
.product-gallery-modal__inner {
padding: 30px 160px;
}
}
@media only screen and (max-width: 1022px) {
.product-gallery-modal__inner {
padding: 0;
}
}
.product-gallery-modal__main-slider {
overflow: visible;
height: calc(100vh - 60px);
padding-bottom: 200px;
}
@media only screen and (max-width: 1022px) {
.product-gallery-modal__main-slider {
padding: 0;
}
}
@media only screen and (max-width: 767px) {
.product-gallery-modal__main-slider {
height: 100vh;
}
}
.product-gallery-modal__main-slider img {
aspect-ratio: 1/1;
object-fit: contain;
height: 100%;
}
.product-gallery-modal__main-slider .swiper-slide {
display: flex;
flex-direction: column;
height: auto;
max-height: calc(100vh - 60px);
}
.product-gallery-modal__image {
position: relative;
-webkit-user-select: none;
user-select: none;
}
.product-gallery-modal__image::before, .product-gallery-modal__image::after {
transition: height 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
}
.product-gallery-modal__image::before {
display: none;
border: 2px solid var(--color-primary);
opacity: 0;
visibility: hidden;
}
.swiper-slide-thumb-active .product-gallery-modal__image::before {
opacity: 1;
visibility: visible;
}
.product-gallery-modal__image::after {
content: "";
position: absolute;
bottom: 2px;
left: 0;
width: 100%;
height: 0;
display: none;
background-color: var(--color-primary);
z-index: 2;
}
.swiper-slide-thumb-active .product-gallery-modal__image::after {
height: 8px;
}
.product-gallery-modal__image--main {
flex: auto;
height: 100%;
}
.product-gallery-modal__image-inner {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.product-gallery-modal__image--thumb {
width: 100%;
height: 95px;
cursor: pointer;
}
.product-gallery-modal__image--thumb::before, .product-gallery-modal__image--thumb::after {
display: block;
}
.product-gallery-modal__image--thumb img {
width: 100%;
height: auto;
}
.product-gallery-modal__thumb-slider {
height: 100%;
width: 100%;
}
.product-gallery-modal__thumb-slider-wrapper {
height: 545px;
width: 95px;
position: absolute;
left: 85px;
top: 50%;
transform: translateY(-50%);
padding: 28px 0;
}
@media only screen and (max-width: 1199px) {
.product-gallery-modal__thumb-slider-wrapper {
left: 40px;
}
}
@media only screen and (max-width: 1022px) {
.product-gallery-modal__thumb-slider-wrapper {
display: none;
}
}
.product-gallery-modal__nav-arrow {
background-color: transparent;
box-shadow: none;
border-radius: 0;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
height: auto;
width: auto;
}
.product-gallery-modal__nav-arrow .icon {
width: 8px;
height: 5px;
}
.product-gallery-modal__nav-arrow.arrow-down {
top: inherit;
bottom: 0;
}
.product-gallery-modal__nav-arrow:hover .icon::before {
background-color: var(--color-primary);
}
.product-popup {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 30px;
overflow: auto;
z-index: 1001;
opacity: 0;
visibility: hidden;
pointer-events: none;
will-change: opacity, visibility;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media only screen and (min-width: 1023px) {
.product-popup {
scrollbar-track-color: rgba(0, 0, 0, 0.4);
scrollbar-face-color: rgba(0, 0, 0, 0.4);
scrollbar-arrow-color: rgba(0, 0, 0, 0.4);    }
.product-popup::-webkit-scrollbar {
width: 4px;
}
.product-popup ::-webkit-scrollbar-track {
-webkit-border-radius: 0;
border-radius: 0;
background: rgba(0, 0, 0, 0.4);
}
.product-popup ::-webkit-scrollbar-thumb:window-inactive {
background: rgba(0, 0, 0, 0.4);
}
.product-popup::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.4);
width: 4px;
border-radius: 0;
}
.product-popup::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.4);
}
.product-popup ::-webkit-scrollbar {
width: 4px;
}
}
.product-popup.is-open-modal {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.product-popup__inner {
position: relative;
z-index: 4;
max-width: 1230px;
width: 100%;
padding: 20px 44px 86px;
background-color: var(--color-primary-bg);
border-radius: 20px;
margin: auto;
transform: scale(0.5);
will-change: transform;
transition: transform 0.3s ease;
}
@media only screen and (max-width: 1199px) {
.product-popup__inner {
padding-bottom: 50px;
}
}
@media only screen and (max-width: 1022px) {
.product-popup__inner {
max-width: 100%;
border-radius: 10px;
padding: 20px 30px 30px;
}
}
@media only screen and (max-width: 767px) {
.product-popup__inner {
padding: 5px 10px 30px;
}
}
.is-open-modal .product-popup__inner {
transform: scale(1);
}
.product-popup__overlay {
position: fixed;
pointer-events: all;
}
.product-popup__content {
display: grid;
grid-template-columns: 55% 1fr;
grid-gap: 62px;
align-items: flex-start;
}
@media only screen and (max-width: 1199px) {
.product-popup__content {
grid-gap: 30px;
}
}
@media only screen and (max-width: 1022px) {
.product-popup__content {
display: block;
}
}
.product-popup__header {
margin-bottom: 30px;
}
@media only screen and (max-width: 1022px) {
.product-popup__header {
margin-bottom: 18px;
}
}
@media only screen and (max-width: 767px) {
.product-popup__header {
margin-bottom: 12px;
}
}
.product-popup__price {
white-space: nowrap;
flex-shrink: 0;
align-self: flex-start;
}
.product-popup__price-row {
display: flex;
align-items: center;
gap: 20px;
justify-content: space-between;
line-height: 1;
}
@media only screen and (max-width: 767px) {
.product-popup__price-row {
font-size: 16px;
}
}
.product-popup__price-label {
margin-top: auto;
}
.product-popup__price-label--old {
font-weight: 300;
align-self: flex-start;
}
.product-popup__price--old {
color: var(--color-red-secondary);
text-decoration: line-through;
}
.product-popup__lowest-price {
margin-top: 10px;
color: var(--color-gray);
}
@media only screen and (max-width: 767px) {
.product-popup__lowest-price {
font-size: 6px;
font-weight: 300;
letter-spacing: normal;
margin-top: 10px;
}
}
.product-popup__title {
letter-spacing: 0.81px;
margin-bottom: 14px;
}
.product-popup__right {
padding-top: 4px;
}
@media only screen and (max-width: 1022px) {
.product-popup__right {
padding: 0;
margin-top: 28px;
}
}
@media only screen and (max-width: 767px) {
.product-popup__right .tag {
font-size: 12px;
border-radius: 7px;
}
}
.product-popup .title {
font-size: 14px;
color: var(--color-text);
}
@media only screen and (max-width: 767px) {
.product-popup .title {
font-size: 12px;
letter-spacing: 0.68px;
}
}
.product-popup .size-selector {
margin-top: 16px;
max-width: 100%;
}
@media only screen and (max-width: 767px) {
.product-popup .size-selector {
margin-top: 6px;
}
}
.product-popup .size-selector .title {
color: var(--color-text);
}
@media only screen and (max-width: 767px) {
.product-popup .size-selector .title {
font-size: 12px;
}
}
.product-popup .radio-selector-group {
max-width: 100%;
margin-top: 25px;
}
@media only screen and (max-width: 767px) {
.product-popup .radio-selector-group {
margin-top: 15px;
}
}
.product-popup .radio-selector-group__title {
margin-bottom: 12px;
}
@media only screen and (max-width: 1022px) {
.product-popup .radio-selector-group__title {
gap: 0 22px;
}
}
.product-popup .radio-selector-group__title-text {
flex-shrink: 0;
font-weight: 300;
font-size: 14px;
letter-spacing: 0.81px;
}
@media only screen and (max-width: 767px) {
.product-popup .radio-selector-group__title-text {
font-size: 12px;
letter-spacing: 0.68px;
}
}
@media only screen and (max-width: 767px) {
.product-popup .radio-selector-group__title .title {
font-size: 12px;
}
}
.product-popup .personalization-input {
margin-top: 18px;
}
@media only screen and (max-width: 1022px) {
.product-popup .personalization-input {
margin-top: 12px;
}
}
.product-popup .personalization-input__trigger {
min-height: 38px;
min-width: 134px;
font-size: 12px;
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.product-popup .personalization-input__trigger {
min-width: 106px;
min-height: 30px;
font-size: 10px;
letter-spacing: 0.65px;
}
}
.product-popup .personalization-input__field {
height: 38px;
}
@media only screen and (max-width: 767px) {
.product-popup .personalization-input__field {
height: 30px;
padding: 2px 10px;
font-size: 10px;
}
}
@media only screen and (max-width: 767px) {
.product-popup .personalization-input .personalization-input__value {
font-size: 12px;
}
}
.product-popup .personalization-input__inner-wrapper {
font-size: 12px;
}
.product-popup .personalization-input__inner .personalization-input__footer {
margin-top: 4px;
}
@media only screen and (max-width: 767px) {
.product-popup .personalization-input .personalization-input__footer {
font-size: 10px;
padding: 0 16px;
}
}
@media only screen and (max-width: 767px) {
.product-popup .personalization-input__data {
top: 5px;
}
}
.product-popup .personalization-input__heading {
margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
.product-popup .personalization-input__heading {
margin-bottom: 8px;
}
}
.product-popup .personalization-input__heading-text {
font-size: 14px;
letter-spacing: 0.81px;
}
@media only screen and (max-width: 767px) {
.product-popup .personalization-input__heading-text {
font-size: 12px;
}
}
.product-popup .radio-selector-group + .order-notes,
.product-popup .size-selector + .order-notes {
margin-top: 18px;
}
.product-popup .order-notes {
max-width: 100%;
}
@media only screen and (max-width: 767px) {
.product-popup .order-notes .title {
margin-bottom: 14px;
}
}
.product-popup .order-notes textarea {
padding: 14px 24px;
height: 85px;
font-size: 12px;
}
@media only screen and (max-width: 1022px) {
.product-popup .order-notes textarea {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.product-popup .order-notes textarea {
font-size: 9px;
border-radius: 15px;
padding: 8px 22px;
}
}
.product-popup__add-to-cart {
margin-top: 20px;
}
@media only screen and (max-width: 1022px) {
.product-popup__add-to-cart {
text-align: center;
display: grid;
justify-content: center;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 10px;
}
}
@media only screen and (max-width: 767px) {
.product-popup__add-to-cart {
grid-template-columns: 1fr;
padding: 0 20px;
}
}
.product-popup__add-to-cart .btn {
width: 100%;
}
@media only screen and (max-width: 1022px) {
.product-popup__add-to-cart .btn {
width: auto;
}
}
@media only screen and (max-width: 767px) {
.product-popup__add-to-cart .btn {
font-size: 12px;
min-height: 38px;
}
}
@media only screen and (max-width: 767px) {
.product-popup__add-to-cart .btn .icon {
display: none;
}
}
.product-popup__add-to-cart .btn.btn--disabled, .product-popup__add-to-cart .btn.ghost {
animation: none;
}
@media only screen and (max-width: 767px) {
.product-popup__close .icon {
width: 8px;
height: 8px;
}
}
.product-popup__close:hover .icon::before {
background-color: var(--color-primary);
}
@media only screen and (max-width: 1022px) {
.product-popup .product-showcase__main-slider {
width: 100%;
margin-left: 0;
}
}
@media only screen and (max-width: 1022px) {
.product-popup .product-showcase__thumb-slider {
display: none;
}
}
@media only screen and (max-width: 1022px) {
.product-popup .product-showcase__image-inner {
width: 100%;
height: 100%;
}
}
@media only screen and (max-width: 1022px) {
.product-popup .product-showcase__image-inner img {
width: 100%;
height: 100%;
}
}
@media only screen and (max-width: 1022px) {
.product-popup .product-showcase .product-showcase__pagination {
display: none;
}
}
@media only screen and (max-width: 1022px) {
.product-popup .product-showcase .tag-list {
top: 16px;
bottom: inherit;
left: 10px;
}
}
@media only screen and (max-width: 1022px) {
.product-popup .product-showcase .tag-list .tag {
border-radius: 6px;
}
}
@media only screen and (max-width: 767px) {
.product-popup-wrapper .modal {
padding: 30px;
}
}
.product-popup .product-module__gift-form {
margin: 40px 0 24px;
}
@media only screen and (max-width: 1022px) {
.product-popup .product-module__gift-form {
margin: 0 0 20px;
}
}
.product-popup .product-module__error-message {
margin-bottom: 28px;
color: var(--color-red);
}
@media only screen and (max-width: 1022px) {
.product-popup .product-module__error-message {
margin-bottom: 24px;
}
}
.product-showcase {
max-width: 885px;
width: 100%;
}
.product-showcase .swiper-wrapper {
align-items: center;
}
.product-showcase__image {
-webkit-user-select: none;
user-select: none;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.product-showcase__image img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: 100%;
width: 100%;
object-fit: contain;
}
.product-showcase__image-wrap, .product-showcase__image-inner {
position: relative;
}
.product-showcase__image-inner {
width: 100%;
padding-bottom: 100%;
}
.product-showcase__image--main {
cursor: pointer;
}
.product-showcase__image--thumb {
width: 100%;
cursor: pointer;
height: 0;
padding-bottom: 100%;
}
.product-showcase__image--thumb:after {
content: "";
position: absolute;
pointer-events: none;
border: 1.5px dashed var(--color-primary);
border-radius: 5px;
width: calc(100% - 8px);
height: calc(100% - 8px);
top: 4px;
left: 4px;
opacity: 0;
transition: 0.3s cubic-bezier(0.25, 0.75, 0.5, 1.25);
}
@media only screen and (max-width: 1022px) {
.product-showcase__image--thumb:after {
border-radius: 0;
border-width: 1px;
}
}
.product-showcase__image--thumb .product-showcase__image-inner {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
pointer-events: none;
}
.product-showcase__image--thumb img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5px;
}
@media only screen and (max-width: 1022px) {
.product-showcase__image--thumb img {
border-width: 1px;
}
}
.product-showcase__image--thumb:hover::after {
width: calc(100% - 4px);
height: calc(100% - 4px);
top: 2px;
left: 2px;
}
.product-showcase .swiper-slide.swiper-slide-thumb-active .product-showcase__image--thumb::after {
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 1;
}
.product-showcase__thumb-slider {
margin-top: 22px;
}
@media only screen and (max-width: 767px) {
.product-showcase__thumb-slider {
margin-top: 8px;
}
}
.product-showcase__main-slider {
position: relative;
}
@media only screen and (max-width: 1022px) {
.product-showcase__main-slider {
width: calc(100% + 20px);
margin-left: -10px;
}
}
@media only screen and (max-width: 1022px) {
.product-showcase__nav {
display: none;
}
}
.product-showcase__nav .swiper-button-prev {
left: 14px;
}
.product-showcase__nav .swiper-button-next {
right: 14px;
}
.product-showcase__pagination {
position: absolute;
z-index: 8;
bottom: 20px;
left: 0;
width: 100%;
}
@media only screen and (max-width: 1022px) {
.product-showcase__pagination {
bottom: 15px;
}
}
.product-showcase .tag-list {
position: absolute;
left: 36px;
top: 36px;
z-index: 8;
}
@media only screen and (max-width: 1022px) {
.product-showcase .tag-list {
top: inherit;
bottom: 20px;
left: 10px;
}
}
.product-showcase .tag-list .tag {
font-size: 14px;
padding: 4px 15px;
}
@media only screen and (min-width: 1023px) {
.product-showcase .tag-list .tag {
border-radius: 12px;
font-size: 18px;
padding: 8px 16px;
}
}
@media only screen and (min-width: 1440px) {
.product-showcase .tag-list .tag {
font-size: 28px;
min-height: 48px;
min-width: 140px;
}
}
.product-showcase--3-thumbnail .product-showcase__image--thumb::after {
border-radius: 0;
}
.product-showcase--3-thumbnail .product-showcase__image img {
border-radius: 0;
}
@media only screen and (min-width: 1023px) {
.product-showcase--3-thumbnail .product-showcase__thumb-slider {
margin-top: 15px;
}
}
.product-showcase--4-thumbnail .product-showcase__image img {
border-radius: 10px;
}
.product-showcase--4-thumbnail .product-showcase__nav {
display: none;
}
@media only screen and (min-width: 1200px) {
.product-showcase--4-thumbnail .tag-list {
left: 62px;
top: 32px;
}
}
@media only screen and (min-width: 1440px) {
.product-showcase--4-thumbnail .tag-list .tag {
font-size: 20px;
border-radius: 8px;
min-width: 98px;
min-height: 34px;
}
}
@media only screen and (min-width: 1023px) {
.product-showcase--4-thumbnail .tag-list .tag {
padding: 4px 16px;
border-radius: 6px;
}
}
.purchase-process-dropdowns {
width: 100%;
}
.purchase-process-dropdowns .title {
font-weight: 500;
letter-spacing: 1.09px;
}
.purchase-process-dropdowns__item {
margin-top: 48px;
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdowns__item {
margin-top: 36px;
}
}
.purchase-process-dropdowns__item-title {
display: flex;
align-items: flex-start;
gap: 16px;
}
.purchase-process-dropdowns__item-title .title {
font-weight: 500 !important;
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdowns__item-title {
padding-left: 14px;
}
}
.purchase-process-dropdowns__item-title .tooltip {
margin-top: 6px;
}
.purchase-process-dropdowns__item-subtitle {
font-size: 12px;
font-weight: 300;
letter-spacing: 0.25px;
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdowns__item-subtitle {
padding-left: 14px;
}
}
.purchase-process-dropdowns__item-dropdowns {
margin-top: 16px;
display: flex;
flex-direction: column;
gap: 8px;
position: relative;
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdowns__item-dropdowns {
margin-top: 8px;
}
}
.purchase-process-dropdowns__item-dropdowns .checkbox .fv-plugins-message-container {
position: absolute;
left: 0;
top: 100%;
padding-left: 0;
}
.purchase-process-dropdown {
width: 100%;
}
.purchase-process-dropdown__header {
background-color: #ffffff;
border: 0.5px solid var(--color-text);
border-radius: 5px;
}
.purchase-process-dropdown__header + .purchase-process__address-contact-item {
margin-top: 16px;
}
.purchase-process-dropdown__header .checkbox--secondary .checkbox__label {
padding: 12px 16px;
display: flex;
gap: 8px;
font-size: 12px;
padding-left: 48px;
align-items: center;
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdown__header .checkbox--secondary .checkbox__label {
padding-left: 40px;
}
}
.purchase-process-dropdown__header .checkbox--secondary .checkbox__label:before, .purchase-process-dropdown__header .checkbox--secondary .checkbox__label:after {
height: 13px;
width: 13px;
border-radius: 3px;
top: 0;
left: 16px;
bottom: 0;
margin: auto;
}
.purchase-process-dropdown__header .checkbox--secondary .checkbox__label:after {
background-position: 3px;
background-size: 8px;
}
.purchase-process-dropdown__header .checkbox--secondary .checkbox__label .checkbox__info-price {
margin-left: auto;
font-size: 14px;
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdown__header .checkbox--secondary .checkbox__label .checkbox__info-price {
font-size: 12px;
}
}
.purchase-process-dropdown__header .checkbox--secondary .checkbox__label .checkbox__text {
font-weight: 500;
font-size: 14px;
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdown__header .checkbox--secondary .checkbox__label .checkbox__text {
font-size: 12px;
}
}
.purchase-process-dropdown__header .checkbox--secondary .checkbox__label .checkbox__icon {
width: 14px;
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdown__header .checkbox--secondary .checkbox__label .checkbox__icon {
width: 12px;
}
}
.purchase-process-dropdown__header .checkbox--secondary .checkbox__label .checkbox__cards {
margin-left: auto;
}
.purchase-process-dropdown__header .checkbox--secondary .checkbox__label .checkbox__cards img {
width: auto;
height: 20px;
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdown__header .checkbox--secondary .checkbox__label .checkbox__cards img {
height: 12px;
}
}
.purchase-process-dropdown__header .checkbox--secondary .checkbox__label .checkbox__label-image {
width: 168px;
margin-right: 36px;
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdown__header .checkbox--secondary .checkbox__label .checkbox__label-image {
width: 80px;
margin-right: 20px;
}
}
.purchase-process-dropdown__header .checkbox--secondary .checkbox__label .checkbox__label-image img {
width: 100%;
aspect-ratio: 10/6.5;
border-radius: 8px;
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdown__header .checkbox--secondary .checkbox__label .checkbox__label-image img {
border-radius: 4px;
}
}
.purchase-process-dropdown__header .checkbox--secondary .checkbox__label.has-image {
padding-left: 12px;
}
.purchase-process-dropdown__header .checkbox--secondary .checkbox__label.has-image:before, .purchase-process-dropdown__header .checkbox--secondary .checkbox__label.has-image:after {
left: 200px;
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdown__header .checkbox--secondary .checkbox__label.has-image:before, .purchase-process-dropdown__header .checkbox--secondary .checkbox__label.has-image:after {
left: 100px;
}
}
.purchase-process-dropdown__header .checkbox--secondary.is-validation-failed .checkbox__label:before,
.purchase-process-dropdown__header .checkbox--secondary.is-validation-failed .checkbox__label:after {
border: 1px solid var(--color-text);
}
.purchase-process-dropdown__drop {
background-color: #ffffff;
padding: 28px 24px;
padding-top: 34px;
border: 0.5px solid #212121;
border-radius: 0 0 5px 5px;
margin-top: -1px;
display: none;
flex-direction: column;
gap: 10px;
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdown__drop {
padding: 20px 22px 16px;
}
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdown__drop.input-group {
padding: 20px 12px 16px;
}
}
.purchase-process-dropdown__drop.input-group.is-failed {
background-color: #f5f5f5;
}
.purchase-process-dropdown__drop.input-group .mod-input.is-validation-passed .mod-input__field {
border: 1px solid #8abf56;
background: #ffffff url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.92308 6C2.8547 5.99978 2.78709 5.98552 2.72446 5.95809C2.66183 5.93067 2.60551 5.89067 2.55901 5.84058L0.135187 3.265C0.0445809 3.16854 -0.00395628 3.04009 0.000252564 2.90789C0.00446141 2.77569 0.0610716 2.65058 0.15763 2.56007C0.254188 2.46957 0.382784 2.42108 0.515128 2.42529C0.647473 2.42949 0.772726 2.48604 0.863331 2.58249L2.9181 4.7695L7.11241 0.186247C7.15497 0.133302 7.20792 0.0896077 7.26801 0.0578481C7.32809 0.0260886 7.39405 0.0069343 7.46181 0.00156176C7.52958 -0.00381078 7.59773 0.0047119 7.66208 0.0266062C7.72642 0.0485005 7.78561 0.0833042 7.83601 0.12888C7.8864 0.174455 7.92693 0.22984 7.95512 0.291633C7.9833 0.353426 7.99854 0.420323 7.9999 0.488213C8.00126 0.556104 7.98871 0.623555 7.96302 0.686425C7.93734 0.749294 7.89905 0.806255 7.85053 0.853808L3.29214 5.8356C3.24608 5.88659 3.18996 5.92752 3.12731 5.95581C3.06465 5.9841 2.99682 5.99915 2.92807 6H2.92308Z' fill='%238ABF56'/%3E%3C/svg%3E%0A") no-repeat right 18px center/16px;
}
.purchase-process-dropdown__drop.input-group .mod-input.has-tooltip.is-validation-passed .mod-input__field {
background-position: right 44px center;
}
.purchase-process-dropdown__item {
background-color: #ffffff;
border: 0.5px solid var(--color-text);
border-radius: 5px;
padding: 12px 16px;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.24px;
display: flex;
align-items: center;
line-height: 1.3;
padding-left: 48px;
cursor: pointer;
position: relative;
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdown__item {
font-size: 12px;
padding: 8px 12px;
padding-left: 40px;
}
}
.purchase-process-dropdown__item-right {
text-align: right;
margin-left: auto;
}
.purchase-process-dropdown__item-subtitle {
font-size: 12px;
}
.purchase-process-dropdown__item-extra {
font-weight: 300;
font-size: 12px;
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdown__item-extra {
font-size: 10px;
}
}
.purchase-process-dropdown__item-price {
font-weight: 600;
}
.purchase-process-dropdown__item-icon {
border: 0.8px solid var(--color-text);
height: 14px;
width: 14px;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 3px;
transition: 0.3s ease;
position: absolute;
left: 18px;
top: 19px;
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdown__item-icon {
height: 11px;
width: 11px;
left: 16px;
top: 15px;
}
}
.purchase-process-dropdown__item-icon .icon {
transition: 0.3s ease;
width: 6px;
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdown__item-icon .icon {
width: 4px;
}
}
.purchase-process-dropdown__item-icon .icon:before {
transition: 0.3s ease;
}
.purchase-process-dropdown__item input {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
cursor: pointer;
}
.purchase-process-dropdown__item input:checked ~ .purchase-process-dropdown__item-icon {
background-color: #212121;
border-color: #212121;
}
.purchase-process-dropdown__item input:checked ~ .purchase-process-dropdown__item-icon .icon {
width: 8px;
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdown__item input:checked ~ .purchase-process-dropdown__item-icon .icon {
width: 6px;
}
}
.purchase-process-dropdown__item input:checked ~ .purchase-process-dropdown__item-icon .icon:before {
background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdown__item.snugi {
border: none;
background-color: transparent;
padding: 4px 0;
padding-left: 38px;
}
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdown__item.snugi .purchase-process-dropdown__item-subtitle {
font-size: 10px;
}
}
.purchase-process-dropdown__item.snugi .purchase-process-dropdown__item-icon {
top: 12px;
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdown__item.snugi .purchase-process-dropdown__item-icon {
top: 3px;
left: 18px;
}
}
.purchase-process-dropdown__text {
text-align: center;
font-size: 13px;
line-height: 1.5;
letter-spacing: 0.25px;
max-width: 432px;
margin: 0 auto;
}
.purchase-process-dropdown__text.text-left {
text-align: left;
max-width: 100%;
padding: 0 24px;
margin: 0;
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdown__text.text-left {
padding: 0 16px;
}
}
.purchase-process-dropdown__inputs {
display: flex;
flex-direction: column;
gap: 16px;
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdown__inputs {
gap: 8px;
}
}
.purchase-process-dropdown__inputs .double-inputs {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 16px;
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdown__inputs .double-inputs {
grid-gap: 8px;
}
}
.purchase-process-dropdown__inputs .mod-input__field {
background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdown__inputs .mod-input__field {
padding-left: 8px;
}
}
.purchase-process-dropdown__inputs .mod-input__label {
z-index: 2;
}
@media only screen and (max-width: 767px) {
.purchase-process-dropdown__inputs .mod-input__label {
left: 8px;
}
}
.purchase-process-dropdown__error {
border: 1px solid var(--color-red);
background-color: #fbf3f2;
border-radius: 5px;
font-size: 16px;
letter-spacing: 0.24px;
display: none;
grid-template-columns: auto 1fr;
gap: 12px;
padding: 8px 12px;
margin-top: 20px;
}
.purchase-process-dropdown__error.is-failed {
display: grid;
}
.purchase-process-dropdown__error .icon {
margin-top: 6px;
}
.purchase-process-dropdown__error .icon:before {
background-color: var(--color-red);
}
.purchase-process-dropdown.is-open .purchase-process-dropdown__header {
border-radius: 5px 5px 0 0;
}
.purchase-process-form {
width: 100%;
max-width: 694px;
}
@media only screen and (max-width: 1022px) {
.purchase-process-form {
max-width: 100%;
}
}
.purchase-process-form__main-input {
margin-top: 16px;
}
@media only screen and (max-width: 767px) {
.purchase-process-form__main-input {
margin-top: 12px;
}
}
.purchase-process-form__main-input .mod-input.is-validation-failed .mod-input__field {
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 right 20px center/12px;
}
.purchase-process-form__fast-payment {
border: 0.5px solid var(--color-text);
border-radius: 5px;
margin-top: 26px;
padding: 24px 16px;
position: relative;
}
@media only screen and (max-width: 767px) {
.purchase-process-form__fast-payment {
border-left: none;
border-right: none;
position: relative;
left: -12px;
width: calc(100% + 24px);
border-radius: 0;
padding: 20px 12px;
}
}
.purchase-process-form__fast-payment__title {
position: absolute;
transform: translateY(-50%) translateX(-50%);
left: 50%;
top: 0;
font-size: 14px;
font-weight: 500;
padding: 0 32px;
background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
.purchase-process-form__fast-payment__title {
font-size: 12px;
padding: 0 8px;
}
}
.purchase-process-form__fast-payment__items {
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
@media only screen and (max-width: 767px) {
.purchase-process-form__fast-payment__items {
grid-template-columns: 1fr;
grid-gap: 8px;
}
}
.purchase-process-form__fast-payment__item {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 9px;
height: 34px;
transition: 0.3s cubic-bezier(0.25, 0.75, 0.5, 1.25);
}
@media only screen and (max-width: 767px) {
.purchase-process-form__fast-payment__item {
height: 48px;
border-radius: 6px;
}
}
.purchase-process-form__fast-payment__item:hover {
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.12);
transform: translateY(-4px);
}
.purchase-process-form__fast-payment__item__g-pay {
background-color: #efefef;
}
.purchase-process-form__fast-payment__item__g-pay img {
width: 44px;
}
.purchase-process-form__fast-payment__item__paypal {
background-color: #f6c657;
}
.purchase-process-form__fast-payment__item__paypal img {
width: 54px;
}
.purchase-process-form__fast-payment__item__a-pay {
background-color: #e4e4e4;
}
.purchase-process-form__fast-payment__item__a-pay img {
width: 42px;
}
.purchase-process-form__addresses {
margin-top: 26px;
}
.purchase-process-form__addresses-main {
border: 0.5px solid var(--color-text);
background-color: #ffffff;
border-radius: 5px;
padding: 16px 28px;
display: grid;
grid-template-columns: auto 1fr;
grid-gap: 44px;
font-size: 13px;
font-weight: 400;
letter-spacing: 0.24px;
line-height: 1.45;
position: relative;
cursor: pointer;
transition: 0.3s ease;
z-index: 1;
}
@media only screen and (min-width: 1200px) {
.purchase-process-form__addresses-main:hover {
background-color: #fffdfb;
}
}
@media only screen and (max-width: 767px) {
.purchase-process-form__addresses-main {
grid-gap: 12px;
font-size: 12px;
letter-spacing: 0.1px;
padding: 12px 24px;
}
}
.purchase-process-form__addresses-main .icon {
position: absolute;
top: 16px;
right: 20px;
transition: 0.3s ease;
}
@media only screen and (max-width: 767px) {
.purchase-process-form__addresses-main .icon {
width: 8px;
top: 8px;
right: 12px;
}
}
.purchase-process-form__addresses-main.is-active .icon {
transform: scaleY(-1);
}
.purchase-process-form__addresses-main.is-validation-failed {
border: 2px solid var(--color-red);
}
.purchase-process-form__addresses-other {
background-color: #ffffff;
border: 0.5px solid var(--color-text);
border-radius: 5px;
padding: 30px 22px 22px;
margin-top: -8px;
display: none;
flex-direction: column;
gap: 18px;
}
@media only screen and (max-width: 767px) {
.purchase-process-form__addresses-other {
padding: 22px 12px 20px;
gap: 8px;
}
}
.purchase-process-form__address {
-webkit-user-select: none;
user-select: none;
border: 0.5px solid var(--color-text);
background-color: #ffffff;
border-radius: 5px;
position: relative;
transition: 0.3s ease;
}
.purchase-process-form__address:hover {
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.12);
}
.purchase-process-form__address.is-active .purchase-process-form__address-icon {
background-color: #212121;
border-color: #212121;
}
.purchase-process-form__address.is-active .purchase-process-form__address-icon .icon {
width: 8px;
}
@media only screen and (max-width: 767px) {
.purchase-process-form__address.is-active .purchase-process-form__address-icon .icon {
width: 6px;
}
}
.purchase-process-form__address.is-active .purchase-process-form__address-icon .icon:before {
background-color: #ffffff;
}
.purchase-process-form__address-inner {
padding: 16px 44px;
display: grid;
grid-template-columns: auto 1fr auto;
grid-gap: 20px;
font-size: 13px;
font-weight: 400;
letter-spacing: 0.24px;
line-height: 1.45;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.purchase-process-form__address-inner {
grid-gap: 12px;
font-size: 12px;
letter-spacing: 0.1px;
padding: 12px 24px;
}
}
.purchase-process-form__address-edit-button {
display: inline-block;
position: relative;
line-height: 1.2;
padding-bottom: 4px;
align-self: flex-start;
transition: color 0.3s ease;
}
@media only screen and (max-width: 767px) {
.purchase-process-form__address-edit-button {
font-size: 10px;
padding-bottom: 2px;
}
}
.purchase-process-form__address-edit-button:after {
content: "";
bottom: -4px;
height: 5px;
position: absolute;
left: 0;
background: url("data:image/svg+xml,%3Csvg width='41' height='4' viewBox='0 0 41 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.2633 1.93815L36.489 1.49201L36.4889 1.49194L36.2633 1.93815ZM29.0182 1.93815L29.2438 2.38438L29.2439 2.3843L29.0182 1.93815ZM20.4427 1.93815L20.6684 1.49201L20.6683 1.49194L20.4427 1.93815ZM13.1976 1.93782L13.4232 2.38405L13.4232 2.38403L13.1976 1.93782ZM4.62298 1.93782L4.84872 1.49168L4.84846 1.49155L4.62298 1.93782ZM1 0.50033H0.5V1.50033H1V0.50033ZM1.89038 1.54643L2.38735 1.60139L2.49727 0.607449L2.00029 0.552492L1.89038 1.54643ZM3.96592 1.06963L3.50623 0.872946L3.11285 1.79233L3.57254 1.98901L3.96592 1.06963ZM5.44392 2.87586L5.90666 3.06524L6.28542 2.13975L5.82268 1.95036L5.44392 2.87586ZM7.84632 2.44783L7.34896 2.39648L7.24627 3.3912L7.74363 3.44254L7.84632 2.44783ZM10.077 3.44253L10.5743 3.39118L10.4716 2.39647L9.97425 2.44782L10.077 3.44253ZM11.9978 1.95023L11.5351 2.13963L11.9139 3.06511L12.3766 2.87571L11.9978 1.95023ZM14.2479 1.98878L14.7075 1.79196L14.3139 0.872697L13.8543 1.06952L14.2479 1.98878ZM15.8196 0.552155L15.3226 0.60712L15.4325 1.60106L15.9295 1.54609L15.8196 0.552155ZM17.7101 1.54614L18.207 1.60114L18.317 0.607207L17.8201 0.552208L17.7101 1.54614ZM19.7858 1.06976L19.3261 0.87295L18.9325 1.79223L19.3922 1.98903L19.7858 1.06976ZM21.2636 2.87619L21.7263 3.06557L22.1051 2.14008L21.6424 1.95069L21.2636 2.87619ZM23.666 2.44816L23.1686 2.39681L23.066 3.39153L23.5633 3.44287L23.666 2.44816ZM25.8969 3.44285L26.3942 3.3915L26.2915 2.39679L25.7941 2.44814L25.8969 3.44285ZM27.8182 1.95055L27.3555 2.13989L27.7342 3.06541L28.1969 2.87607L27.8182 1.95055ZM30.0686 1.98898L30.5283 1.7922L30.1347 0.872904L29.6751 1.06968L30.0686 1.98898ZM31.6408 0.552217L31.1438 0.60722L31.2538 1.60115L31.7508 1.54615L31.6408 0.552217ZM33.5313 1.54616L34.0283 1.60119L34.1383 0.607271L33.6414 0.552236L33.5313 1.54616ZM35.6066 1.06985L35.147 0.873015L34.7533 1.79227L35.2129 1.9891L35.6066 1.06985ZM37.605 2.38934L38.0831 2.24282L37.79 1.28672L37.312 1.43323L37.605 2.38934ZM39.6754 0.652319L39.1874 0.761141L39.4051 1.73717L39.8931 1.62835L39.6754 0.652319ZM1 1.50033C1.32915 1.50033 1.62355 1.51693 1.89038 1.54643L2.00029 0.552492C1.69411 0.518633 1.36288 0.50033 1 0.50033V1.50033ZM3.57254 1.98901C3.85133 2.1083 4.11414 2.24092 4.3975 2.38409L4.84846 1.49155C4.56922 1.35046 4.27858 1.20341 3.96592 1.06963L3.57254 1.98901ZM4.39724 2.38396C4.70897 2.54169 5.05246 2.71565 5.44392 2.87586L5.82268 1.95036C5.47333 1.8074 5.16347 1.65094 4.84872 1.49168L4.39724 2.38396ZM7.74363 3.44254C8.10051 3.47939 8.48745 3.49967 8.91029 3.49967V2.49967C8.51952 2.49967 8.16693 2.48093 7.84632 2.44783L7.74363 3.44254ZM8.91029 3.49967C9.33316 3.49967 9.7201 3.47938 10.077 3.44253L9.97425 2.44782C9.65367 2.48093 9.3011 2.49967 8.91029 2.49967V3.49967ZM12.3766 2.87571C12.7679 2.71557 13.1114 2.54167 13.4232 2.38405L12.972 1.49159C12.657 1.65085 12.3471 1.80728 11.9978 1.95023L12.3766 2.87571ZM13.4232 2.38403C13.7066 2.24077 13.9693 2.1081 14.2479 1.98878L13.8543 1.06952C13.5417 1.20334 13.2512 1.35045 12.972 1.49161L13.4232 2.38403ZM15.9295 1.54609C16.1962 1.51659 16.4906 1.5 16.8197 1.5V0.5C16.4568 0.5 16.1257 0.518299 15.8196 0.552155L15.9295 1.54609ZM16.8197 1.5C17.1488 1.5 17.4432 1.51661 17.7101 1.54614L17.8201 0.552208C17.5139 0.51832 17.1826 0.5 16.8197 0.5V1.5ZM19.3922 1.98903C19.6709 2.10839 19.9337 2.2411 20.2171 2.38436L20.6683 1.49194C20.389 1.35077 20.0984 1.20362 19.7858 1.06976L19.3922 1.98903ZM20.2169 2.38429C20.5287 2.54202 20.8721 2.71598 21.2636 2.87619L21.6424 1.95069C21.293 1.80773 20.9832 1.65126 20.6684 1.49201L20.2169 2.38429ZM23.5633 3.44287C23.9202 3.47972 24.3071 3.5 24.73 3.5V2.5C24.3392 2.5 23.9866 2.48126 23.666 2.44816L23.5633 3.44287ZM24.73 3.5C25.1529 3.5 25.5399 3.47971 25.8969 3.44285L25.7941 2.44814C25.4735 2.48125 25.1208 2.5 24.73 2.5V3.5ZM28.1969 2.87607C28.5883 2.71593 28.9319 2.54203 29.2438 2.38438L28.7926 1.49192C28.4776 1.65116 28.1676 1.80759 27.8182 1.95055L28.1969 2.87607ZM29.2439 2.3843C29.5271 2.24102 29.7899 2.10831 30.0686 1.98898L29.6751 1.06968C29.3624 1.20356 29.0717 1.35071 28.7925 1.492L29.2439 2.3843ZM31.7508 1.54615C32.0177 1.51661 32.3121 1.5 32.6412 1.5V0.5C32.2783 0.5 31.947 0.518321 31.6408 0.552217L31.7508 1.54615ZM32.6412 1.5C32.9702 1.5 33.2645 1.51662 33.5313 1.54616L33.6414 0.552236C33.3352 0.51833 33.004 0.5 32.6412 0.5V1.5ZM35.2129 1.9891C35.4916 2.10845 35.7544 2.24113 36.0376 2.38436L36.4889 1.49194C36.2097 1.35079 35.9191 1.20369 35.6066 1.06985L35.2129 1.9891ZM36.0375 2.38429C36.5564 2.64682 37.1239 2.5368 37.605 2.38934L37.312 1.43323C36.8619 1.57116 36.6336 1.56518 36.489 1.49201L36.0375 2.38429ZM39.8931 1.62835C40.246 1.54965 40.6142 1.5 41 1.5V0.5C40.5277 0.5 40.0856 0.560864 39.6754 0.652319L39.8931 1.62835Z' fill='%23212121'/%3E%3C/svg%3E%0A") repeat-x left top/auto 100%;
width: 100%;
transition: width 0.3s cubic-bezier(0.4, 0, 1, 1);
}
@media only screen and (max-width: 767px) {
.purchase-process-form__address-edit-button:after {
height: 4px;
}
}
.purchase-process-form__address-edit-hidden-form {
display: none;
grid-column: span 3;
}
.purchase-process-form__address-edit-hidden-form .edit-address-form {
border-top: 1px solid var(--color-text);
padding: 20px 44px 30px;
}
@media only screen and (max-width: 767px) {
.purchase-process-form__address-edit-hidden-form .edit-address-form {
padding: 15px 24px 20px;
}
}
.purchase-process-form__address-icon {
border: 0.8px solid var(--color-text);
height: 14px;
width: 14px;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 3px;
transition: 0.3s ease;
}
@media only screen and (max-width: 767px) {
.purchase-process-form__address-icon {
height: 11px;
width: 11px;
margin-top: 4px;
}
}
.purchase-process-form__address-icon .icon {
transition: 0.3s ease;
width: 6px;
}
@media only screen and (max-width: 767px) {
.purchase-process-form__address-icon .icon {
width: 4px;
}
}
.purchase-process-form__address-icon .icon:before {
transition: 0.3s ease;
}
.purchase-process-form__delivery-message {
margin-top: 44px;
}
@media only screen and (max-width: 767px) {
.purchase-process-form__delivery-message {
margin-top: 24px;
}
}
.purchase-process-form__delivery-message .title {
margin-bottom: 16px;
}
.purchase-process-form__checkboxes {
margin-top: 12px;
display: flex;
align-items: flex-start;
flex-direction: column;
gap: 12px;
}
@media only screen and (max-width: 767px) {
.purchase-process-form__checkboxes {
margin-top: 12px;
}
}
.purchase-process-form__form .title {
font-weight: 600;
letter-spacing: 1.09px;
}
@media only screen and (max-width: 767px) {
.purchase-process-form__form .title {
font-weight: 500;
}
}
.purchase-process-form__footer {
display: flex;
justify-content: space-between;
align-items: center;
gap: 40px;
}
@media only screen and (max-width: 767px) {
.purchase-process-form__footer {
flex-direction: column-reverse;
gap: 16px;
}
}
@media only screen and (max-width: 767px) {
.purchase-process-form__footer .btn {
width: 100%;
}
}
.purchase-process-form__footer-back {
display: flex;
align-items: center;
gap: 8px;
font-size: 16px;
letter-spacing: 0.3px;
transition: 0.3s ease;
}
.purchase-process-form__footer-back:hover {
color: #212121;
}
.purchase-process-form__footer-back:hover .icon {
transform: translateX(-4px);
}
@media only screen and (max-width: 767px) {
.purchase-process-form__footer-back {
font-size: 14px;
}
}
.purchase-process-form__footer-back .icon {
width: 6px;
transition: 0.3s ease;
}
@media only screen and (max-width: 767px) {
.purchase-process-form__footer-back .icon {
margin-top: 2px;
}
}
.purchase-process-form__footer-back .icon:before {
background-color: #212121;
}
.purchase-process-form__inputs {
margin-top: 44px;
}
.purchase-process-form__inputs-title {
margin-bottom: 16px;
}
.purchase-process-form__inputs-repeater {
display: flex;
flex-direction: column;
gap: 12px;
}
@media only screen and (max-width: 767px) {
.purchase-process-form__inputs-repeater {
gap: 8px;
}
}
.purchase-process-form__inputs-double {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px 18px;
}
@media only screen and (max-width: 767px) {
.purchase-process-form__inputs-double {
grid-template-columns: 1fr;
grid-gap: 8px;
}
}
.purchase-process-form__inputs-checkboxes {
margin-top: 16px;
}
.purchase-process-form__checkbox-dropdowns {
margin-top: 16px;
}
.purchase-process-form__checkbox-dropdown {
margin-top: 12px;
}
.purchase-process-form__checkbox-dropdown__inputs {
display: none;
will-change: height, padding;
padding: 24px 0 16px;
}
.purchase-process-form__privacy-policy {
margin-top: 44px;
}
.purchase-process-form__children {
margin-top: 44px;
counter-reset: list-number;
}
.purchase-process-form__children-text {
margin-bottom: 24px;
font-size: 13px;
letter-spacing: 0.24px;
font-weight: 400;
line-height: 1.25;
}
@media only screen and (max-width: 767px) {
.purchase-process-form__children-text {
font-size: 12px;
letter-spacing: 0.12px;
}
}
.purchase-process-form__child {
display: grid;
grid-template-columns: 1fr 1fr auto;
grid-gap: 20px;
position: relative;
counter-increment: list-number;
}
.purchase-process-form__child:before {
content: counter(list-number);
position: relative;
font-weight: 600;
color: #212121;
font-size: 12px;
display: none;
}
@media only screen and (max-width: 767px) {
.purchase-process-form__child:before {
display: block;
}
}
@media only screen and (max-width: 767px) {
.purchase-process-form__child {
grid-template-columns: 1fr;
grid-gap: 12px;
}
}
.purchase-process-form__child.default {
display: none;
}
.purchase-process-form__child-list {
display: flex;
flex-direction: column-reverse;
gap: 20px;
}
.purchase-process-form__child .child-add-remove {
display: flex;
align-items: center;
gap: 12px;
padding-left: 20px;
width: 84px;
}
@media only screen and (max-width: 767px) {
.purchase-process-form__child .child-add-remove {
padding-left: 0;
flex-direction: row-reverse;
width: auto;
justify-content: flex-end;
}
}
.purchase-process-form__child .child-add,
.purchase-process-form__child .child-remove {
height: 26px;
width: 26px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
border-radius: 4px;
transition: 0.3s ease;
cursor: pointer;
}
.purchase-process-form__child .child-add:before, .purchase-process-form__child .child-add:after,
.purchase-process-form__child .child-remove:before,
.purchase-process-form__child .child-remove:after {
content: "";
height: 1.5px;
width: 10px;
background-color: var(--color-text);
position: absolute;
display: block;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
transition: background-color 0.3s ease;
}
.purchase-process-form__child .child-add:after,
.purchase-process-form__child .child-remove:after {
transform: rotate(90deg);
}
.purchase-process-form__child .child-add:hover:before, .purchase-process-form__child .child-add:hover:after,
.purchase-process-form__child .child-remove:hover:before,
.purchase-process-form__child .child-remove:hover:after {
background-color: #212121;
}
.purchase-process-form__child .child-remove:after {
display: none;
}
.purchase-process-form__child:not(:nth-of-type(2)) .child-add {
opacity: 0;
pointer-events: none;
visibility: hidden;
}
@media only screen and (max-width: 767px) {
.purchase-process-form__child:not(:nth-of-type(2)) .child-add {
opacity: 1;
pointer-events: all;
visibility: visible;
}
}
.purchase-process-form__child .child-dropdown {
position: relative;
z-index: 2;
}
.purchase-process-form__child .child-calendar {
position: relative;
z-index: 1;
}
@media only screen and (max-width: 767px) {
.purchase-process-form__child .child-calendar {
z-index: auto;
}
}
.purchase-process-form__title {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.purchase-process-form__account-exists {
color: #6e6e6e;
font-size: 12px;
font-weight: 300;
letter-spacing: 0.24px;
flex-shrink: 0;
}
.purchase-process-form__account-exists span {
font-weight: 600;
color: #212121;
cursor: pointer;
}
.purchase-process-form__account-exists span:hover {
text-decoration: underline;
}
.purchase-process-form__send-newsletter-checkbox {
margin-top: 16px;
display: inline-block;
}
.purchase-process-form__send-newsletter-checkbox .checkbox__label {
font-size: 14px;
}
@media only screen and (max-width: 767px) {
.purchase-process-form__footer-btns {
width: 100%;
}
}
.purchase-process-form__footer-btns .btn-paypal {
display: none;
}
.purchase-process-form__footer-btns.show-paypal .btn-normal {
display: none;
}
.purchase-process-form__footer-btns.show-paypal .btn-paypal {
display: flex;
}
.purchase-process-form .fv-plugins-message-container {
font-size: 12px;
text-align: left;
padding-left: 0;
}
.purchase-process-form .mod-input.is-validation-passed .mod-input__field {
border: 1px solid #8abf56;
background: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.92308 6C2.8547 5.99978 2.78709 5.98552 2.72446 5.95809C2.66183 5.93067 2.60551 5.89067 2.55901 5.84058L0.135187 3.265C0.0445809 3.16854 -0.00395628 3.04009 0.000252564 2.90789C0.00446141 2.77569 0.0610716 2.65058 0.15763 2.56007C0.254188 2.46957 0.382784 2.42108 0.515128 2.42529C0.647473 2.42949 0.772726 2.48604 0.863331 2.58249L2.9181 4.7695L7.11241 0.186247C7.15497 0.133302 7.20792 0.0896077 7.26801 0.0578481C7.32809 0.0260886 7.39405 0.0069343 7.46181 0.00156176C7.52958 -0.00381078 7.59773 0.0047119 7.66208 0.0266062C7.72642 0.0485005 7.78561 0.0833042 7.83601 0.12888C7.8864 0.174455 7.92693 0.22984 7.95512 0.291633C7.9833 0.353426 7.99854 0.420323 7.9999 0.488213C8.00126 0.556104 7.98871 0.623555 7.96302 0.686425C7.93734 0.749294 7.89905 0.806255 7.85053 0.853808L3.29214 5.8356C3.24608 5.88659 3.18996 5.92752 3.12731 5.95581C3.06465 5.9841 2.99682 5.99915 2.92807 6H2.92308Z' fill='%238ABF56'/%3E%3C/svg%3E%0A") no-repeat right 18px center/16px;
}
.purchase-process-form .mod-input.has-tooltip.is-validation-passed .mod-input__field {
background-position: right 44px center;
}
.purchase-process-form .add-child {
max-width: 490px;
margin: 0;
}
.purchase-process-form [data-validator=emailAddress] {
display: none;
}
.purchase-process-sidebar {
background-color: #ffffff;
border-radius: 20px;
box-shadow: 0px 0px 8px -2px rgba(0, 0, 0, 0.12);
padding: 76px 72px 80px;
width: 100%;
max-width: 680px;
line-height: 1.2;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.purchase-process-sidebar {
padding: 48px 40px 60px;
}
}
@media only screen and (max-width: 1439px) {
.purchase-process-sidebar {
padding: 48px 40px 60px;
}
}
@media only screen and (max-width: 1022px) {
.purchase-process-sidebar {
max-width: 100%;
background-color: #faeee4;
box-shadow: none;
padding: 0;
border-bottom: 1px solid #212121;
border-radius: 0;
}
}
.purchase-process-sidebar s {
color: #b00000;
}
.purchase-process-sidebar__header {
display: none;
}
@media only screen and (max-width: 1022px) {
.purchase-process-sidebar__header {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
min-height: 68px;
padding: 16px 12px;
}
}
.purchase-process-sidebar__header .icon {
width: 13px;
}
.purchase-process-sidebar__header .icon-chevron-down {
width: 8px;
margin-top: 2px;
transition: 0.3s ease;
}
.purchase-process-sidebar.is-open .purchase-process-sidebar__header .icon-chevron-down {
transform: scaleY(-1);
}
.purchase-process-sidebar__header-title {
display: flex;
align-items: center;
gap: 10px;
font-size: 12px;
font-weight: 500;
}
.purchase-process-sidebar__header-price {
font-size: 14px;
font-weight: 600;
}
@media only screen and (max-width: 1022px) {
.purchase-process-sidebar__content {
will-change: height, padding;
}
}
.purchase-process-sidebar__final {
border-top: 0.5px solid var(--color-text);
padding: 24px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
@media only screen and (max-width: 1022px) {
.purchase-process-sidebar__final {
border-top: 1px solid #212121;
padding: 24px 12px;
}
}
.purchase-process-sidebar__final-left {
font-size: 22px;
letter-spacing: 1.1px;
font-weight: 500;
}
@media only screen and (max-width: 1022px) {
.purchase-process-sidebar__final-left {
font-size: 16px;
}
}
.purchase-process-sidebar__final-left__extra {
font-size: 13px;
font-weight: 300;
}
@media only screen and (max-width: 1022px) {
.purchase-process-sidebar__final-left__extra {
font-size: 12px;
}
}
.purchase-process-sidebar__final-right {
font-size: 22px;
font-weight: 700;
}
@media only screen and (max-width: 1022px) {
.purchase-process-sidebar__final-right {
font-size: 24px;
}
}
.purchase-process-sidebar__savings {
color: #212121;
border-top: 0.5px solid var(--color-text);
padding: 16px 0;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 16px;
font-weight: 600;
}
@media only screen and (max-width: 1022px) {
.purchase-process-sidebar__savings {
border-top: 1px solid #212121;
padding: 16px 12px;
font-size: 14px;
}
}
.purchase-process-sidebar__prices {
border-top: 0.5px solid var(--color-text);
font-weight: 500;
font-size: 16px;
padding: 40px 0 16px;
}
@media only screen and (max-width: 1022px) {
.purchase-process-sidebar__prices {
border-top: 1px solid #212121;
padding: 24px 12px;
font-size: 14px;
}
}
.purchase-process-sidebar__prices-left {
flex-shrink: 0;
}
.purchase-process-sidebar__prices-item {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 16px;
}
.purchase-process-sidebar__prices-item:last-of-type {
margin-bottom: 0;
}
@media only screen and (max-width: 1022px) {
.purchase-process-sidebar__prices-item {
margin-bottom: 12px;
}
}
.purchase-process-sidebar__prices .thinner {
font-weight: 300;
}
.purchase-process-sidebar__products {
padding-bottom: 16px;
}
@media only screen and (max-width: 1022px) {
.purchase-process-sidebar__products {
padding: 16px 12px 0;
border-top: 1px solid #212121;
}
}
.purchase-process-sidebar__product {
margin-bottom: 28px;
display: grid;
grid-template-columns: 96px 1fr auto;
grid-gap: 16px;
align-items: start;
}
@media only screen and (max-width: 1022px) {
.purchase-process-sidebar__product {
margin-bottom: 16px;
grid-template-columns: 60px 1fr auto;
grid-gap: 8px;
}
}
.purchase-process-sidebar__product:hover .purchase-process-sidebar__product-img img {
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.purchase-process-sidebar__product-img {
width: 100%;
padding-bottom: 100%;
position: relative;
}
.purchase-process-sidebar__product-img img {
transition: 0.3s ease;
border-radius: 10px;
}
.purchase-process-sidebar__product-text {
padding-top: 4px;
}
@media only screen and (max-width: 1022px) {
.purchase-process-sidebar__product-text {
padding-top: 0;
}
}
.purchase-process-sidebar__product-price {
font-size: 14px;
font-weight: 500;
padding-top: 6px;
}
@media only screen and (max-width: 1022px) {
.purchase-process-sidebar__product-price {
padding-top: 12px;
}
}
.purchase-process-sidebar__product-num {
position: absolute;
top: -8px;
right: -4px;
background-color: var(--color-text);
height: 20px;
width: 20px;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 600;
border-radius: 100%;
}
@media only screen and (max-width: 1022px) {
.purchase-process-sidebar__product-num {
height: 14px;
width: 14px;
font-size: 9px;
top: -4px;
right: -4px;
}
}
.purchase-process-sidebar__product .product-title {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
.purchase-process-sidebar__product .product-info {
font-size: 12px;
line-height: 1.3;
color: #6e6e6e;
font-weight: 300;
margin-top: 4px;
}
@media only screen and (max-width: 1022px) {
.purchase-process-sidebar__product .product-info {
font-size: 11px;
}
}
.purchase-process-sidebar .add-promo-code {
border-top: 0.5px solid var(--color-text);
max-width: 100%;
padding: 20px 0;
}
@media only screen and (max-width: 1022px) {
.purchase-process-sidebar .add-promo-code {
padding: 12px;
}
}
.quantity-counter {
max-width: 142px;
width: 100%;
display: grid;
grid-template-columns: auto 1fr auto;
grid-gap: 0;
height: 42px;
background: var(--color-primary-bg);
box-shadow: 0 0.83px 3.32px rgba(0, 0, 0, 0.25);
border-radius: 20px;
}
@media only screen and (max-width: 767px) {
.quantity-counter {
max-width: 98px;
height: 30px;
border-radius: 14px;
box-shadow: none;
border: 1px solid var(--color-gray);
}
}
.quantity-counter__button {
position: relative;
height: 100%;
width: 48px;
border-radius: 20px 0 0 20px;
border-right: 1px solid var(--color-gray);
transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
@media only screen and (max-width: 767px) {
.quantity-counter__button {
width: 33px;
}
}
.quantity-counter__button-icon {
position: relative;
width: 10px;
height: 10px;
}
@media only screen and (max-width: 767px) {
.quantity-counter__button-icon {
width: 8px;
height: 8px;
}
}
.quantity-counter__button-icon::after, .quantity-counter__button-icon::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 2px;
transform: translate(-50%, -50%);
background-color: var(--color-gray);
border-radius: 1px;
transition: background-color 0.3s ease;
}
.quantity-counter__button--add {
border-left: 1px solid var(--color-gray);
border-right: 0;
border-radius: 0 20px 20px 0;
}
.quantity-counter__button--add .quantity-counter__button-icon::before {
transform: translate(-50%, -50%) rotate(90deg);
}
.quantity-counter__button.is-disabled {
pointer-events: none;
background-color: var(--color-gray-light);
}
.quantity-counter__button:hover {
background-color: var(--color-primary);
border-color: var(--color-primary);
}
.quantity-counter__button:hover .quantity-counter__button-icon::before, .quantity-counter__button:hover .quantity-counter__button-icon::after {
background-color: var(--color-white);
}
.quantity-counter__input {
background: transparent;
border: 0;
min-height: 100%;
height: 100%;
text-align: center;
font-size: 22px;
color: var(--color-text);
width: 100%;
line-height: normal;
opacity: 1;
}
@media only screen and (max-width: 1022px) {
.quantity-counter__input {
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.quantity-counter__input {
color: var(--color-text);
}
}
.quantity-counter__input:disabled {
opacity: 1;
}
.radio-selector-group {
max-width: 464px;
width: 100%;
}
.radio-selector-group__title {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 6px;
gap: 0 25px;
}
@media only screen and (max-width: 1022px) {
.radio-selector-group__title {
margin-bottom: 4px;
gap: 0 33px;
}
}
@media (max-width: 360px) {
.radio-selector-group__title {
gap: 0 10px;
margin-bottom: 10px;
}
}
.radio-selector-group__title-left {
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 10px;
align-items: center;
}
.radio-selector-group__title .title {
font-weight: 600;
letter-spacing: 0.8px;
}
@media only screen and (max-width: 1022px) {
.radio-selector-group__title .title {
letter-spacing: 0.68px;
}
}
.radio-selector-group__title-text {
letter-spacing: 0.81px;
color: var(--color-gray);
font-weight: 300;
line-height: 1;
}
@media only screen and (max-width: 1022px) {
.radio-selector-group__title-text {
font-size: 16px;
font-weight: 400;
letter-spacing: 0.68px;
line-height: normal;
}
}
.radio-selector-group__inner {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
@media only screen and (max-width: 1022px) {
.radio-selector-group__inner {
gap: 15px;
}
}
@media (max-width: 360px) {
.radio-selector-group__inner {
gap: 25px;
}
}
@media (max-width: 344px) {
.radio-selector-group__inner {
gap: 20px;
}
}
@media (max-width: 325px) {
.radio-selector-group .radio-selector__label {
width: 20px;
height: 20px;
}
}
@media (max-width: 325px) {
.radio-selector-group .radio-selector__label .icon {
width: 10px;
height: 8px;
}
}
.radio-selector-group--large .radio-selector__label {
width: 40px;
height: 40px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.radio-selector-group--large .radio-selector__label {
height: 32px;
width: 32px;
}
}
@media only screen and (max-width: 1439px) {
.radio-selector-group--large .radio-selector__label {
width: 30px;
height: 30px;
}
}
@media (max-width: 325px) {
.radio-selector-group--large .radio-selector__label {
width: 20px;
height: 20px;
}
}
.radio-selector-group--large .radio-selector-group__inner {
gap: 32px 35px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.radio-selector-group--large .radio-selector-group__inner {
gap: 20px 32px;
}
}
@media only screen and (max-width: 1439px) {
.radio-selector-group--large .radio-selector-group__inner {
gap: 25px 28px;
}
}
@media (max-width: 360px) {
.radio-selector-group--large .radio-selector-group__inner {
gap: 25px;
}
}
@media (max-width: 344px) {
.radio-selector-group--large .radio-selector-group__inner {
gap: 20px;
}
}
.radio-selector-group.is-validation-failed .title {
color: var(--color-red-secondary);
}
.radio-selector-group__error {
display: none;
padding: 10px 0 0;
color: var(--color-red);
}
.radio-selector-group.is-validation-failed .radio-selector-group__error {
display: block;
}
.range-slider {
max-width: 400px;
display: block;
width: 100%;
text-align: left;
margin: 0 auto;
padding: 8px 0 24px;
}
.range-slider__inner {
max-width: calc(100% - 24px);
width: 100%;
min-height: 24px;
margin-left: 8px;
}
@media only screen and (max-width: 767px) {
.range-slider__inner {
max-width: calc(100% - 16px);
margin-left: 0;
min-height: 16px;
}
} .noUi-horizontal {
height: 3px;
}
.noUi-target {
border: 0;
cursor: pointer;
box-shadow: none;
background-color: var(--color-gray-2);
}
.noUi-connect {
background-color: var(--color-primary);
}
.noUi-handle:before, .noUi-handle:after {
display: none;
}
.noUi-horizontal .noUi-handle {
width: 22px;
height: 22px;
right: -11px;
top: -10px;
cursor: pointer;
box-shadow: none;
border-radius: 100%;
border: 2px solid #212121;
background-color: #c1eed0;
}
@media only screen and (max-width: 767px) {
.noUi-horizontal .noUi-handle {
width: 16px;
height: 16px;
top: -7px;
}
}
.noUi-horizontal .noUi-handle.noUi-handle-lower .noUi-tooltip {
border-color: var(--color-primary);
}
.noUi-horizontal .noUi-tooltip {
font-size: 18px;
bottom: initial;
top: 26px;
line-height: 1.25;
min-width: 68px;
min-height: 30px;
display: flex;
align-items: center;
justify-content: center;
padding: 2px;
border: 1px solid currentColor;
border-radius: 4px;
}
@media only screen and (max-width: 767px) {
.noUi-horizontal .noUi-tooltip {
font-size: 12px;
line-height: 1.25;
min-width: 48px;
min-height: 22px;
top: 18px;
}
}
.noUi-horizontal .noUi-tooltip input {
border: 0;
padding: 0;
background: transparent;
text-align: center;
outline: 0;
width: 70px;
} .section-header {
max-width: 910px;
width: 100%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.section-header {
max-width: 100%;
}
}
.section-header__title {
font-weight: 700;
display: flex;
justify-content: center;
gap: 24px;
}
@media only screen and (max-width: 1199px) {
.section-header__title {
gap: 10px;
}
}
@media only screen and (max-width: 767px) {
.section-header__title {
gap: 4px;
}
}
.section-header__title .icon {
margin-top: 8px;
flex-shrink: 0;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.section-header__title .icon {
margin-top: 4px;
}
}
@media only screen and (max-width: 1199px) {
.section-header__title .icon {
width: 70px;
height: 28px;
margin-top: 14px;
}
}
@media only screen and (max-width: 1022px) {
.section-header__title .icon {
height: 12px;
}
}
@media only screen and (max-width: 767px) {
.section-header__title .icon {
width: 34px;
height: 5px;
}
}
.section-header__title .icon::before {
background-color: var(--color-primary);
}
.section-header .editor-text {
margin-top: 10px;
line-height: 1.6;
font-weight: 300;
color: var(--color-gray-4);
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.section-header .editor-text {
margin-top: 30px;
}
}
@media only screen and (max-width: 767px) {
.section-header .editor-text {
line-height: 1.7;
margin-top: 4px;
}
}
.section-header .editor-text a {
position: relative;
font-weight: 600;
text-decoration: none;
color: #383838;
display: inline-block;
}
.section-header .editor-text a:hover {
color: #c1eed0;
}
.section-header .editor-text a:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
transition: 0.3s ease;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='5' viewBox='0 0 96 5' fill='none'%3E%3Cpath d='M84.7502 2.40722L84.9024 1.93095L84.9023 1.93092L84.7502 2.40722ZM67.5432 2.40722L67.6953 2.88354L67.6954 2.8835L67.5432 2.40722ZM47.1763 2.40722L47.3285 1.93095L47.3284 1.93092L47.1763 2.40722ZM29.9693 2.40673L30.1214 2.88304L30.1214 2.88303L29.9693 2.40673ZM9.60458 2.40673L9.75678 1.93046L9.75658 1.93039L9.60458 2.40673ZM1 0.500495H0.5V1.50049H1V0.500495ZM3.15596 1.56924L3.65482 1.60306L3.72246 0.60535L3.22361 0.571527L3.15596 1.56924ZM7.6362 1.29218L7.15314 1.16312L6.89503 2.12923L7.37808 2.25829L7.6362 1.29218ZM11.963 3.62534L12.4475 3.74893L12.6947 2.77996L12.2102 2.65637L11.963 3.62534ZM17.2298 3.42265L16.7308 3.39098L16.6675 4.38897L17.1665 4.42064L17.2298 3.42265ZM22.4074 4.42063L22.9064 4.38895L22.8431 3.39096L22.3441 3.42264L22.4074 4.42063ZM27.3636 2.65614L26.8792 2.77975L27.1264 3.74871L27.6109 3.62511L27.3636 2.65614ZM32.1953 2.25797L32.6783 2.12882L32.42 1.16276L31.937 1.29191L32.1953 2.25797ZM36.3486 0.571016L35.8498 0.604842L35.9174 1.60255L36.4163 1.56873L36.3486 0.571016ZM40.7277 1.56879L41.2266 1.60264L41.2943 0.604936L40.7954 0.571088L40.7277 1.56879ZM45.2081 1.29228L44.7251 1.16313L44.4668 2.1292L44.9498 2.25834L45.2081 1.29228ZM49.5347 3.62583L50.0192 3.74942L50.2664 2.78045L49.7819 2.65686L49.5347 3.62583ZM54.8016 3.42314L54.3026 3.39147L54.2392 4.38946L54.7382 4.42114L54.8016 3.42314ZM59.9797 4.4211L60.4787 4.38942L60.4153 3.39143L59.9163 3.42311L59.9797 4.4211ZM64.937 2.65663L64.4525 2.7802L64.6997 3.74918L65.1842 3.62561L64.937 2.65663ZM69.7697 2.25825L70.2527 2.12913L69.9945 1.16305L69.5114 1.29217L69.7697 2.25825ZM73.9241 0.5711L73.4252 0.604951L73.4929 1.60266L73.9918 1.56881L73.9241 0.5711ZM78.3032 1.56883L78.8021 1.6027L78.8698 0.604992L78.371 0.571122L78.3032 1.56883ZM82.7825 1.2924L82.2995 1.16324L82.0412 2.1293L82.5242 2.25846L82.7825 1.2924ZM87.6677 2.86095L88.1586 2.76636L87.9695 1.78442L87.4785 1.87901L87.6677 2.86095ZM93.0875 0.709141L92.5923 0.77796L92.7299 1.76844L93.2252 1.69962L93.0875 0.709141ZM1 1.50049C1.7892 1.50049 2.50278 1.52495 3.15596 1.56924L3.22361 0.571527C2.54611 0.525593 1.80989 0.500495 1 0.500495V1.50049ZM7.37808 2.25829C8.09345 2.44942 8.76093 2.66235 9.45257 2.88306L9.75658 1.93039C9.06789 1.71063 8.37823 1.49043 7.6362 1.29218L7.37808 2.25829ZM9.45238 2.883C10.2186 3.12785 11.0328 3.38806 11.963 3.62534L12.2102 2.65637C11.3126 2.42741 10.5248 2.17589 9.75678 1.93046L9.45238 2.883ZM17.1665 4.42064C17.9658 4.47138 18.8349 4.49951 19.7869 4.49951V3.49951C18.8546 3.49951 18.0067 3.47196 17.2298 3.42265L17.1665 4.42064ZM19.7869 4.49951C20.739 4.49951 21.6081 4.47138 22.4074 4.42063L22.3441 3.42264C21.5672 3.47196 20.7193 3.49951 19.7869 3.49951V4.49951ZM27.6109 3.62511C28.5406 3.3879 29.3548 3.12779 30.1214 2.88304L29.8172 1.93042C29.0487 2.1758 28.2609 2.42723 27.3636 2.65614L27.6109 3.62511ZM30.1214 2.88303C30.813 2.66218 31.4803 2.44916 32.1953 2.25797L31.937 1.29191C31.1953 1.49023 30.5059 1.71052 29.8172 1.93042L30.1214 2.88303ZM36.4163 1.56873C37.0692 1.52445 37.7827 1.5 38.5717 1.5V0.5C37.762 0.5 37.0259 0.525091 36.3486 0.571016L36.4163 1.56873ZM38.5717 1.5C39.361 1.5 40.0745 1.52448 40.7277 1.56879L40.7954 0.571088C40.1179 0.525118 39.3817 0.5 38.5717 0.5V1.5ZM44.9498 2.25834C45.6651 2.4496 46.3326 2.66267 47.0242 2.88353L47.3284 1.93092C46.6397 1.71101 45.9501 1.49066 45.2081 1.29228L44.9498 2.25834ZM47.0241 2.8835C47.7903 3.12835 48.6046 3.38855 49.5347 3.62583L49.7819 2.65686C48.8844 2.4279 48.0965 2.17639 47.3285 1.93095L47.0241 2.8835ZM54.7382 4.42114C55.5376 4.47187 56.4067 4.5 57.3587 4.5V3.5C56.4264 3.5 55.5785 3.47246 54.8016 3.42314L54.7382 4.42114ZM57.3587 4.5C58.3109 4.5 59.1802 4.47186 59.9797 4.4211L59.9163 3.42311C59.1393 3.47245 58.2912 3.5 57.3587 3.5V4.5ZM65.1842 3.62561C66.1142 3.38841 66.9287 3.12829 67.6953 2.88354L67.3911 1.93091C66.6226 2.17628 65.8346 2.42772 64.937 2.65663L65.1842 3.62561ZM67.6954 2.8835C68.3868 2.66256 69.0543 2.44947 69.7697 2.25825L69.5114 1.29217C68.7693 1.49054 68.0796 1.7109 67.391 1.93095L67.6954 2.8835ZM73.9918 1.56881C74.6451 1.52448 75.3587 1.5 76.1478 1.5V0.5C75.338 0.5 74.6017 0.52512 73.9241 0.5711L73.9918 1.56881ZM76.1478 1.5C76.9368 1.5 77.6502 1.52449 78.3032 1.56883L78.371 0.571122C77.6936 0.52513 76.9575 0.5 76.1478 0.5V1.5ZM82.5242 2.25846C83.2393 2.44969 83.9066 2.66272 84.5981 2.88353L84.9023 1.93092C84.2138 1.71105 83.5243 1.49076 82.7825 1.2924L82.5242 2.25846ZM84.598 2.8835C85.5102 3.175 86.5576 3.07482 87.6677 2.86095L87.4785 1.87901C86.3906 2.08859 85.5585 2.1406 84.9024 1.93095L84.598 2.8835ZM93.2252 1.69962C94.0998 1.57809 95.0241 1.5 96 1.5V0.5C94.9706 0.5 93.9996 0.582398 93.0875 0.709141L93.2252 1.69962Z' fill='%23c1eed0'/%3E%3C/svg%3E") repeat-x left top/100%;
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.section-header .editor-text.text--26 {
font-size: 20px;
}
}
.site-loader {
display: flex;
align-items: center;
justify-content: center;
}
.site-loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--color-primary-bg);
z-index: 101;
pointer-events: none;
opacity: 0;
visibility: hidden;
will-change: opacity, visibility;
transition: visibility 0.3s ease, opacity 0.3s ease;
}
.site-loader.is-loading, .is-loading .site-loader {
opacity: 1;
visibility: visible;
}
.site-loader__inner {
width: 109px;
height: 100px;
position: relative;
}
.site-loader__ring {
width: 98px;
height: 98px;
margin: auto;
animation: rotate-ring 2s forwards infinite;
}
.site-loader__ring svg {
width: 100%;
height: 100%;
}
.site-loader__circle {
width: 14px;
height: 14px;
border-radius: 100%;
background-color: var(--color-primary);
position: relative;
z-index: 4;
}
.site-loader__circle--center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.site-loader__circle-list {
top: 0;
left: 0;
height: 100%;
width: 100%;
position: absolute;
}
.site-loader__circle-list--1 {
animation: rotate-circle 2s forwards infinite;
}
.site-loader__circle-list--2 {
animation: rotate-circle 2s forwards infinite;
animation-delay: 0.3s;
}
.site-loader__circle-wrapper {
position: absolute;
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
top: 50%;
transform: translateY(-50%);
left: 0;
}
@keyframes rotate-ring {
0% {
transform: rotate(0deg);
}
90% {
transform: rotate(360deg);
animation-timing-function: ease-out;
}
100% {
transform: rotate(360deg);
}
}
@keyframes rotate-circle {
0% {
transform: rotate(0deg);
}
90% {
transform: rotate(360deg);
animation-timing-function: ease-out;
}
100% {
transform: rotate(360deg);
}
}
.size-selector__item 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);
}
.size-selector {
max-width: 410px;
width: 100%;
}
.size-selector__title {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 10px;
}
.size-selector__title .title {
letter-spacing: 0.8px;
text-transform: uppercase;
}
@media only screen and (max-width: 1022px) {
.size-selector__title .title {
letter-spacing: 0.68px;
}
}
.size-selector__title-text {
display: flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
font-weight: 300;
letter-spacing: normal;
color: var(--color-primary);
}
@media only screen and (max-width: 1022px) {
.size-selector__title-text {
font-size: 16px;
}
}
.size-selector__title-text .icon {
width: 14px;
height: 6px;
}
@media only screen and (max-width: 1022px) {
.size-selector__title-text .icon {
width: 16px;
height: 10px;
}
}
.size-selector__title-text .icon::before {
background-color: var(--color-primary);
}
.size-selector__inner {
display: flex;
flex-wrap: wrap;
gap: 18px 10px;
}
@media only screen and (max-width: 1022px) {
.size-selector__inner {
gap: 8px 16px;
}
}
.size-selector__item {
position: relative;
user-select: none;
font-size: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.size-selector__item {
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.size-selector__item {
font-size: 12px;
}
}
.size-selector__item-label {
position: relative;
padding: 4px;
width: 60px;
height: 60px;
margin: 0;
line-height: 1;
border-radius: 8px;
box-shadow: 0px 0px 3.42px rgba(0, 0, 0, 0.12);
border: 2px solid transparent;
letter-spacing: 0.96px;
cursor: pointer;
transition: border-color 0.3s ease;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.size-selector__item-label {
width: 48px;
height: 48px;
font-size: 11px;
padding: 4px 1px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.size-selector__item-label {
width: 56px;
height: 56px;
}
}
@media only screen and (max-width: 1022px) {
.size-selector__item-label {
border-width: 1px;
}
}
@media only screen and (max-width: 767px) {
.size-selector__item-label {
width: 52px;
height: 52px;
}
}
.size-selector__item-label::before {
content: "";
position: absolute;
width: 124%;
height: 1px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotate(-46deg);
background-color: var(--color-gray-1);
display: none;
}
.size-selector__item-label::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotate(-40deg);
transform-origin: center center;
width: 45px;
height: 1px;
background-color: var(--color-text);
pointer-events: none;
display: none;
}
@media only screen and (max-width: 767px) {
.size-selector__item-label::after {
width: 40px;
}
}
.size-selector__item-label--has-end-size {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
}
.size-selector__item-label--has-end-size::after {
display: block;
}
.size-selector__item-label.is-out-of-stock {
pointer-events: none;
color: var(--color-gray-1);
}
.size-selector__item-label.is-out-of-stock::before {
display: block;
}
.size-selector__item input:checked ~ label {
border-color: var(--color-text);
}
.size-selector__size--end-size {
align-self: flex-end;
}
.size-selector--smaller {
padding: 0;
}
.size-selector--smaller .title {
font-size: 14px;
}
.size-selector--smaller .size-selector__inner {
gap: 10px 13px;
}
@media only screen and (max-width: 767px) {
.size-selector--smaller .size-selector__inner {
gap: 8px;
}
}
.size-selector--smaller .size-selector__title {
margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
.size-selector--smaller .size-selector__title {
margin-bottom: 20px;
}
}
.size-selector.is-validation-failed .title {
color: var(--color-red-secondary);
}
.size-selector__error {
display: none;
padding: 10px 0 0;
color: var(--color-red);
}
.size-selector.is-validation-failed .size-selector__error {
display: block;
}
.teaser-card {
position: relative;
max-width: 465px;
width: 100%;
border-radius: 32px;
box-shadow: 0 0 20px -7px rgba(0, 0, 0, 0.2);
user-select: none;
}
@media only screen and (max-width: 1022px) {
.teaser-card {
border-radius: 18px;
}
}
@media only screen and (max-width: 767px) {
.teaser-card {
width: 250px;
}
}
.teaser-card figure {
margin: 0;
}
.teaser-card__image {
position: relative;
width: 100%;
height: 100%;
padding-bottom: 116.3%;
}
@media only screen and (max-width: 767px) {
.teaser-card__image {
padding-bottom: 137.3%;
}
}
.teaser-card__image img {
transform: scale(1.001);
transition: transform 0.3s ease;
}
.teaser-card__text {
font-weight: 600;
padding: 12px;
line-height: 1.6;
letter-spacing: 1px;
transition: background-color 0.3s ease, color 0.3s ease;
}
@media only screen and (max-width: 1022px) {
.teaser-card__text {
padding: 10px;
font-size: 15px;
}
}
@media only screen and (max-width: 767px) {
.teaser-card__text {
font-size: 12px;
}
}
.teaser-card--link {
display: block;
}
.teaser-card--link:hover .teaser-card__image img {
transform: scale(1.1);
}
.teaser-card--link:hover .teaser-card__text {
background-color: #c1eed0;
}
.title-text--small .section-header__title {
font-size: 25px;
line-height: 1.25;
letter-spacing: 1px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.title-text--small .section-header__title {
font-size: 20px;
}
}
@media only screen and (max-width: 1439px) {
.title-text--small .section-header__title {
font-size: 18px;
line-height: 1.5;
letter-spacing: 0;
}
}
@media only screen and (max-width: 1199px) {
.title-text--small .section-header__title {
font-size: 18px;
}
}
@media only screen and (max-width: 767px) {
.title-text--small .section-header__title {
font-size: 12px;
line-height: 1.25;
letter-spacing: 0;
}
}
.title-text {
max-width: 1094px;
width: 100%;
margin: 0 auto;
}
.title-text .section-header__title {
letter-spacing: normal;
line-height: 1.6;
}
@media only screen and (max-width: 767px) {
.title-text .section-header__title {
font-size: 16px;
}
}
@media only screen and (min-width: 1023px) {
.title-text .section-header__title .icon {
height: 38px;
margin-top: 0;
}
}
.title-text .editor-text {
letter-spacing: -0.52px;
}
@media only screen and (min-width: 1023px) {
.title-text .editor-text p,
.title-text .editor-text ul,
.title-text .editor-text ol {
margin-top: 34px;
margin-bottom: 34px;
}
}
@media only screen and (max-width: 767px) {
.title-text .editor-text ul li,
.title-text .editor-text ol li {
padding-left: 18px;
line-height: 1.7;
letter-spacing: -0.4px;
}
}
@media only screen and (max-width: 767px) {
.title-text .editor-text ul li::before,
.title-text .editor-text ol li::before {
width: 3px;
height: 3px;
left: 6px;
top: calc(0.5em + 2px);
}
}
.title-text .editor-text strong {
font-weight: 500;
letter-spacing: -0.1px;
}
.title-text--small .section-header__title {
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.ugc-modal {
padding: 0;
}
}
.ugc-modal__inner {
max-width: 1032px;
width: 100%;
background-color: var(--color-primary-bg);
display: grid;
grid-template-columns: 48.5% 1fr;
align-items: flex-start;
border-radius: 20px;
overflow: hidden;
position: relative;
z-index: 5;
margin: auto;
transform: scale(0.5);
will-change: transform;
transition: transform 0.3s ease;
}
@media only screen and (max-width: 1022px) {
.ugc-modal__inner {
grid-template-columns: 1fr;
max-width: 100%;
}
}
@media only screen and (max-width: 767px) {
.ugc-modal__inner {
border-radius: 0;
}
}
.is-open-modal .ugc-modal__inner {
transform: scale(1);
}
.ugc-modal__image {
position: relative;
height: 100%;
padding-bottom: 169%;
border-radius: 20px;
}
@media only screen and (max-width: 1199px) {
.ugc-modal__image {
padding-bottom: 150%;
}
}
@media only screen and (max-width: 1022px) {
.ugc-modal__image {
padding-bottom: 70%;
}
}
@media only screen and (max-width: 767px) {
.ugc-modal__image {
border-radius: 0;
padding-bottom: 103.5%;
}
}
.ugc-modal__content {
padding: 36px;
}
@media only screen and (max-width: 1022px) {
.ugc-modal__content {
padding: 26px;
}
}
@media only screen and (max-width: 767px) {
.ugc-modal__content {
padding: 22px 30px;
}
}
.ugc-modal__content-top {
padding: 0 40px;
position: relative;
}
@media only screen and (max-width: 1199px) {
.ugc-modal__content-top {
padding: 0 20px;
}
}
@media only screen and (max-width: 767px) {
.ugc-modal__content-top {
padding: 0;
}
}
.ugc-modal__content-bottom {
margin-top: 45px;
}
@media only screen and (max-width: 1199px) {
.ugc-modal__content-bottom {
margin-top: 30px;
}
}
@media only screen and (max-width: 767px) {
.ugc-modal__content-bottom {
margin-top: 8px;
}
}
.ugc-modal__header {
margin-bottom: 18px;
}
@media only screen and (max-width: 767px) {
.ugc-modal__header {
margin-bottom: 22px;
}
}
.ugc-modal__title {
display: grid;
grid-template-columns: auto 1fr;
grid-gap: 12px;
letter-spacing: 0.75px;
}
@media only screen and (max-width: 767px) {
.ugc-modal__title {
font-size: 14px;
font-weight: 500;
padding-right: 40px;
}
}
.ugc-modal__close {
top: 4px;
right: 2px;
}
@media only screen and (max-width: 767px) {
.ugc-modal__close {
top: 8px;
right: 0;
}
}
.ugc-modal__close .icon {
width: 12px;
height: 12px;
}
@media only screen and (max-width: 767px) {
.ugc-modal__close .icon::before {
background-color: var(--color-primary);
}
}
.ugc-modal .editor-text {
font-weight: 300;
line-height: 1.29;
letter-spacing: 0.75px;
}
@media only screen and (max-width: 767px) {
.ugc-modal .editor-text {
font-size: 14px;
}
}
.ugc-modal__sub-title {
margin-bottom: 54px;
}
@media only screen and (max-width: 767px) {
.ugc-modal__sub-title {
margin-bottom: 25px;
}
}
.ugc-modal__product-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 15px;
}
@media only screen and (max-width: 767px) {
.ugc-modal__product-list {
grid-template-columns: 1fr;
}
}
.ugc-modal .product-card {
border-radius: 15px;
}
@media only screen and (max-width: 767px) {
.ugc-modal .product-card {
max-width: 218px;
width: 100%;
margin: 0 auto;
border-radius: 22px;
}
}
.ugc-modal .product-card .tag {
font-size: 12px;
border-radius: 3px;
padding: 2px 6px;
min-height: 18px;
min-width: 48px;
}
@media only screen and (max-width: 767px) {
.ugc-modal .product-card .tag {
border-radius: 5px;
font-weight: 600;
padding: 2px 9px;
}
}
.ugc-modal .product-card .wishlist-button {
transform: scale(0.6);
margin-top: -14px;
}
@media only screen and (max-width: 1022px) {
.ugc-modal .product-card .wishlist-button {
transform: scale(0.8);
}
}
@media only screen and (max-width: 767px) {
.ugc-modal .product-card .wishlist-button {
margin-top: -4px;
transform: scale(1);
}
}
.ugc-modal .product-card__image-inner {
top: 20px;
left: 10px;
width: calc(100% - 15px);
}
@media only screen and (max-width: 767px) {
.ugc-modal .product-card__image-inner {
width: calc(100% - 20px);
}
}
.ugc-modal .product-card__body {
font-size: 12px;
line-height: 1.25;
padding: 4px 10px 18px 10px;
letter-spacing: 0.38px;
}
@media only screen and (max-width: 767px) {
.ugc-modal .product-card__body {
font-weight: 600;
font-size: 14px;
line-height: 1.43;
letter-spacing: 0.55px;
}
}
.ugc-modal .product-card__price-row:not(:last-child):not(.product-card__price-row--tag-list) {
margin-bottom: 0;
}
.ugc-modal .product-card__lowest-price {
font-size: 7px;
line-height: 1.25;
margin-top: 1px;
letter-spacing: normal;
}
.ugc-modal .product-card__button {
bottom: 2%;
}
.ugc-modal .product-card__button .btn:after {
border-width: 1px;
}
.ugc-modal [data-collapsed] [data-collapsed-btn] {
height: 92px;
padding-bottom: 28px;
background: linear-gradient(180deg, rgba(255, 253, 251, 0) -14.54%, #fffdfb 13.26%);
transition: height 0.3s ease, padding 0.3s ease;
}
.ugc-modal [data-collapsed].is-open-content [data-collapsed-btn] {
padding-bottom: 6px;
}
.page-404 {
margin: 136px 0;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.page-404 {
margin: 80px 0;
}
}
@media only screen and (max-width: 1199px) {
.page-404 {
margin: 80px 0;
}
}
.page-404__content {
display: grid;
grid-gap: 74px;
}
@media only screen and (max-width: 1199px) {
.page-404__content {
grid-gap: 44px;
}
}
.page-404__image {
margin: 0 auto;
max-width: 392px;
width: 100%;
}
@media (max-width: 1680px) {
.page-404__image {
max-width: 340px;
}
}
@media only screen and (max-width: 767px) {
.page-404__image {
max-width: 290px;
}
}
.page-404__button-group {
display: flex;
justify-content: center;
gap: 40px;
flex-wrap: wrap;
}
@media only screen and (max-width: 1199px) {
.page-404__button-group {
gap: 20px;
}
}
@media only screen and (max-width: 767px) {
.page-404__button-group {
gap: 10px;
}
}
.page-404__button-group .btn {
min-width: 300px;
}
@media only screen and (max-width: 767px) {
.page-404__button-group .btn {
font-size: 12px;
min-width: 220px;
min-height: 35px;
}
}
@media only screen and (min-width: 1200px) {
.accordion-list .container {
max-width: 1218px;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.accordion-list .container {
padding: 0 60px;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.article-card-list .container {
padding: 0 60px;
}
}
@media (min-width: 1440px) {
.article-card-list .container {
max-width: 1320px;
}
}
@media (min-width: 1681px) {
.article-card-list .container {
max-width: 1668px;
}
}
.article-card-list .article-card {
max-width: 432px;
margin-left: auto;
margin-right: 15px;
}
.article-card-list .article-card__text {
font-weight: 300;
}
.article-card-list .article-card__text .editor-text {
letter-spacing: normal;
}
@media only screen and (min-width: 1200px) {
.article-card-list .article-card__category-list {
margin-bottom: 24px;
}
}
@media (min-width: 1200px) and (max-width: 1680px) {
.article-card-list .article-card__category-list {
margin-bottom: 16px;
}
}
.article-card-list .article-card:nth-child(3n+1) {
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.article-card-list .article-card:nth-child(3n+1) {
grid-column: span 2;
grid-row: span 2;
}
}
@media only screen and (max-width: 1022px) {
.article-card-list .article-card:nth-child(3n+1) {
border-radius: 18px;
}
}
.article-card-list .article-card:nth-child(3n+1) .article-card__image {
padding-bottom: 66.2%;
}
@media only screen and (max-width: 767px) {
.article-card-list .article-card:nth-child(3n+1) .article-card__image {
padding-bottom: 96%;
}
}
@media only screen and (min-width: 1440px) {
.article-card-list .article-card:nth-child(3n+1) .article-card__content {
padding: 60px 80px 80px 62px;
}
}
@media (min-width: 1200px) and (max-width: 1680px) {
.article-card-list .article-card:nth-child(3n+1) .article-card__content {
padding: 48px 60px 60px 48px;
}
}
@media only screen and (max-width: 767px) {
.article-card-list .article-card:nth-child(3n+1) .article-card__content {
text-align: center;
}
}
.article-card-list .article-card:nth-child(3n+1) .article-card__category-list {
margin-bottom: 40px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.article-card-list .article-card:nth-child(3n+1) .article-card__category-list {
margin-bottom: 28px;
}
}
@media only screen and (min-width: 1023px) {
.article-card-list .article-card:nth-child(3n+1) .article-card__category-list .category {
min-height: 38px;
}
}
@media only screen and (max-width: 767px) {
.article-card-list .article-card:nth-child(3n+1) .article-card__category-list {
justify-content: center;
}
}
.article-card-list .article-card:nth-child(3n+1) .article-card__title {
font-size: 30px;
margin-bottom: 30px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.article-card-list .article-card:nth-child(3n+1) .article-card__title {
font-size: 24px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1199px) {
.article-card-list .article-card:nth-child(3n+1) .article-card__title {
font-size: 22px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.article-card-list .article-card:nth-child(3n+1) .article-card__title {
font-size: 20px;
margin-bottom: 38px;
}
}
.article-card-list .article-card:nth-child(3n+1) .article-card__text {
font-size: 24px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.article-card-list .article-card:nth-child(3n+1) .article-card__text {
font-size: 20px;
}
}
@media only screen and (max-width: 1199px) {
.article-card-list .article-card:nth-child(3n+1) .article-card__text {
font-size: 20px;
}
}
@media only screen and (max-width: 767px) {
.article-card-list .article-card:nth-child(3n+1) .article-card__text {
font-size: 16px;
}
}
.article-card-list .article-card:nth-child(3n+1) .article-card__date {
margin-top: 52px;
}
@media only screen and (max-width: 1199px) {
.article-card-list .article-card:nth-child(3n+1) .article-card__date {
margin-top: 24px;
}
}
@media only screen and (max-width: 1022px) {
.article-card-list .article-card:nth-child(3n+1) .article-card__date {
font-size: 16px;
margin-top: 0;
}
}
.article-card-list__inner {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 45px 100px;
}
@media (min-width: 1441px) and (max-width: 1680px) {
.article-card-list__inner {
grid-gap: 28px 100px;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.article-card-list__inner {
grid-gap: 28px 48px;
}
}
@media only screen and (max-width: 1199px) {
.article-card-list__inner {
grid-gap: 30px;
}
}
@media only screen and (max-width: 1022px) {
.article-card-list__inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 767px) {
.article-card-list__inner {
grid-template-columns: 1fr;
grid-gap: 45px;
}
}
.article-card-list__more-button {
margin-top: 175px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.article-card-list__more-button {
margin-top: 120px;
}
}
@media only screen and (max-width: 1439px) {
.article-card-list__more-button {
margin-top: 120px;
}
}
@media only screen and (max-width: 1199px) {
.article-card-list__more-button {
margin-top: 70px;
}
}
@media only screen and (max-width: 1022px) {
.article-card-list__more-button {
margin-top: 50px;
}
}
@media only screen and (min-width: 1200px) {
.article-card-list__more-button .btn {
padding: 8px 96px;
}
}
@media (min-width: 1200px) and (max-width: 1680px) {
.article-card-list__more-button .btn {
padding: 8px 72px;
}
}
.article-card-list__not-found-post {
position: relative;
}
.article-card-list__not-found-post::before {
content: "";
position: absolute;
width: 100%;
height: 8px;
left: 0;
bottom: -12px;
opacity: 1;
visibility: visible;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='4' fill='none'%3E%3Cpath fill='%23212121' d='m54.776 1.938.158-.474-.157.474Zm-11.048 0 .157.475-.157-.475Zm-13.078 0 .158-.474-.158.474Zm-11.049 0 .158.474-.158-.474Zm-13.076 0 .157-.475-.157.475ZM1 .5H.5v1H1v-1Zm1.373 1.046.499.035.07-.998-.499-.035-.07.998Zm2.942-.51L4.833.902l-.268.964.482.133.268-.963ZM7.988 2.91l.483.128.256-.967-.483-.128-.256.967Zm3.444-.461-.5-.033-.065.998.499.033.066-.998Zm3.329.998.498-.033-.066-.998-.498.033.066.998Zm3.121-1.504-.483.128.256.967.484-.128-.257-.967Zm3.197.056.482-.134-.268-.963-.482.134.268.963ZM23.682.548l-.499.035.07.998.5-.036-.07-.997Zm2.816.998.499.035.07-.998-.499-.035-.07.998Zm2.942-.51-.482-.134-.268.964.482.133.268-.963Zm2.673 1.874.483.128.256-.966-.483-.129-.256.967Zm3.444-.461-.5-.033-.065.998.499.033.066-.998Zm3.329.998.499-.033-.066-.998-.5.033.067.998Zm3.122-1.504-.483.128.256.967.484-.128-.257-.967ZM45.206 2l.481-.134-.267-.963-.482.134.268.963ZM47.81.548l-.5.035.071.998.499-.035-.07-.998Zm2.815.998.499.035.07-.998-.498-.035-.07.998Zm2.941-.51-.481-.134-.268.964.482.133.267-.963Zm3.122 1.367.49-.098-.196-.98-.49.098.196.98ZM60.1.642l-.495.071.143.99.495-.072-.143-.99ZM1 1.5c.503 0 .958.017 1.373.046l.07-.998C2.003.518 1.525.5 1 .5v1Zm4.047.5c.453.125.877.265 1.32.412l.315-.949c-.44-.146-.887-.294-1.367-.427l-.268.963Zm1.32.412c.491.163 1.018.338 1.62.498l.257-.967a25.754 25.754 0 0 1-1.561-.48l-.315.95Zm4.999 1.035c.518.034 1.081.053 1.697.053v-1c-.595 0-1.136-.019-1.631-.051l-.066.998Zm1.697.053c.616 0 1.18-.02 1.697-.053l-.065-.998c-.495.032-1.036.05-1.632.05v1Zm5.076-.59c.602-.16 1.129-.335 1.62-.498l-.315-.949c-.493.164-.993.33-1.562.48l.257.967Zm1.62-.498c.444-.147.867-.287 1.32-.413l-.268-.963c-.48.133-.926.281-1.367.427l.315.95Zm3.994-.867c.415-.029.869-.045 1.372-.045v-1c-.525 0-1.003.017-1.443.048l.07.997Zm1.372-.045c.503 0 .958.016 1.373.046l.07-.998C26.128.517 25.65.5 25.125.5v1Zm4.047.5c.453.125.877.266 1.32.413l.315-.95c-.44-.146-.887-.294-1.367-.427l-.268.963Zm1.32.413c.491.163 1.018.337 1.62.497l.257-.967a25.757 25.757 0 0 1-1.561-.48l-.315.95Zm4.999 1.034c.518.034 1.081.053 1.697.053v-1c-.595 0-1.136-.018-1.631-.051l-.066.998Zm1.697.053c.616 0 1.18-.019 1.698-.053l-.066-.998c-.495.033-1.036.051-1.632.051v1Zm5.077-.59c.602-.16 1.129-.334 1.62-.497l-.315-.95c-.493.164-.993.33-1.562.48l.257.967Zm1.62-.497c.444-.147.867-.288 1.32-.414l-.267-.963c-.48.133-.927.281-1.368.428l.315.949Zm3.995-.867c.415-.03.87-.046 1.373-.046v-1c-.525 0-1.003.017-1.443.048l.07.998Zm1.373-.046c.503 0 .957.016 1.372.046l.07-.998C50.256.517 49.779.5 49.254.5v1Zm4.046.5c.453.125.876.266 1.32.413l.315-.95c-.44-.146-.887-.294-1.368-.427l-.267.963Zm1.32.413c.636.21 1.351.134 2.069-.01l-.197-.98c-.694.139-1.186.164-1.557.04l-.315.95Zm5.625-.782c.555-.08 1.14-.131 1.756-.131v-1c-.672 0-1.305.056-1.899.142l.143.99Z'/%3E%3C/svg%3E") no-repeat center/contain;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.article-card-slider .container {
padding: 0 60px;
}
}
@media (min-width: 1440px) {
.article-card-slider .container {
max-width: 1390px;
}
}
@media (min-width: 1681px) {
.article-card-slider .container {
max-width: 1730px;
}
}
.article-card-slider__inner {
position: relative;
}
@media (min-width: 1441px) {
.article-card-slider .swiper {
padding: 0 15px 15px;
}
}
@media only screen and (max-width: 1022px) {
.article-card-slider .swiper {
overflow: visible;
padding: 0 0 15px;
}
}
.article-card-slider .swiper-slide {
display: flex;
flex-direction: column;
height: auto;
}
@media only screen and (max-width: 1022px) {
.article-card-slider .swiper-slide {
width: auto;
}
}
.article-card-slider .category {
min-height: 36px;
padding: 4px 12px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.article-card-slider .category {
min-height: 32px;
padding: 4px 8px;
min-width: 80px;
font-size: 15px;
}
}
@media only screen and (max-width: 1199px) {
.article-card-slider .category {
min-height: 30px;
padding: 4px 12px;
min-width: 76px;
font-size: 14px;
line-height: normal;
}
}
@media only screen and (max-width: 1022px) {
.article-card-slider .category {
font-size: 10px;
min-width: 48px;
min-height: 20px;
padding: 4px 5px;
line-height: 1.1;
border-radius: 2px;
}
}
@media only screen and (max-width: 1022px) {
.article-card-slider .article-card {
width: 300px;
}
}
@media only screen and (max-width: 767px) {
.article-card-slider .article-card {
width: 254px;
}
}
.article-card-slider--with-bg {
padding: 76px 0;
background-color: #f5f5f5;
}
@media only screen and (max-width: 1199px) {
.article-card-slider--with-bg {
padding: 50px 0;
}
}
@media only screen and (max-width: 767px) {
.article-card-slider--with-bg {
padding: 30px 0;
}
}
.article-card-slider--without-slider .swiper-wrapper {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
transform: translate3d(0, 0, 0) !important;
grid-gap: 80px;
}
@media only screen and (max-width: 1439px) {
.article-card-slider--without-slider .swiper-wrapper {
grid-gap: 30px;
}
}
@media only screen and (max-width: 1022px) {
.article-card-slider--without-slider .swiper-wrapper {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 26px;
}
}
@media only screen and (max-width: 767px) {
.article-card-slider--without-slider .swiper-wrapper {
grid-template-columns: 1fr;
}
}
.article-card-slider--without-slider .swiper-slide {
margin: 0 !important;
width: 100% !important;
height: 100%;
}
.article-card-slider--without-slider .swiper {
padding: 0;
}
.article-card-slider--without-slider .article-card {
max-width: 100%;
width: 100%;
}
@media only screen and (max-width: 767px) {
.article-card-slider--without-slider .article-card {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
border-radius: 15px;
}
}
@media only screen and (max-width: 767px) {
.article-card-slider--without-slider .article-card__image {
height: 100%;
}
}
@media only screen and (max-width: 767px) {
.article-card-slider--without-slider .article-card__content {
padding: 12px 22px 12px 0px;
}
}
@media only screen and (max-width: 767px) {
.article-card-slider--without-slider .article-card__title {
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.article-card-slider--without-slider .article-card__text .editor-text {
font-size: 12px;
line-height: 1.2;
}
}
.awards-module {
font-weight: 300;
}
@media only screen and (min-width: 1200px) {
.awards-module .container {
max-width: 1246px;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.awards-module .container {
padding: 0 60px;
}
}
.awards-module__inner {
display: grid;
grid-template-columns: 1fr 15.45%;
gap: 130px;
align-items: center;
}
@media only screen and (max-width: 1199px) {
.awards-module__inner {
gap: 50px;
}
}
@media only screen and (max-width: 767px) {
.awards-module__inner {
grid-template-columns: 1fr 17%;
grid-gap: 10px;
}
}
.awards-module__content {
letter-spacing: normal;
}
.awards-module .editor-text {
line-height: 1.5;
}
@media only screen and (max-width: 767px) {
.awards-module .editor-text {
font-size: 14px;
line-height: 1.69;
}
}
.awards-module__image {
max-width: 190px;
width: 100%;
height: 190px;
}
@media only screen and (max-width: 1022px) {
.awards-module__image {
max-width: 110px;
height: 110px;
}
}
@media only screen and (max-width: 767px) {
.awards-module__image {
max-width: 56px;
height: 56px;
}
}
.awards-module__image img {
width: auto;
height: auto;
object-fit: contain;
}
.banner-module__top::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.banner-module {
position: relative;
}
.banner-module .container {
position: relative;
z-index: 4;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.banner-module .container {
padding: 0 60px;
}
}
@media (min-width: 1440px) {
.banner-module .container {
max-width: 1360px;
}
}
@media (min-width: 1681px) {
.banner-module .container {
max-width: 1700px;
}
}
.banner-module__top {
position: relative;
min-height: 912px;
border-radius: 0 0 50px 50px;
display: flex;
flex-direction: column;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.banner-module__top {
min-height: 720px;
}
}
@media only screen and (max-width: 1439px) {
.banner-module__top {
min-height: 600px;
}
}
@media only screen and (max-width: 1199px) {
.banner-module__top {
min-height: 400px;
border-radius: 0 0 40px 40px;
}
}
@media only screen and (max-width: 1022px) {
.banner-module__top {
min-height: 300px;
border-radius: 0 0 30px 30px;
}
}
@media only screen and (max-width: 767px) {
.banner-module__top {
min-height: 1px;
border-radius: 0 0 18px 18px;
padding-top: 62px;
}
}
.banner-module__top::after {
background-color: #f5f5f5;
height: calc(100% - 180px);
border-radius: inherit;
}
@media only screen and (max-width: 1439px) {
.banner-module__top::after {
height: calc(100% - 140px);
}
}
@media only screen and (max-width: 1199px) {
.banner-module__top::after {
height: calc(100% - 108px);
}
}
@media only screen and (max-width: 1022px) {
.banner-module__top::after {
height: calc(100% - 70px);
}
}
@media only screen and (max-width: 767px) {
.banner-module__top::after {
height: calc(100% - 102px);
}
}
.banner-module__top .container {
display: flex;
flex-direction: column;
flex: auto;
}
.banner-module__inner {
position: relative;
display: grid;
grid-template-columns: 1fr 39.4%;
grid-gap: 30px;
flex: auto;
}
@media only screen and (max-width: 767px) {
.banner-module__inner {
grid-template-columns: 1fr;
grid-gap: 118px;
}
}
.banner-module__content {
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
gap: 26px;
max-width: 506px;
width: 100%;
margin-left: 130px;
padding: 106px 0 230px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.banner-module__content {
margin-left: 80px;
padding: 66px 0 180px;
}
}
@media only screen and (max-width: 1439px) {
.banner-module__content {
margin-left: 30px;
padding: 66px 0 180px;
}
}
@media only screen and (max-width: 1199px) {
.banner-module__content {
padding: 50px 0 130px;
margin-left: 0;
}
}
@media only screen and (max-width: 1022px) {
.banner-module__content {
max-width: 100%;
padding: 40px 0 90px 20px;
}
}
@media only screen and (max-width: 767px) {
.banner-module__content {
align-items: center;
text-align: center;
gap: 35px;
max-width: 300px;
margin: 0 auto;
padding: 0;
}
}
@media only screen and (min-width: 1023px) {
.banner-module__content .editor-text {
line-height: 1.45;
letter-spacing: normal;
}
}
@media only screen and (max-width: 767px) {
.banner-module__content .editor-text {
font-weight: 300;
}
}
.banner-module__title {
font-weight: 700;
letter-spacing: 2px;
}
@media only screen and (max-width: 1199px) {
.banner-module__title {
letter-spacing: 1px;
}
}
@media only screen and (max-width: 767px) {
.banner-module__title {
letter-spacing: normal;
line-height: 0.8;
font-size: 50px;
}
}
.banner-module__image {
position: relative;
width: 100%;
height: 100%;
padding-bottom: 106.5%;
}
@media only screen and (max-width: 767px) {
.banner-module__image {
padding-bottom: 75.5%;
width: calc(100% - 40px);
margin: 0 auto;
}
}
.banner-module__image img {
border-radius: 30px;
}
@media only screen and (max-width: 1199px) {
.banner-module__image img {
border-radius: 20px;
}
}
@media only screen and (max-width: 767px) {
.banner-module__image img {
border-radius: 12px;
}
}
.banner-module__image-wrapper {
margin-top: 106px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.banner-module__image-wrapper {
margin-top: 66px;
}
}
@media only screen and (max-width: 1439px) {
.banner-module__image-wrapper {
margin-top: 66px;
}
}
@media only screen and (max-width: 1199px) {
.banner-module__image-wrapper {
margin-top: 40px;
}
}
@media only screen and (max-width: 767px) {
.banner-module__image-wrapper {
margin-top: 0;
}
}
.banner-module__button-group {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 28px 35px;
width: 100%;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.banner-module__button-group {
gap: 20px 32px;
}
}
@media only screen and (max-width: 1439px) {
.banner-module__button-group {
gap: 20px 25px;
}
}
@media only screen and (max-width: 1199px) {
.banner-module__button-group {
max-width: 510px;
}
}
@media only screen and (max-width: 767px) {
.banner-module__button-group {
gap: 14px 20px;
max-width: 100%;
}
}
@media only screen and (min-width: 1200px) {
.banner-module__button-group .btn {
min-height: 54px;
min-width: 180px;
}
}
@media (min-width: 1200px) and (max-width: 1680px) {
.banner-module__button-group .btn {
min-height: 44px;
min-width: 132px;
}
}
@media only screen and (max-width: 767px) {
.banner-module__button-group .btn {
flex: 1;
font-size: 10px;
min-height: 32px;
min-width: 106px;
}
}
.banner-module__button-group-wrapper {
display: grid;
grid-template-columns: 1fr 39.4%;
grid-gap: 30px;
margin-top: -128px;
}
@media only screen and (max-width: 1199px) {
.banner-module__button-group-wrapper {
margin-top: -80px;
}
}
@media only screen and (max-width: 1022px) {
.banner-module__button-group-wrapper {
margin-top: -50px;
}
}
@media only screen and (max-width: 767px) {
.banner-module__button-group-wrapper {
grid-template-columns: 1fr;
grid-gap: 50px;
margin-top: 34px;
}
}
.banner-module .blog-category span {
pointer-events: none;
}
@media only screen and (max-width: 767px) {
.banner-module--without-button-group .banner-module__inner {
grid-gap: 26px;
}
}
@media only screen and (max-width: 767px) {
.banner-module--without-button-group .banner-module__top {
padding-top: 45px;
}
}
@media only screen and (max-width: 767px) {
.banner-module--without-button-group .banner-module__top::after {
height: calc(100% - 162px);
}
}
@media only screen and (max-width: 767px) {
.banner-module--without-button-group .banner-module__content {
grid-gap: 16px;
max-width: 330px;
}
}
.banner-module--without-button-group .banner-module__content .editor-text {
line-height: 1.25;
}
@media only screen and (max-width: 767px) {
.banner-module--without-button-group .banner-module__content .editor-text {
font-weight: 400;
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.banner-module--without-button-group .banner-module__title {
font-size: 36px;
}
}
.banner-module--without-image {
text-align: center;
}
.banner-module--without-image .banner-module__inner {
display: flex;
}
.banner-module--without-image .banner-module__content {
align-items: center;
max-width: 100%;
margin-left: 0;
padding: 0;
}
.banner-module--without-image .banner-module__top {
padding: 30px 0;
min-height: 458px;
}
@media only screen and (max-width: 1439px) {
.banner-module--without-image .banner-module__top {
min-height: 390px;
}
}
@media only screen and (max-width: 1199px) {
.banner-module--without-image .banner-module__top {
min-height: 340px;
}
}
@media only screen and (max-width: 1022px) {
.banner-module--without-image .banner-module__top {
min-height: 230px;
}
}
@media only screen and (max-width: 767px) {
.banner-module--without-image .banner-module__top {
min-height: 150px;
}
}
.banner-module--without-image .banner-module__top::after {
height: 100%;
}
@media only screen and (max-width: 767px) {
.banner-module--without-image .banner-module__title {
font-size: 36px;
}
}
.banner-module--small .banner-module__top {
min-height: 440px;
}
@media only screen and (max-width: 1199px) {
.banner-module--small .banner-module__top {
min-height: 320px;
}
}
@media only screen and (max-width: 1022px) {
.banner-module--small .banner-module__top {
min-height: 280px;
}
}
@media only screen and (max-width: 767px) {
.banner-module--small .banner-module__top {
min-height: 172px;
}
}
@media only screen and (max-width: 767px) {
.banner-module--small .banner-module__content {
gap: 10px;
}
}
@media only screen and (min-width: 1200px) {
.banner-module--small .banner-module__content-text {
font-size: 26px;
}
}
@media only screen and (max-width: 767px) {
.banner-module--small .banner-module__content-text .editor-text {
font-size: 16px;
}
}
@media only screen and (min-width: 1200px) {
.banner-module--small .banner-module__title {
letter-spacing: 2.6px;
line-height: 0.8;
}
}
@media only screen and (max-width: 767px) {
.banner-module--small .banner-module__title {
font-size: 25px;
letter-spacing: 1.3px;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.blockquote-slider .container {
padding: 0 60px;
}
}
@media (min-width: 1440px) {
.blockquote-slider .container {
max-width: 1360px;
}
}
@media (min-width: 1681px) {
.blockquote-slider .container {
max-width: 1512px;
}
}
.blockquote-slider .section-header {
margin-bottom: 90px;
}
@media (min-width: 1200px) and (max-width: 16600px) {
.blockquote-slider .section-header {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 1199px) {
.blockquote-slider .section-header {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 1022px) {
.blockquote-slider .section-header {
margin-bottom: 46px;
}
}
@media only screen and (max-width: 767px) {
.blockquote-slider .section-header__title {
font-size: 25px;
}
}
.blockquote-slider__inner {
position: relative;
}
@media only screen and (max-width: 1919px) {
.blockquote-slider__inner {
padding: 0 40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
.blockquote-slider__inner {
padding: 0;
}
}
.blockquote-slider .swiper {
padding: 8px;
overflow: visible;
}
@media only screen and (max-width: 767px) {
.blockquote-slider .swiper-slide {
width: auto;
}
}
@media only screen and (min-width: 1023px) {
.blockquote-slider .swiper-slide-active .blockquote-slider__slide, .blockquote-slider .swiper-slide-next .blockquote-slider__slide {
opacity: 1;
}
}
@media only screen and (max-width: 1022px) {
.blockquote-slider__nav {
display: none;
}
}
.blockquote-slider .swiper-button-prev {
left: -170px;
}
@media only screen and (max-width: 1919px) {
.blockquote-slider .swiper-button-prev {
left: 0;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
.blockquote-slider .swiper-button-prev {
left: -40px;
}
}
.blockquote-slider .swiper-button-next {
right: -170px;
}
@media only screen and (max-width: 1919px) {
.blockquote-slider .swiper-button-next {
right: 0;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
.blockquote-slider .swiper-button-next {
right: -40px;
}
}
.blockquote-slider__slide {
position: relative;
width: 100%;
padding: 36px 108px 62px;
border-radius: 22px;
opacity: 0.2;
font-weight: 300;
background-color: var(--color-primary-bg);
box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.1);
user-select: none;
transition: opacity 0.3s ease;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.blockquote-slider__slide {
padding: 48px 60px;
}
}
@media only screen and (max-width: 1439px) {
.blockquote-slider__slide {
padding: 40px 60px;
}
}
@media only screen and (max-width: 1199px) {
.blockquote-slider__slide {
padding: 30px 50px;
}
}
@media only screen and (max-width: 1022px) {
.blockquote-slider__slide {
padding: 30px 80px;
opacity: 1;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
}
}
@media only screen and (max-width: 767px) {
.blockquote-slider__slide {
max-width: 242px;
border-radius: 8px;
padding: 8px 35px 40px;
}
}
.blockquote-slider__slide .icon {
position: absolute;
top: 40px;
left: 34px;
}
@media only screen and (max-width: 1439px) {
.blockquote-slider__slide .icon {
left: 20px;
}
}
@media only screen and (max-width: 1199px) {
.blockquote-slider__slide .icon {
height: 20px;
width: 24px;
left: 15px;
top: 24px;
}
}
@media only screen and (max-width: 767px) {
.blockquote-slider__slide .icon {
height: 12px;
width: 12px;
top: 20px;
left: 20px;
}
}
.blockquote-slider__slide .icon::before {
background-color: #c1eed0;
}
.blockquote-slider__slide .icon-quote-right {
top: initial;
left: initial;
bottom: 40px;
right: 30px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.blockquote-slider__slide .icon-quote-right {
bottom: 28px;
right: 20px;
}
}
@media only screen and (max-width: 1439px) {
.blockquote-slider__slide .icon-quote-right {
right: 15px;
bottom: 30px;
}
}
@media only screen and (max-width: 1199px) {
.blockquote-slider__slide .icon-quote-right {
right: 12px;
bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.blockquote-slider__slide .icon-quote-right {
right: 20px;
bottom: 20px;
}
}
.blockquote-slider__image {
position: relative;
height: 40px;
width: 40px;
border-radius: 100%;
margin: 0 auto;
}
.blockquote-slider__author {
display: grid;
grid-gap: 20px;
margin-bottom: 52px;
}
@media only screen and (max-width: 1439px) {
.blockquote-slider__author {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 1199px) {
.blockquote-slider__author {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 767px) {
.blockquote-slider__author {
grid-gap: 4px;
margin-bottom: 15px;
}
}
.blockquote-slider__author-info {
font-style: italic;
line-height: 1;
}
.blockquote-slider__name {
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.blockquote-slider__name {
font-size: 12px;
}
}
.blockquote-slider__designation {
font-size: 17px;
line-height: 1.25;
}
@media only screen and (max-width: 767px) {
.blockquote-slider__designation {
font-size: 10px;
margin-top: 4px;
}
}
.blockquote-slider .editor-text {
line-height: 1.46;
}
@media only screen and (max-width: 767px) {
.blockquote-slider .editor-text {
font-size: 10px;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.blog-detail .container {
padding: 0 60px;
}
}
@media (min-width: 1440px) {
.blog-detail .container {
max-width: 1360px;
}
}
@media (min-width: 1681px) {
.blog-detail .container {
max-width: 1554px;
}
}
.blog-detail__inner {
display: grid;
grid-template-columns: 1fr 41.5%;
grid-gap: 113px;
align-items: flex-start;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.blog-detail__inner {
grid-template-columns: 1fr 45%;
grid-gap: 60px;
}
}
@media only screen and (max-width: 1199px) {
.blog-detail__inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 60px;
}
}
@media only screen and (max-width: 1022px) {
.blog-detail__inner {
grid-template-columns: 1fr;
}
}
@media only screen and (max-width: 767px) {
.blog-detail__inner {
grid-gap: 26px;
}
}
.blog-detail__image-group {
display: grid;
grid-gap: 30px;
}
@media only screen and (max-width: 1022px) {
.blog-detail__image-group {
grid-gap: 12px;
order: 1;
max-width: 600px;
width: 100%;
margin: 0 auto;
}
}
@media only screen and (max-width: 767px) {
.blog-detail__image-group {
max-width: 100%;
}
}
.blog-detail__image img {
width: auto;
height: auto;
object-fit: contain;
border-radius: 22px;
}
.blog-detail__content {
max-width: 600px;
width: 100%;
margin: 0 auto;
font-weight: 300;
}
@media only screen and (max-width: 1022px) {
.blog-detail__content {
max-width: 100%;
padding: 0 20px;
}
}
.blog-detail__content .editor-text {
line-height: 1.68;
}
.blog-detail__title {
margin-bottom: 24px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.blog-detail__title {
margin-bottom: 16px;
}
}
@media only screen and (min-width: 1023px) {
.blog-detail__title {
color: var(--color-primary);
}
}
@media only screen and (max-width: 1022px) {
.blog-detail__title {
text-align: center;
}
}
.blog-detail__author {
display: flex;
align-items: center;
gap: 18px;
color: var(--color-gray-1);
margin-bottom: 36px;
}
@media (max-width: 1680px) {
.blog-detail__author {
margin-bottom: 24px;
}
}
.blog-detail__author-image {
position: relative;
width: 40px;
height: 40px;
border-radius: 100%;
flex-shrink: 0;
background-color: var(--color-gray-7);
}
.blog-detail__date {
padding-left: 4px;
}
.blog-detail__text {
display: grid;
grid-gap: 60px;
}
@media only screen and (max-width: 1022px) {
.blog-detail__text {
grid-gap: 30px;
}
}
.blog-detail .lead-text {
max-width: 590px;
width: 100%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.blog-detail .lead-text {
max-width: 250px;
}
}
.blog-detail .lead-text .icon {
margin-right: 32px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.blog-detail .lead-text .icon {
margin-right: 20px;
}
}
@media only screen and (max-width: 767px) {
.blog-detail .lead-text .icon {
margin-right: 0;
}
}
.blog-detail .lead-text .editor-text {
letter-spacing: normal;
line-height: 1.25;
}
@media only screen and (max-width: 767px) {
.blog-detail .lead-text .editor-text {
line-height: 1.69;
}
}
.breadcrumbs {
width: 100%;
padding: 48px 0;
position: relative;
}
@media only screen and (max-width: 1199px) {
.breadcrumbs {
padding: 30px 0;
}
}
@media only screen and (max-width: 767px) {
.breadcrumbs {
padding: 20px 18px;
}
}
.breadcrumbs__list {
list-style: none;
margin: 0;
padding: 0;
font-size: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
letter-spacing: 1px;
}
.breadcrumbs__item {
position: relative;
padding-right: 36px;
margin-right: 24px;
font-weight: 600;
}
@media only screen and (max-width: 1022px) {
.breadcrumbs__item {
padding-right: 20px;
margin-right: 8px;
}
}
@media only screen and (max-width: 767px) {
.breadcrumbs__item {
padding-right: 22px;
margin-right: 14px;
}
}
.breadcrumbs__item:last-child {
padding: 0;
margin: 0;
font-weight: 300;
color: var(--color-gray-1);
}
.breadcrumbs__item .icon-chevron-right {
width: 10px;
height: 12px;
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
}
@media only screen and (max-width: 767px) {
.breadcrumbs__item .icon-chevron-right {
width: 6px;
height: 8px;
}
}
.breadcrumbs__link {
position: relative;
}
@media only screen and (max-width: 767px) {
.breadcrumbs__link {
font-size: 10px;
}
}
@media only screen and (max-width: 767px) {
.breadcrumbs__link .icon-home {
width: 12px;
height: 14px;
}
}
.breadcrumbs__link:hover, .breadcrumbs__link:focus {
color: var(--color-primary);
}
.breadcrumbs__link:hover .icon-home::before, .breadcrumbs__link:focus .icon-home::before {
background-color: currentColor;
}
.breadcrumbs--secondary {
border-bottom: 0.5px solid #333a3a;
max-width: 694px;
padding: 0 0 32px;
}
@media only screen and (max-width: 1022px) {
.breadcrumbs--secondary {
border: none;
padding: 0 0 12px;
max-width: 100%;
}
}
@media only screen and (max-width: 767px) {
.breadcrumbs--secondary {
padding: 0 0 8px;
}
}
.breadcrumbs--secondary .breadcrumbs__item {
font-weight: 300;
}
.breadcrumbs--secondary .breadcrumbs__item.is-active {
font-weight: 600;
}
.breadcrumbs--secondary .breadcrumbs__item:last-child {
color: currentColor;
}
@media only screen and (max-width: 767px) {
.breadcrumbs--secondary .breadcrumbs__item {
padding-right: 16px;
margin-right: 10px;
}
}
@media only screen and (max-width: 767px) {
.breadcrumbs--secondary .breadcrumbs__item .icon-chevron-right {
width: 5px;
}
}
@media only screen and (max-width: 767px) {
.breadcrumbs--secondary .breadcrumbs__link {
font-size: 10px;
letter-spacing: 0.2px;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.cart-module .container {
padding: 0 60px;
}
}
@media (min-width: 1440px) {
.cart-module .container {
max-width: 1360px;
}
}
@media (min-width: 1681px) {
.cart-module .container {
max-width: 1560px;
}
}
.cart-module__top, .cart-module__middle {
display: grid;
grid-template-columns: 49.2% 1fr;
grid-gap: 100px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.cart-module__top, .cart-module__middle {
grid-template-columns: 52% 1fr;
grid-gap: 80px;
}
}
@media only screen and (max-width: 1439px) {
.cart-module__top, .cart-module__middle {
grid-gap: 50px;
}
}
@media only screen and (max-width: 1199px) {
.cart-module__top, .cart-module__middle {
grid-template-columns: 55% 1fr;
}
}
@media only screen and (max-width: 1022px) {
.cart-module__top, .cart-module__middle {
grid-template-columns: 1fr;
}
}
.cart-module__top {
padding-left: 10px;
margin-bottom: 34px;
}
@media only screen and (max-width: 1022px) {
.cart-module__top {
text-align: center;
padding: 0;
margin-bottom: 22px;
}
}
@media only screen and (max-width: 1022px) {
.cart-module__middle {
padding: 0 8px;
grid-gap: 15px;
}
}
.cart-module__heading .icon {
width: 60px;
height: 50px;
margin-bottom: 20px;
}
@media only screen and (max-width: 1022px) {
.cart-module__heading .icon {
width: 34px;
height: 28px;
margin: 0 auto;
}
}
@media only screen and (max-width: 767px) {
.cart-module__heading .icon {
margin-bottom: 8px;
}
}
.cart-module__heading .icon::before {
background-color: #c1eed0;
}
.cart-module__title {
margin-bottom: 14px;
}
@media only screen and (max-width: 767px) {
.cart-module__title {
font-size: 18px;
line-height: 1.25;
margin-bottom: 2px;
}
}
@media only screen and (max-width: 767px) {
.cart-module__text {
font-weight: 400;
}
}
.cart-module .free-shipping-indicator {
max-width: 578px;
margin-top: 104px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.cart-module .free-shipping-indicator {
padding: 0 32px;
}
}
@media only screen and (max-width: 1199px) {
.cart-module .free-shipping-indicator {
margin-top: 44px;
}
}
@media only screen and (max-width: 1022px) {
.cart-module .free-shipping-indicator {
margin-top: -32px;
padding: 0 34px;
}
}
@media only screen and (min-width: 1023px) {
.cart-module .free-shipping-indicator__inner {
grid-gap: 14px;
}
}
@media only screen and (min-width: 1023px) {
.cart-module .free-shipping-indicator__text {
font-size: 18px;
margin-bottom: 22px;
}
}
@media (min-width: 1200px) and (max-width: 1680px) {
.cart-module .free-shipping-indicator__text {
font-size: 16px;
margin-bottom: 16px;
}
}
@media only screen and (min-width: 1023px) {
.cart-module .free-shipping-indicator__progress-bar {
height: 24px;
}
}
@media (min-width: 1200px) and (max-width: 1680px) {
.cart-module .free-shipping-indicator__progress-bar {
height: 20px;
}
}
.cart-module .cart-view,
.cart-module .add-promo-code {
max-width: 100%;
}
.cart-module__sidebar {
box-shadow: 0px 0px 8px -2px rgba(0, 0, 0, 0.12);
border-radius: 20px;
background-color: var(--color-white);
padding: 40px 88px 50px 72px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.cart-module__sidebar {
padding: 40px 60px;
}
}
@media only screen and (max-width: 1439px) {
.cart-module__sidebar {
padding: 40px;
}
}
@media only screen and (max-width: 1199px) {
.cart-module__sidebar {
padding: 30px;
}
}
@media only screen and (max-width: 1022px) {
.cart-module__sidebar {
padding: 0;
border-radius: 0;
background-color: transparent;
box-shadow: none;
}
}
.cart-module__sidebar-footer {
border-top: 0.5px solid var(--color-text);
padding-top: 38px;
text-align: center;
}
@media only screen and (max-width: 1022px) {
.cart-module__sidebar-footer {
padding: 32px 20px 0;
}
}
.cart-module__sidebar-footer .btn {
width: 100%;
}
@media only screen and (min-width: 1023px) and (max-width: 1199px) {
.cart-module__sidebar-footer .btn {
font-size: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.cart-module__sidebar-footer .btn {
width: auto;
}
}
@media only screen and (min-width: 1200px) {
.cart-module__sidebar-footer .btn {
min-height: 64px;
letter-spacing: 1.03px;
border-radius: 36px;
}
.cart-module__sidebar-footer .btn:focus::after {
border-radius: 36px;
}
}
@media (min-width: 1200px) and (max-width: 1680px) {
.cart-module__sidebar-footer .btn {
min-height: 56px;
}
}
@media only screen and (max-width: 767px) {
.cart-module__sidebar-footer .btn {
min-height: 38px;
}
}
.cart-module__sidebar-info-text {
letter-spacing: 0.68px;
margin-top: 20px;
color: var(--color-black);
}
@media only screen and (max-width: 767px) {
.cart-module__sidebar-info-text {
font-size: 10px;
letter-spacing: 0.28px;
margin-top: 12px;
}
}
.cart-module__sidebar-info-text strong {
font-weight: 500;
}
.cart-module .add-promo-code {
padding-bottom: 30px;
border-bottom: 0.5px solid var(--color-text);
}
@media only screen and (max-width: 767px) {
.cart-module .add-promo-code {
padding-bottom: 16px;
}
}
.cart-module__summary {
padding: 48px 0;
display: grid;
grid-gap: 10px;
}
@media only screen and (max-width: 1199px) {
.cart-module__summary {
padding: 25px 0;
}
}
@media only screen and (max-width: 1022px) {
.cart-module__summary {
padding: 15px 0;
grid-gap: 5px;
}
}
.cart-module__summary del {
color: var(--color-red-2);
}
.cart-module__amount-row {
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 20px;
align-items: center;
letter-spacing: 1.01px;
line-height: 1.25;
}
@media only screen and (max-width: 1022px) {
.cart-module__amount-row {
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.cart-module__amount-row {
font-size: 14px;
}
}
.cart-module__amount-row-right {
letter-spacing: 0.89px;
}
.cart-module__amount-row--sub-total {
color: var(--color-primary);
border-top: 0.5px solid var(--color-text);
padding: 20px 0;
}
@media only screen and (max-width: 1022px) {
.cart-module__amount-row--sub-total {
padding: 10px 0;
}
}
.cart-module__amount-row--total {
border-top: 0.5px solid var(--color-text);
padding: 25px 0;
}
@media only screen and (max-width: 1022px) {
.cart-module__amount-row--total {
padding: 12px 0;
}
}
.cart-module__product-list {
margin-top: 130px;
}
@media only screen and (max-width: 1439px) {
.cart-module__product-list {
margin-top: 100px;
}
}
@media only screen and (max-width: 1199px) {
.cart-module__product-list {
margin-top: 50px;
}
}
@media only screen and (max-width: 767px) {
.cart-module__product-list {
margin-top: 40px;
}
}
.cart-module__product-list-title {
letter-spacing: normal;
margin-bottom: 70px;
}
@media only screen and (max-width: 1199px) {
.cart-module__product-list-title {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 767px) {
.cart-module__product-list-title {
font-size: 14px;
margin-bottom: 16px;
}
}
@media only screen and (max-width: 767px) {
.cart-module .product-card-slider .swiper-wrapper {
display: grid !important;
transform: translate3d(0, 0, 0) !important;
grid-gap: 6px;
justify-content: center;
}
}
@media only screen and (max-width: 767px) {
.cart-module .product-card-slider .product-card {
filter: drop-shadow(0 0.76px 3.81px rgba(0, 0, 0, 0.25));
box-shadow: none;
width: 218px;
}
}
@media only screen and (max-width: 767px) {
.cart-module .product-card-slider .product-card--secondary .product-card__body {
font-size: 14px;
padding-bottom: 14px;
}
}
.cart-module__empty {
display: none;
}
.cart-module__empty-inner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 468px;
width: 100%;
margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
.cart-module__empty-inner {
margin-top: 30px;
max-width: 400px;
}
}
@media only screen and (max-width: 767px) {
.cart-module__empty-inner {
margin-top: 25px;
max-width: 304px;
}
}
.cart-module__empty .icon {
margin-bottom: 36px;
width: 90px;
height: 72px;
}
@media only screen and (max-width: 1439px) {
.cart-module__empty .icon {
width: 80px;
height: 70px;
}
}
@media only screen and (max-width: 1022px) {
.cart-module__empty .icon {
width: 60px;
height: 50px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.cart-module__empty .icon {
width: 34px;
height: 28px;
margin-bottom: 5px;
}
}
.cart-module__empty .icon::before {
background-color: #c1eed0;
}
.cart-module__empty-title {
margin-bottom: 45px;
}
@media only screen and (max-width: 1439px) {
.cart-module__empty-title {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 1022px) {
.cart-module__empty-title {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.cart-module__empty-title {
font-size: 18px;
margin-bottom: 12px;
}
}
.cart-module__empty-text {
font-weight: 300;
color: var(--color-black);
line-height: 1.52;
}
@media only screen and (max-width: 767px) {
.cart-module__empty-text {
font-size: 14px;
line-height: 1.52;
padding: 0 10px;
}
}
.cart-module__empty .btn {
margin-top: 52px;
width: 100%;
}
@media only screen and (max-width: 1199px) {
.cart-module__empty .btn {
margin-top: 30px;
}
}
@media only screen and (max-width: 767px) {
.cart-module__empty .btn {
margin-top: 26px;
}
}
@media only screen and (min-width: 1200px) {
.cart-module__empty .btn {
font-size: 22px;
min-height: 68px;
border-radius: 61px;
letter-spacing: 1.78px;
}
.cart-module__empty .btn:focus::after {
border-radius: 61px;
}
}
@media (min-width: 1200px) and (max-width: 1680px) {
.cart-module__empty .btn {
font-size: 20px;
min-height: 60px;
margin-top: 40px;
}
}
.cart-module--empty .cart-module__inner {
display: none;
}
.cart-module--empty .cart-module__empty {
display: block;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.choose-size .container {
padding: 0 60px;
}
}
@media (min-width: 1440px) {
.choose-size .container {
max-width: 1360px;
}
}
@media (min-width: 1681px) {
.choose-size .container {
max-width: 1460px;
}
}
@media only screen and (min-width: 1200px) {
.choose-size .section-header .editor-text {
margin-top: 68px;
}
}
@media only screen and (max-width: 1199px) {
.choose-size .section-header .editor-text {
margin-top: 40px;
}
}
@media only screen and (max-width: 767px) {
.choose-size .section-header .editor-text {
margin-top: 24px;
}
}
@media only screen and (max-width: 767px) {
.choose-size .section-header__title {
font-size: 20px;
line-height: 1.54;
}
}
@media only screen and (min-width: 768px) {
.choose-size .swiper {
padding: 0 10px 15px;
}
}
@media only screen and (max-width: 1022px) {
.choose-size .swiper {
overflow: visible;
}
}
.choose-size .swiper-slide {
display: flex;
flex-direction: column;
height: auto;
}
@media only screen and (max-width: 1022px) {
.choose-size .swiper-slide {
width: auto;
}
}
.choose-size__inner {
position: relative;
}
.choose-size__item {
display: flex;
flex-direction: column;
max-width: 318px;
width: 100%;
height: 100%;
border-radius: 20px;
box-shadow: -4px 2px 14px -6px rgba(51, 58, 58, 0.12);
padding: 62px 18px 12px;
background-color: var(--color-white);
user-select: none;
}
@media only screen and (max-width: 767px) {
.choose-size__item {
max-width: 100%;
width: 150px;
padding: 25px 5px 6px;
border-radius: 10px;
}
}
.choose-size__image {
height: 185px;
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.choose-size__image {
max-width: 100px;
width: 100px;
height: 100px;
margin: 0 auto 10px;
}
}
.choose-size__image img {
width: auto;
height: auto;
object-fit: contain;
}
.choose-size__detail {
padding: 0 6px;
}
.choose-size__detail-title {
margin-bottom: 15px;
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.choose-size__detail-title {
margin-bottom: 8px;
}
}
.choose-size__detail-text {
font-weight: 300;
line-height: 1.65;
}
@media only screen and (max-width: 767px) {
.choose-size__detail-text {
font-size: 12px;
line-height: 1.35;
}
}
.choose-size__content {
font-weight: 300;
}
@media only screen and (min-width: 768px) {
.choose-size__content {
text-align: center;
}
}
.choose-size__content .editor-text {
line-height: 1.6;
}
.choose-size__content .editor-text a {
font-weight: 600;
text-decoration: none;
color: var(--color-primary);
}
.collection-module__item::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.collection-module__content {
position: relative;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
gap: 44px;
z-index: 5;
}
@media only screen and (max-width: 1199px) {
.collection-module__content {
gap: 20px;
}
}
@media only screen and (max-width: 767px) {
.collection-module__content {
gap: 16px;
}
}
.collection-module__content-title {
letter-spacing: 1.75px;
}
@media only screen and (max-width: 767px) {
.collection-module__content-title {
letter-spacing: 0.25px;
}
}
.collection-module__item {
position: relative;
display: flex;
justify-content: center;
align-items: center;
min-height: 964px;
width: 100%;
padding: 50px 20px;
font-weight: 700;
color: var(--color-white);
}
@media (min-width: 1200px) and (max-width: 1680px) {
.collection-module__item {
min-height: 780px;
}
}
@media only screen and (max-width: 1439px) {
.collection-module__item {
min-height: 780px;
}
}
@media only screen and (max-width: 1199px) {
.collection-module__item {
min-height: 500px;
}
}
@media only screen and (max-width: 1022px) {
.collection-module__item {
min-height: 468px;
}
}
.collection-module__item::before {
background-color: rgba(64, 64, 64, 0.3);
z-index: 3;
}
@media only screen and (min-width: 1200px) {
.collection-module__item .btn {
font-size: 23px;
min-width: 386px;
min-height: 76px;
border-radius: 40px;
letter-spacing: 1.03px;
}
}
@media (min-width: 1200px) and (max-width: 1680px) {
.collection-module__item .btn {
font-size: 18px;
min-width: 341px;
min-height: 64px;
}
}
@media only screen and (max-width: 767px) {
.collection-module__item .btn {
font-size: 12px;
min-width: 220px;
min-height: 30px;
letter-spacing: 1.5px;
}
}
@media only screen and (min-width: 1200px) {
.collection-module__item .btn::after {
width: calc(100% - 10px);
height: calc(100% - 10px);
top: 5px;
left: 5px;
}
}
@media only screen and (min-width: 1200px) {
.collection-module__item .btn:hover::after {
width: 100%;
height: 100%;
top: 0;
left: 0;
}
}
@media only screen and (min-width: 1200px) {
.collection-module__item .btn:focus::after {
height: calc(100% + 6px);
width: calc(100% + 6px);
top: -3px;
left: -3px;
border-radius: 40px;
}
}
.collection-module__item--secondary {
border-radius: 0 0 20px 20px;
}
@media only screen and (min-width: 1440px) {
.collection-module__item--secondary {
min-height: 1000px;
}
}
@media (min-width: 1200px) and (max-width: 1680px) {
.collection-module__item--secondary {
min-height: 780px;
}
}
@media only screen and (max-width: 1022px) {
.collection-module__item--secondary {
border-radius: 0;
min-height: 340px;
}
}
@media only screen and (min-width: 1200px) {
.collection-module__item--secondary .collection-module__content {
gap: 34px;
}
}
@media only screen and (max-width: 767px) {
.collection-module__item--secondary .collection-module__content {
gap: 12px;
}
}
@media only screen and (max-width: 767px) {
.collection-module__item--secondary .collection-module__content-title {
line-height: 1.11;
letter-spacing: 1.25px;
}
}
.collection-module__list {
display: grid;
grid-gap: 15px;
}
@media only screen and (max-width: 1022px) {
.collection-module__list {
grid-gap: 10px;
}
}
@media only screen and (max-width: 767px) {
.collection-module__list {
grid-gap: 8px;
}
}
.collection-module__list-item--two-col {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 16px;
}
@media only screen and (max-width: 1022px) {
.collection-module__list-item--two-col {
grid-gap: 10px;
}
}
@media only screen and (min-width: 1440px) {
.collection-module__list-item--two-col .collection-module__item {
min-height: 934px;
}
}
@media only screen and (min-width: 1200px) {
.collection-module__list-item--two-col .collection-module__item {
padding: 10px 40px 10px 10px;
}
}
@media only screen and (max-width: 1022px) {
.collection-module__list-item--two-col .collection-module__item {
min-height: 284px;
}
}
@media only screen and (max-width: 767px) {
.collection-module__list-item--two-col .collection-module__item {
padding: 40px 0;
}
}
@media only screen and (max-width: 767px) {
.collection-module__list-item--two-col .collection-module__content {
padding: 0 40px;
gap: 8px;
}
.collection-module__list-item--two-col .collection-module__content-title {
font-size: 25px;
letter-spacing: 0.45px;
line-height: 1.1;
}
.collection-module__list-item--two-col .collection-module__content .btn {
font-size: 10px;
min-width: 150px;
min-height: 24px;
padding: 5px 22px;
}
}
@media only screen and (min-width: 1023px) {
.collection-module__button {
padding: 26px 0;
}
}
@media only screen and (max-width: 767px) {
.collection-module__button {
padding: 2px 0 12px;
}
}
.collection-module__button .btn {
min-width: 306px;
}
@media only screen and (max-width: 767px) {
.collection-module__button .btn {
font-size: 12px;
letter-spacing: 0.06em;
min-width: 224px;
min-height: 35px;
}
}
.contact-form {
position: relative;
}
.contact-form .form-component {
padding: 0;
}
@media only screen and (max-width: 1022px) {
.contact-form .form-component {
padding-bottom: 30px;
}
}
.contact-form .form-component__row {
grid-gap: 22px;
}
@media only screen and (max-width: 767px) {
.contact-form .form-component__row {
grid-gap: 12px;
}
}
@media only screen and (max-width: 1022px) {
.contact-form .form-component__row.col-6 {
grid-template-columns: 1fr;
}
}
.contact-form .form-component__form {
max-width: 462px;
}
.contact-form .form-component .mod-input--secondary textarea.mod-input__field {
height: auto;
min-height: 286px;
padding: 28px 28px 4px;
}
@media only screen and (max-width: 1022px) {
.contact-form .form-component .mod-input--secondary textarea.mod-input__field {
min-height: 196px;
}
}
.contact-form .form-component .mod-input--secondary .mod-input__inner {
display: block;
font-size: 0;
}
.contact-form .form-component__submit {
margin-top: 26px;
}
.contact-form .form-component__submit .btn {
min-width: 306px;
min-height: 60px;
font-size: 18px;
border-radius: 50px;
}
@media only screen and (max-width: 1022px) {
.content-module__inner {
text-align: left;
}
}
.content-module .editor-text {
font-weight: 300;
}
.content-module .editor-text p {
line-height: 1.6;
}
@media only screen and (max-width: 767px) {
.content-module .editor-text p {
line-height: 1.7;
}
}
.content-module .editor-text p,
.content-module .editor-text ul,
.content-module .editor-text ol {
margin-top: 26px;
margin-bottom: 26px;
}
.content-module .editor-text p:first-child,
.content-module .editor-text ul:first-child,
.content-module .editor-text ol:first-child {
margin-top: 0;
}
.content-module .editor-text p:last-child,
.content-module .editor-text ul:last-child,
.content-module .editor-text ol:last-child {
margin-bottom: 0;
}
.content-module .editor-text ol,
.content-module .editor-text ul {
display: grid;
grid-gap: 11px;
}
@media only screen and (max-width: 767px) {
.content-module .editor-text ol,
.content-module .editor-text ul {
grid-gap: 7px;
}
}
.content-module .editor-text ol li,
.content-module .editor-text ul li {
padding-left: 36px;
line-height: 1.54;
letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
.content-module .editor-text ol li,
.content-module .editor-text ul li {
padding-left: 12px;
font-size: 14px;
line-height: 1.43;
}
}
.content-module .editor-text ol li::before,
.content-module .editor-text ul li::before {
width: 12px;
height: 12px;
background-color: var(--color-primary);
top: calc(0.5em + 2px);
left: 12px;
}
@media only screen and (min-width: 1023px) and (max-width: 1199px) {
.content-module .editor-text ol li::before,
.content-module .editor-text ul li::before {
top: calc(0.5em - 1px);
}
}
@media only screen and (max-width: 767px) {
.content-module .editor-text ol li::before,
.content-module .editor-text ul li::before {
left: 0;
width: 6px;
height: 6px;
top: calc(0.5em + 1px);
}
}
.detail-module {
position: relative;
}
@media only screen and (min-width: 1200px) {
.detail-module .container {
max-width: 1120px;
}
}
@media only screen and (min-width: 1200px) {
.detail-module .highlighted-content {
width: calc(100% + 70px);
left: 50%;
transform: translateX(-50%);
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.detail-module .accordion-list .container {
padding: 0;
}
}
@media only screen and (max-width: 767px) {
.detail-module .accordion-list .accordion__title {
min-height: 38px;
padding: 12px 50px 10px 20px;
line-height: normal;
}
}
@media only screen and (max-width: 767px) {
.detail-module .accordion-list .accordion__title .icon {
right: 15px;
}
}
@media only screen and (max-width: 767px) {
.detail-module .accordion-list .accordion__content-inner {
padding: 4px 10px 5px 20px;
}
}
@media only screen and (max-width: 767px) {
.detail-module .accordion-list .accordion__content-inner .editor-text p {
line-height: 1.4;
}
}
.detail-module__footer .editor-text p {
letter-spacing: -0.4px;
}
.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 {
color: var(--color-darkblue);
font-weight: 700;
}
.editor-text h1 {
font-size: 38px;
line-height: 1.2;
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.editor-text h1 {
font-size: 32px;
}
}
@media only screen and (max-width: 767px) {
.editor-text h1 {
font-size: 25px;
}
}
.editor-text h2 {
font-size: 28px;
line-height: 1.2;
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.editor-text h2 {
font-size: 26px;
}
}
@media only screen and (max-width: 767px) {
.editor-text h2 {
font-size: 24px;
}
}
.editor-text h3 {
font-size: 25px;
line-height: 1.2;
}
@media only screen and (min-width: 768px) 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: 22px;
line-height: 1.3;
}
@media only screen and (max-width: 767px) {
.editor-text h4 {
font-size: 18px;
}
}
.editor-text h5 {
font-size: 20px;
line-height: 1.4;
}
@media only screen and (max-width: 767px) {
.editor-text h5 {
font-size: 18px;
}
}
.editor-text h6 {
font-size: 18px;
line-height: 1.4;
}
@media only screen and (max-width: 767px) {
.editor-text h6 {
font-size: 16px;
}
}
.editor-text ol li:before {
color: inherit;
font-size: inherit;
font-weight: inherit;
letter-spacing: 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 {
font-weight: 700;
margin-bottom: 30px;
}
* + .editor-text h1,
* + .editor-text h2,
* + .editor-text h3,
* + .editor-text h4,
* + .editor-text h5,
* + .editor-text h6 {
margin-top: 40px;
}
.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: 1.5em;
margin-bottom: 1.5em;
}
.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-primary);
text-decoration: underline;
}
.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 li:before {
content: "";
border-radius: 100%;
width: 6px;
height: 6px;
background-color: currentColor;
color: inherit;
top: calc(0.5em + 4px);
}
.editor-text ol {
counter-reset: ol_text_counter;
}
.editor-text ol li {
counter-increment: ol_text_counter;
}
.editor-text ol li:before {
content: counter(ol_text_counter) ".";
font-size: inherit;
position: absolute;
left: 0;
}
.editor-text table {
border: 1px solid;
width: 100%;
}
.editor-text table tr {
border-bottom: 1px solid;
}
.editor-text table th,
.editor-text table td {
padding: 0.5em;
height: auto !important;
}
.editor-text table th:not(:first-child),
.editor-text table td:not(:first-child) {
border-left: 1px solid;
}
.editor-text blockquote p {
margin: 0 !important;
}
.features-module {
background: #f5f0ed;
padding: 60px 0;
}
@media only screen and (max-width: 1022px) {
.features-module {
padding: 48px 0;
}
}
@media (min-width: 1200px) and (max-width: 1680px) {
.features-module .container {
padding: 48px 60px;
}
}
@media (min-width: 1440px) {
.features-module .container {
max-width: 1360px;
}
}
@media (min-width: 1520px) {
.features-module .container {
max-width: 1440px;
}
}
@media (min-width: 1681px) {
.features-module .container {
max-width: 1590px;
}
}
.features-module__inner {
position: relative;
}
.features-module__item {
display: grid;
grid-template-columns: 40px auto;
align-items: center;
grid-gap: 10px;
user-select: none;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.features-module__item {
grid-template-columns: 28px auto;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1199px) {
.features-module__item {
grid-template-columns: 1fr;
}
}
@media only screen and (max-width: 767px) {
.features-module__item {
grid-template-columns: 26px auto;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1199px) {
.features-module__item-icon {
width: 30px;
height: 30px;
}
}
.features-module__item-icon img {
height: auto;
width: auto;
object-fit: contain;
}
.features-module__info-title {
font-weight: 700;
letter-spacing: 0.7px;
line-height: 1.4;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.features-module__info-title {
font-size: 16px;
}
}
.features-module__info-text {
font-weight: 300;
letter-spacing: 0.8px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.features-module__info-text {
font-size: 10px;
}
}
.features-module__info-text a:hover {
color: #212121;
}
@media only screen and (max-width: 1022px) {
.features-module .swiper {
overflow: visible;
}
}
@media only screen and (max-width: 767px) {
.features-module .swiper {
padding-left: 28px;
}
}
@media only screen and (max-width: 1022px) {
.features-module .swiper-slide {
width: auto;
}
}
.features-module__illustrator-image {
position: relative;
width: 100%;
height: 30px;
margin-top: 110px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1733' height='28' viewBox='0 0 1733 28' fill='none'%3E%3Cpath d='M1733 26.9917C1719.37 26.9917 1712.41 19.905 1706.28 13.6513C1700.34 7.59232 1694.71 1.86493 1683.69 1.86493C1672.68 1.86493 1667.06 7.58818 1661.11 13.6513C1654.98 19.905 1648.03 26.9917 1634.4 26.9917C1620.77 26.9917 1613.82 19.905 1607.69 13.6513C1601.75 7.59232 1596.14 1.86907 1585.13 1.86907C1574.12 1.86907 1568.5 7.59232 1562.56 13.6513C1556.42 19.905 1549.47 26.9917 1535.84 26.9917C1522.21 26.9917 1515.27 19.905 1509.14 13.6513C1503.2 7.59232 1497.59 1.86493 1486.58 1.86493C1475.56 1.86493 1469.95 7.58818 1464 13.6513C1457.87 19.905 1450.92 26.9917 1437.29 26.9917C1423.67 26.9917 1416.72 19.905 1410.58 13.6513C1404.64 7.59232 1399.03 1.86907 1388.02 1.86907C1377 1.86907 1371.39 7.59233 1365.45 13.6554C1359.32 19.9091 1352.36 26.9959 1338.75 26.9959C1325.13 26.9959 1318.17 19.9091 1312.04 13.6554C1306.1 7.59647 1300.49 1.87322 1289.48 1.87322C1278.47 1.87322 1272.86 7.59647 1266.91 13.6596C1260.78 19.9133 1253.83 27 1240.2 27C1226.58 27 1219.63 19.9133 1213.5 13.6596C1207.56 7.60061 1201.95 1.87322 1190.93 1.87322C1179.92 1.87322 1174.31 7.59647 1168.37 13.6554C1162.24 19.9091 1155.29 26.9959 1141.67 26.9959C1128.05 26.9959 1121.1 19.9091 1114.97 13.6554C1109.03 7.59647 1103.42 1.86907 1092.4 1.86907C1081.39 1.86907 1075.78 7.59233 1069.84 13.6554C1063.71 19.9091 1056.75 26.9959 1043.14 26.9959C1029.52 26.9959 1022.57 19.9091 1016.43 13.6554C1010.5 7.59647 1004.88 1.86907 993.87 1.86907C982.856 1.86907 977.256 7.59232 971.317 13.6513C965.186 19.905 958.241 26.9917 944.622 26.9917C931.003 26.9917 924.052 19.905 917.921 13.6513C911.976 7.59232 906.364 1.86493 895.35 1.86493C884.337 1.86493 878.731 7.58818 872.786 13.6513C866.655 19.905 859.704 26.9917 846.079 26.9917C832.455 26.9917 825.504 19.905 819.373 13.6513C813.433 7.59232 807.822 1.86907 796.808 1.86907C785.794 1.86907 780.188 7.59233 774.244 13.6554C768.112 19.9091 761.162 26.9959 747.537 26.9959C733.912 26.9959 726.967 19.9091 720.836 13.6554C714.897 7.59647 709.285 1.86907 698.271 1.86907C687.258 1.86907 681.646 7.59233 675.707 13.6554C669.576 19.9091 662.625 26.9959 649 26.9959C635.376 26.9959 628.431 19.9091 622.294 13.6554C616.354 7.59647 610.743 1.86907 599.729 1.86907C588.715 1.86907 583.109 7.59232 577.17 13.6513C571.039 19.905 564.088 26.9917 550.464 26.9917C536.839 26.9917 529.894 19.905 523.763 13.6513C517.823 7.59232 512.212 1.86493 501.198 1.86493C490.184 1.86493 484.578 7.58818 478.634 13.6513C472.502 19.905 465.551 26.9917 451.933 26.9917C438.314 26.9917 431.363 19.905 425.231 13.6513C419.292 7.59232 413.681 1.86907 402.673 1.86907C391.665 1.86907 386.053 7.59232 380.108 13.6513C373.977 19.905 367.026 26.9917 353.401 26.9917C339.777 26.9917 332.832 19.905 326.706 13.6513C320.767 7.59232 315.155 1.86493 304.147 1.86493C293.139 1.86493 287.522 7.58818 281.577 13.6513C275.446 19.905 268.501 26.9917 254.876 26.9917C241.251 26.9917 234.306 19.905 228.175 13.6513C222.236 7.59232 216.624 1.86493 205.616 1.86493C194.608 1.86493 188.997 7.58818 183.057 13.6471C176.926 19.9008 169.975 26.9876 156.356 26.9876C142.737 26.9876 135.787 19.9008 129.655 13.6471C123.716 7.58818 118.105 1.86493 107.102 1.86493C96.0996 1.86493 90.4825 7.58818 84.5433 13.6513C78.4119 19.905 71.4612 26.9917 57.8423 26.9917C44.2233 26.9917 37.2726 19.905 31.1412 13.6513C25.202 7.59232 19.5906 1.86493 8.57674 1.86493C-2.43708 1.86493 -8.0429 7.58818 -13.9765 13.6513C-20.1078 19.905 -27.0529 26.9917 -40.6718 26.9917C-54.2908 26.9917 -61.2415 19.905 -67.3729 13.6513C-73.3121 7.59232 -78.9235 1.86493 -89.9317 1.86493C-100.94 1.86493 -106.551 7.58818 -112.491 13.6513C-118.622 19.905 -125.567 26.9917 -139.186 26.9917C-152.805 26.9917 -159.756 19.905 -165.881 13.6513C-171.821 7.59232 -177.432 1.86493 -188.435 1.86493C-199.437 1.86493 -205.054 7.58818 -210.993 13.6513C-217.125 19.905 -224.075 26.9917 -237.694 26.9917C-251.313 26.9917 -258.264 19.905 -264.39 13.6513C-270.329 7.59232 -275.94 1.86493 -286.949 1.86493C-297.957 1.86493 -303.563 7.58818 -309.502 13.6471C-315.633 19.9008 -322.578 26.9876 -336.197 26.9876C-349.816 26.9876 -356.767 19.9008 -362.893 13.6471C-368.832 7.59233 -374.443 1.86907 -385.451 1.86907C-386.858 1.86907 -388 1.03193 -388 0' stroke='%23BBBBBB' stroke-width='2' stroke-miterlimit='10' stroke-dasharray='7 7'/%3E%3C/svg%3E") repeat-x center/contain;
pointer-events: none;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.features-module__illustrator-image {
margin-top: 80px;
}
}
@media only screen and (max-width: 1199px) {
.features-module__illustrator-image {
height: 20px;
margin-top: 50px;
}
}
@media only screen and (max-width: 1022px) {
.features-module__illustrator-image {
display: none;
}
}
.footer {
color: #fffdfb;
background-color: #212121;
position: relative;
width: 100%;
font-size: 16px;
line-height: 1.5;
z-index: 9;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.footer {
font-size: 14px;
}
}
.footer a {
color: #fffdfb;
transition: 0.3s ease;
}
.footer a:hover {
color: #c1eed0;
}
.footer .title--h6 {
font-size: 16px;
color: currentColor;
text-transform: uppercase;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.footer .title--h6 {
font-size: 14px;
}
}
@media (min-width: 1920px) {
.footer .container {
max-width: 1696px;
}
}
@media (min-width: 1500px) and (max-width: 1919px) {
.footer .container {
max-width: calc(100% - 260px);
}
}
@media (min-width: 1441px) and (max-width: 1499px) {
.footer .container {
max-width: calc(100% - 180px);
}
}
@media (min-width: 1201px) and (max-width: 1440px) {
.footer .container {
max-width: calc(100% - 140px);
}
}
@media (max-width: 1200px) {
.footer .container {
max-width: calc(100% - 120px);
}
}
@media only screen and (max-width: 1199px) {
.footer .container {
max-width: calc(100% - 70px);
}
}
@media only screen and (max-width: 767px) {
.footer .container {
max-width: calc(100% - 40px);
}
}
.footer-logo {
max-width: 170px;
display: block;
transition: 0.3s ease;
margin-bottom: 12px;
width: 100%;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.footer-logo {
max-width: 140px;
}
}
@media only screen and (max-width: 767px) {
.footer-logo {
max-width: 120px;
}
}
.footer-logo:hover {
opacity: 0.5;
}
.footer-logo img {
width: 100%;
height: auto;
}
.footer__top {
padding: 80px 0 60px;
}
@media only screen and (max-width: 1022px) {
.footer__top {
padding: 28px 20px;
overflow-x: auto;
-ms-overflow-style: none; scrollbar-width: none; }
.footer__top::-webkit-scrollbar {
display: none;
}
}
.footer__top-content {
display: flex;
gap: 40px;
justify-content: space-between;
}
@media only screen and (max-width: 1022px) {
.footer__top-content {
justify-content: flex-start;
gap: 0;
}
}
.footer__top-item {
display: grid;
grid-template-columns: 36px 1fr;
grid-gap: 20px;
font-size: 13px;
font-weight: 300;
align-items: start;
}
@media only screen and (max-width: 1022px) {
.footer__top-item {
white-space: nowrap;
padding-right: 40px;
}
}
.footer__top-item span {
display: block;
font-weight: 700;
font-size: 18px;
line-height: 1.2;
margin-top: -4px;
margin-bottom: 4px;
}
@media only screen and (max-width: 1022px) {
.footer__top-item span {
margin-top: -6px;
}
}
@media only screen and (max-width: 1022px) {
.footer__top-item__text > br {
display: none;
}
}
.footer__newsletter {
padding: 36px 0;
border-top: 0.5px solid #fffdfb;
}
@media only screen and (max-width: 1022px) {
.footer__newsletter {
padding: 44px 0 60px;
}
}
.footer__newsletter-form ::-webkit-input-placeholder {
color: #ffffff;
opacity: 1;
}
.footer__newsletter-form :-ms-input-placeholder {
color: #ffffff;
opacity: 1;
}
.footer__newsletter-form ::placeholder {
color: #ffffff;
opacity: 1;
}
@media only screen and (max-width: 1022px) {
.footer__newsletter-form {
position: relative;
padding-bottom: 68px;
max-width: 320px;
margin: 0 auto;
}
}
.footer__newsletter-form .btn {
background-color: #ffffff;
color: #212121;
}
@media only screen and (max-width: 1022px) {
.footer__newsletter-form .btn {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
}
}
.footer__newsletter-form .checkbox a {
color: #ffffff;
}
.footer__newsletter-form .checkbox a:hover {
color: #c1eed0;
}
.footer__newsletter-form .checkbox input:checked ~ label:before {
background-color: #c1eed0;
border-color: #c1eed0;
}
.footer__newsletter .mod-input__field {
border-width: 1px;
color: var(--color-primary-bg);
border-color: var(--color-primary-bg);
}
@media only screen and (max-width: 1022px) {
.footer__newsletter .mod-input__field {
font-size: 13px;
}
}
.footer__newsletter-title {
margin-bottom: 28px;
}
@media only screen and (max-width: 1022px) {
.footer__newsletter-title {
display: none;
}
}
.footer__newsletter-inputs {
display: grid;
grid-template-columns: 1fr 1fr auto;
grid-gap: 32px;
align-items: flex-start;
max-width: 75%;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
.footer__newsletter-inputs {
grid-gap: 20px;
max-width: 90%;
}
}
@media only screen and (max-width: 1199px) {
.footer__newsletter-inputs {
max-width: 100%;
grid-gap: 12px;
}
}
@media only screen and (max-width: 1022px) {
.footer__newsletter-inputs {
grid-template-columns: 1fr;
grid-gap: 4px;
}
}
.footer__newsletter .fv-plugins-message-container {
margin: 0 auto;
color: #f09581;
text-align: center;
margin-top: 8px;
font-size: 12px;
font-weight: 500;
max-width: 80%;
padding: 0;
}
.footer__newsletter .checkbox.is-validation-failed .checkbox__label::before,
.footer__newsletter .is-validation-failed .checkbox .checkbox__label::before {
border-color: #f09581;
}
.footer__newsletter-checkbox {
margin-top: 16px;
padding-left: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
.footer__newsletter-checkbox {
margin-top: 8px;
padding-left: 0;
}
}
@media only screen and (max-width: 1022px) {
.footer__newsletter-checkbox {
margin-top: 4px;
padding-left: 0;
}
}
.footer__newsletter-checkbox .fv-plugins-message-container {
margin: auto;
text-align: left;
padding: 0;
max-width: 100%;
}
.footer__newsletter-checkbox .checkbox__label {
display: inline-block;
}
.footer__newsletter-checkbox .checkbox__label a:hover {
color: var(--color-white);
}
.footer__newsletter-thank-you {
margin: 0 auto;
text-align: center;
font-size: 16px;
font-weight: 500;
display: none;
}
.footer__newsletter.show-thankyou .footer__newsletter-form {
display: none;
}
.footer__newsletter.show-thankyou .footer__newsletter-thank-you {
display: block;
}
.footer__contact-item {
display: grid;
grid-template-columns: 26px auto;
grid-gap: 18px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.footer__contact-item {
grid-template-columns: 20px auto;
grid-gap: 10px;
}
}
.footer__contact-item__icon {
text-align: center;
}
.footer__column {
position: relative;
}
.footer__column:after {
content: "";
position: absolute;
top: 24px;
right: 24px;
height: 14px;
width: 14px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='9' fill='none'%3E%3Cpath fill='%23ffffff' d='M14.487.387a1.317 1.317 0 0 0-1.865 0L7.49 5.519 2.358.387a1.317 1.317 0 0 0-1.864 0 1.317 1.317 0 0 0 0 1.865l6.07 6.07c.516.516 1.35.516 1.865 0l6.071-6.07c.503-.503.503-1.35-.013-1.865Z'/%3E%3C/svg%3E") no-repeat center/14px;
pointer-events: none;
display: none;
transition: 0.3s ease;
}
@media only screen and (max-width: 767px) {
.footer__column:after {
display: block;
}
}
.footer__column.is-open:after {
transform: scaleY(-1);
}
@media only screen and (max-width: 767px) {
.footer__column {
border-top: 0.5px solid #ffffff;
}
}
.footer__column--with-images:after {
display: none;
}
@media only screen and (max-width: 767px) {
.footer__column--with-images {
padding: 0 0 28px 0;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.footer__column-title.desktop {
display: none;
}
}
.footer__column-title.mobile {
display: none;
padding: 20px 40px;
}
@media only screen and (max-width: 767px) {
.footer__column-title.mobile {
display: block;
}
}
.footer__column-links {
display: grid;
grid-template-columns: auto;
grid-gap: 10px;
justify-items: start;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.footer__column-links {
grid-gap: 8px;
}
}
@media only screen and (max-width: 767px) {
.footer__column-links {
display: none;
will-change: height, padding;
padding: 0 40px 28px 40px;
}
}
.footer__column-badges {
display: flex;
align-items: center;
gap: 20px;
}
@media only screen and (max-width: 1199px) {
.footer__column-badges {
flex-wrap: wrap;
}
}
@media only screen and (max-width: 767px) {
.footer__column-badges {
justify-content: center;
margin-top: 8px;
}
}
.footer__column-badges img {
height: 60px;
object-fit: contain;
}
.footer__column-socials {
display: flex;
align-items: center;
gap: 32px;
margin-top: 28px;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.footer__column-socials {
justify-content: center;
margin-top: 0;
}
}
.footer__column-socials i:before {
background-color: #ffffff;
}
.footer__column-socials i:hover:before {
background-color: #c1eed0;
}
.footer__content {
display: flex;
gap: 20px;
justify-content: space-between;
align-items: start;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
.footer__content {
display: grid;
grid-template-columns: 1fr 3fr;
grid-gap: 40px 20px;
}
}
@media only screen and (max-width: 1199px) {
.footer__content {
display: grid;
grid-template-columns: 1fr;
grid-gap: 40px;
}
}
@media only screen and (max-width: 767px) {
.footer__content {
grid-gap: 0;
}
}
.footer__content .title {
margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
.footer__content .title {
margin-bottom: 0;
}
}
.footer__main {
padding: 80px 0;
border-top: 0.5px solid #fffdfb;
}
@media only screen and (max-width: 1199px) {
.footer__main {
padding: 40px 0;
}
}
@media only screen and (max-width: 767px) {
.footer__main {
padding: 0;
border-top: none;
}
}
@media only screen and (max-width: 767px) {
.footer__main .container {
padding: 0;
max-width: 100%;
}
}
.footer__right {
display: grid;
grid-template-columns: 42% 1fr;
grid-gap: 72px 20px;
width: 480px;
flex-shrink: 0;
}
@media (max-width: 1670px) {
.footer__right {
grid-gap: 24px 20px;
width: auto;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
.footer__right {
grid-column: 1/3;
grid-template-columns: repeat(4, 1fr);
grid-gap: 60px;
width: 100%;
}
}
@media only screen and (max-width: 1199px) {
.footer__right {
grid-column: 1;
grid-template-columns: repeat(4, 1fr);
grid-gap: 60px;
width: 100%;
}
}
@media only screen and (max-width: 1022px) {
.footer__right {
grid-template-columns: repeat(2, 1fr);
grid-gap: 40px;
}
}
@media only screen and (max-width: 767px) {
.footer__right {
grid-template-columns: 1fr;
grid-gap: 0;
}
}
.footer__left {
max-width: 236px;
width: 100%;
flex-shrink: 0;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.footer__left {
max-width: 200px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
.footer__left {
max-width: 100%;
}
}
@media only screen and (max-width: 1199px) {
.footer__left {
max-width: 100%;
}
}
.footer__mid {
display: flex;
gap: 60px 40px;
justify-content: space-between;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
.footer__mid {
display: grid;
grid-gap: 60px;
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width: 1199px) {
.footer__mid {
grid-column: 1;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 60px;
}
}
@media only screen and (max-width: 1022px) {
.footer__mid {
grid-template-columns: repeat(3, 1fr);
grid-gap: 40px;
}
}
@media only screen and (max-width: 767px) {
.footer__mid {
grid-template-columns: 1fr;
grid-gap: 0;
}
}
.footer__bottom {
padding: 24px 0;
font-size: 14px;
border-top: 0.5px solid #ffffff;
}
@media only screen and (max-width: 1022px) {
.footer__bottom {
padding: 0;
}
}
@media only screen and (max-width: 1022px) {
.footer__bottom .container {
max-width: 100%;
padding: 0;
}
}
.footer__bottom-cards {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}
@media only screen and (max-width: 1022px) {
.footer__bottom-cards {
gap: 12px;
padding: 20px;
width: 100%;
justify-content: center;
}
}
.footer__bottom-content {
display: flex;
align-items: center;
justify-content: space-between;
}
@media only screen and (max-width: 1022px) {
.footer__bottom-content {
flex-direction: column;
gap: 0;
}
}
.footer__bottom-card {
height: 28px;
}
@media only screen and (max-width: 1022px) {
.footer__bottom-card {
height: 24px;
}
}
.footer__bottom-card img {
transition: 0.2s cubic-bezier(0.25, 0.75, 0.5, 1.25);
}
.footer__bottom-card:hover img {
transform: translateY(-4px);
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1);
}
.footer__bottom-infos, .footer__bottom-links {
display: flex;
align-items: center;
gap: 24px;
text-align: right;
}
@media only screen and (max-width: 1022px) {
.footer__bottom-infos, .footer__bottom-links {
gap: 4px;
text-align: center;
flex-direction: column;
padding: 20px 0 32px;
width: 100%;
border-top: 0.5px solid #ffffff;
}
}
@media only screen and (max-width: 767px) {
.footer__bottom-infos, .footer__bottom-links {
font-size: 12px;
}
}
.footer__bottom-links {
gap: 52px;
text-align: left;
}
@media only screen and (max-width: 1022px) {
.footer__bottom-links {
gap: 4px;
text-align: center;
flex-direction: column;
padding: 20px 0 32px;
width: 100%;
border-top: 0.5px solid #ffffff;
}
}
@media only screen and (max-width: 767px) {
.footer__bottom-links {
font-size: 12px;
}
}
.footer__bottom-link {
text-decoration: underline;
font-size: 16px;
}
.footer .form-error-message {
padding: 10px 16px;
max-width: 450px;
width: 100%;
border-radius: 8px;
text-align: left;
margin-top: 20px;
border: 1px solid currentColor;
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
display: none;
}
.footer .form-error-message.is-validation-failed {
display: block;
}
.footer [data-validator=emailAddress] {
display: none;
}
.forgot-password {
position: relative;
padding: 36px 0;
}
@media only screen and (max-width: 767px) {
.forgot-password {
padding: 26px 0;
}
}
.grid-element--smaller .image-text-grid__content .editor-text {
font-size: 18px;
line-height: 1.8;
}
@media (max-width: 1680px) {
.grid-element--smaller .image-text-grid__content .editor-text {
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.grid-element--smaller .image-text-grid__content .editor-text {
font-size: 14px;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.grid-element .container {
padding: 0 60px;
}
}
@media (min-width: 1440px) {
.grid-element .container {
max-width: 1320px;
}
}
@media (min-width: 1681px) {
.grid-element .container {
max-width: 1390px;
}
}
.grid-element .section-header .editor-text {
text-align: center;
margin-top: 68px;
}
@media only screen and (min-width: 1200px) {
.grid-element .section-header .editor-text {
line-height: 1.7;
}
}
@media (min-width: 1200px) and (max-width: 1680px) {
.grid-element .section-header .editor-text {
margin-top: 48px;
}
}
@media only screen and (max-width: 1199px) {
.grid-element .section-header .editor-text {
margin-top: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.grid-element .section-header .editor-text {
font-size: 18px;
margin-top: 30px;
}
}
@media only screen and (max-width: 767px) {
.grid-element .section-header .editor-text {
margin-top: 32px;
}
}
.grid-element__inner {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 166px 60px;
max-width: calc(100% - 20px);
width: 100%;
}
@media only screen and (max-width: 1199px) {
.grid-element__inner {
grid-gap: 36px;
}
}
@media only screen and (max-width: 1022px) {
.grid-element__inner {
grid-template-columns: 1fr;
max-width: 100%;
grid-gap: 30px;
}
}
@media only screen and (min-width: 1200px) {
.grid-element .image-text-grid {
max-width: calc(100% - 20px);
}
}
.grid-element--with-bg {
padding: 126px 0 172px;
background-color: #f5f5f5;
}
@media only screen and (max-width: 1199px) {
.grid-element--with-bg {
padding: 70px 0;
}
}
@media only screen and (max-width: 1022px) {
.grid-element--with-bg {
padding: 50px 18px;
}
}
@media only screen and (min-width: 1200px) {
.grid-element--with-bg .section-header .editor-text {
margin-top: 50px;
line-height: 1.6;
}
}
@media only screen and (max-width: 767px) {
.grid-element--with-bg .section-header .editor-text {
margin-top: 24px;
text-align: left;
}
}
@media only screen and (max-width: 767px) {
.grid-element--with-bg .image-text-grid__item--with-image {
grid-gap: 38px;
}
}
@media only screen and (max-width: 767px) {
.grid-element--with-bg .image-text-grid__inner {
grid-gap: 40px;
}
}
@media only screen and (max-width: 767px) {
.grid-element--with-bg .image-text-grid__number {
margin-bottom: 15px;
font-size: 30px;
}
}
@media only screen and (max-width: 767px) {
.grid-element--with-bg .image-text-grid__title {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 767px) {
.grid-element--with-bg .image-text-grid__image {
padding-bottom: 64.7%;
border-radius: 12px;
}
}
@media only screen and (min-width: 1200px) {
.grid-element--smaller .container {
max-width: 1250px;
}
}
.grid-element--smaller .image-text-grid {
max-width: 100%;
}
.grid-element--smaller .image-text-grid__content .editor-text {
line-height: 1.54;
}
@media only screen and (max-width: 1022px) {
.grid-element--smaller .image-text-grid__content .editor-text {
text-align: left;
line-height: 1.69;
}
}
@media only screen and (min-width: 1200px) {
.grid-element--smaller .image-text-grid__inner {
grid-gap: 92px 150px;
}
}
@media only screen and (max-width: 767px) {
.grid-element--smaller .image-text-grid__inner {
grid-gap: 42px;
}
}
.grid-element--smaller .image-text-grid__number {
font-weight: 700;
}
@media only screen and (max-width: 767px) {
.grid-element--smaller .image-text-grid__number {
margin-bottom: 12px;
font-size: 30px;
}
}
@media only screen and (max-width: 767px) {
.grid-element--smaller .image-text-grid__image {
padding-bottom: 53.7%;
border-radius: 12px;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.image-gallery .container {
padding: 0 60px;
}
}
@media (min-width: 1440px) {
.image-gallery .container {
max-width: 1360px;
}
}
@media (min-width: 1681px) {
.image-gallery .container {
max-width: 1570px;
}
}
.image-gallery__top-border {
position: relative;
width: 100%;
height: 30px;
margin-bottom: 164px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1733' height='28' viewBox='0 0 1733 28' fill='none'%3E%3Cpath d='M1733 26.9917C1719.37 26.9917 1712.41 19.905 1706.28 13.6513C1700.34 7.59232 1694.71 1.86493 1683.69 1.86493C1672.68 1.86493 1667.06 7.58818 1661.11 13.6513C1654.98 19.905 1648.03 26.9917 1634.4 26.9917C1620.77 26.9917 1613.82 19.905 1607.69 13.6513C1601.75 7.59232 1596.14 1.86907 1585.13 1.86907C1574.12 1.86907 1568.5 7.59232 1562.56 13.6513C1556.42 19.905 1549.47 26.9917 1535.84 26.9917C1522.21 26.9917 1515.27 19.905 1509.14 13.6513C1503.2 7.59232 1497.59 1.86493 1486.58 1.86493C1475.56 1.86493 1469.95 7.58818 1464 13.6513C1457.87 19.905 1450.92 26.9917 1437.29 26.9917C1423.67 26.9917 1416.72 19.905 1410.58 13.6513C1404.64 7.59232 1399.03 1.86907 1388.02 1.86907C1377 1.86907 1371.39 7.59233 1365.45 13.6554C1359.32 19.9091 1352.36 26.9959 1338.75 26.9959C1325.13 26.9959 1318.17 19.9091 1312.04 13.6554C1306.1 7.59647 1300.49 1.87322 1289.48 1.87322C1278.47 1.87322 1272.86 7.59647 1266.91 13.6596C1260.78 19.9133 1253.83 27 1240.2 27C1226.58 27 1219.63 19.9133 1213.5 13.6596C1207.56 7.60061 1201.95 1.87322 1190.93 1.87322C1179.92 1.87322 1174.31 7.59647 1168.37 13.6554C1162.24 19.9091 1155.29 26.9959 1141.67 26.9959C1128.05 26.9959 1121.1 19.9091 1114.97 13.6554C1109.03 7.59647 1103.42 1.86907 1092.4 1.86907C1081.39 1.86907 1075.78 7.59233 1069.84 13.6554C1063.71 19.9091 1056.75 26.9959 1043.14 26.9959C1029.52 26.9959 1022.57 19.9091 1016.43 13.6554C1010.5 7.59647 1004.88 1.86907 993.87 1.86907C982.856 1.86907 977.256 7.59232 971.317 13.6513C965.186 19.905 958.241 26.9917 944.622 26.9917C931.003 26.9917 924.052 19.905 917.921 13.6513C911.976 7.59232 906.364 1.86493 895.35 1.86493C884.337 1.86493 878.731 7.58818 872.786 13.6513C866.655 19.905 859.704 26.9917 846.079 26.9917C832.455 26.9917 825.504 19.905 819.373 13.6513C813.433 7.59232 807.822 1.86907 796.808 1.86907C785.794 1.86907 780.188 7.59233 774.244 13.6554C768.112 19.9091 761.162 26.9959 747.537 26.9959C733.912 26.9959 726.967 19.9091 720.836 13.6554C714.897 7.59647 709.285 1.86907 698.271 1.86907C687.258 1.86907 681.646 7.59233 675.707 13.6554C669.576 19.9091 662.625 26.9959 649 26.9959C635.376 26.9959 628.431 19.9091 622.294 13.6554C616.354 7.59647 610.743 1.86907 599.729 1.86907C588.715 1.86907 583.109 7.59232 577.17 13.6513C571.039 19.905 564.088 26.9917 550.464 26.9917C536.839 26.9917 529.894 19.905 523.763 13.6513C517.823 7.59232 512.212 1.86493 501.198 1.86493C490.184 1.86493 484.578 7.58818 478.634 13.6513C472.502 19.905 465.551 26.9917 451.933 26.9917C438.314 26.9917 431.363 19.905 425.231 13.6513C419.292 7.59232 413.681 1.86907 402.673 1.86907C391.665 1.86907 386.053 7.59232 380.108 13.6513C373.977 19.905 367.026 26.9917 353.401 26.9917C339.777 26.9917 332.832 19.905 326.706 13.6513C320.767 7.59232 315.155 1.86493 304.147 1.86493C293.139 1.86493 287.522 7.58818 281.577 13.6513C275.446 19.905 268.501 26.9917 254.876 26.9917C241.251 26.9917 234.306 19.905 228.175 13.6513C222.236 7.59232 216.624 1.86493 205.616 1.86493C194.608 1.86493 188.997 7.58818 183.057 13.6471C176.926 19.9008 169.975 26.9876 156.356 26.9876C142.737 26.9876 135.787 19.9008 129.655 13.6471C123.716 7.58818 118.105 1.86493 107.102 1.86493C96.0996 1.86493 90.4825 7.58818 84.5433 13.6513C78.4119 19.905 71.4612 26.9917 57.8423 26.9917C44.2233 26.9917 37.2726 19.905 31.1412 13.6513C25.202 7.59232 19.5906 1.86493 8.57674 1.86493C-2.43708 1.86493 -8.0429 7.58818 -13.9765 13.6513C-20.1078 19.905 -27.0529 26.9917 -40.6718 26.9917C-54.2908 26.9917 -61.2415 19.905 -67.3729 13.6513C-73.3121 7.59232 -78.9235 1.86493 -89.9317 1.86493C-100.94 1.86493 -106.551 7.58818 -112.491 13.6513C-118.622 19.905 -125.567 26.9917 -139.186 26.9917C-152.805 26.9917 -159.756 19.905 -165.881 13.6513C-171.821 7.59232 -177.432 1.86493 -188.435 1.86493C-199.437 1.86493 -205.054 7.58818 -210.993 13.6513C-217.125 19.905 -224.075 26.9917 -237.694 26.9917C-251.313 26.9917 -258.264 19.905 -264.39 13.6513C-270.329 7.59232 -275.94 1.86493 -286.949 1.86493C-297.957 1.86493 -303.563 7.58818 -309.502 13.6471C-315.633 19.9008 -322.578 26.9876 -336.197 26.9876C-349.816 26.9876 -356.767 19.9008 -362.893 13.6471C-368.832 7.59233 -374.443 1.86907 -385.451 1.86907C-386.858 1.86907 -388 1.03193 -388 0' stroke='%23BBBBBB' stroke-width='2' stroke-miterlimit='10' stroke-dasharray='7 7'/%3E%3C/svg%3E") repeat-x center/contain;
pointer-events: none;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.image-gallery__top-border {
margin-bottom: 120px;
}
}
@media only screen and (max-width: 1199px) {
.image-gallery__top-border {
height: 20px;
margin-bottom: 48px;
}
}
@media only screen and (max-width: 767px) {
.image-gallery__top-border {
height: 12px;
}
}
@media only screen and (max-width: 767px) {
.image-gallery .section-header__title {
font-size: 25px;
}
}
.image-gallery__inner-wrapper {
position: relative;
}
@media only screen and (max-width: 1022px) {
.image-gallery .swiper {
overflow: visible;
}
}
@media only screen and (max-width: 767px) {
.image-gallery .swiper-slide {
width: auto !important;
}
}
.image-gallery__image {
position: relative;
display: block;
width: 100%;
height: 0;
padding-bottom: 117.5%;
user-select: none;
}
@media only screen and (max-width: 767px) {
.image-gallery__image {
width: 210px;
padding-bottom: 119.2%;
}
}
.image-gallery__image--has-link img {
transform: scale(1.0001);
transition: transform 0.3s ease;
}
.image-gallery__image--has-link:hover img {
transform: scale(1.1);
}
@media only screen and (max-width: 767px) {
.image-gallery__nav {
display: none;
}
}
.image-gallery .swiper-button-prev {
left: -140px;
}
@media (max-width: 1880px) {
.image-gallery .swiper-button-prev {
left: -90px;
}
}
@media (max-width: 1742px) {
.image-gallery .swiper-button-prev {
left: -80px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
.image-gallery .swiper-button-prev {
left: -50px;
}
}
@media (max-width: 1280px) {
.image-gallery .swiper-button-prev {
left: 0;
}
}
.image-gallery .swiper-button-next {
right: -140px;
}
@media (max-width: 1880px) {
.image-gallery .swiper-button-next {
right: -90px;
}
}
@media (max-width: 1742px) {
.image-gallery .swiper-button-next {
right: -80px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
.image-gallery .swiper-button-next {
right: -50px;
}
}
@media (max-width: 1280px) {
.image-gallery .swiper-button-next {
right: 0;
}
}
@media (min-width: 1681px) {
.image-gallery--secondary .container {
max-width: 1630px;
}
}
@media only screen and (max-width: 767px) {
.image-gallery--secondary .section-header__title {
font-size: 20px;
}
}
.image-gallery--secondary .image-gallery__image {
padding-bottom: 100%;
border-radius: 24px;
}
@media only screen and (max-width: 1022px) {
.image-gallery--secondary .image-gallery__image {
border-radius: 15px;
}
}
@media only screen and (max-width: 767px) {
.image-gallery--secondary .image-gallery__image {
width: 234px;
height: 234px;
}
}
@media (min-width: 1881px) {
.image-gallery--secondary .swiper-button-prev {
left: -98px;
}
}
@media (min-width: 1881px) {
.image-gallery--secondary .swiper-button-next {
right: -98px;
}
}
.image-text--secondary .image-text__content-text .editor-text {
font-size: 18px;
line-height: 1.8;
}
@media (max-width: 1680px) {
.image-text--secondary .image-text__content-text .editor-text {
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.image-text--secondary .image-text__content-text .editor-text {
font-size: 14px;
}
}
.image-text {
position: relative;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.image-text .container {
padding: 0 60px;
}
}
@media (min-width: 1440px) {
.image-text .container {
max-width: 1360px;
}
}
@media (min-width: 1681px) {
.image-text .container {
max-width: 1348px;
}
}
.image-text__inner {
display: grid;
grid-gap: 160px;
}
@media only screen and (max-width: 1199px) {
.image-text__inner {
grid-gap: 90px;
}
}
@media only screen and (max-width: 1022px) {
.image-text__inner {
grid-gap: 60px;
}
}
.image-text__item {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: center;
grid-gap: 40px;
}
@media only screen and (max-width: 1022px) {
.image-text__item {
grid-template-columns: 1fr;
grid-gap: 60px;
}
}
@media only screen and (max-width: 767px) {
.image-text__item {
grid-gap: 40px;
}
}
@media only screen and (min-width: 1023px) {
.image-text__item--reverse .image-text__content-inner {
margin-left: 0;
}
}
.image-text__item--reverse .image-text__image {
order: 1;
}
.image-text__image {
position: relative;
width: 100%;
height: 0;
padding-bottom: 72.1%;
border-radius: 20px;
pointer-events: all;
}
@media only screen and (max-width: 1199px) {
.image-text__image {
border-radius: 15px;
}
}
@media only screen and (max-width: 1022px) {
.image-text__image {
padding-bottom: 51.7%;
order: 1;
}
}
@media only screen and (max-width: 767px) {
.image-text__image {
border-radius: 10px;
}
}
.image-text__content {
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
height: 100%;
width: 100%;
padding: 20px 0;
}
@media only screen and (max-width: 1199px) {
.image-text__content {
padding: 0;
}
}
@media only screen and (max-width: 1022px) {
.image-text__content {
align-items: center;
text-align: center;
}
}
.image-text__content-inner {
max-width: 520px;
width: 100%;
margin-left: auto;
}
@media only screen and (max-width: 1022px) {
.image-text__content-inner {
margin: 0 auto;
}
}
.image-text__content .editor-text {
font-weight: 300;
line-height: 1.55;
}
.image-text__super-title {
font-weight: 500;
margin-bottom: 4px;
}
.image-text__title {
margin-bottom: 20px;
font-weight: 700;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.image-text__title {
margin-bottom: 12px;
}
}
@media only screen and (max-width: 767px) {
.image-text__title {
margin-bottom: 8px;
}
}
.image-text__link {
position: relative;
margin-top: 38px;
display: inline-block;
font-weight: 500;
}
@media only screen and (max-width: 1199px) {
.image-text__link {
margin-top: 20px;
}
}
.image-text__link::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
transition: 0.3s ease;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='4' fill='none'%3E%3Cpath fill='%23212121' d='m54.776 1.938.158-.474-.157.474Zm-11.048 0 .157.475-.157-.475Zm-13.078 0 .158-.474-.158.474Zm-11.049 0 .158.474-.158-.474Zm-13.076 0 .157-.475-.157.475ZM1 .5H.5v1H1v-1Zm1.373 1.046.499.035.07-.998-.499-.035-.07.998Zm2.942-.51L4.833.902l-.268.964.482.133.268-.963ZM7.988 2.91l.483.128.256-.967-.483-.128-.256.967Zm3.444-.461-.5-.033-.065.998.499.033.066-.998Zm3.329.998.498-.033-.066-.998-.498.033.066.998Zm3.121-1.504-.483.128.256.967.484-.128-.257-.967Zm3.197.056.482-.134-.268-.963-.482.134.268.963ZM23.682.548l-.499.035.07.998.5-.036-.07-.997Zm2.816.998.499.035.07-.998-.499-.035-.07.998Zm2.942-.51-.482-.134-.268.964.482.133.268-.963Zm2.673 1.874.483.128.256-.966-.483-.129-.256.967Zm3.444-.461-.5-.033-.065.998.499.033.066-.998Zm3.329.998.499-.033-.066-.998-.5.033.067.998Zm3.122-1.504-.483.128.256.967.484-.128-.257-.967ZM45.206 2l.481-.134-.267-.963-.482.134.268.963ZM47.81.548l-.5.035.071.998.499-.035-.07-.998Zm2.815.998.499.035.07-.998-.498-.035-.07.998Zm2.941-.51-.481-.134-.268.964.482.133.267-.963Zm3.122 1.367.49-.098-.196-.98-.49.098.196.98ZM60.1.642l-.495.071.143.99.495-.072-.143-.99ZM1 1.5c.503 0 .958.017 1.373.046l.07-.998C2.003.518 1.525.5 1 .5v1Zm4.047.5c.453.125.877.265 1.32.412l.315-.949c-.44-.146-.887-.294-1.367-.427l-.268.963Zm1.32.412c.491.163 1.018.338 1.62.498l.257-.967a25.754 25.754 0 0 1-1.561-.48l-.315.95Zm4.999 1.035c.518.034 1.081.053 1.697.053v-1c-.595 0-1.136-.019-1.631-.051l-.066.998Zm1.697.053c.616 0 1.18-.02 1.697-.053l-.065-.998c-.495.032-1.036.05-1.632.05v1Zm5.076-.59c.602-.16 1.129-.335 1.62-.498l-.315-.949c-.493.164-.993.33-1.562.48l.257.967Zm1.62-.498c.444-.147.867-.287 1.32-.413l-.268-.963c-.48.133-.926.281-1.367.427l.315.95Zm3.994-.867c.415-.029.869-.045 1.372-.045v-1c-.525 0-1.003.017-1.443.048l.07.997Zm1.372-.045c.503 0 .958.016 1.373.046l.07-.998C26.128.517 25.65.5 25.125.5v1Zm4.047.5c.453.125.877.266 1.32.413l.315-.95c-.44-.146-.887-.294-1.367-.427l-.268.963Zm1.32.413c.491.163 1.018.337 1.62.497l.257-.967a25.757 25.757 0 0 1-1.561-.48l-.315.95Zm4.999 1.034c.518.034 1.081.053 1.697.053v-1c-.595 0-1.136-.018-1.631-.051l-.066.998Zm1.697.053c.616 0 1.18-.019 1.698-.053l-.066-.998c-.495.033-1.036.051-1.632.051v1Zm5.077-.59c.602-.16 1.129-.334 1.62-.497l-.315-.95c-.493.164-.993.33-1.562.48l.257.967Zm1.62-.497c.444-.147.867-.288 1.32-.414l-.267-.963c-.48.133-.927.281-1.368.428l.315.949Zm3.995-.867c.415-.03.87-.046 1.373-.046v-1c-.525 0-1.003.017-1.443.048l.07.998Zm1.373-.046c.503 0 .957.016 1.372.046l.07-.998C50.256.517 49.779.5 49.254.5v1Zm4.046.5c.453.125.876.266 1.32.413l.315-.95c-.44-.146-.887-.294-1.368-.427l-.267.963Zm1.32.413c.636.21 1.351.134 2.069-.01l-.197-.98c-.694.139-1.186.164-1.557.04l-.315.95Zm5.625-.782c.555-.08 1.14-.131 1.756-.131v-1c-.672 0-1.305.056-1.899.142l.143.99Z'/%3E%3C/svg%3E") repeat-y center/100% 100%;
}
.image-text__link:hover {
color: #c1eed0;
}
.image-text__link:hover::before {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='5' viewBox='0 0 96 5' fill='none'%3E%3Cpath d='M84.7502 2.40722L84.9024 1.93095L84.9023 1.93092L84.7502 2.40722ZM67.5432 2.40722L67.6953 2.88354L67.6954 2.8835L67.5432 2.40722ZM47.1763 2.40722L47.3285 1.93095L47.3284 1.93092L47.1763 2.40722ZM29.9693 2.40673L30.1214 2.88304L30.1214 2.88303L29.9693 2.40673ZM9.60458 2.40673L9.75678 1.93046L9.75658 1.93039L9.60458 2.40673ZM1 0.500495H0.5V1.50049H1V0.500495ZM3.15596 1.56924L3.65482 1.60306L3.72246 0.60535L3.22361 0.571527L3.15596 1.56924ZM7.6362 1.29218L7.15314 1.16312L6.89503 2.12923L7.37808 2.25829L7.6362 1.29218ZM11.963 3.62534L12.4475 3.74893L12.6947 2.77996L12.2102 2.65637L11.963 3.62534ZM17.2298 3.42265L16.7308 3.39098L16.6675 4.38897L17.1665 4.42064L17.2298 3.42265ZM22.4074 4.42063L22.9064 4.38895L22.8431 3.39096L22.3441 3.42264L22.4074 4.42063ZM27.3636 2.65614L26.8792 2.77975L27.1264 3.74871L27.6109 3.62511L27.3636 2.65614ZM32.1953 2.25797L32.6783 2.12882L32.42 1.16276L31.937 1.29191L32.1953 2.25797ZM36.3486 0.571016L35.8498 0.604842L35.9174 1.60255L36.4163 1.56873L36.3486 0.571016ZM40.7277 1.56879L41.2266 1.60264L41.2943 0.604936L40.7954 0.571088L40.7277 1.56879ZM45.2081 1.29228L44.7251 1.16313L44.4668 2.1292L44.9498 2.25834L45.2081 1.29228ZM49.5347 3.62583L50.0192 3.74942L50.2664 2.78045L49.7819 2.65686L49.5347 3.62583ZM54.8016 3.42314L54.3026 3.39147L54.2392 4.38946L54.7382 4.42114L54.8016 3.42314ZM59.9797 4.4211L60.4787 4.38942L60.4153 3.39143L59.9163 3.42311L59.9797 4.4211ZM64.937 2.65663L64.4525 2.7802L64.6997 3.74918L65.1842 3.62561L64.937 2.65663ZM69.7697 2.25825L70.2527 2.12913L69.9945 1.16305L69.5114 1.29217L69.7697 2.25825ZM73.9241 0.5711L73.4252 0.604951L73.4929 1.60266L73.9918 1.56881L73.9241 0.5711ZM78.3032 1.56883L78.8021 1.6027L78.8698 0.604992L78.371 0.571122L78.3032 1.56883ZM82.7825 1.2924L82.2995 1.16324L82.0412 2.1293L82.5242 2.25846L82.7825 1.2924ZM87.6677 2.86095L88.1586 2.76636L87.9695 1.78442L87.4785 1.87901L87.6677 2.86095ZM93.0875 0.709141L92.5923 0.77796L92.7299 1.76844L93.2252 1.69962L93.0875 0.709141ZM1 1.50049C1.7892 1.50049 2.50278 1.52495 3.15596 1.56924L3.22361 0.571527C2.54611 0.525593 1.80989 0.500495 1 0.500495V1.50049ZM7.37808 2.25829C8.09345 2.44942 8.76093 2.66235 9.45257 2.88306L9.75658 1.93039C9.06789 1.71063 8.37823 1.49043 7.6362 1.29218L7.37808 2.25829ZM9.45238 2.883C10.2186 3.12785 11.0328 3.38806 11.963 3.62534L12.2102 2.65637C11.3126 2.42741 10.5248 2.17589 9.75678 1.93046L9.45238 2.883ZM17.1665 4.42064C17.9658 4.47138 18.8349 4.49951 19.7869 4.49951V3.49951C18.8546 3.49951 18.0067 3.47196 17.2298 3.42265L17.1665 4.42064ZM19.7869 4.49951C20.739 4.49951 21.6081 4.47138 22.4074 4.42063L22.3441 3.42264C21.5672 3.47196 20.7193 3.49951 19.7869 3.49951V4.49951ZM27.6109 3.62511C28.5406 3.3879 29.3548 3.12779 30.1214 2.88304L29.8172 1.93042C29.0487 2.1758 28.2609 2.42723 27.3636 2.65614L27.6109 3.62511ZM30.1214 2.88303C30.813 2.66218 31.4803 2.44916 32.1953 2.25797L31.937 1.29191C31.1953 1.49023 30.5059 1.71052 29.8172 1.93042L30.1214 2.88303ZM36.4163 1.56873C37.0692 1.52445 37.7827 1.5 38.5717 1.5V0.5C37.762 0.5 37.0259 0.525091 36.3486 0.571016L36.4163 1.56873ZM38.5717 1.5C39.361 1.5 40.0745 1.52448 40.7277 1.56879L40.7954 0.571088C40.1179 0.525118 39.3817 0.5 38.5717 0.5V1.5ZM44.9498 2.25834C45.6651 2.4496 46.3326 2.66267 47.0242 2.88353L47.3284 1.93092C46.6397 1.71101 45.9501 1.49066 45.2081 1.29228L44.9498 2.25834ZM47.0241 2.8835C47.7903 3.12835 48.6046 3.38855 49.5347 3.62583L49.7819 2.65686C48.8844 2.4279 48.0965 2.17639 47.3285 1.93095L47.0241 2.8835ZM54.7382 4.42114C55.5376 4.47187 56.4067 4.5 57.3587 4.5V3.5C56.4264 3.5 55.5785 3.47246 54.8016 3.42314L54.7382 4.42114ZM57.3587 4.5C58.3109 4.5 59.1802 4.47186 59.9797 4.4211L59.9163 3.42311C59.1393 3.47245 58.2912 3.5 57.3587 3.5V4.5ZM65.1842 3.62561C66.1142 3.38841 66.9287 3.12829 67.6953 2.88354L67.3911 1.93091C66.6226 2.17628 65.8346 2.42772 64.937 2.65663L65.1842 3.62561ZM67.6954 2.8835C68.3868 2.66256 69.0543 2.44947 69.7697 2.25825L69.5114 1.29217C68.7693 1.49054 68.0796 1.7109 67.391 1.93095L67.6954 2.8835ZM73.9918 1.56881C74.6451 1.52448 75.3587 1.5 76.1478 1.5V0.5C75.338 0.5 74.6017 0.52512 73.9241 0.5711L73.9918 1.56881ZM76.1478 1.5C76.9368 1.5 77.6502 1.52449 78.3032 1.56883L78.371 0.571122C77.6936 0.52513 76.9575 0.5 76.1478 0.5V1.5ZM82.5242 2.25846C83.2393 2.44969 83.9066 2.66272 84.5981 2.88353L84.9023 1.93092C84.2138 1.71105 83.5243 1.49076 82.7825 1.2924L82.5242 2.25846ZM84.598 2.8835C85.5102 3.175 86.5576 3.07482 87.6677 2.86095L87.4785 1.87901C86.3906 2.08859 85.5585 2.1406 84.9024 1.93095L84.598 2.8835ZM93.2252 1.69962C94.0998 1.57809 95.0241 1.5 96 1.5V0.5C94.9706 0.5 93.9996 0.582398 93.0875 0.709141L93.2252 1.69962Z' fill='%23c1eed0'/%3E%3C/svg%3E") repeat-y center/100% 100%;
}
@media only screen and (min-width: 768px) {
.image-text__footer-text {
text-align: center;
}
}
.image-text__footer-text .editor-text p {
line-height: 1.26;
}
@media only screen and (max-width: 767px) {
.image-text__footer-text .editor-text p {
line-height: 1.7;
}
}
.image-text__border {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 16px;
pointer-events: none;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1733' height='28' viewBox='0 0 1733 28' fill='none'%3E%3Cpath d='M1733 26.9917C1719.37 26.9917 1712.41 19.905 1706.28 13.6513C1700.34 7.59232 1694.71 1.86493 1683.69 1.86493C1672.68 1.86493 1667.06 7.58818 1661.11 13.6513C1654.98 19.905 1648.03 26.9917 1634.4 26.9917C1620.77 26.9917 1613.82 19.905 1607.69 13.6513C1601.75 7.59232 1596.14 1.86907 1585.13 1.86907C1574.12 1.86907 1568.5 7.59232 1562.56 13.6513C1556.42 19.905 1549.47 26.9917 1535.84 26.9917C1522.21 26.9917 1515.27 19.905 1509.14 13.6513C1503.2 7.59232 1497.59 1.86493 1486.58 1.86493C1475.56 1.86493 1469.95 7.58818 1464 13.6513C1457.87 19.905 1450.92 26.9917 1437.29 26.9917C1423.67 26.9917 1416.72 19.905 1410.58 13.6513C1404.64 7.59232 1399.03 1.86907 1388.02 1.86907C1377 1.86907 1371.39 7.59233 1365.45 13.6554C1359.32 19.9091 1352.36 26.9959 1338.75 26.9959C1325.13 26.9959 1318.17 19.9091 1312.04 13.6554C1306.1 7.59647 1300.49 1.87322 1289.48 1.87322C1278.47 1.87322 1272.86 7.59647 1266.91 13.6596C1260.78 19.9133 1253.83 27 1240.2 27C1226.58 27 1219.63 19.9133 1213.5 13.6596C1207.56 7.60061 1201.95 1.87322 1190.93 1.87322C1179.92 1.87322 1174.31 7.59647 1168.37 13.6554C1162.24 19.9091 1155.29 26.9959 1141.67 26.9959C1128.05 26.9959 1121.1 19.9091 1114.97 13.6554C1109.03 7.59647 1103.42 1.86907 1092.4 1.86907C1081.39 1.86907 1075.78 7.59233 1069.84 13.6554C1063.71 19.9091 1056.75 26.9959 1043.14 26.9959C1029.52 26.9959 1022.57 19.9091 1016.43 13.6554C1010.5 7.59647 1004.88 1.86907 993.87 1.86907C982.856 1.86907 977.256 7.59232 971.317 13.6513C965.186 19.905 958.241 26.9917 944.622 26.9917C931.003 26.9917 924.052 19.905 917.921 13.6513C911.976 7.59232 906.364 1.86493 895.35 1.86493C884.337 1.86493 878.731 7.58818 872.786 13.6513C866.655 19.905 859.704 26.9917 846.079 26.9917C832.455 26.9917 825.504 19.905 819.373 13.6513C813.433 7.59232 807.822 1.86907 796.808 1.86907C785.794 1.86907 780.188 7.59233 774.244 13.6554C768.112 19.9091 761.162 26.9959 747.537 26.9959C733.912 26.9959 726.967 19.9091 720.836 13.6554C714.897 7.59647 709.285 1.86907 698.271 1.86907C687.258 1.86907 681.646 7.59233 675.707 13.6554C669.576 19.9091 662.625 26.9959 649 26.9959C635.376 26.9959 628.431 19.9091 622.294 13.6554C616.354 7.59647 610.743 1.86907 599.729 1.86907C588.715 1.86907 583.109 7.59232 577.17 13.6513C571.039 19.905 564.088 26.9917 550.464 26.9917C536.839 26.9917 529.894 19.905 523.763 13.6513C517.823 7.59232 512.212 1.86493 501.198 1.86493C490.184 1.86493 484.578 7.58818 478.634 13.6513C472.502 19.905 465.551 26.9917 451.933 26.9917C438.314 26.9917 431.363 19.905 425.231 13.6513C419.292 7.59232 413.681 1.86907 402.673 1.86907C391.665 1.86907 386.053 7.59232 380.108 13.6513C373.977 19.905 367.026 26.9917 353.401 26.9917C339.777 26.9917 332.832 19.905 326.706 13.6513C320.767 7.59232 315.155 1.86493 304.147 1.86493C293.139 1.86493 287.522 7.58818 281.577 13.6513C275.446 19.905 268.501 26.9917 254.876 26.9917C241.251 26.9917 234.306 19.905 228.175 13.6513C222.236 7.59232 216.624 1.86493 205.616 1.86493C194.608 1.86493 188.997 7.58818 183.057 13.6471C176.926 19.9008 169.975 26.9876 156.356 26.9876C142.737 26.9876 135.787 19.9008 129.655 13.6471C123.716 7.58818 118.105 1.86493 107.102 1.86493C96.0996 1.86493 90.4825 7.58818 84.5433 13.6513C78.4119 19.905 71.4612 26.9917 57.8423 26.9917C44.2233 26.9917 37.2726 19.905 31.1412 13.6513C25.202 7.59232 19.5906 1.86493 8.57674 1.86493C-2.43708 1.86493 -8.0429 7.58818 -13.9765 13.6513C-20.1078 19.905 -27.0529 26.9917 -40.6718 26.9917C-54.2908 26.9917 -61.2415 19.905 -67.3729 13.6513C-73.3121 7.59232 -78.9235 1.86493 -89.9317 1.86493C-100.94 1.86493 -106.551 7.58818 -112.491 13.6513C-118.622 19.905 -125.567 26.9917 -139.186 26.9917C-152.805 26.9917 -159.756 19.905 -165.881 13.6513C-171.821 7.59232 -177.432 1.86493 -188.435 1.86493C-199.437 1.86493 -205.054 7.58818 -210.993 13.6513C-217.125 19.905 -224.075 26.9917 -237.694 26.9917C-251.313 26.9917 -258.264 19.905 -264.39 13.6513C-270.329 7.59232 -275.94 1.86493 -286.949 1.86493C-297.957 1.86493 -303.563 7.58818 -309.502 13.6471C-315.633 19.9008 -322.578 26.9876 -336.197 26.9876C-349.816 26.9876 -356.767 19.9008 -362.893 13.6471C-368.832 7.59233 -374.443 1.86907 -385.451 1.86907C-386.858 1.86907 -388 1.03193 -388 0' stroke='%23BBBBBB' stroke-width='2' stroke-miterlimit='10' stroke-dasharray='7 7'/%3E%3C/svg%3E") repeat-x center/contain;
}
.image-text--top-border {
padding-top: 222px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.image-text--top-border {
padding-top: 160px;
}
}
@media only screen and (max-width: 1439px) {
.image-text--top-border {
padding-top: 100px;
}
}
@media only screen and (max-width: 1199px) {
.image-text--top-border {
padding-top: 70px;
}
}
@media only screen and (max-width: 1022px) {
.image-text--top-border {
padding-top: 30px;
}
}
@media (min-width: 1440px) {
.image-text--large .container {
max-width: 1360px;
}
}
@media (min-width: 1681px) {
.image-text--large .container {
max-width: 1566px;
}
}
@media only screen and (min-width: 1200px) {
.image-text--large .image-text__inner {
grid-gap: 174px;
}
}
@media only screen and (min-width: 1023px) {
.image-text--large .image-text__item {
grid-template-columns: 48% 1fr;
}
}
@media only screen and (min-width: 1200px) {
.image-text--large .image-text__item {
grid-gap: 50px;
}
}
@media only screen and (min-width: 1440px) {
.image-text--large .image-text__item {
grid-gap: 200px;
}
}
@media only screen and (min-width: 1023px) {
.image-text--large .image-text__item--reverse {
grid-template-columns: 1fr 48%;
}
}
@media only screen and (min-width: 1023px) {
.image-text--large .image-text__image {
padding-bottom: 67%;
border-radius: 30px;
}
}
.image-text--large .image-text__content-inner {
max-width: 500px;
margin-left: 0;
}
@media only screen and (max-width: 1199px) {
.image-text--large .image-text__content-inner {
max-width: 100%;
}
}
@media only screen and (max-width: 767px) {
.image-text--large .image-text__content-inner {
max-width: 316px;
margin: 0 auto;
}
}
.image-text--large .image-text__content-text .editor-text {
line-height: 1.78;
}
@media only screen and (max-width: 1022px) {
.image-text--large .image-text__content-text .editor-text {
line-height: 1.72;
}
}
@media only screen and (max-width: 767px) {
.image-text--large .image-text__content-text .editor-text {
font-size: 14px;
}
}
@media (min-width: 1440px) {
.image-text--with-bg .container {
max-width: 1280px;
}
}
@media (min-width: 1681px) {
.image-text--with-bg .container {
max-width: 1348px;
}
}
.image-text--with-bg .image-text__inner {
grid-gap: 116px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.image-text--with-bg .image-text__inner {
grid-gap: 100px;
}
}
@media only screen and (max-width: 1199px) {
.image-text--with-bg .image-text__inner {
grid-gap: 60px;
}
}
.image-text--with-bg .image-text__item {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 0;
border-radius: 30px;
background-color: #f5f5f5;
}
@media only screen and (max-width: 1199px) {
.image-text--with-bg .image-text__item {
border-radius: 15px;
}
}
@media only screen and (max-width: 1022px) {
.image-text--with-bg .image-text__item {
grid-template-columns: 1fr;
}
}
@media only screen and (max-width: 767px) {
.image-text--with-bg .image-text__item {
border-radius: 10px;
}
}
.image-text--with-bg .image-text__image {
height: 100%;
padding-bottom: 100%;
border-radius: 0;
}
@media only screen and (max-width: 1022px) {
.image-text--with-bg .image-text__image {
padding-bottom: 60%;
}
}
.image-text--with-bg .image-text__content {
text-align: center;
align-items: center;
}
@media only screen and (max-width: 1199px) {
.image-text--with-bg .image-text__content {
padding: 50px 0;
}
}
@media only screen and (max-width: 1022px) {
.image-text--with-bg .image-text__content {
padding: 50px 10px;
}
}
@media only screen and (max-width: 767px) {
.image-text--with-bg .image-text__content {
padding: 30px 10px;
}
}
.image-text--with-bg .image-text__content-inner {
max-width: 394px;
margin: 0 auto;
}
@media only screen and (max-width: 1022px) {
.image-text--with-bg .image-text__content-inner {
max-width: 100%;
}
}
.image-text--with-bg .image-text__super-title {
color: var(--color-primary);
}
.image-text--secondary .section-header {
max-width: 642px;
}
@media only screen and (max-width: 767px) {
.image-text--secondary .section-header {
max-width: 332px;
}
}
@media only screen and (max-width: 767px) {
.image-text--secondary .section-header__title {
font-size: 25px;
}
}
.image-text--secondary .section-header .editor-text {
color: var(--color-text);
font-weight: 400;
}
@media only screen and (min-width: 1023px) {
.image-text--secondary .section-header .editor-text {
margin-top: 34px;
line-height: 1.28;
}
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.image-text--secondary .section-header .editor-text {
font-size: 16px;
margin-top: 20px;
}
}
@media only screen and (max-width: 767px) {
.image-text--secondary .section-header .editor-text {
margin-top: 15px;
}
}
@media only screen and (max-width: 767px) {
.image-text--secondary .image-text__super-title {
font-size: 16px;
}
}
.image-text--secondary .image-text__content {
padding: 50px;
}
@media only screen and (max-width: 1022px) {
.image-text--secondary .image-text__content {
padding: 32px 20px;
}
}
.image-text--secondary .image-text__content-inner {
max-width: 100%;
}
.image-text--secondary .image-text__content-text {
margin: 0 auto;
}
@media only screen and (min-width: 1200px) {
.image-text--secondary .image-text__content-text {
max-width: 322px;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.image-text--secondary .image-text__content-text {
max-width: 100%;
}
}
.image-text--secondary .image-text__content-text .editor-text {
line-height: 1.51;
}
@media only screen and (max-width: 767px) {
.image-text--secondary .image-text__content-text .editor-text {
line-height: 1.7;
}
}
.image-text--secondary .image-text__title {
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.image-text--secondary .image-text__title {
font-size: 25px;
margin-bottom: 8px;
}
}
@media only screen and (max-width: 1022px) {
.image-text--secondary .image-text__image {
order: 0;
padding-bottom: 76.9%;
}
}
@media only screen and (max-width: 767px) {
.image-text--secondary .image-text__item {
border-radius: 12px 12px 30px 30px;
}
}
.image-text-slider {
padding: 148px 0;
border-radius: 60px;
background-color: #f5f5f5;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.image-text-slider {
padding: 120px 0;
}
}
@media only screen and (max-width: 1439px) {
.image-text-slider {
padding: 120px 0;
border-radius: 36px;
}
}
@media only screen and (max-width: 1199px) {
.image-text-slider {
padding: 80px 0;
border-radius: 20px;
}
}
@media only screen and (max-width: 767px) {
.image-text-slider {
padding: 0 0 25px 0;
border-radius: 30px 30px 20px 20px;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.image-text-slider .container {
padding: 0 60px;
}
}
@media (min-width: 1440px) {
.image-text-slider .container {
max-width: 1360px;
}
}
@media (min-width: 1681px) {
.image-text-slider .container {
max-width: 1610px;
}
}
.image-text-slider__inner {
max-width: 1326px;
margin: 0 auto;
width: 100%;
padding-left: 24px;
}
@media only screen and (max-width: 1919px) {
.image-text-slider__inner {
padding: 0 60px;
}
}
@media only screen and (max-width: 767px) {
.image-text-slider__inner {
padding: 0;
}
}
.image-text-slider__inner-wrapper {
position: relative;
}
@media only screen and (max-width: 767px) {
.image-text-slider__inner-wrapper {
width: 100vw;
left: 50%;
transform: translateX(-50%);
}
}
.image-text-slider__slide {
display: grid;
grid-template-columns: 1fr 24.5%;
grid-gap: 92px;
align-items: center;
user-select: none;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.image-text-slider__slide {
grid-template-columns: 1fr 26.5%;
grid-gap: 66px;
}
}
@media only screen and (max-width: 1439px) {
.image-text-slider__slide {
grid-gap: 60px;
grid-template-columns: 1fr 34.5%;
}
}
@media only screen and (max-width: 1199px) {
.image-text-slider__slide {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 50px;
}
}
@media only screen and (max-width: 1022px) {
.image-text-slider__slide {
grid-template-columns: 1fr;
grid-gap: 24px;
}
}
.image-text-slider__image {
position: relative;
height: 0;
width: 100%;
padding-bottom: 62.6%;
border-radius: 30px;
}
@media only screen and (max-width: 1199px) {
.image-text-slider__image {
border-radius: 20px;
}
}
@media only screen and (max-width: 1022px) {
.image-text-slider__image {
padding-bottom: 45%;
max-width: 550px;
margin: 0 auto;
}
}
@media only screen and (max-width: 767px) {
.image-text-slider__image {
padding-bottom: 60.6%;
border-radius: 30px 30px 0 0;
}
}
.image-text-slider__content {
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
}
@media only screen and (max-width: 1022px) {
.image-text-slider__content {
max-width: 500px;
width: 100%;
margin: 0 auto;
align-items: center;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.image-text-slider__content {
max-width: 285px;
}
}
.image-text-slider__content-number {
color: var(--color-primary);
font-weight: 700;
margin-bottom: 22px;
text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
.image-text-slider__content-number {
margin-bottom: 18px;
font-size: 40px;
}
}
@media only screen and (max-width: 767px) {
.image-text-slider__content-number {
margin-bottom: 16px;
font-size: 40px;
}
}
.image-text-slider__content-title {
margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
.image-text-slider__content-title {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 767px) {
.image-text-slider__content-title .title {
font-size: 14px;
}
}
.image-text-slider__content-text {
font-weight: 300;
}
@media only screen and (max-width: 767px) {
.image-text-slider__content-text {
font-size: 12px;
}
}
.image-text-slider__pagination {
position: relative;
z-index: 8;
margin-top: 34px;
}
@media only screen and (max-width: 767px) {
.image-text-slider__pagination {
margin-top: 22px;
}
}
@media only screen and (min-width: 1023px) {
.image-text-slider .swiper-button-prev,
.image-text-slider .swiper-button-next {
width: 32px;
height: 32px;
}
}
@media only screen and (max-width: 767px) {
.image-text-slider .swiper-button-prev,
.image-text-slider .swiper-button-next {
width: 20px;
height: 20px;
top: 52.5%;
}
}
.image-text-slider .swiper-button-prev {
left: 0;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.image-text-slider .swiper-button-prev {
left: -40px;
}
}
@media only screen and (max-width: 767px) {
.image-text-slider .swiper-button-prev {
left: 8px;
}
}
.image-text-slider .swiper-button-next {
right: 0;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.image-text-slider .swiper-button-next {
right: -40px;
}
}
@media only screen and (max-width: 767px) {
.image-text-slider .swiper-button-next {
right: 8px;
}
}
.info-list {
position: relative;
padding: 215px 0;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.info-list {
padding: 120px 0;
}
}
@media only screen and (max-width: 1199px) {
.info-list {
padding: 140px 0;
}
}
@media only screen and (max-width: 1022px) {
.info-list {
padding: 120px 0;
}
}
@media only screen and (max-width: 767px) {
.info-list {
padding: 60px 0 72px;
}
}
@media (min-width: 1200px) and (max-width: 1680px) {
.info-list .container {
padding: 0 60px;
}
}
@media (min-width: 1440px) {
.info-list .container {
max-width: 1360px;
}
}
@media (min-width: 1681px) {
.info-list .container {
max-width: 1520px;
}
}
.info-list__inner {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 96px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
.info-list__inner {
grid-gap: 20px;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1199px) {
.info-list__inner {
grid-gap: 20px;
}
}
@media only screen and (max-width: 1022px) {
.info-list__inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 30px;
}
}
@media only screen and (max-width: 767px) {
.info-list__inner {
grid-template-columns: 1fr;
grid-gap: 62px;
justify-items: center;
}
}
.info-list__item {
display: grid;
grid-template-columns: 90px 1fr;
grid-gap: 14px;
align-items: flex-start;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.info-list__item {
grid-template-columns: 60px 1fr;
}
}
@media only screen and (max-width: 1199px) {
.info-list__item {
grid-template-columns: 50px 1fr;
}
}
@media only screen and (max-width: 767px) {
.info-list__item {
grid-template-columns: 54px 1fr;
}
}
.info-list__icon {
max-width: 90px;
width: 100%;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.info-list__icon {
max-width: 60px;
}
}
@media (min-width: 1200px) and (max-width: 1680px) {
.info-list__icon .icon {
height: 40px;
width: 60px;
}
}
@media only screen and (max-width: 1199px) {
.info-list__icon .icon {
height: 30px;
width: 45px;
}
}
@media only screen and (max-width: 767px) {
.info-list__icon .icon {
height: 16px;
width: 54px;
}
}
.info-list__icon .icon::before {
background-color: #c1eed0;
}
.info-list__title {
line-height: 1.2;
margin-bottom: 24px;
}
@media only screen and (max-width: 1199px) {
.info-list__title {
margin-bottom: 16px;
}
}
@media only screen and (max-width: 767px) {
.info-list__title {
font-size: 25px;
}
}
.info-list__content {
display: flex;
align-items: flex-start;
flex-direction: column;
}
.info-list__content .editor-text {
max-width: 300px;
width: 100%;
font-weight: 300;
}
@media only screen and (max-width: 767px) {
.info-list__content .editor-text {
max-width: 250px;
}
}
.info-list__content .editor-text p {
line-height: 1.25;
}
.info-list__link {
position: relative;
margin-top: 16px;
color: var(--color-gray-4);
padding-bottom: 2px;
transition: color 0.3s ease;
}
@media only screen and (max-width: 767px) {
.info-list__link {
margin-top: 6px;
line-height: 1.45;
}
}
.info-list__link::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='5' viewBox='0 0 96 5' fill='none'%3E%3Cpath d='M84.7502 2.40722L84.9024 1.93095L84.9023 1.93092L84.7502 2.40722ZM67.5432 2.40722L67.6953 2.88354L67.6954 2.8835L67.5432 2.40722ZM47.1763 2.40722L47.3285 1.93095L47.3284 1.93092L47.1763 2.40722ZM29.9693 2.40673L30.1214 2.88304L30.1214 2.88303L29.9693 2.40673ZM9.60458 2.40673L9.75678 1.93046L9.75658 1.93039L9.60458 2.40673ZM1 0.500495H0.5V1.50049H1V0.500495ZM3.15596 1.56924L3.65482 1.60306L3.72246 0.60535L3.22361 0.571527L3.15596 1.56924ZM7.6362 1.29218L7.15314 1.16312L6.89503 2.12923L7.37808 2.25829L7.6362 1.29218ZM11.963 3.62534L12.4475 3.74893L12.6947 2.77996L12.2102 2.65637L11.963 3.62534ZM17.2298 3.42265L16.7308 3.39098L16.6675 4.38897L17.1665 4.42064L17.2298 3.42265ZM22.4074 4.42063L22.9064 4.38895L22.8431 3.39096L22.3441 3.42264L22.4074 4.42063ZM27.3636 2.65614L26.8792 2.77975L27.1264 3.74871L27.6109 3.62511L27.3636 2.65614ZM32.1953 2.25797L32.6783 2.12882L32.42 1.16276L31.937 1.29191L32.1953 2.25797ZM36.3486 0.571016L35.8498 0.604842L35.9174 1.60255L36.4163 1.56873L36.3486 0.571016ZM40.7277 1.56879L41.2266 1.60264L41.2943 0.604936L40.7954 0.571088L40.7277 1.56879ZM45.2081 1.29228L44.7251 1.16313L44.4668 2.1292L44.9498 2.25834L45.2081 1.29228ZM49.5347 3.62583L50.0192 3.74942L50.2664 2.78045L49.7819 2.65686L49.5347 3.62583ZM54.8016 3.42314L54.3026 3.39147L54.2392 4.38946L54.7382 4.42114L54.8016 3.42314ZM59.9797 4.4211L60.4787 4.38942L60.4153 3.39143L59.9163 3.42311L59.9797 4.4211ZM64.937 2.65663L64.4525 2.7802L64.6997 3.74918L65.1842 3.62561L64.937 2.65663ZM69.7697 2.25825L70.2527 2.12913L69.9945 1.16305L69.5114 1.29217L69.7697 2.25825ZM73.9241 0.5711L73.4252 0.604951L73.4929 1.60266L73.9918 1.56881L73.9241 0.5711ZM78.3032 1.56883L78.8021 1.6027L78.8698 0.604992L78.371 0.571122L78.3032 1.56883ZM82.7825 1.2924L82.2995 1.16324L82.0412 2.1293L82.5242 2.25846L82.7825 1.2924ZM87.6677 2.86095L88.1586 2.76636L87.9695 1.78442L87.4785 1.87901L87.6677 2.86095ZM93.0875 0.709141L92.5923 0.77796L92.7299 1.76844L93.2252 1.69962L93.0875 0.709141ZM1 1.50049C1.7892 1.50049 2.50278 1.52495 3.15596 1.56924L3.22361 0.571527C2.54611 0.525593 1.80989 0.500495 1 0.500495V1.50049ZM7.37808 2.25829C8.09345 2.44942 8.76093 2.66235 9.45257 2.88306L9.75658 1.93039C9.06789 1.71063 8.37823 1.49043 7.6362 1.29218L7.37808 2.25829ZM9.45238 2.883C10.2186 3.12785 11.0328 3.38806 11.963 3.62534L12.2102 2.65637C11.3126 2.42741 10.5248 2.17589 9.75678 1.93046L9.45238 2.883ZM17.1665 4.42064C17.9658 4.47138 18.8349 4.49951 19.7869 4.49951V3.49951C18.8546 3.49951 18.0067 3.47196 17.2298 3.42265L17.1665 4.42064ZM19.7869 4.49951C20.739 4.49951 21.6081 4.47138 22.4074 4.42063L22.3441 3.42264C21.5672 3.47196 20.7193 3.49951 19.7869 3.49951V4.49951ZM27.6109 3.62511C28.5406 3.3879 29.3548 3.12779 30.1214 2.88304L29.8172 1.93042C29.0487 2.1758 28.2609 2.42723 27.3636 2.65614L27.6109 3.62511ZM30.1214 2.88303C30.813 2.66218 31.4803 2.44916 32.1953 2.25797L31.937 1.29191C31.1953 1.49023 30.5059 1.71052 29.8172 1.93042L30.1214 2.88303ZM36.4163 1.56873C37.0692 1.52445 37.7827 1.5 38.5717 1.5V0.5C37.762 0.5 37.0259 0.525091 36.3486 0.571016L36.4163 1.56873ZM38.5717 1.5C39.361 1.5 40.0745 1.52448 40.7277 1.56879L40.7954 0.571088C40.1179 0.525118 39.3817 0.5 38.5717 0.5V1.5ZM44.9498 2.25834C45.6651 2.4496 46.3326 2.66267 47.0242 2.88353L47.3284 1.93092C46.6397 1.71101 45.9501 1.49066 45.2081 1.29228L44.9498 2.25834ZM47.0241 2.8835C47.7903 3.12835 48.6046 3.38855 49.5347 3.62583L49.7819 2.65686C48.8844 2.4279 48.0965 2.17639 47.3285 1.93095L47.0241 2.8835ZM54.7382 4.42114C55.5376 4.47187 56.4067 4.5 57.3587 4.5V3.5C56.4264 3.5 55.5785 3.47246 54.8016 3.42314L54.7382 4.42114ZM57.3587 4.5C58.3109 4.5 59.1802 4.47186 59.9797 4.4211L59.9163 3.42311C59.1393 3.47245 58.2912 3.5 57.3587 3.5V4.5ZM65.1842 3.62561C66.1142 3.38841 66.9287 3.12829 67.6953 2.88354L67.3911 1.93091C66.6226 2.17628 65.8346 2.42772 64.937 2.65663L65.1842 3.62561ZM67.6954 2.8835C68.3868 2.66256 69.0543 2.44947 69.7697 2.25825L69.5114 1.29217C68.7693 1.49054 68.0796 1.7109 67.391 1.93095L67.6954 2.8835ZM73.9918 1.56881C74.6451 1.52448 75.3587 1.5 76.1478 1.5V0.5C75.338 0.5 74.6017 0.52512 73.9241 0.5711L73.9918 1.56881ZM76.1478 1.5C76.9368 1.5 77.6502 1.52449 78.3032 1.56883L78.371 0.571122C77.6936 0.52513 76.9575 0.5 76.1478 0.5V1.5ZM82.5242 2.25846C83.2393 2.44969 83.9066 2.66272 84.5981 2.88353L84.9023 1.93092C84.2138 1.71105 83.5243 1.49076 82.7825 1.2924L82.5242 2.25846ZM84.598 2.8835C85.5102 3.175 86.5576 3.07482 87.6677 2.86095L87.4785 1.87901C86.3906 2.08859 85.5585 2.1406 84.9024 1.93095L84.598 2.8835ZM93.2252 1.69962C94.0998 1.57809 95.0241 1.5 96 1.5V0.5C94.9706 0.5 93.9996 0.582398 93.0875 0.709141L93.2252 1.69962Z' fill='%23212121'/%3E%3C/svg%3E") repeat left/cover;
transition: opacity 0.3s ease;
}
.info-list__link:hover {
color: #c1eed0;
}
@media only screen and (min-width: 1200px) {
.instruction-card-list .container {
max-width: 1084px;
}
}
@media only screen and (min-width: 768px) {
.instruction-card-list .section-header {
max-width: 710px;
}
}
.instruction-card-list .section-header .editor-text {
margin-top: 20px;
}
@media only screen and (max-width: 1022px) {
.instruction-card-list .section-header .editor-text {
text-align: left;
margin-top: 30px;
}
}
.instruction-card-list .section-header__title {
font-weight: 500;
letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
.instruction-card-list .section-header__title {
font-size: 16px;
}
}
.instruction-card-list__inner {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 50px;
}
@media only screen and (max-width: 1022px) {
.instruction-card-list__inner {
grid-gap: 22px;
}
}
@media only screen and (max-width: 767px) {
.instruction-card-list__inner {
grid-template-columns: 1fr;
}
}
.instruction-card-list__card {
max-width: 318px;
width: 100%;
border-radius: 20px;
background-color: var(--color-white);
box-shadow: -4px 9px 22px -3px rgba(51, 58, 58, 0.12);
user-select: none;
}
@media only screen and (max-width: 767px) {
.instruction-card-list__card {
max-width: 254px;
margin: 0 auto;
border-radius: 15px;
box-shadow: -3.19px 7.18px 17.57px -2.39px rgba(51, 58, 58, 0.12);
}
}
.instruction-card-list__image {
position: relative;
width: 100%;
height: 0;
padding-bottom: 80%;
}
.instruction-card-list__content {
padding: 12px 20px 44px;
}
@media only screen and (max-width: 767px) {
.instruction-card-list__content {
padding: 8px 16px 44px;
}
}
.instruction-card-list__number {
font-weight: 700;
color: var(--color-primary);
}
@media only screen and (max-width: 1022px) {
.instruction-card-list__number {
font-size: 30px;
}
}
.instruction-card-list__text {
margin-top: 10px;
font-weight: 300;
line-height: 1.54;
}
@media only screen and (max-width: 1022px) {
.instruction-card-list__text {
margin-top: 12px;
line-height: 1.4;
font-size: 12px;
}
}
.landing-module .title {
font-weight: 700;
font-size: 70px;
line-height: 1.2;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.landing-module .title {
font-size: 56px;
}
}
@media only screen and (max-width: 1439px) {
.landing-module .title {
font-size: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.landing-module .title {
font-size: 40px;
}
}
@media only screen and (max-width: 767px) {
.landing-module .title {
font-size: 36px;
}
}
.landing-module .swiper-slide {
height: auto;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.landing-module .container {
padding: 0 60px;
}
}
@media (min-width: 1440px) {
.landing-module .container {
max-width: 1360px;
}
}
@media (min-width: 1520px) {
.landing-module .container {
max-width: 1440px;
}
}
@media (min-width: 1681px) {
.landing-module .container {
max-width: 1590px;
}
}
.landing-module__slide {
-webkit-user-select: none;
user-select: none;
position: relative;
min-height: 1000px;
overflow: hidden;
padding: 60px 0;
display: flex;
align-items: center;
height: 100%;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.landing-module__slide {
min-height: 700px;
}
}
@media (min-width: 1600px) and (max-height: 1079px) {
.landing-module__slide {
min-height: 700px;
}
}
@media only screen and (max-width: 1439px) {
.landing-module__slide {
min-height: 780px;
}
}
@media only screen and (max-width: 1199px) {
.landing-module__slide {
min-height: 600px;
}
}
@media only screen and (max-width: 1022px) {
.landing-module__slide {
flex-direction: column;
padding: 20px 24px 12px;
min-height: 1px;
}
}
@media only screen and (min-width: 1023px) {
.landing-module__slide.is-dark {
color: #ffffff;
}
}
.landing-module__slide.is-dark .landing-module__image:after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
pointer-events: none;
background-color: rgba(33, 33, 33, 0.7);
mix-blend-mode: multiply;
}
@media only screen and (max-width: 1022px) {
.landing-module__slide.is-dark .landing-module__image:after {
display: none;
}
}
@media only screen and (min-width: 1023px) {
.landing-module__slide.is-dark .landing-module__link:before {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='5' viewBox='0 0 96 5' fill='none'%3E%3Cpath d='M84.7502 2.40722L84.9024 1.93095L84.9023 1.93092L84.7502 2.40722ZM67.5432 2.40722L67.6953 2.88354L67.6954 2.8835L67.5432 2.40722ZM47.1763 2.40722L47.3285 1.93095L47.3284 1.93092L47.1763 2.40722ZM29.9693 2.40673L30.1214 2.88304L30.1214 2.88303L29.9693 2.40673ZM9.60458 2.40673L9.75678 1.93046L9.75658 1.93039L9.60458 2.40673ZM1 0.500495H0.5V1.50049H1V0.500495ZM3.15596 1.56924L3.65482 1.60306L3.72246 0.60535L3.22361 0.571527L3.15596 1.56924ZM7.6362 1.29218L7.15314 1.16312L6.89503 2.12923L7.37808 2.25829L7.6362 1.29218ZM11.963 3.62534L12.4475 3.74893L12.6947 2.77996L12.2102 2.65637L11.963 3.62534ZM17.2298 3.42265L16.7308 3.39098L16.6675 4.38897L17.1665 4.42064L17.2298 3.42265ZM22.4074 4.42063L22.9064 4.38895L22.8431 3.39096L22.3441 3.42264L22.4074 4.42063ZM27.3636 2.65614L26.8792 2.77975L27.1264 3.74871L27.6109 3.62511L27.3636 2.65614ZM32.1953 2.25797L32.6783 2.12882L32.42 1.16276L31.937 1.29191L32.1953 2.25797ZM36.3486 0.571016L35.8498 0.604842L35.9174 1.60255L36.4163 1.56873L36.3486 0.571016ZM40.7277 1.56879L41.2266 1.60264L41.2943 0.604936L40.7954 0.571088L40.7277 1.56879ZM45.2081 1.29228L44.7251 1.16313L44.4668 2.1292L44.9498 2.25834L45.2081 1.29228ZM49.5347 3.62583L50.0192 3.74942L50.2664 2.78045L49.7819 2.65686L49.5347 3.62583ZM54.8016 3.42314L54.3026 3.39147L54.2392 4.38946L54.7382 4.42114L54.8016 3.42314ZM59.9797 4.4211L60.4787 4.38942L60.4153 3.39143L59.9163 3.42311L59.9797 4.4211ZM64.937 2.65663L64.4525 2.7802L64.6997 3.74918L65.1842 3.62561L64.937 2.65663ZM69.7697 2.25825L70.2527 2.12913L69.9945 1.16305L69.5114 1.29217L69.7697 2.25825ZM73.9241 0.5711L73.4252 0.604951L73.4929 1.60266L73.9918 1.56881L73.9241 0.5711ZM78.3032 1.56883L78.8021 1.6027L78.8698 0.604992L78.371 0.571122L78.3032 1.56883ZM82.7825 1.2924L82.2995 1.16324L82.0412 2.1293L82.5242 2.25846L82.7825 1.2924ZM87.6677 2.86095L88.1586 2.76636L87.9695 1.78442L87.4785 1.87901L87.6677 2.86095ZM93.0875 0.709141L92.5923 0.77796L92.7299 1.76844L93.2252 1.69962L93.0875 0.709141ZM1 1.50049C1.7892 1.50049 2.50278 1.52495 3.15596 1.56924L3.22361 0.571527C2.54611 0.525593 1.80989 0.500495 1 0.500495V1.50049ZM7.37808 2.25829C8.09345 2.44942 8.76093 2.66235 9.45257 2.88306L9.75658 1.93039C9.06789 1.71063 8.37823 1.49043 7.6362 1.29218L7.37808 2.25829ZM9.45238 2.883C10.2186 3.12785 11.0328 3.38806 11.963 3.62534L12.2102 2.65637C11.3126 2.42741 10.5248 2.17589 9.75678 1.93046L9.45238 2.883ZM17.1665 4.42064C17.9658 4.47138 18.8349 4.49951 19.7869 4.49951V3.49951C18.8546 3.49951 18.0067 3.47196 17.2298 3.42265L17.1665 4.42064ZM19.7869 4.49951C20.739 4.49951 21.6081 4.47138 22.4074 4.42063L22.3441 3.42264C21.5672 3.47196 20.7193 3.49951 19.7869 3.49951V4.49951ZM27.6109 3.62511C28.5406 3.3879 29.3548 3.12779 30.1214 2.88304L29.8172 1.93042C29.0487 2.1758 28.2609 2.42723 27.3636 2.65614L27.6109 3.62511ZM30.1214 2.88303C30.813 2.66218 31.4803 2.44916 32.1953 2.25797L31.937 1.29191C31.1953 1.49023 30.5059 1.71052 29.8172 1.93042L30.1214 2.88303ZM36.4163 1.56873C37.0692 1.52445 37.7827 1.5 38.5717 1.5V0.5C37.762 0.5 37.0259 0.525091 36.3486 0.571016L36.4163 1.56873ZM38.5717 1.5C39.361 1.5 40.0745 1.52448 40.7277 1.56879L40.7954 0.571088C40.1179 0.525118 39.3817 0.5 38.5717 0.5V1.5ZM44.9498 2.25834C45.6651 2.4496 46.3326 2.66267 47.0242 2.88353L47.3284 1.93092C46.6397 1.71101 45.9501 1.49066 45.2081 1.29228L44.9498 2.25834ZM47.0241 2.8835C47.7903 3.12835 48.6046 3.38855 49.5347 3.62583L49.7819 2.65686C48.8844 2.4279 48.0965 2.17639 47.3285 1.93095L47.0241 2.8835ZM54.7382 4.42114C55.5376 4.47187 56.4067 4.5 57.3587 4.5V3.5C56.4264 3.5 55.5785 3.47246 54.8016 3.42314L54.7382 4.42114ZM57.3587 4.5C58.3109 4.5 59.1802 4.47186 59.9797 4.4211L59.9163 3.42311C59.1393 3.47245 58.2912 3.5 57.3587 3.5V4.5ZM65.1842 3.62561C66.1142 3.38841 66.9287 3.12829 67.6953 2.88354L67.3911 1.93091C66.6226 2.17628 65.8346 2.42772 64.937 2.65663L65.1842 3.62561ZM67.6954 2.8835C68.3868 2.66256 69.0543 2.44947 69.7697 2.25825L69.5114 1.29217C68.7693 1.49054 68.0796 1.7109 67.391 1.93095L67.6954 2.8835ZM73.9918 1.56881C74.6451 1.52448 75.3587 1.5 76.1478 1.5V0.5C75.338 0.5 74.6017 0.52512 73.9241 0.5711L73.9918 1.56881ZM76.1478 1.5C76.9368 1.5 77.6502 1.52449 78.3032 1.56883L78.371 0.571122C77.6936 0.52513 76.9575 0.5 76.1478 0.5V1.5ZM82.5242 2.25846C83.2393 2.44969 83.9066 2.66272 84.5981 2.88353L84.9023 1.93092C84.2138 1.71105 83.5243 1.49076 82.7825 1.2924L82.5242 2.25846ZM84.598 2.8835C85.5102 3.175 86.5576 3.07482 87.6677 2.86095L87.4785 1.87901C86.3906 2.08859 85.5585 2.1406 84.9024 1.93095L84.598 2.8835ZM93.2252 1.69962C94.0998 1.57809 95.0241 1.5 96 1.5V0.5C94.9706 0.5 93.9996 0.582398 93.0875 0.709141L93.2252 1.69962Z' fill='%23ffffff'/%3E%3C/svg%3E") repeat-x center/contain;
transition: 0.3s ease;
}
.landing-module__slide.is-dark .landing-module__link:hover {
color: #c1eed0;
}
.landing-module__slide.is-dark .landing-module__link:hover:before {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='5' viewBox='0 0 96 5' fill='none'%3E%3Cpath d='M84.7502 2.40722L84.9024 1.93095L84.9023 1.93092L84.7502 2.40722ZM67.5432 2.40722L67.6953 2.88354L67.6954 2.8835L67.5432 2.40722ZM47.1763 2.40722L47.3285 1.93095L47.3284 1.93092L47.1763 2.40722ZM29.9693 2.40673L30.1214 2.88304L30.1214 2.88303L29.9693 2.40673ZM9.60458 2.40673L9.75678 1.93046L9.75658 1.93039L9.60458 2.40673ZM1 0.500495H0.5V1.50049H1V0.500495ZM3.15596 1.56924L3.65482 1.60306L3.72246 0.60535L3.22361 0.571527L3.15596 1.56924ZM7.6362 1.29218L7.15314 1.16312L6.89503 2.12923L7.37808 2.25829L7.6362 1.29218ZM11.963 3.62534L12.4475 3.74893L12.6947 2.77996L12.2102 2.65637L11.963 3.62534ZM17.2298 3.42265L16.7308 3.39098L16.6675 4.38897L17.1665 4.42064L17.2298 3.42265ZM22.4074 4.42063L22.9064 4.38895L22.8431 3.39096L22.3441 3.42264L22.4074 4.42063ZM27.3636 2.65614L26.8792 2.77975L27.1264 3.74871L27.6109 3.62511L27.3636 2.65614ZM32.1953 2.25797L32.6783 2.12882L32.42 1.16276L31.937 1.29191L32.1953 2.25797ZM36.3486 0.571016L35.8498 0.604842L35.9174 1.60255L36.4163 1.56873L36.3486 0.571016ZM40.7277 1.56879L41.2266 1.60264L41.2943 0.604936L40.7954 0.571088L40.7277 1.56879ZM45.2081 1.29228L44.7251 1.16313L44.4668 2.1292L44.9498 2.25834L45.2081 1.29228ZM49.5347 3.62583L50.0192 3.74942L50.2664 2.78045L49.7819 2.65686L49.5347 3.62583ZM54.8016 3.42314L54.3026 3.39147L54.2392 4.38946L54.7382 4.42114L54.8016 3.42314ZM59.9797 4.4211L60.4787 4.38942L60.4153 3.39143L59.9163 3.42311L59.9797 4.4211ZM64.937 2.65663L64.4525 2.7802L64.6997 3.74918L65.1842 3.62561L64.937 2.65663ZM69.7697 2.25825L70.2527 2.12913L69.9945 1.16305L69.5114 1.29217L69.7697 2.25825ZM73.9241 0.5711L73.4252 0.604951L73.4929 1.60266L73.9918 1.56881L73.9241 0.5711ZM78.3032 1.56883L78.8021 1.6027L78.8698 0.604992L78.371 0.571122L78.3032 1.56883ZM82.7825 1.2924L82.2995 1.16324L82.0412 2.1293L82.5242 2.25846L82.7825 1.2924ZM87.6677 2.86095L88.1586 2.76636L87.9695 1.78442L87.4785 1.87901L87.6677 2.86095ZM93.0875 0.709141L92.5923 0.77796L92.7299 1.76844L93.2252 1.69962L93.0875 0.709141ZM1 1.50049C1.7892 1.50049 2.50278 1.52495 3.15596 1.56924L3.22361 0.571527C2.54611 0.525593 1.80989 0.500495 1 0.500495V1.50049ZM7.37808 2.25829C8.09345 2.44942 8.76093 2.66235 9.45257 2.88306L9.75658 1.93039C9.06789 1.71063 8.37823 1.49043 7.6362 1.29218L7.37808 2.25829ZM9.45238 2.883C10.2186 3.12785 11.0328 3.38806 11.963 3.62534L12.2102 2.65637C11.3126 2.42741 10.5248 2.17589 9.75678 1.93046L9.45238 2.883ZM17.1665 4.42064C17.9658 4.47138 18.8349 4.49951 19.7869 4.49951V3.49951C18.8546 3.49951 18.0067 3.47196 17.2298 3.42265L17.1665 4.42064ZM19.7869 4.49951C20.739 4.49951 21.6081 4.47138 22.4074 4.42063L22.3441 3.42264C21.5672 3.47196 20.7193 3.49951 19.7869 3.49951V4.49951ZM27.6109 3.62511C28.5406 3.3879 29.3548 3.12779 30.1214 2.88304L29.8172 1.93042C29.0487 2.1758 28.2609 2.42723 27.3636 2.65614L27.6109 3.62511ZM30.1214 2.88303C30.813 2.66218 31.4803 2.44916 32.1953 2.25797L31.937 1.29191C31.1953 1.49023 30.5059 1.71052 29.8172 1.93042L30.1214 2.88303ZM36.4163 1.56873C37.0692 1.52445 37.7827 1.5 38.5717 1.5V0.5C37.762 0.5 37.0259 0.525091 36.3486 0.571016L36.4163 1.56873ZM38.5717 1.5C39.361 1.5 40.0745 1.52448 40.7277 1.56879L40.7954 0.571088C40.1179 0.525118 39.3817 0.5 38.5717 0.5V1.5ZM44.9498 2.25834C45.6651 2.4496 46.3326 2.66267 47.0242 2.88353L47.3284 1.93092C46.6397 1.71101 45.9501 1.49066 45.2081 1.29228L44.9498 2.25834ZM47.0241 2.8835C47.7903 3.12835 48.6046 3.38855 49.5347 3.62583L49.7819 2.65686C48.8844 2.4279 48.0965 2.17639 47.3285 1.93095L47.0241 2.8835ZM54.7382 4.42114C55.5376 4.47187 56.4067 4.5 57.3587 4.5V3.5C56.4264 3.5 55.5785 3.47246 54.8016 3.42314L54.7382 4.42114ZM57.3587 4.5C58.3109 4.5 59.1802 4.47186 59.9797 4.4211L59.9163 3.42311C59.1393 3.47245 58.2912 3.5 57.3587 3.5V4.5ZM65.1842 3.62561C66.1142 3.38841 66.9287 3.12829 67.6953 2.88354L67.3911 1.93091C66.6226 2.17628 65.8346 2.42772 64.937 2.65663L65.1842 3.62561ZM67.6954 2.8835C68.3868 2.66256 69.0543 2.44947 69.7697 2.25825L69.5114 1.29217C68.7693 1.49054 68.0796 1.7109 67.391 1.93095L67.6954 2.8835ZM73.9918 1.56881C74.6451 1.52448 75.3587 1.5 76.1478 1.5V0.5C75.338 0.5 74.6017 0.52512 73.9241 0.5711L73.9918 1.56881ZM76.1478 1.5C76.9368 1.5 77.6502 1.52449 78.3032 1.56883L78.371 0.571122C77.6936 0.52513 76.9575 0.5 76.1478 0.5V1.5ZM82.5242 2.25846C83.2393 2.44969 83.9066 2.66272 84.5981 2.88353L84.9023 1.93092C84.2138 1.71105 83.5243 1.49076 82.7825 1.2924L82.5242 2.25846ZM84.598 2.8835C85.5102 3.175 86.5576 3.07482 87.6677 2.86095L87.4785 1.87901C86.3906 2.08859 85.5585 2.1406 84.9024 1.93095L84.598 2.8835ZM93.2252 1.69962C94.0998 1.57809 95.0241 1.5 96 1.5V0.5C94.9706 0.5 93.9996 0.582398 93.0875 0.709141L93.2252 1.69962Z' fill='%23c1eed0'/%3E%3C/svg%3E") repeat-x center/contain;
}
}
@media only screen and (max-width: 1022px) {
.landing-module__image {
position: relative;
height: 0;
padding-bottom: 52%;
border-radius: 20px;
overflow: hidden;
}
}
.landing-module__content {
position: relative;
z-index: 4;
max-width: 795px;
width: 100%;
padding: 0 0 105px 18px;
}
@media only screen and (max-width: 1439px) {
.landing-module__content {
padding-bottom: 60px;
}
}
@media only screen and (max-width: 1199px) {
.landing-module__content {
padding: 0;
}
}
@media only screen and (max-width: 1022px) {
.landing-module__content {
text-align: center;
padding: 20px 20px 0;
}
}
.landing-module .title {
letter-spacing: 1.37px;
line-height: 1.08;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.landing-module .title {
font-size: 56px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
.landing-module .title {
font-size: 60px;
}
}
@media only screen and (max-width: 1022px) {
.landing-module .title {
text-align: left;
}
}
@media only screen and (max-width: 767px) {
.landing-module .title {
font-size: 35px;
line-height: 36px;
letter-spacing: 0.58px;
}
}
.landing-module__text {
margin-top: 28px;
max-width: 565px;
width: 100%;
letter-spacing: normal;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.landing-module__text {
font-size: 20px;
}
}
@media only screen and (max-width: 1199px) {
.landing-module__text {
margin-top: 20px;
max-width: 450px;
}
}
@media only screen and (max-width: 1022px) {
.landing-module__text {
margin: 24px auto 0;
text-align: left;
max-width: 100%;
}
}
@media only screen and (max-width: 767px) {
.landing-module__text {
font-size: 14px;
line-height: 1.3;
}
}
.landing-module__button-group {
margin-top: 32px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 28px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.landing-module__button-group {
gap: 20px;
}
}
@media only screen and (max-width: 1199px) {
.landing-module__button-group {
margin-top: 20px;
gap: 20px;
}
}
@media only screen and (max-width: 1022px) {
.landing-module__button-group {
justify-content: center;
}
}
@media only screen and (max-width: 767px) {
.landing-module__button-group {
margin-top: 18px;
gap: 14px;
}
}
.landing-module__button-group .btn {
filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.25));
}
@media only screen and (min-width: 1023px) and (max-width: 1199px) {
.landing-module__button-group .btn {
font-size: 16px;
padding: 8px 25px;
min-height: 50px;
letter-spacing: 0.46px;
}
}
@media only screen and (max-width: 1022px) {
.landing-module__button-group .btn {
filter: none;
}
}
@media only screen and (max-width: 767px) {
.landing-module__button-group .btn {
width: 100%;
letter-spacing: 0.46px;
}
}
.landing-module__button-group .btn::after {
height: calc(100% - 6px);
top: 3px;
}
.landing-module__button-group .btn:hover {
filter: none;
}
.landing-module__button-group .btn:hover::after {
height: 100%;
top: 0;
}
.landing-module__button-group .btn:focus::after {
height: calc(100% + 6px);
top: -3px;
}
.landing-module__or-label {
letter-spacing: 0.87px;
}
@media only screen and (max-width: 767px) {
.landing-module__or-label {
font-size: 14px;
}
}
.landing-module__link {
letter-spacing: 0.87px;
position: relative;
}
@media only screen and (max-width: 767px) {
.landing-module__link {
font-size: 14px;
}
}
.landing-module__link::before {
content: "";
position: absolute;
width: 100%;
height: 10px;
left: 0;
bottom: -5px;
opacity: 1;
visibility: visible;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='5' viewBox='0 0 96 5' fill='none'%3E%3Cpath d='M84.7502 2.40722L84.9024 1.93095L84.9023 1.93092L84.7502 2.40722ZM67.5432 2.40722L67.6953 2.88354L67.6954 2.8835L67.5432 2.40722ZM47.1763 2.40722L47.3285 1.93095L47.3284 1.93092L47.1763 2.40722ZM29.9693 2.40673L30.1214 2.88304L30.1214 2.88303L29.9693 2.40673ZM9.60458 2.40673L9.75678 1.93046L9.75658 1.93039L9.60458 2.40673ZM1 0.500495H0.5V1.50049H1V0.500495ZM3.15596 1.56924L3.65482 1.60306L3.72246 0.60535L3.22361 0.571527L3.15596 1.56924ZM7.6362 1.29218L7.15314 1.16312L6.89503 2.12923L7.37808 2.25829L7.6362 1.29218ZM11.963 3.62534L12.4475 3.74893L12.6947 2.77996L12.2102 2.65637L11.963 3.62534ZM17.2298 3.42265L16.7308 3.39098L16.6675 4.38897L17.1665 4.42064L17.2298 3.42265ZM22.4074 4.42063L22.9064 4.38895L22.8431 3.39096L22.3441 3.42264L22.4074 4.42063ZM27.3636 2.65614L26.8792 2.77975L27.1264 3.74871L27.6109 3.62511L27.3636 2.65614ZM32.1953 2.25797L32.6783 2.12882L32.42 1.16276L31.937 1.29191L32.1953 2.25797ZM36.3486 0.571016L35.8498 0.604842L35.9174 1.60255L36.4163 1.56873L36.3486 0.571016ZM40.7277 1.56879L41.2266 1.60264L41.2943 0.604936L40.7954 0.571088L40.7277 1.56879ZM45.2081 1.29228L44.7251 1.16313L44.4668 2.1292L44.9498 2.25834L45.2081 1.29228ZM49.5347 3.62583L50.0192 3.74942L50.2664 2.78045L49.7819 2.65686L49.5347 3.62583ZM54.8016 3.42314L54.3026 3.39147L54.2392 4.38946L54.7382 4.42114L54.8016 3.42314ZM59.9797 4.4211L60.4787 4.38942L60.4153 3.39143L59.9163 3.42311L59.9797 4.4211ZM64.937 2.65663L64.4525 2.7802L64.6997 3.74918L65.1842 3.62561L64.937 2.65663ZM69.7697 2.25825L70.2527 2.12913L69.9945 1.16305L69.5114 1.29217L69.7697 2.25825ZM73.9241 0.5711L73.4252 0.604951L73.4929 1.60266L73.9918 1.56881L73.9241 0.5711ZM78.3032 1.56883L78.8021 1.6027L78.8698 0.604992L78.371 0.571122L78.3032 1.56883ZM82.7825 1.2924L82.2995 1.16324L82.0412 2.1293L82.5242 2.25846L82.7825 1.2924ZM87.6677 2.86095L88.1586 2.76636L87.9695 1.78442L87.4785 1.87901L87.6677 2.86095ZM93.0875 0.709141L92.5923 0.77796L92.7299 1.76844L93.2252 1.69962L93.0875 0.709141ZM1 1.50049C1.7892 1.50049 2.50278 1.52495 3.15596 1.56924L3.22361 0.571527C2.54611 0.525593 1.80989 0.500495 1 0.500495V1.50049ZM7.37808 2.25829C8.09345 2.44942 8.76093 2.66235 9.45257 2.88306L9.75658 1.93039C9.06789 1.71063 8.37823 1.49043 7.6362 1.29218L7.37808 2.25829ZM9.45238 2.883C10.2186 3.12785 11.0328 3.38806 11.963 3.62534L12.2102 2.65637C11.3126 2.42741 10.5248 2.17589 9.75678 1.93046L9.45238 2.883ZM17.1665 4.42064C17.9658 4.47138 18.8349 4.49951 19.7869 4.49951V3.49951C18.8546 3.49951 18.0067 3.47196 17.2298 3.42265L17.1665 4.42064ZM19.7869 4.49951C20.739 4.49951 21.6081 4.47138 22.4074 4.42063L22.3441 3.42264C21.5672 3.47196 20.7193 3.49951 19.7869 3.49951V4.49951ZM27.6109 3.62511C28.5406 3.3879 29.3548 3.12779 30.1214 2.88304L29.8172 1.93042C29.0487 2.1758 28.2609 2.42723 27.3636 2.65614L27.6109 3.62511ZM30.1214 2.88303C30.813 2.66218 31.4803 2.44916 32.1953 2.25797L31.937 1.29191C31.1953 1.49023 30.5059 1.71052 29.8172 1.93042L30.1214 2.88303ZM36.4163 1.56873C37.0692 1.52445 37.7827 1.5 38.5717 1.5V0.5C37.762 0.5 37.0259 0.525091 36.3486 0.571016L36.4163 1.56873ZM38.5717 1.5C39.361 1.5 40.0745 1.52448 40.7277 1.56879L40.7954 0.571088C40.1179 0.525118 39.3817 0.5 38.5717 0.5V1.5ZM44.9498 2.25834C45.6651 2.4496 46.3326 2.66267 47.0242 2.88353L47.3284 1.93092C46.6397 1.71101 45.9501 1.49066 45.2081 1.29228L44.9498 2.25834ZM47.0241 2.8835C47.7903 3.12835 48.6046 3.38855 49.5347 3.62583L49.7819 2.65686C48.8844 2.4279 48.0965 2.17639 47.3285 1.93095L47.0241 2.8835ZM54.7382 4.42114C55.5376 4.47187 56.4067 4.5 57.3587 4.5V3.5C56.4264 3.5 55.5785 3.47246 54.8016 3.42314L54.7382 4.42114ZM57.3587 4.5C58.3109 4.5 59.1802 4.47186 59.9797 4.4211L59.9163 3.42311C59.1393 3.47245 58.2912 3.5 57.3587 3.5V4.5ZM65.1842 3.62561C66.1142 3.38841 66.9287 3.12829 67.6953 2.88354L67.3911 1.93091C66.6226 2.17628 65.8346 2.42772 64.937 2.65663L65.1842 3.62561ZM67.6954 2.8835C68.3868 2.66256 69.0543 2.44947 69.7697 2.25825L69.5114 1.29217C68.7693 1.49054 68.0796 1.7109 67.391 1.93095L67.6954 2.8835ZM73.9918 1.56881C74.6451 1.52448 75.3587 1.5 76.1478 1.5V0.5C75.338 0.5 74.6017 0.52512 73.9241 0.5711L73.9918 1.56881ZM76.1478 1.5C76.9368 1.5 77.6502 1.52449 78.3032 1.56883L78.371 0.571122C77.6936 0.52513 76.9575 0.5 76.1478 0.5V1.5ZM82.5242 2.25846C83.2393 2.44969 83.9066 2.66272 84.5981 2.88353L84.9023 1.93092C84.2138 1.71105 83.5243 1.49076 82.7825 1.2924L82.5242 2.25846ZM84.598 2.8835C85.5102 3.175 86.5576 3.07482 87.6677 2.86095L87.4785 1.87901C86.3906 2.08859 85.5585 2.1406 84.9024 1.93095L84.598 2.8835ZM93.2252 1.69962C94.0998 1.57809 95.0241 1.5 96 1.5V0.5C94.9706 0.5 93.9996 0.582398 93.0875 0.709141L93.2252 1.69962Z' fill='%23212121'/%3E%3C/svg%3E") repeat-x center/contain;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media only screen and (max-width: 767px) {
.landing-module__link::before {
height: 6px;
bottom: -3px;
}
}
.landing-module__link:hover {
color: var(--color-primary);
}
.landing-module__review {
margin-top: 48px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.landing-module__review {
margin-top: 30px;
}
}
@media only screen and (max-width: 1199px) {
.landing-module__review {
margin-top: 30px;
}
}
@media only screen and (max-width: 1022px) {
.landing-module__review {
display: flex;
flex-direction: column;
align-items: center;
}
}
@media only screen and (max-width: 767px) {
.landing-module__review {
font-size: 10px;
margin-top: 20px;
}
}
.landing-module__review-top {
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
justify-items: flex-start;
grid-gap: 24px;
}
@media only screen and (max-width: 767px) {
.landing-module__review-top {
grid-gap: 6px;
}
}
.landing-module__review-star {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
}
@media only screen and (max-width: 767px) {
.landing-module__review-star {
gap: 3px;
}
}
@media only screen and (max-width: 767px) {
.landing-module__review .icon {
width: 10px;
height: 10px;
}
}
.landing-module__review .icon::before {
background-color: var(--color-yellow);
}
.landing-module__review-image {
position: relative;
width: 27px;
height: 27px;
border-radius: 100%;
}
@media only screen and (max-width: 767px) {
.landing-module__review-image {
width: 16px;
height: 16px;
}
}
.landing-module__review-author {
display: grid;
grid-template-columns: auto 1fr;
grid-gap: 10px;
align-items: center;
}
@media only screen and (max-width: 767px) {
.landing-module__review-author {
grid-gap: 5px;
}
}
.landing-module__review-quote {
margin-top: 18px;
}
@media only screen and (max-width: 767px) {
.landing-module__review-quote {
margin-top: 10px;
}
}
.landing-module .swiper-pagination {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 30px;
z-index: 5;
line-height: 1;
}
@media only screen and (max-width: 1439px) {
.landing-module .swiper-pagination {
bottom: 18px;
}
}
@media only screen and (max-width: 1022px) {
.landing-module .swiper-pagination {
bottom: auto;
left: 0;
width: 100%;
transform: none;
top: 0;
padding-top: 45%;
pointer-events: none;
}
}
.landing-module .swiper-pagination-bullet {
height: 6px;
width: 26px;
margin: 0 4px !important;
border-radius: 4px;
background-color: rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 1022px) {
.landing-module .swiper-pagination-bullet {
width: 18px;
height: 4px;
margin: 0 2px !important;
background-color: rgba(33, 33, 33, 0.5);
}
}
@media only screen and (max-width: 767px) {
.landing-module .swiper-pagination-bullet {
width: 11px;
height: 2px;
}
}
.landing-module .swiper-pagination-bullet.swiper-pagination-bullet-active, .landing-module .swiper-pagination-bullet:hover {
background-color: var(--color-primary-bg);
}
@media only screen and (max-width: 1022px) {
.landing-module .swiper-pagination-bullet.swiper-pagination-bullet-active, .landing-module .swiper-pagination-bullet:hover {
background-color: var(--color-primary);
}
}
.language-modal {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 999;
padding: 24px;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.3s ease, visibility 0.3s ease;
opacity: 0;
visibility: hidden;
pointer-events: none;
overflow: auto;
backdrop-filter: blur(7px);
}
.language-modal.is-active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.language-modal__overlay {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.language-modal__body {
margin: auto;
width: 100%;
max-width: 746px;
padding: 40px 56px;
position: relative;
z-index: 9;
background-color: #f5f5f5;
border-radius: 20px;
}
@media only screen and (max-width: 767px) {
.language-modal__body {
padding: 32px 20px;
border-radius: 12px;
}
}
.language-modal__items {
display: flex;
gap: 16px;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.language-modal__items {
flex-direction: column;
gap: 12px;
}
}
.language-modal__item {
flex-shrink: 0;
background-color: #ffffff;
border-radius: 60px;
display: flex;
align-items: center;
gap: 20px;
padding: 14px 32px 14px 14px;
transition: color 0.3s ease, background-color 0.3s ease;
position: relative;
}
@media only screen and (max-width: 767px) {
.language-modal__item {
gap: 12px;
padding: 8px;
}
}
.language-modal__item:after {
content: "";
position: absolute;
pointer-events: none;
border: 2px dashed #ffffff;
border-radius: inherit;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
transition: 0.3s ease;
}
.language-modal__item:hover {
background-color: #212121;
color: #ffffff;
}
.language-modal__item.is-active {
background-color: #212121;
color: #ffffff;
text-shadow: -0.25px -0.25px 0 #ffffff, 0.25px -0.25px 0 #ffffff, -0.25px 0.25px 0 #ffffff, 0.25px 0.25px 0 #ffffff;
}
.language-modal__item.is-active:after {
opacity: 1;
}
.language-modal__item-icon {
width: 32px;
}
@media only screen and (max-width: 767px) {
.language-modal__item-icon {
width: 28px;
}
}
.language-modal__item-text, .language-modal__item-icon {
pointer-events: none;
}
.language-modal__close {
position: absolute;
right: 12px;
top: 12px;
width: 32px;
height: 32px;
}
.language-modal__close .icon {
width: 12px;
height: 12px;
pointer-events: none;
}
.language-modal__close .icon::before {
background-color: #000000;
}
.language-modal__title {
margin-bottom: 40px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.language-modal__title {
margin-bottom: 20px;
}
}
.language-modal__button {
margin-top: 24px;
text-align: right;
}
@media only screen and (max-width: 767px) {
.language-modal__button {
margin-top: 20px;
}
}
.language-modal__button .btn--disabled {
background-color: transparent;
}
.login-registration-form {
position: relative;
overflow: hidden;
padding: 100px 0 50px;
}
@media only screen and (max-width: 1199px) {
.login-registration-form {
padding: 76px 0;
}
}
.login-registration-form__nav {
text-align: center;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 360px) {
.login-registration-form__nav {
font-size: 16px;
}
}
.login-registration-form__nav-link {
margin: 0 70px;
padding-bottom: 24px;
display: block;
position: relative;
}
@media only screen and (max-width: 767px) {
.login-registration-form__nav-link {
margin: 0 36px;
padding-bottom: 18px;
}
}
@media (max-width: 360px) {
.login-registration-form__nav-link {
margin: 0 12px;
}
}
.login-registration-form__nav-link::after {
content: "";
position: absolute;
left: 50%;
bottom: -10px;
width: 24px;
height: 24px;
border-radius: 100%;
transform: translate(-50%, 0);
background-color: var(--color-primary);
opacity: 0;
transition: opacity 0.3s ease;
}
@media only screen and (max-width: 767px) {
.login-registration-form__nav-link::after {
width: 16px;
height: 16px;
bottom: -6px;
}
}
.login-registration-form__nav-link.is-active::after {
opacity: 1;
}
.login-registration-form__nav::after {
content: "";
position: absolute;
left: 50%;
width: 100vw;
bottom: 0;
height: 2px;
transform: translate(-50%, 0);
border-bottom: 2px dashed var(--color-primary);
}
.login-registration-form__tabpanel {
display: none;
padding-top: 290px;
margin-top: -290px;
}
.login-registration-form__tabpanel.is-active {
display: block;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.materials .container {
padding: 0 60px;
}
}
@media (min-width: 1440px) {
.materials .container {
max-width: 1360px;
}
}
@media (min-width: 1681px) {
.materials .container {
max-width: 1506px;
}
}
.materials__inner {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 10px;
align-items: center;
}
@media only screen and (max-width: 1199px) {
.materials__inner {
grid-gap: 20px;
}
}
@media only screen and (max-width: 1022px) {
.materials__inner {
grid-template-columns: 1fr;
grid-gap: 30px;
}
}
@media only screen and (max-width: 767px) {
.materials__inner {
grid-gap: 14px;
}
}
.materials__image {
position: relative;
width: 100%;
}
@media only screen and (max-width: 1199px) {
.materials__image {
max-width: 400px;
}
}
@media only screen and (max-width: 1022px) {
.materials__image {
margin: 0 auto;
}
}
@media only screen and (max-width: 767px) {
.materials__image {
max-width: 230px;
}
}
.materials__image::before {
content: "";
position: absolute;
top: 11.5%;
left: 92px;
width: 80%;
height: 83.2%;
border-radius: 100%;
pointer-events: none;
background-color: #fbf9f8;
z-index: -1;
}
@media only screen and (max-width: 1199px) {
.materials__image::before {
top: 50%;
left: 50%;
width: 300px;
height: 300px;
transform: translate(-50%, -50%);
}
}
@media only screen and (max-width: 767px) {
.materials__image::before {
width: 182px;
height: 182px;
}
}
.materials__image img {
object-fit: contain;
width: auto;
height: auto;
}
@media only screen and (min-width: 1023px) {
.materials__content {
max-width: 525px;
width: 100%;
margin: 0 auto;
}
}
.materials__content .editor-text {
font-weight: 300;
line-height: 1.54;
}
@media only screen and (max-width: 767px) {
.materials__content .editor-text {
line-height: 1.72;
}
}
.materials__content .editor-text p {
margin-top: 30px;
margin-bottom: 30px;
}
@media only screen and (max-width: 1022px) {
.materials__content .editor-text p {
margin: 24px 0;
}
}
.materials__content .editor-text p:first-child {
margin-top: 0;
}
.materials__content .editor-text p:last-child {
margin-bottom: 0;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.materials-info .container {
padding: 0 60px;
}
}
@media (min-width: 1440px) {
.materials-info .container {
max-width: 1360px;
}
}
@media (min-width: 1681px) {
.materials-info .container {
max-width: 1640px;
}
}
.materials-info__inner {
display: grid;
grid-template-columns: 1fr 50.7%;
grid-gap: 20px;
align-items: center;
}
@media only screen and (max-width: 1199px) {
.materials-info__inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 1022px) {
.materials-info__inner {
grid-template-columns: 1fr;
grid-gap: 30px;
}
}
@media only screen and (max-width: 767px) {
.materials-info__inner {
grid-gap: 14px;
}
}
.materials-info__content {
max-width: 668px;
width: 100%;
padding: 10px 0;
font-weight: 300;
line-height: 1.9;
}
@media only screen and (max-width: 1199px) {
.materials-info__content {
max-width: 100%;
line-height: 1.73;
}
}
@media only screen and (max-width: 767px) {
.materials-info__content {
padding: 0 22px;
}
}
.materials-info__image {
position: relative;
width: 100%;
}
@media only screen and (max-width: 1199px) {
.materials-info__image {
max-width: 400px;
}
}
@media only screen and (max-width: 1022px) {
.materials-info__image {
margin: 0 auto;
}
}
@media (max-width: 375px) {
.materials-info__image {
transform: scale(0.8);
}
}
.materials-info__image img {
width: auto;
height: auto;
object-fit: contain;
}
.materials-info__tooltip {
position: absolute;
top: 0;
left: 0;
}
.materials-info__tooltip-circle {
position: relative;
cursor: pointer;
text-decoration: underline;
width: 34px;
height: 34px;
border-radius: 100%;
background-color: var(--color-primary);
padding: 4px;
z-index: 2;
}
@media only screen and (max-width: 1199px) {
.materials-info__tooltip-circle {
width: 25px;
height: 25px;
}
}
@media only screen and (max-width: 1022px) {
.materials-info__tooltip-circle {
width: 18px;
height: 18px;
padding: 2px;
}
}
.materials-info__tooltip-circle::before, .materials-info__tooltip-circle::after {
content: "";
position: absolute;
border-radius: 100%;
top: 50%;
left: 50%;
z-index: -1;
pointer-events: none;
}
.materials-info__tooltip-circle:before {
height: calc(100% + 8px);
width: calc(100% + 8px);
background: rgba(33, 33, 33, 0.6);
transform: translate(-50%, -50%) scale(0.5);
transition: 0.3s cubic-bezier(0.25, 0.75, 0.5, 1.25);
}
.materials-info__tooltip-circle:after {
height: calc(100% + 18px);
width: calc(100% + 18px);
background: rgba(33, 33, 33, 0.4);
transition: 0.2s cubic-bezier(0.25, 0.75, 0.5, 1.25);
transform: translate(-50%, -50%) scale(0.7);
}
@media only screen and (max-width: 1439px) {
.materials-info__tooltip-circle:after {
height: calc(100% + 10px);
width: calc(100% + 10px);
}
}
.materials-info__tooltip-circle:hover:before, .materials-info__tooltip-circle:hover:after {
transform: translate(-50%, -50%) scale(1);
}
.materials-info__tooltip-border {
height: 100%;
border: 1px dashed #ffffff;
border-radius: inherit;
pointer-events: none;
}
.materials-info__tooltip-modal {
position: absolute;
display: grid;
grid-template-columns: 38.6% 1fr;
align-items: center;
grid-gap: 18px;
top: 0;
left: 50%;
width: 414px;
padding: 38px 20px 48px 30px;
opacity: 0;
z-index: 9;
line-height: 1.2;
font-weight: 300;
border-radius: 16px;
background-color: #f5f5f5;
pointer-events: none;
transform: translate(3.5%, calc(-100% - 42px));
transition: opacity 0.3s ease;
}
@media (max-width: 2164px) {
.materials-info__tooltip-modal {
transform: translate(-1%, calc(-100% - 36px));
}
}
@media only screen and (max-width: 1439px) {
.materials-info__tooltip-modal {
width: 350px;
padding: 30px;
}
}
@media only screen and (max-width: 1199px) {
.materials-info__tooltip-modal {
grid-gap: 12px;
width: 330px;
padding: 16px;
border-radius: 10px;
transform: translate(-1%, calc(-100% - 34px));
}
}
@media only screen and (max-width: 767px) {
.materials-info__tooltip-modal {
grid-template-columns: 27.9% auto;
left: 0;
width: 220px;
border-radius: 6px;
padding: 15px 8px 10px 10px;
transform: translate(5%, calc(-100% - 24px));
background-color: rgba(245, 245, 245, 0.8);
}
}
.materials-info__tooltip-modal::before {
content: "";
position: absolute;
bottom: -30px;
left: 0;
width: 60px;
height: 60px;
z-index: -3;
pointer-events: none;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 65.41 54.96' viewBox='0 0 65.41 54.96'%3E%3Cpath d='M414.74-206.35V8.29c0 10.33-8.4 18.71-18.74 18.71H52.69C28.77 27 12.53 43.92 4.91 53.89 3.33 55.97 0 54.82 0 52.2v-258.55c0-10.33 8.4-18.69 18.74-18.69H396c10.35 0 18.74 8.36 18.74 18.69z' style='fill:%23f5f5f5'/%3E%3C/svg%3E") no-repeat center/contain;
}
@media only screen and (max-width: 1022px) {
.materials-info__tooltip-modal::before {
bottom: -20px;
width: 40px;
height: 40px;
}
}
.materials-info__tooltip-image {
position: relative;
width: 100%;
height: 0;
padding-bottom: 120%;
border-radius: 30px;
}
@media only screen and (max-width: 1439px) {
.materials-info__tooltip-image {
border-radius: 20px;
}
}
@media only screen and (max-width: 767px) {
.materials-info__tooltip-image {
border-radius: 12px;
}
}
.materials-info__tooltip-text {
font-weight: 300;
}
@media only screen and (min-width: 1200px) {
.materials-info__tooltip-text {
line-height: 1.75;
}
}
@media only screen and (max-width: 1439px) {
.materials-info__tooltip-text {
font-size: 14px;
}
}
@media only screen and (max-width: 1022px) {
.materials-info__tooltip-text {
font-size: 12px;
}
}
@media only screen and (max-width: 767px) {
.materials-info__tooltip-text {
font-size: 10px;
}
}
.materials-info__tooltip.is-active .materials-info__tooltip-modal {
pointer-events: all;
opacity: 1;
}
.materials-info__tooltip.is-active .materials-info__tooltip-circle {
background-color: #c1eed0;
}
.materials-info__tooltip.is-active .materials-info__tooltip-circle:before, .materials-info__tooltip.is-active .materials-info__tooltip-circle:after {
background: rgba(193, 238, 208, 0.6);
transform: translate(-50%, -50%) scale(1);
}
.materials-info__tooltip.is-active .materials-info__tooltip-circle:after {
background: rgba(193, 238, 208, 0.4);
transform: translate(-50%, -50%) scale(1);
}
@media (max-width: 2164px) {
.materials-info__tooltip--reverse .materials-info__tooltip-modal {
left: auto;
right: 0;
transform: translate(-4%, calc(-100% - 34px));
}
}
@media only screen and (max-width: 1439px) {
.materials-info__tooltip--reverse .materials-info__tooltip-modal {
transform: translate(-4%, calc(-100% - 42px));
}
}
@media only screen and (max-width: 1199px) {
.materials-info__tooltip--reverse .materials-info__tooltip-modal {
transform: translate(-3%, calc(-100% - 34px));
}
}
@media only screen and (max-width: 767px) {
.materials-info__tooltip--reverse .materials-info__tooltip-modal {
transform: translate(-3%, calc(-100% - 24px));
}
}
@media (max-width: 2164px) {
.materials-info__tooltip--reverse .materials-info__tooltip-modal::before {
left: 85.7%;
transform: matrix(-1, 0, 0, 1, 0, 0);
}
}
@media only screen and (max-width: 1439px) {
.materials-info__tooltip--reverse .materials-info__tooltip-modal::before {
left: 83%;
}
}
@media only screen and (max-width: 1199px) {
.materials-info__tooltip--reverse .materials-info__tooltip-modal::before {
left: 82%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.materials-info__tooltip--reverse .materials-info__tooltip-modal::before {
left: 88%;
}
}
.newsletter-module .mod-input label {
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);
}
.newsletter-module {
padding: 90px 0;
background-color: #f5f5f5;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.newsletter-module {
padding: 60px 0;
}
}
@media only screen and (max-width: 1199px) {
.newsletter-module {
padding: 60px 0;
}
}
@media only screen and (max-width: 1022px) {
.newsletter-module {
padding: 46px 0;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.newsletter-module .container {
padding: 0 60px;
}
}
@media (min-width: 1440px) {
.newsletter-module .container {
max-width: 1360px;
}
}
@media (min-width: 1681px) {
.newsletter-module .container {
max-width: 1628px;
}
}
.newsletter-module__text {
letter-spacing: normal;
}
@media only screen and (max-width: 1022px) {
.newsletter-module__text {
color: var(--color-black);
text-align: center;
padding: 0 26px;
}
}
@media only screen and (max-width: 767px) {
.newsletter-module__text {
font-size: 16px;
line-height: 20px;
letter-spacing: 0.14px;
}
}
.newsletter-module__text strong {
font-weight: 500;
}
.newsletter-module__inner {
display: grid;
grid-template-columns: 21% 1fr;
grid-gap: 70px;
align-items: flex-start;
}
@media only screen and (max-width: 1439px) {
.newsletter-module__inner {
grid-gap: 30px;
}
}
@media only screen and (max-width: 1022px) {
.newsletter-module__inner {
grid-template-columns: 1fr;
padding: 0 24px;
grid-gap: 34px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.newsletter-module__inner {
max-width: 550px;
width: 100%;
margin: 0 auto;
}
}
.newsletter-module .mod-input {
margin-bottom: 0;
}
.newsletter-module .mod-input__field {
border-width: 1px;
}
@media only screen and (max-width: 767px) {
.newsletter-module .mod-input__field {
border-width: 0.7px;
}
}
@media only screen and (max-width: 1022px) {
.newsletter-module .mod-input__field::-webkit-input-placeholder {
letter-spacing: 0.24px;
}
}
@media only screen and (max-width: 1022px) {
.newsletter-module .mod-input__field:-ms-input-placeholder {
letter-spacing: 0.24px;
}
}
@media only screen and (max-width: 1022px) {
.newsletter-module .mod-input__field::placeholder {
letter-spacing: 0.24px;
}
}
.newsletter-module__inputs {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 46px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.newsletter-module__inputs {
grid-gap: 28px;
}
}
@media only screen and (max-width: 1439px) {
.newsletter-module__inputs {
grid-gap: 30px;
}
}
@media only screen and (max-width: 1022px) {
.newsletter-module__inputs {
grid-gap: 22px;
grid-template-columns: 1fr;
}
}
.newsletter-module__form {
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 50px;
padding-right: 42px;
}
@media only screen and (max-width: 1439px) {
.newsletter-module__form {
padding-right: 0;
grid-gap: 30px;
}
}
@media only screen and (max-width: 1199px) {
.newsletter-module__form {
grid-gap: 20px;
grid-template-columns: 1fr;
}
}
@media only screen and (max-width: 1022px) {
.newsletter-module__form {
grid-gap: 28px;
justify-items: center;
}
}
@media only screen and (max-width: 767px) {
.newsletter-module__form-left {
width: 100%;
}
}
.newsletter-module .fv-plugins-message-container,
.newsletter-module .validation-message {
text-align: left;
margin-top: 5px;
}
@media only screen and (max-width: 767px) {
.newsletter-module .fv-plugins-message-container,
.newsletter-module .validation-message {
margin-top: 3px;
font-size: 11px;
}
}
.newsletter-module .fv-plugins-message-container {
padding-left: 26px;
}
.newsletter-module .checkbox--secondary {
margin-top: 25px;
padding-left: 22px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.newsletter-module .checkbox--secondary {
margin-top: 15px;
padding-left: 15px;
}
}
@media only screen and (max-width: 1199px) {
.newsletter-module .checkbox--secondary {
margin-top: 15px;
padding-left: 15px;
}
}
@media only screen and (max-width: 1022px) {
.newsletter-module .checkbox--secondary {
padding-left: 0;
margin-top: 26px;
}
}
.newsletter-module .checkbox--secondary .checkbox__label {
font-size: 16px;
letter-spacing: 0.37px;
line-height: 1;
padding-left: 26px;
}
@media only screen and (max-width: 767px) {
.newsletter-module .checkbox--secondary .checkbox__label {
font-size: 11px;
line-height: 14px;
font-weight: 300;
letter-spacing: 0.28px;
padding-left: 32px;
}
}
.newsletter-module .checkbox--secondary .checkbox__label::before, .newsletter-module .checkbox--secondary .checkbox__label::after {
width: 15px;
height: 15px;
}
@media only screen and (max-width: 1022px) {
.newsletter-module .checkbox--secondary .checkbox__label::before, .newsletter-module .checkbox--secondary .checkbox__label::after {
top: 0;
}
}
.newsletter-module .checkbox--secondary .checkbox__label::after {
background-size: 8px;
}
@media only screen and (max-width: 767px) {
.newsletter-module .checkbox--secondary .checkbox__label::after {
background-position: 4px;
}
}
.newsletter-module .checkbox--secondary a:hover {
color: inherit;
}
@media only screen and (max-width: 767px) {
.newsletter-module .checkbox--secondary .fv-plugins-message-container {
padding-left: 32px;
}
}
.newsletter-module__alert {
padding: 10px;
width: 100%;
font-size: 16px;
border-radius: 4px;
text-align: center;
margin-top: 20px;
border: 1px solid currentColor;
}
@media only screen and (max-width: 767px) {
.newsletter-module__alert {
padding: 10px;
font-size: 14px;
}
}
.newsletter-module__alert-error {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.newsletter-module__alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
@media only screen and (max-width: 767px) {
.newsletter-module__submit {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.newsletter-module .btn {
width: 100%;
}
}
.newsletter-module .btn::after {
height: calc(100% - 6px);
top: 3px;
}
.newsletter-module .btn:hover::after {
height: 100%;
top: 0;
}
.newsletter-module .btn:focus::after {
height: calc(100% + 6px);
top: -3px;
}
.newsletter-module__thankyou {
max-width: 550px;
width: 100%;
display: none;
}
@media only screen and (max-width: 1022px) {
.newsletter-module__thankyou {
text-align: center;
margin: 0 auto;
}
}
.newsletter-module__thankyou .title {
color: var(--color-primary);
}
@media only screen and (max-width: 767px) {
.newsletter-module__thankyou .editor-text {
font-size: 14px;
}
}
.newsletter-module.show-thankyou .newsletter-module__form-wrapper {
display: none;
}
.newsletter-module.show-thankyou .newsletter-module__thankyou {
display: block;
}
.newsletter-module [data-validator=emailAddress] {
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%;
}
.order-summary {
position: relative;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.order-summary .container {
padding: 0 60px;
}
}
@media (min-width: 1440px) {
.order-summary .container {
max-width: 1360px;
}
}
@media (min-width: 1681px) {
.order-summary .container {
max-width: 1430px;
}
}
.order-summary__header {
border-bottom: 0.5px solid currentColor;
padding-bottom: 36px;
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.order-summary__header {
text-align: center;
padding-bottom: 56px;
margin-bottom: 26px;
}
}
@media only screen and (max-width: 767px) {
.order-summary__header .title {
font-size: 20px;
}
}
.order-summary__header .icon {
margin-bottom: 16px;
width: 60px;
height: 50px;
display: inline-block;
}
@media only screen and (max-width: 767px) {
.order-summary__header .icon {
width: 44px;
height: 42px;
margin-bottom: 8px;
}
}
.order-summary__header .icon::before {
background-color: #c1eed0;
}
.order-summary__header-info {
line-height: 1.35;
margin-top: 16px;
}
.order-summary__row {
display: grid;
grid-gap: 122px;
grid-template-columns: 452px 1fr;
}
@media only screen and (max-width: 1439px) {
.order-summary__row {
grid-gap: 80px;
grid-template-columns: 380px 1fr;
}
}
@media only screen and (max-width: 1199px) {
.order-summary__row {
grid-gap: 60px;
grid-template-columns: 300px 1fr;
}
}
@media only screen and (max-width: 1022px) {
.order-summary__row {
grid-gap: 30px;
}
}
@media only screen and (max-width: 767px) {
.order-summary__row {
grid-template-columns: 1fr;
grid-gap: 0;
}
}
.order-summary__info {
padding: 30px 36px;
border: 0.5px solid var(--color-text);
border-radius: 6px;
}
@media only screen and (max-width: 767px) {
.order-summary__info {
padding: 12px 28px;
}
}
.order-summary__info-title {
margin-bottom: 16px;
}
.order-summary__info-item {
margin-bottom: 10px;
display: grid;
grid-gap: 6px;
}
@media only screen and (max-width: 767px) {
.order-summary__info-item {
margin-bottom: 12px;
grid-gap: 0;
}
}
.order-summary__info-item-title {
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.order-summary__info-item-title {
font-size: 14px;
}
}
.order-summary__info-item-text {
color: var(--color-gray-9);
line-height: 1.3;
}
@media only screen and (max-width: 767px) {
.order-summary__info-item-text {
font-size: 12px;
}
}
.order-summary__info-footer {
display: flex;
gap: 30px;
margin: 24px 0 16px;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.order-summary__info-footer {
margin: 18px 0 30px;
}
}
@media only screen and (max-width: 767px) {
.order-summary__info-footer .text--18 {
font-size: 16px;
line-height: 1;
}
}
@media only screen and (max-width: 767px) {
.order-summary__info-footer .text--14 {
font-size: 12px;
line-height: 1;
}
}
.order-summary__info strong, .order-summary__info-total-amount {
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.order-summary__right {
display: flex;
flex-direction: column;
}
}
.order-summary__invoice-btn {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
border-top: 0.5px solid var(--color-text);
border-bottom: 0.5px solid var(--color-text);
padding: 4px 16px 4px 36px;
font-size: 16px;
margin-top: 25px;
min-height: 78px;
transition: color 0.3s ease;
}
@media only screen and (max-width: 767px) {
.order-summary__invoice-btn {
font-weight: 500;
font-size: 14px;
min-height: 52px;
padding: 4px 20px 4px 30px;
}
}
.order-summary__invoice-btn .icon {
transition: transform 0.3s ease;
}
@media only screen and (max-width: 767px) {
.order-summary__invoice-btn .icon {
width: 6px;
height: 10px;
}
}
.order-summary__invoice-btn .icon::before {
background-color: currentColor;
}
.order-summary__invoice-btn:hover {
color: var(--color-primary);
}
.order-summary__invoice-btn:hover .icon {
transform: translate(6px, 0);
}
.order-summary__products {
margin-top: 60px;
}
@media only screen and (max-width: 767px) {
.order-summary__products {
order: -1;
margin: 0 0 34px;
}
}
.order-summary .cart-view {
max-width: 100%;
}
.order-summary .cart-view__link::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 3;
}
.order-summary .cart-view__footer {
align-items: center;
}
@media only screen and (max-width: 767px) {
.order-summary .cart-view__item:first-child {
border-top: 0;
}
}
@media only screen and (max-width: 1022px) {
.order-summary .cart-view__item-inner {
grid-gap: 12px;
}
}
.order-summary .cart-view__item:hover .cart-view__image img {
transform: scale(1.1);
}
.page-header {
position: relative;
text-align: center;
background-color: #f5f5f5;
border-radius: 0 0 50px 50px;
padding: 74px 0 40px;
font-weight: 300;
display: flex;
}
@media only screen and (max-width: 1439px) {
.page-header {
padding: 50px 0 40px;
}
}
@media only screen and (max-width: 1199px) {
.page-header {
border-radius: 0 0 40px 40px;
padding: 40px 0;
}
}
@media only screen and (max-width: 767px) {
.page-header {
padding: 28px 0;
border-radius: 0 0 15px 15px;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.page-header .container {
padding: 0 60px;
}
}
@media only screen and (min-width: 1023px) {
.page-header .container {
flex: auto;
max-width: 1300px;
display: flex;
flex-direction: column;
}
}
@media only screen and (max-width: 1022px) {
.page-header .container {
max-width: calc(100% - 60px);
}
}
.page-header__title {
letter-spacing: 2.8px;
margin-bottom: 76px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.page-header__title {
margin-bottom: 48px;
}
}
@media only screen and (max-width: 1439px) {
.page-header__title {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 1199px) {
.page-header__title {
letter-spacing: 1px;
margin-bottom: 26px;
}
}
@media only screen and (max-width: 767px) {
.page-header__title {
font-size: 30px;
line-height: 1.09;
}
}
.page-header__text {
margin-bottom: 20px;
padding: 0 20px;
}
@media only screen and (max-width: 1022px) {
.page-header__text {
padding: 0;
}
}
.page-header__text.has-more-content {
padding-left: 0;
padding-right: 0;
}
.page-header .category-filter {
margin-top: auto;
}
.page-header--has-filter .page-header__text {
margin-bottom: 60px;
}
@media only screen and (max-width: 1439px) {
.page-header--has-filter .page-header__text {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 767px) {
.page-header--has-filter .page-header__text {
margin-bottom: 16px;
}
}
[data-collapsed] {
padding-bottom: 70px;
position: relative;
overflow: hidden;
max-height: var(--max-height, 240px);
transition: max-height 0.3s ease;
}
@media only screen and (max-width: 767px) {
[data-collapsed] {
max-height: var(--max-height, 96px);
padding-bottom: 20px;
}
}
[data-collapsed] [data-collapsed-inner] {
padding-bottom: 40px;
}
[data-collapsed] [data-collapsed-btn] {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 136px;
background: linear-gradient(180deg, rgba(250, 238, 228, 0) -52.17%, #f5f5f5 72.26%);
display: flex;
align-items: flex-end;
justify-content: center;
padding-bottom: 6px;
transition: height 0.3s ease;
}
@media only screen and (max-width: 767px) {
[data-collapsed] [data-collapsed-btn] {
height: 80px;
}
}
[data-collapsed] [data-collapsed-btn] .icon {
transition: transform 0.3s ease;
}
[data-collapsed] [data-collapsed-btn] .icon::before {
background-color: var(--color-primary);
}
[data-collapsed] [data-collapsed-btn]:hover .icon {
transform: translate(0, 6px);
}
[data-collapsed].is-open-content [data-collapsed-btn] .icon {
transform: scale(-1);
}
[data-collapsed].is-open-content [data-collapsed-btn] {
height: 40px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.product-card-slider .container {
padding: 0 60px;
}
}
@media (min-width: 1440px) {
.product-card-slider .container {
max-width: 1360px;
}
}
@media (min-width: 1520px) {
.product-card-slider .container {
max-width: 1440px;
}
}
@media (min-width: 1681px) {
.product-card-slider .container {
max-width: 1822px;
}
}
.product-card-slider .section-header {
margin-bottom: 75px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.product-card-slider .section-header {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 1199px) {
.product-card-slider .section-header {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 1022px) {
.product-card-slider .section-header {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.product-card-slider .section-header {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.product-card-slider .section-header__title {
font-size: 25px;
}
}
@media only screen and (max-width: 767px) {
.product-card-slider .section-header .editor-text {
font-weight: 300;
font-size: 16px;
}
}
.product-card-slider .product-card {
height: 100%;
user-select: none;
box-shadow: 0 0 20px -6px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 767px) {
.product-card-slider .product-card {
width: 218px;
}
}
.product-card-slider__inner {
max-width: 1575px;
width: 100%;
margin: 0 auto;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.product-card-slider__inner {
padding-right: 10px;
}
}
.product-card-slider__inner-wrapper {
position: relative;
}
@media only screen and (max-width: 1022px) {
.product-card-slider__inner-wrapper {
width: calc(100% + 20px);
margin-left: -10px;
}
}
@media only screen and (max-width: 767px) {
.product-card-slider__nav {
display: none;
}
}
.product-card-slider .swiper {
overflow: visible;
width: 100%;
}
@media only screen and (max-width: 767px) {
.product-card-slider .swiper {
overflow: visible;
}
}
.product-card-slider .swiper-slide {
display: flex;
flex-direction: column;
height: auto;
padding: 18px 12px;
}
@media only screen and (max-width: 767px) {
.product-card-slider .swiper-slide {
padding: 10px 6px;
width: auto;
}
}
.product-card-slider .swiper-button-prev {
left: 0;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.product-card-slider .swiper-button-prev {
left: -60px;
}
}
@media only screen and (max-width: 1022px) {
.product-card-slider .swiper-button-prev {
left: 15px;
}
}
.product-card-slider .swiper-button-next {
right: 0;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.product-card-slider .swiper-button-next {
right: -60px;
}
}
@media only screen and (max-width: 1022px) {
.product-card-slider .swiper-button-next {
right: 15px;
}
}
@media (min-width: 1440px) {
.product-card-slider--secondary .container {
max-width: 1360px;
}
}
@media (min-width: 1681px) {
.product-card-slider--secondary .container {
max-width: 1806px;
}
}
@media only screen and (min-width: 1200px) {
.product-card-slider--secondary .section-header {
margin-bottom: 106px;
}
}
@media (min-width: 1200px) and (max-width: 1680px) {
.product-card-slider--secondary .section-header {
margin-bottom: 76px;
}
}
@media only screen and (max-width: 767px) {
.product-card-slider--secondary .section-header {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 1200px) {
.product-card-slider--secondary .product-card-slider__inner {
max-width: 1552px;
}
}
@media only screen and (max-width: 767px) {
.product-card-slider--secondary .product-card {
width: 180px;
}
}
.product-details__tab-list {
position: relative;
margin-bottom: 150px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.product-details__tab-list {
margin-bottom: 120px;
}
}
@media only screen and (max-width: 1439px) {
.product-details__tab-list {
margin-bottom: 120px;
}
}
@media only screen and (max-width: 1199px) {
.product-details__tab-list {
margin-bottom: 100px;
}
}
@media only screen and (max-width: 1022px) {
.product-details__tab-list {
display: none;
}
}
.product-details__tab-list::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 100%;
pointer-events: none;
background: url("data:image/svg+xml,%3Csvg width='1920' height='2' viewBox='0 0 1920 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1H1919.5' stroke='%23C1EED0' stroke-width='2' stroke-dasharray='7 7'/%3E%3C/svg%3E%0A") repeat-x center/100%;
}
.product-details__tab-list-inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
gap: 20px;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.product-details__tab-list .container {
padding: 0 60px;
}
}
@media (min-width: 1440px) {
.product-details__tab-list .container {
max-width: 1360px;
}
}
@media (min-width: 1681px) {
.product-details__tab-list .container {
max-width: 1430px;
}
}
.product-details__tab {
font-weight: 500;
letter-spacing: 0.75px;
color: var(--color-gray-5);
padding-bottom: 35px;
position: relative;
transition: color 0.3s ease;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.product-details__tab {
padding-bottom: 25px;
font-size: 16px;
}
}
@media only screen and (max-width: 1199px) {
.product-details__tab {
padding-bottom: 25px;
font-size: 16px;
}
}
.product-details__tab::after {
content: "";
position: absolute;
left: 50%;
transform: translate(-50%, 50%) scale(0);
bottom: 1px;
height: 22px;
width: 22px;
border-radius: 100%;
background-color: #c1eed0;
pointer-events: none;
transition: transform 0.3s ease;
}
@media only screen and (max-width: 1199px) {
.product-details__tab::after {
height: 18px;
width: 18px;
}
}
.product-details__tab:hover, .product-details__tab.is-active {
color: var(--color-text);
}
.product-details__tab.is-active::after {
transform: translate(-50%, 50%) scale(1);
}
.product-details__tabpanel {
display: none;
}
@media only screen and (min-width: 1023px) {
.product-details__tabpanel.is-active {
display: block;
}
}
@media only screen and (max-width: 1022px) {
.product-details__tabpanel-inner {
padding: 30px 0;
}
}
@media only screen and (max-width: 1022px) {
.product-details__tabpanel .container {
max-width: 100%;
padding: 0 30px;
}
}
@media only screen and (max-width: 1022px) {
.product-details__accordion {
border-bottom: 0.5px solid var(--color-primary);
}
.product-details__accordion:first-child {
border-top: 0.5px solid var(--color-primary);
}
}
.product-details__accordion.is-open .product-details__accordion-trigger .icon {
transform: translateY(-50%) scaleY(-1);
}
.product-details__accordion-trigger {
font-weight: 500;
font-size: 16px;
display: block;
letter-spacing: 0.49px;
text-transform: uppercase;
padding: 14px 60px 14px 28px;
position: relative;
width: 100%;
text-align: left;
}
@media only screen and (max-width: 767px) {
.product-details__accordion-trigger {
font-size: 14px;
}
}
.product-details__accordion-trigger .icon {
position: absolute;
right: 28px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
transition: transform 0.3s ease;
}
@media only screen and (max-width: 1022px) {
.product-details .choose-size__inner,
.product-details .accordion {
margin-left: -20px;
width: calc(100% + 20px);
}
}
@media only screen and (max-width: 1022px) {
.product-details .accordion {
margin-left: -10px;
}
}
@media only screen and (max-width: 1022px) {
.product-details .grid-element .container {
padding: 0 29px;
}
}
@media only screen and (max-width: 1022px) {
.product-details [data-collapsed] {
max-height: 100%;
padding: 0;
}
}
.product-details [data-collapsed] [data-collapsed-btn] {
height: 450px;
background: linear-gradient(180deg, rgba(255, 253, 251, 0) 0%, #fff 58.87%);
z-index: 4;
}
@media only screen and (max-width: 1199px) {
.product-details [data-collapsed] [data-collapsed-btn] {
height: 300px;
}
}
@media only screen and (max-width: 1022px) {
.product-details [data-collapsed] [data-collapsed-btn] {
display: none;
}
}
.product-details [data-collapsed] [data-collapsed-btn] .icon {
width: 24px;
height: 14px;
}
.product-details [data-collapsed] [data-collapsed-inner] {
padding-bottom: 150px;
}
@media only screen and (max-width: 1022px) {
.product-details [data-collapsed] [data-collapsed-inner] {
padding-bottom: 30px;
}
}
.product-details [data-collapsed].is-open-content [data-collapsed-btn] {
height: 40px;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.product-features .container {
padding: 0 60px;
}
}
@media (min-width: 1440px) {
.product-features .container {
max-width: 1360px;
}
}
@media (min-width: 1681px) {
.product-features .container {
max-width: 1560px;
}
}
.product-features__inner {
max-width: 687px;
width: 100%;
margin: 0 auto;
position: relative;
}
@media only screen and (max-width: 1439px) {
.product-features__inner {
max-width: 500px;
}
}
@media only screen and (max-width: 1199px) {
.product-features__inner {
max-width: 400px;
}
}
@media only screen and (max-width: 1022px) {
.product-features__inner {
max-width: 350px;
}
}
@media only screen and (max-width: 767px) {
.product-features__inner {
max-width: 215px;
padding: 30px 0 36px;
}
}
@media (max-width: 389px) {
.product-features__inner {
max-width: 175px;
}
}
.product-features__image {
width: 687px;
height: 687px;
margin: 0 auto;
border: 3px dashed #c1eed0;
border-radius: 100%;
padding: 100px;
}
@media only screen and (max-width: 1439px) {
.product-features__image {
width: 500px;
height: 500px;
}
}
@media only screen and (max-width: 1199px) {
.product-features__image {
width: 400px;
height: 400px;
padding: 70px;
}
}
@media only screen and (max-width: 1022px) {
.product-features__image {
width: 350px;
height: 350px;
border-width: 1px;
}
}
@media only screen and (max-width: 767px) {
.product-features__image {
width: 215px;
height: 215px;
padding: 28px;
border-width: 0.93px;
}
}
@media (max-width: 389px) {
.product-features__image {
width: 130px;
height: 130px;
}
}
.product-features__image img {
width: auto;
height: auto;
object-fit: contain;
}
.product-features__item {
position: absolute;
width: 234px;
top: 0;
left: 0;
line-height: 1.25;
z-index: 3;
min-height: 68px;
}
@media only screen and (max-width: 1199px) {
.product-features__item {
font-size: 16px;
width: 190px;
min-height: 60px;
}
}
@media only screen and (max-width: 1022px) {
.product-features__item {
font-size: 14px;
width: 156px;
min-height: 52px;
}
}
@media only screen and (max-width: 767px) {
.product-features__item {
font-size: 10px;
width: 73px;
min-height: 49px;
}
}
@media (max-width: 389px) {
.product-features__item {
font-size: 8px;
min-height: 40px;
}
}
.product-features__item::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 24px;
height: 24px;
border-radius: 100%;
background-color: #c1eed0;
pointer-events: none;
}
@media only screen and (max-width: 1199px) {
.product-features__item::after {
width: 18px;
height: 18px;
}
}
@media only screen and (max-width: 767px) {
.product-features__item::after {
width: 7px;
height: 7px;
}
}
.product-features__item--1 {
top: 7.5%;
left: -26%;
text-align: right;
}
@media only screen and (max-width: 1439px) {
.product-features__item--1 {
left: -43%;
}
}
@media only screen and (max-width: 1199px) {
.product-features__item--1 {
left: -45%;
}
}
@media only screen and (max-width: 1022px) {
.product-features__item--1 {
left: -40%;
}
}
@media only screen and (max-width: 767px) {
.product-features__item--1 {
top: 0%;
left: -22%;
}
}
.product-features__item--1::after {
right: -34px;
bottom: -20px;
}
@media only screen and (max-width: 1199px) {
.product-features__item--1::after {
right: -26px;
}
}
@media only screen and (max-width: 1022px) {
.product-features__item--1::after {
right: -15px;
}
}
@media only screen and (max-width: 767px) {
.product-features__item--1::after {
right: -1px;
bottom: -25px;
}
}
@media (max-width: 389px) {
.product-features__item--1::after {
right: -3%;
}
}
.product-features__item--2 {
left: inherit;
right: -23.5%;
top: 3%;
}
@media only screen and (max-width: 1439px) {
.product-features__item--2 {
right: -42.5%;
}
}
@media only screen and (max-width: 1199px) {
.product-features__item--2 {
right: -41.5%;
}
}
@media only screen and (max-width: 1022px) {
.product-features__item--2 {
right: -37.5%;
}
}
@media only screen and (max-width: 767px) {
.product-features__item--2 {
right: -31.5%;
top: 6%;
}
}
.product-features__item--2::after {
right: inherit;
left: -64px;
bottom: -5px;
}
@media only screen and (max-width: 1199px) {
.product-features__item--2::after {
left: -38px;
}
}
@media only screen and (max-width: 1022px) {
.product-features__item--2::after {
left: -30px;
}
}
@media only screen and (max-width: 767px) {
.product-features__item--2::after {
left: -37px;
bottom: 8px;
}
}
@media (max-width: 389px) {
.product-features__item--2::after {
left: -52%;
}
}
.product-features__item--3 {
text-align: right;
top: 90%;
left: -20.6%;
}
@media only screen and (max-width: 1439px) {
.product-features__item--3 {
left: -36.5%;
}
}
@media only screen and (max-width: 1199px) {
.product-features__item--3 {
left: -32.6%;
}
}
@media only screen and (max-width: 767px) {
.product-features__item--3 {
left: -26.6%;
top: 78%;
}
}
.product-features__item--3::after {
right: 0;
left: 109%;
top: -25px;
bottom: inherit;
}
@media only screen and (max-width: 1199px) {
.product-features__item--3::after {
left: 100%;
top: -20px;
}
}
@media only screen and (max-width: 1022px) {
.product-features__item--3::after {
left: 104%;
}
}
@media only screen and (max-width: 767px) {
.product-features__item--3::after {
left: 110%;
top: -16px;
}
}
@media (max-width: 389px) {
.product-features__item--3::after {
left: 116%;
}
}
.product-features__item--4 {
left: inherit;
right: -39%;
top: 49%;
}
@media only screen and (max-width: 1439px) {
.product-features__item--4 {
right: -53.5%;
}
}
@media only screen and (max-width: 1199px) {
.product-features__item--4 {
right: -53%;
}
}
@media only screen and (max-width: 1022px) {
.product-features__item--4 {
right: -49%;
}
}
@media only screen and (max-width: 767px) {
.product-features__item--4 {
right: -39%;
top: 48%;
}
}
@media (max-width: 389px) {
.product-features__item--4 {
right: -34%;
}
}
.product-features__item--4::after {
left: -48px;
bottom: inherit;
top: -10px;
}
@media only screen and (max-width: 1199px) {
.product-features__item--4::after {
left: -34px;
}
}
@media only screen and (max-width: 1022px) {
.product-features__item--4::after {
left: -26px;
}
}
@media only screen and (max-width: 767px) {
.product-features__item--4::after {
left: -15px;
top: -2px;
}
}
@media (max-width: 389px) {
.product-features__item--4::after {
left: -18%;
}
}
.product-list {
position: relative;
min-height: 100vh;
}
@media only screen and (min-width: 1023px) {
.product-list {
z-index: 9;
}
}
@media only screen and (max-width: 1022px) {
.product-list {
min-height: 1px;
}
}
.product-list__visible-items {
letter-spacing: 1px;
transition: opacity 0.3s ease;
}
@media only screen and (max-width: 767px) {
.product-list__visible-items {
font-size: 12px;
padding: 0 20px;
}
}
.product-list__visible-items-label {
margin-right: 4px;
}
.product-list__inner {
transition: padding 0.3s ease;
}
@media only screen and (max-width: 1022px) {
.product-list__inner {
position: relative;
max-width: calc(100% - 20px);
}
}
.product-list__list {
display: grid;
grid-template-columns: repeat(var(--product-cols, 4), minmax(0, 1fr));
grid-gap: 70px 28px;
margin-top: 46px;
transition: grid-gap 0.3s ease;
}
@media only screen and (max-width: 1199px) {
.product-list__list {
margin-top: 20px;
grid-gap: 30px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media only screen and (max-width: 1022px) {
.product-list__list {
grid-gap: 16px 12px;
margin-top: 22px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.product-list .product-card {
max-width: 100%;
min-height: 100%;
transition: border-radius 0.3s ease;
}
@media only screen and (min-width: 1200px) {
.product-list .product-card__image {
padding-bottom: 114.5%;
}
}
@media only screen and (max-width: 767px) {
.product-list .product-card__image {
padding-bottom: 120%;
}
}
.product-list .product-card__image-inner {
transition: all 0.3s ease;
}
@media only screen and (min-width: 1200px) {
.product-list .product-card__image-inner {
top: 38px;
left: 20px;
}
}
@media only screen and (max-width: 767px) {
.product-list .product-card__image-inner {
top: 18px;
left: 10px;
width: calc(100% - 20px);
}
}
@media only screen and (min-width: 1200px) {
.product-list .product-card__body {
padding: 10px 28px 22px 20px;
display: flex;
flex-direction: column;
min-height: 116px;
transition: all 0.3s ease;
}
}
@media only screen and (max-width: 767px) {
.product-list .product-card__body {
min-height: 66px;
padding: 2px 8px;
}
}
.product-list .product-card__price-row:not(:last-child) {
margin-bottom: 0;
}
@media only screen and (min-width: 1200px) {
.product-list .product-card__lowest-price {
margin-top: auto;
}
}
@media only screen and (max-width: 767px) {
.product-list .product-card__lowest-price {
margin-bottom: 4px;
}
}
.product-list .product-card .tag {
transition: all 0.3s ease;
}
@media only screen and (min-width: 1200px) {
.product-list .product-card .tag {
font-size: 16px;
min-width: 80px;
}
}
@media only screen and (max-width: 767px) {
.product-list .product-card .tag {
font-size: 10px;
min-width: 44px;
padding: 0 4px;
}
}
.product-list .product-card .wishlist-button {
margin-left: auto;
transition: all 0.3s ease;
}
@media only screen and (min-width: 1200px) {
.product-list .product-card .wishlist-button {
width: 46px;
height: 46px;
}
}
@media only screen and (max-width: 767px) {
.product-list .product-card .wishlist-button {
width: 20px;
height: 20px;
margin: 0;
right: 0;
top: -2px;
}
}
.product-list .product-card .wishlist-button .icon {
transition: all 0.3s ease;
}
.product-list__footer {
margin-top: 118px;
}
@media only screen and (max-width: 1022px) {
.product-list__footer {
margin-top: 80px;
}
}
@media only screen and (max-width: 767px) {
.product-list__footer {
margin-top: 42px;
}
}
.product-list__footer-text {
letter-spacing: 0.46px;
}
@media only screen and (max-width: 767px) {
.product-list__footer-text {
font-size: 12px;
}
}
.product-list__footer .btn {
min-width: 306px;
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.product-list__footer .btn {
min-width: 220px;
margin-top: 8px;
min-height: 34px;
font-size: 12px;
}
}
.product-list__no-product {
display: none;
max-width: 500px;
margin-top: 24px;
}
@media only screen and (max-width: 767px) {
.product-list__no-product {
max-width: 260px;
margin: 44px auto;
}
}
.product-list__no-product-title {
margin-bottom: 28px;
}
@media only screen and (max-width: 767px) {
.product-list__no-product-title {
font-size: 22px;
margin-bottom: 14px;
}
}
.product-list__no-product .icon {
display: inline-block;
margin-right: 4px;
}
@media only screen and (max-width: 767px) {
.product-list__no-product .icon {
width: 16px;
height: 16px;
}
}
.product-list.col-3-grid {
padding: 0;
}
@media (min-width: 1800px) {
.product-list.col-3-grid .product-list__list {
margin: 46px auto 0;
max-width: calc(100% - 94px);
grid-gap: 60px 42px;
}
}
@media only screen and (min-width: 1440px) {
.product-list.col-3-grid .product-card {
border-radius: 40px;
}
.product-list.col-3-grid .product-card .tag {
font-size: 20px;
min-width: 98px;
}
.product-list.col-3-grid .product-card__image-inner {
top: 58px;
left: 30px;
width: calc(100% - 60px);
}
.product-list.col-3-grid .product-card__body {
font-size: 26px;
padding: 10px 38px 22px 26px;
min-height: 146px;
}
.product-list.col-3-grid .product-card .wishlist-button {
width: 58px;
height: 58px;
}
.product-list.col-3-grid .product-card .wishlist-button .icon {
width: 28px;
height: 28px;
}
}
@media only screen and (min-width: 1023px) {
.product-list--is-filter-open .product-list__inner, .product-list.is-open-filter .product-list__inner {
padding-left: 590px;
}
}
@media only screen and (max-width: 1919px) {
.product-list--is-filter-open .product-list__inner, .product-list.is-open-filter .product-list__inner {
padding-left: 440px;
}
}
@media (min-width: 1200px) and (max-width: 1680px) {
.product-list--is-filter-open .product-list__inner, .product-list.is-open-filter .product-list__inner {
padding-left: 400px;
}
}
@media only screen and (max-width: 1022px) {
.product-list--is-filter-open .product-list__inner, .product-list.is-open-filter .product-list__inner {
padding-left: 0;
}
}
@media only screen and (min-width: 1023px) {
.product-list--is-filter-open .product-list__visible-items, .product-list.is-open-filter .product-list__visible-items {
opacity: 0;
pointer-events: none;
}
}
@media only screen and (min-width: 1023px) {
.product-list--is-filter-open .product-list__list, .product-list.is-open-filter .product-list__list {
grid-gap: 44px 18px;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1199px) {
.product-list--is-filter-open .product-list__list, .product-list.is-open-filter .product-list__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (min-width: 1023px) {
.product-list--is-filter-open .product-card, .product-list.is-open-filter .product-card {
border-radius: 20px;
}
}
@media only screen and (min-width: 1023px) {
.product-list--is-filter-open .product-card__image-inner, .product-list.is-open-filter .product-card__image-inner {
top: 28px;
left: 14px;
width: calc(100% - 28px);
}
}
@media only screen and (min-width: 1023px) {
.product-list--is-filter-open .product-card__body, .product-list.is-open-filter .product-card__body {
font-size: 14px;
padding: 10px 14px 12px 14px;
min-height: 80px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
.product-list--is-filter-open .product-card__body, .product-list.is-open-filter .product-card__body {
font-size: 10px;
}
}
@media only screen and (min-width: 1023px) {
.product-list--is-filter-open .product-card .wishlist-button, .product-list.is-open-filter .product-card .wishlist-button {
width: 30px;
height: 30px;
}
}
@media only screen and (min-width: 1023px) {
.product-list--is-filter-open .product-card .wishlist-button .icon, .product-list.is-open-filter .product-card .wishlist-button .icon {
width: 12px;
height: 12px;
}
}
@media only screen and (min-width: 1023px) {
.product-list--is-filter-open .product-card .tag, .product-list.is-open-filter .product-card .tag {
font-size: 12px;
min-width: 50px;
padding: 4px;
line-height: 1;
}
}
@media only screen and (min-width: 1023px) {
.product-list--is-filter-open .product-filter__sidebar {
transform: translateX(0);
}
}
.product-list.no-product-found .product-list__footer,
.product-list.no-product-found .product-list__list {
display: none;
}
.product-list.no-product-found .product-list__no-product {
display: block;
}
.product-module__gift-form .mod-input label {
font-size: 20px;
line-height: 1.6;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.product-module__gift-form .mod-input label {
font-size: 18px;
}
}
@media only screen and (max-width: 767px) {
.product-module__gift-form .mod-input label {
font-size: 18px;
}
}
.product-module {
letter-spacing: 0.81px;
padding-top: 76px;
}
@media only screen and (max-width: 1199px) {
.product-module {
padding-top: 50px;
}
}
@media only screen and (max-width: 1022px) {
.product-module {
padding-top: 0;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.product-module .container {
padding: 0 60px;
}
}
@media (min-width: 1440px) {
.product-module .container {
max-width: 1360px;
}
}
@media (min-width: 1681px) {
.product-module .container {
max-width: 1526px;
}
}
.product-module .sc-breadcrumbs .container-fluid {
max-width: 100%;
}
.product-module .product-showcase {
max-width: 100%;
}
@media only screen and (min-width: 1023px) {
.product-module__left {
position: -webkit-sticky;
position: sticky;
top: calc(80px + var(--top-bar-height, 0px));
}
}
@media only screen and (min-width: 1023px) and (max-width: 1199px) {
.product-module__left {
top: calc(64px + var(--top-bar-height, 0px));
}
}
.product-module__inner {
display: grid;
grid-template-columns: 58.5% 1fr;
grid-gap: 170px;
align-items: flex-start;
width: calc(100% + 24px);
}
@media only screen and (max-width: 1919px) {
.product-module__inner {
width: 100%;
grid-gap: 60px;
}
}
@media (min-width: 1200px) and (max-width: 1680px) {
.product-module__inner {
grid-gap: 120px;
}
}
@media only screen and (max-width: 1439px) {
.product-module__inner {
grid-template-columns: 50% 1fr;
}
}
@media only screen and (max-width: 1199px) {
.product-module__inner {
grid-template-columns: 54% 1fr;
grid-gap: 40px;
}
}
@media only screen and (max-width: 1022px) {
.product-module__inner {
display: block;
}
}
@media only screen and (max-width: 1022px) {
.product-module__right {
margin-top: 36px;
padding: 0 10px;
}
}
.product-module__header {
letter-spacing: 0.81px;
margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
.product-module__header {
margin-bottom: 20px;
}
}
.product-module__title {
font-size: 35px;
line-height: 1.25;
}
@media (max-width: 1680px) {
.product-module__title {
font-size: 30px;
}
}
@media only screen and (max-width: 767px) {
.product-module__title {
font-size: 24px;
line-height: 1.3;
}
}
.product-module__sub-title {
margin-bottom: 8px;
}
@media only screen and (max-width: 1022px) {
.product-module__sub-title {
font-size: 16px;
font-weight: 300;
letter-spacing: 1.11px;
}
}
@media only screen and (max-width: 767px) {
.product-module__sub-title {
margin-bottom: 5px;
}
}
.product-module__product-id {
color: var(--color-gray);
font-weight: 300;
margin-bottom: 10px;
height: 32px;
}
@media only screen and (max-width: 767px) {
.product-module__product-id {
font-size: 16px;
}
}
.product-module__text {
max-width: 410px;
width: 100%;
letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
.product-module__text {
max-width: 100%;
font-size: 14px;
}
}
.product-module .size-selector {
margin-bottom: 35px;
}
@media only screen and (max-width: 1022px) {
.product-module .size-selector {
margin-bottom: 30px;
max-width: 100%;
}
}
.product-module .radio-selector-group {
max-width: 100%;
margin-bottom: 44px;
}
@media only screen and (max-width: 1022px) {
.product-module .radio-selector-group {
margin-bottom: 34px;
}
}
.product-module .personalization-input {
max-width: 100%;
margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.product-module .personalization-input {
margin-bottom: 0;
}
}
.product-module .order-notes {
margin-bottom: 26px;
}
@media only screen and (max-width: 1199px) {
.product-module .order-notes {
max-width: 100%;
}
}
@media only screen and (max-width: 1022px) {
.product-module .order-notes {
margin-bottom: 18px;
}
}
@media only screen and (max-width: 1199px) {
.product-module__price {
font-size: 30px;
}
}
.product-module__old-price {
color: var(--color-red-secondary);
}
@media only screen and (max-width: 1199px) {
.product-module__old-price {
font-size: 26px;
}
}
.product-module__total {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
padding-right: 6px;
margin-bottom: 20px;
}
@media only screen and (max-width: 1022px) {
.product-module__total {
padding-right: 22px;
margin-bottom: 6px;
}
}
.product-module__total-left {
flex: auto;
}
.product-module__total-right {
display: flex;
align-items: center;
gap: 32px;
}
.product-module__total-wrapper {
margin-bottom: 50px;
}
@media only screen and (max-width: 1022px) {
.product-module__total-wrapper {
display: flex;
flex-direction: column;
margin-bottom: 20px;
}
}
.product-module__lowest-price {
color: var(--color-gray);
margin-bottom: 14px;
}
@media only screen and (max-width: 1022px) {
.product-module__lowest-price {
margin-bottom: 0;
}
}
.product-module__error-message {
color: var(--color-red-secondary);
}
@media only screen and (max-width: 1022px) {
.product-module__error-message {
order: -1;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.product-module__error-message {
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.product-module__add-to-cart {
width: calc(100% + 20px);
margin-left: -10px;
}
}
.product-module__add-to-cart .btn {
width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.product-module__add-to-cart .btn {
width: auto;
}
}
.product-module__add-to-cart:not(.is-disabled) .btn {
animation: blink-shadow 3s infinite;
}
.product-module .notify-input {
margin-top: 26px;
}
@media only screen and (max-width: 767px) {
.product-module .notify-input {
max-width: calc(100% + 20px);
width: calc(100% + 20px);
margin-left: -10px;
margin-top: 22px;
}
}
.product-module .delivery-info {
max-width: 100%;
margin-top: 48px;
}
@media only screen and (max-width: 1022px) {
.product-module .delivery-info {
margin: 36px auto 0;
max-width: calc(100% - 20px);
}
}
.product-module__gift-form {
margin: 40px 0 48px;
}
@media only screen and (max-width: 1022px) {
.product-module__gift-form {
margin: 0 0 34px;
}
}
.product-module__gift-form .mod-input {
margin-bottom: 30px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.product-module__gift-form .mod-input {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1022px) {
.product-module__gift-form .mod-input {
margin-bottom: 20px;
}
}
.product-module__gift-form .mod-input label {
font-weight: 600;
letter-spacing: 0.811px;
padding-left: 0;
margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.product-module__gift-form .mod-input label {
margin-bottom: 6px;
}
}
.product-module__gift-form .mod-input__field {
height: 42px;
font-size: 14px;
letter-spacing: 0.811px;
padding: 8px 18px;
font-weight: 300;
}
@media only screen and (max-width: 767px) {
.product-module__gift-form .mod-input__field {
letter-spacing: 0.674px;
font-size: 10px;
height: 33px;
border-radius: 15px;
padding: 8px 12px;
}
}
.product-module__gift-form .mod-input textarea {
height: 190px;
}
@media only screen and (max-width: 1199px) {
.product-module__gift-form .mod-input textarea {
height: 150px;
}
}
@media only screen and (max-width: 767px) {
.product-module__gift-form .mod-input textarea {
height: 84px;
padding: 5px 16px;
}
}
.product-module__infos {
margin-top: 48px;
border-radius: 18px;
border: 0.5px solid #212121;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 0;
align-items: center;
font-weight: 400;
letter-spacing: 4.21px;
font-size: 13px;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.product-module__infos {
grid-template-columns: 1fr;
border: 1px solid #212121;
}
}
.product-module__infos-item {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 20px;
padding: 20px;
min-height: 240px;
border: 0.5px solid #212121;
text-align: center;
}
@media only screen and (max-width: 767px) {
.product-module__infos-item {
min-height: 0;
border: none;
border-bottom: 1px solid #212121;
flex-direction: row;
display: grid;
grid-template-columns: 60px 1fr;
gap: 20px;
text-align: left;
}
}
@media only screen and (max-width: 767px) {
.product-module__infos-item:last-of-type {
border-bottom: none;
}
}
.product-module__infos-item img {
height: 56px;
}
@media only screen and (max-width: 767px) {
.product-module__infos-item img {
height: auto;
}
}
.product-module__infos-item.fullwidth {
grid-column: 1/3;
flex-direction: row;
min-height: 140px;
text-align: left;
}
@media only screen and (max-width: 767px) {
.product-module__infos-item.fullwidth {
min-height: 0;
grid-column: 1/2;
}
}
.product-module__infos-item.fullwidth img {
flex-shrink: 0;
height: auto;
}
@media only screen and (max-width: 767px) {
.product-module--gift-certificate .product-module__right {
margin-top: 50px;
}
}
.product-module--gift-certificate .product-showcase__thumb-slider {
display: none;
}
@media only screen and (max-width: 767px) {
.product-module--gift-certificate .product-showcase__image-inner {
width: 100%;
}
}
.product-module--gift-certificate .product-showcase__image--main {
pointer-events: none;
}
.product-module--gift-certificate .product-showcase__image--main img {
border-radius: 10px;
}
@media only screen and (max-width: 767px) {
.product-module--gift-certificate .product-showcase__image--main img {
border-radius: 0;
width: 100%;
height: 100%;
object-fit: contain;
}
}
.product-module--gift-certificate .product-module__title {
margin-bottom: 28px;
}
@media (max-width: 1680px) {
.product-module--gift-certificate .product-module__title {
margin-bottom: 20px;
}
}
.product-module--gift-certificate .product-module__total {
margin-bottom: 40px;
}
@media only screen and (max-width: 1022px) {
.product-module--gift-certificate .product-module__total {
margin-bottom: 20px;
}
}
.product-module--gift-certificate .product-module__total-wrapper {
margin-bottom: 40px;
}
@media only screen and (max-width: 1022px) {
.product-module--gift-certificate .product-module__total-wrapper {
margin-bottom: 20px;
}
}
.product-module--gift-certificate .product-module__error-message {
letter-spacing: 0.811px;
line-height: 1.62;
}
@media only screen and (max-width: 1022px) {
.product-module--gift-certificate .product-module__error-message {
line-height: 1.25;
}
}
.product-module__tag-list {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 20px;
}
@media only screen and (max-width: 1022px) {
.product-module__tag-list {
margin-bottom: 25px;
}
}
.product-module__tag-list .tag {
margin-bottom: 5px;
background-color: #c1eed0;
color: #212121;
}
.product-module__tag-list .tag:last-child {
margin-bottom: 0;
}
.purchase-process {
display: grid;
grid-gap: 40px;
grid-template-columns: 1fr 680px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.purchase-process {
grid-gap: 100px;
grid-template-columns: 1fr 560px;
}
}
@media only screen and (max-width: 1439px) {
.purchase-process {
grid-template-columns: 1fr 520px;
}
}
@media only screen and (max-width: 1199px) {
.purchase-process {
padding-top: 40px;
grid-gap: 20px;
grid-template-columns: 1fr 440px;
}
}
@media only screen and (max-width: 1022px) {
.purchase-process {
padding-top: 0;
grid-gap: 24px;
grid-template-columns: 1fr;
}
}
@media only screen and (max-width: 1022px) {
.purchase-process__right {
order: 1;
}
}
@media only screen and (max-width: 1022px) {
.purchase-process__left {
order: 2;
padding: 0 12px;
}
}
.purchase-process__footer {
margin-top: 80px;
}
@media only screen and (max-width: 1022px) {
.purchase-process__footer {
display: none;
}
}
.purchase-process__content {
max-width: 1200px;
width: calc(100% - 40px);
margin: 0 auto;
flex: 1 0 auto;
padding: 0 15px;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.purchase-process__content {
padding: 0 60px;
}
}
@media (min-width: 1440px) {
.purchase-process__content {
max-width: 1360px;
}
}
@media (min-width: 1681px) {
.purchase-process__content {
max-width: 1696px;
}
}
@media only screen and (max-width: 1022px) {
.purchase-process__content {
max-width: 100%;
width: 100%;
padding: 0;
padding-bottom: 86px;
}
}
.purchase-process .sc-breadcrumbs .container-fluid {
max-width: 100%;
}
.sc-purchase-process {
display: flex;
flex-direction: column;
min-height: calc(var(--vh, 1vh) * 100);
}
.purchase-process__address-contact-item {
display: grid;
grid-template-columns: 100px 1fr auto;
grid-gap: 20px;
align-items: start;
font-size: 13px;
letter-spacing: 0.24px;
padding: 12px 16px;
border: 0.5px solid var(--color-text);
border-radius: 5px;
position: relative;
}
@media only screen and (max-width: 1022px) {
.purchase-process__address-contact-item {
grid-template-columns: 80px 1fr auto;
}
}
@media only screen and (max-width: 767px) {
.purchase-process__address-contact-item {
grid-template-columns: 1fr;
font-size: 12px;
padding: 3px 16px;
grid-gap: 0;
}
}
.purchase-process__address-contact-item + .purchase-process__address-contact-item {
margin-top: 16px;
}
@media only screen and (max-width: 767px) {
.purchase-process__address-contact-item + .purchase-process__address-contact-item {
margin-top: 8px;
}
}
.purchase-process__address-contact__change {
color: #212121;
}
@media only screen and (max-width: 767px) {
.purchase-process__address-contact__change {
font-size: 10px;
position: absolute;
top: 4px;
right: 20px;
}
}
.purchase-process__address-contact__change:hover {
text-decoration: underline;
}
.purchase-process__address-contact__info {
font-weight: 600;
}
.purchase-process__address-contact__info span {
font-weight: 400;
}
.purchase-process__thank-you {
display: flex;
align-items: start;
gap: 36px;
}
@media only screen and (max-width: 1022px) {
.purchase-process__thank-you {
flex-direction: column;
gap: 0;
}
}
.purchase-process__thank-you__left {
width: 50px;
height: 50px;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
background-color: #212121;
flex-shrink: 0;
margin-top: 8px;
}
@media only screen and (max-width: 1022px) {
.purchase-process__thank-you__left {
display: none;
}
}
.purchase-process__thank-you__left .icon {
width: 20px;
height: 15px;
}
.purchase-process__thank-you__left .icon:before {
background-color: #ffffff;
}
.purchase-process__thank-you__right {
max-width: 608px;
width: 100%;
}
@media only screen and (max-width: 1022px) {
.purchase-process__thank-you__right {
max-width: 100%;
}
}
.purchase-process__thank-you__order-nr {
font-size: 16px;
letter-spacing: 0.24px;
}
.purchase-process__thank-you__header {
position: relative;
}
@media only screen and (max-width: 1022px) {
.purchase-process__thank-you__header {
margin-left: 80px;
}
}
.purchase-process__thank-you__header .circled-checkmark-icon {
display: none;
position: absolute;
top: 4px;
left: -60px;
}
@media only screen and (max-width: 1022px) {
.purchase-process__thank-you__header .circled-checkmark-icon {
display: block;
}
}
.purchase-process__thank-you__title {
margin-top: -2px;
}
.purchase-process__thank-you__title .title {
font-size: 30px;
letter-spacing: 1.1px;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.purchase-process__thank-you__title .title {
font-size: 20px;
letter-spacing: 0.37px;
}
}
.purchase-process__thank-you__text {
font-size: 16px;
letter-spacing: 0.16px;
margin-top: 14px;
}
@media only screen and (max-width: 767px) {
.purchase-process__thank-you__text {
font-size: 12px;
margin-top: 8px;
}
}
.purchase-process__thank-you__text a {
font-weight: 700;
transition: 0.3s ease;
position: relative;
}
.purchase-process__thank-you__text a:hover {
color: #c1eed0;
}
.purchase-process__thank-you__text a:hover:after {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='143' height='4' fill='none'%3E%3Cpath fill='%23C1EED0' d='m127.607 1.938.07-.495-.07.495Zm-26.012 0 .07.495-.07-.495Zm-30.79 0 .07-.495-.07.495Zm-26.011 0 .07.495-.07-.495Zm-30.786 0 .07-.495-.07.495ZM1 .5H.5v1H1v-1Zm3.249 1.045.5.015.029-1-.5-.014-.03 1Zm6.582-.532-.497-.058-.116.993.496.058.117-.993Zm6.95 1.92.496.055.111-.994-.497-.055-.11.994Zm7.77-.484-.5-.013-.027 1 .5.013.028-1Zm7.726 1 .5-.014-.028-1-.5.014.028 1Zm7.633-1.51-.497.055.111.994.497-.056-.11-.993Zm7.176.067.497-.058-.116-.994-.497.058.116.994Zm6.435-1.46-.5.014.03 1 .5-.015-.03-1Zm6.526.999.5.015.029-1-.5-.015-.03 1Zm6.582-.532-.497-.058-.116.993.496.058.117-.993Zm6.95 1.92.496.055.111-.993-.497-.056-.11.994Zm7.77-.483-.5-.014-.027 1 .5.013.028-1Zm7.727 1 .5-.014-.028-1-.5.014.028 1Zm7.635-1.511-.497.055.11.994.498-.055-.111-.994Zm7.177.067.497-.058-.116-.994-.497.059.116.993Zm6.437-1.46-.5.014.029 1 .5-.015-.029-1Zm6.525.999.5.015.03-1-.5-.015-.03 1Zm6.581-.532-.497-.058-.116.993.496.058.117-.993Zm6.949 1.92.496.055.111-.993-.497-.056-.11.994Zm7.771-.483-.5-.014-.027 1 .499.013.028-1ZM1 1.5c1.185 0 2.261.016 3.249.045l.03-1C3.278.517 2.193.5 1 .5v1Zm9.714.506c1.12.13 2.16.277 3.224.427l.14-.99c-1.064-.15-2.115-.298-3.247-.43l-.117.993Zm3.224.427c1.18.166 2.421.341 3.842.5l.111-.994a127.92 127.92 0 0 1-3.813-.496l-.14.99Zm11.586 1.016c1.182.033 2.468.05 3.877.05v-1c-1.4 0-2.677-.017-3.85-.05l-.027 1Zm3.877.05c1.408 0 2.694-.017 3.876-.05l-.027-1c-1.173.033-2.45.05-3.85.05v1Zm11.62-.567c1.42-.158 2.661-.333 3.842-.5l-.14-.99c-1.181.167-2.408.34-3.813.497l.111.993Zm3.842-.5c1.065-.149 2.104-.295 3.223-.426l-.116-.994c-1.132.133-2.183.281-3.246.43l.14.99Zm9.687-.887a110.48 110.48 0 0 1 3.248-.045v-1c-1.194 0-2.28.016-3.277.045l.03 1Zm3.248-.045c1.185 0 2.261.016 3.249.045l.03-1C60.076.516 58.991.5 57.797.5v1Zm9.714.506a136 136 0 0 1 3.224.427l.14-.99c-1.064-.15-2.115-.298-3.247-.43l-.117.993Zm3.224.427c1.18.167 2.421.341 3.842.5l.111-.994c-1.405-.157-2.632-.33-3.813-.496l-.14.99ZM82.322 3.45c1.183.033 2.468.051 3.877.051v-1c-1.4 0-2.677-.018-3.85-.05l-.027 1ZM86.2 3.5c1.408 0 2.694-.018 3.877-.05l-.027-1c-1.173.032-2.45.05-3.85.05v1Zm11.623-.567c1.42-.159 2.661-.333 3.843-.5l-.14-.99c-1.182.166-2.41.34-3.814.496l.11.994Zm3.843-.5c1.064-.15 2.104-.296 3.223-.427l-.116-.993c-1.133.132-2.184.28-3.247.43l.14.99Zm9.689-.888c.988-.029 2.063-.045 3.249-.045v-1c-1.195 0-2.28.016-3.278.045l.029 1Zm3.249-.045c1.185 0 2.26.016 3.247.045l.03-1C116.882.516 115.797.5 114.603.5v1Zm9.711.506c1.12.131 2.159.277 3.223.427l.14-.99c-1.063-.15-2.114-.298-3.246-.43l-.117.993Zm3.223.427c1.181.167 2.421.341 3.843.5l.11-.994c-1.405-.157-2.632-.33-3.813-.496l-.14.99Zm11.586 1.016c1.183.033 2.469.051 3.877.051v-1c-1.4 0-2.676-.018-3.849-.05l-.028 1Z'/%3E%3C/svg%3E") repeat-x left top/100%;
}
.purchase-process__thank-you__text a:after {
content: "";
position: absolute;
left: 0;
display: block;
width: 100%;
height: 0;
padding-bottom: 4%;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='143' height='4' fill='none'%3E%3Cpath fill='%23212121' d='m127.607 1.938.07-.495-.07.495Zm-26.012 0 .07.495-.07-.495Zm-30.79 0 .07-.495-.07.495Zm-26.011 0 .07.495-.07-.495Zm-30.786 0 .07-.495-.07.495ZM1 .5H.5v1H1v-1Zm3.249 1.045.5.015.029-1-.5-.014-.03 1Zm6.582-.532-.497-.058-.116.993.496.058.117-.993Zm6.95 1.92.496.055.111-.994-.497-.055-.11.994Zm7.77-.484-.5-.013-.027 1 .5.013.028-1Zm7.726 1 .5-.014-.028-1-.5.014.028 1Zm7.633-1.51-.497.055.111.994.497-.056-.11-.993Zm7.176.067.497-.058-.116-.994-.497.058.116.994Zm6.435-1.46-.5.014.03 1 .5-.015-.03-1Zm6.526.999.5.015.029-1-.5-.015-.03 1Zm6.582-.532-.497-.058-.116.993.496.058.117-.993Zm6.95 1.92.496.055.111-.993-.497-.056-.11.994Zm7.77-.483-.5-.014-.027 1 .5.013.028-1Zm7.727 1 .5-.014-.028-1-.5.014.028 1Zm7.635-1.511-.497.055.11.994.498-.055-.111-.994Zm7.177.067.497-.058-.116-.994-.497.059.116.993Zm6.437-1.46-.5.014.029 1 .5-.015-.029-1Zm6.525.999.5.015.03-1-.5-.015-.03 1Zm6.581-.532-.497-.058-.116.993.496.058.117-.993Zm6.949 1.92.496.055.111-.993-.497-.056-.11.994Zm7.771-.483-.5-.014-.027 1 .499.013.028-1ZM1 1.5c1.185 0 2.261.016 3.249.045l.03-1C3.278.517 2.193.5 1 .5v1Zm9.714.506c1.12.13 2.16.277 3.224.427l.14-.99c-1.064-.15-2.115-.298-3.247-.43l-.117.993Zm3.224.427c1.18.166 2.421.341 3.842.5l.111-.994a127.92 127.92 0 0 1-3.813-.496l-.14.99Zm11.586 1.016c1.182.033 2.468.05 3.877.05v-1c-1.4 0-2.677-.017-3.85-.05l-.027 1Zm3.877.05c1.408 0 2.694-.017 3.876-.05l-.027-1c-1.173.033-2.45.05-3.85.05v1Zm11.62-.567c1.42-.158 2.661-.333 3.842-.5l-.14-.99c-1.181.167-2.408.34-3.813.497l.111.993Zm3.842-.5c1.065-.149 2.104-.295 3.223-.426l-.116-.994c-1.132.133-2.183.281-3.246.43l.14.99Zm9.687-.887a110.48 110.48 0 0 1 3.248-.045v-1c-1.194 0-2.28.016-3.277.045l.03 1Zm3.248-.045c1.185 0 2.261.016 3.249.045l.03-1C60.076.516 58.991.5 57.797.5v1Zm9.714.506a136 136 0 0 1 3.224.427l.14-.99c-1.064-.15-2.115-.298-3.247-.43l-.117.993Zm3.224.427c1.18.167 2.421.341 3.842.5l.111-.994c-1.405-.157-2.632-.33-3.813-.496l-.14.99ZM82.322 3.45c1.183.033 2.468.051 3.877.051v-1c-1.4 0-2.677-.018-3.85-.05l-.027 1ZM86.2 3.5c1.408 0 2.694-.018 3.877-.05l-.027-1c-1.173.032-2.45.05-3.85.05v1Zm11.623-.567c1.42-.159 2.661-.333 3.843-.5l-.14-.99c-1.182.166-2.41.34-3.814.496l.11.994Zm3.843-.5c1.064-.15 2.104-.296 3.223-.427l-.116-.993c-1.133.132-2.184.28-3.247.43l.14.99Zm9.689-.888c.988-.029 2.063-.045 3.249-.045v-1c-1.195 0-2.28.016-3.278.045l.029 1Zm3.249-.045c1.185 0 2.26.016 3.247.045l.03-1C116.882.516 115.797.5 114.603.5v1Zm9.711.506c1.12.131 2.159.277 3.223.427l.14-.99c-1.063-.15-2.114-.298-3.246-.43l-.117.993Zm3.223.427c1.181.167 2.421.341 3.843.5l.11-.994c-1.405-.157-2.632-.33-3.813-.496l-.14.99Zm11.586 1.016c1.183.033 2.469.051 3.877.051v-1c-1.4 0-2.676-.018-3.849-.05l-.028 1Z'/%3E%3C/svg%3E") repeat-x left top/100%;
}
.purchase-process__thank-you__box {
padding: 28px 32px;
border-radius: 5px;
border: 0.5px solid #212121;
margin-top: 24px;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.purchase-process__thank-you__box {
padding: 12px 28px;
margin-top: 20px;
}
}
.purchase-process__thank-you__box-title {
font-size: 18px;
font-weight: 500;
letter-spacing: 0.25px;
line-height: 1.3;
}
@media only screen and (max-width: 767px) {
.purchase-process__thank-you__box-title {
font-size: 14px;
letter-spacing: 0.08px;
}
}
.purchase-process__thank-you__box-text {
font-size: 14px;
font-weight: 400;
letter-spacing: 0.24px;
}
@media only screen and (max-width: 767px) {
.purchase-process__thank-you__box-text {
font-size: 11px;
letter-spacing: 0.08px;
line-height: 1.15;
}
}
.purchase-process__thank-you__person-info {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 16px;
margin-top: 16px;
}
@media only screen and (max-width: 767px) {
.purchase-process__thank-you__person-info {
grid-template-columns: 1fr;
grid-gap: 16px;
margin-top: 16px;
}
}
.purchase-process__thank-you__person-info .info-item {
font-size: 14px;
font-weight: 400;
letter-spacing: 0.24px;
}
@media only screen and (max-width: 767px) {
.purchase-process__thank-you__person-info .info-item {
font-size: 12px;
}
}
.purchase-process__thank-you__person-info .info-item__text {
color: #818181;
line-height: 1.3;
}
.purchase-process__thank-you__footer {
margin-top: 72px;
display: flex;
align-items: center;
flex-direction: column-reverse;
gap: 20px;
}
@media only screen and (max-width: 767px) {
.purchase-process__thank-you__footer {
margin-top: 20px;
}
}
.purchase-process__thank-you__footer-link {
font-size: 12px;
letter-spacing: 0.3px;
}
.purchase-process__thank-you__footer-link a {
font-weight: 700;
transition: 0.3s ease;
position: relative;
}
.purchase-process__thank-you__footer-link a:after {
content: "";
position: absolute;
left: 0;
display: block;
width: 100%;
height: 0;
padding-bottom: 4%;
transition: 0.3s ease;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='143' height='4' fill='none'%3E%3Cpath fill='%23212121' d='m127.607 1.938.07-.495-.07.495Zm-26.012 0 .07.495-.07-.495Zm-30.79 0 .07-.495-.07.495Zm-26.011 0 .07.495-.07-.495Zm-30.786 0 .07-.495-.07.495ZM1 .5H.5v1H1v-1Zm3.249 1.045.5.015.029-1-.5-.014-.03 1Zm6.582-.532-.497-.058-.116.993.496.058.117-.993Zm6.95 1.92.496.055.111-.994-.497-.055-.11.994Zm7.77-.484-.5-.013-.027 1 .5.013.028-1Zm7.726 1 .5-.014-.028-1-.5.014.028 1Zm7.633-1.51-.497.055.111.994.497-.056-.11-.993Zm7.176.067.497-.058-.116-.994-.497.058.116.994Zm6.435-1.46-.5.014.03 1 .5-.015-.03-1Zm6.526.999.5.015.029-1-.5-.015-.03 1Zm6.582-.532-.497-.058-.116.993.496.058.117-.993Zm6.95 1.92.496.055.111-.993-.497-.056-.11.994Zm7.77-.483-.5-.014-.027 1 .5.013.028-1Zm7.727 1 .5-.014-.028-1-.5.014.028 1Zm7.635-1.511-.497.055.11.994.498-.055-.111-.994Zm7.177.067.497-.058-.116-.994-.497.059.116.993Zm6.437-1.46-.5.014.029 1 .5-.015-.029-1Zm6.525.999.5.015.03-1-.5-.015-.03 1Zm6.581-.532-.497-.058-.116.993.496.058.117-.993Zm6.949 1.92.496.055.111-.993-.497-.056-.11.994Zm7.771-.483-.5-.014-.027 1 .499.013.028-1ZM1 1.5c1.185 0 2.261.016 3.249.045l.03-1C3.278.517 2.193.5 1 .5v1Zm9.714.506c1.12.13 2.16.277 3.224.427l.14-.99c-1.064-.15-2.115-.298-3.247-.43l-.117.993Zm3.224.427c1.18.166 2.421.341 3.842.5l.111-.994a127.92 127.92 0 0 1-3.813-.496l-.14.99Zm11.586 1.016c1.182.033 2.468.05 3.877.05v-1c-1.4 0-2.677-.017-3.85-.05l-.027 1Zm3.877.05c1.408 0 2.694-.017 3.876-.05l-.027-1c-1.173.033-2.45.05-3.85.05v1Zm11.62-.567c1.42-.158 2.661-.333 3.842-.5l-.14-.99c-1.181.167-2.408.34-3.813.497l.111.993Zm3.842-.5c1.065-.149 2.104-.295 3.223-.426l-.116-.994c-1.132.133-2.183.281-3.246.43l.14.99Zm9.687-.887a110.48 110.48 0 0 1 3.248-.045v-1c-1.194 0-2.28.016-3.277.045l.03 1Zm3.248-.045c1.185 0 2.261.016 3.249.045l.03-1C60.076.516 58.991.5 57.797.5v1Zm9.714.506a136 136 0 0 1 3.224.427l.14-.99c-1.064-.15-2.115-.298-3.247-.43l-.117.993Zm3.224.427c1.18.167 2.421.341 3.842.5l.111-.994c-1.405-.157-2.632-.33-3.813-.496l-.14.99ZM82.322 3.45c1.183.033 2.468.051 3.877.051v-1c-1.4 0-2.677-.018-3.85-.05l-.027 1ZM86.2 3.5c1.408 0 2.694-.018 3.877-.05l-.027-1c-1.173.032-2.45.05-3.85.05v1Zm11.623-.567c1.42-.159 2.661-.333 3.843-.5l-.14-.99c-1.182.166-2.41.34-3.814.496l.11.994Zm3.843-.5c1.064-.15 2.104-.296 3.223-.427l-.116-.993c-1.133.132-2.184.28-3.247.43l.14.99Zm9.689-.888c.988-.029 2.063-.045 3.249-.045v-1c-1.195 0-2.28.016-3.278.045l.029 1Zm3.249-.045c1.185 0 2.26.016 3.247.045l.03-1C116.882.516 115.797.5 114.603.5v1Zm9.711.506c1.12.131 2.159.277 3.223.427l.14-.99c-1.063-.15-2.114-.298-3.246-.43l-.117.993Zm3.223.427c1.181.167 2.421.341 3.843.5l.11-.994c-1.405-.157-2.632-.33-3.813-.496l-.14.99Zm11.586 1.016c1.183.033 2.469.051 3.877.051v-1c-1.4 0-2.676-.018-3.849-.05l-.028 1Z'/%3E%3C/svg%3E") repeat-x left top/100%;
}
.purchase-process__thank-you__footer-link a:hover {
color: #c1eed0;
}
@media only screen and (max-width: 767px) {
.purchase-process__thank-you__footer .btn {
width: 100%;
}
}
.purchase-process__thank-you__map {
height: 0;
position: relative;
padding-top: 38%;
left: -32px;
width: calc(100% + 64px);
top: -28px;
}
@media only screen and (max-width: 767px) {
.purchase-process__thank-you__map {
top: -12px;
left: -28px;
width: calc(100% + 56px);
padding-top: 45%;
}
}
.purchase-process__thank-you__map-init {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.purchase-process__thank-you__map-init .gm-svpc {
display: none;
}
.purchase-process__thank-you__map-init .gm-style-iw.gm-style-iw-c,
.purchase-process__thank-you__map-init .gm-style-iw-d {
padding: 0 !important;
max-height: none !important;
max-width: 100%;
overflow: initial !important;
}
.infowindow-popup {
width: 234px;
padding: 12px 20px;
background: #ffffff;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
border-radius: 10px;
text-align: center;
font-size: 14px;
letter-spacing: 0.24px;
line-height: 1.2;
}
@media only screen and (max-width: 767px) {
.infowindow-popup {
width: 144px;
font-size: 8px;
letter-spacing: 0.15px;
padding: 6px 12px;
border-radius: 6px;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
}
}
.infowindow-popup strong {
font-size: 16px;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.infowindow-popup strong {
font-size: 9px;
}
}
.infowindow-wrap {
display: none;
}
.reset-password {
position: relative;
padding: 36px 0;
}
@media only screen and (max-width: 767px) {
.reset-password {
padding: 10px 0;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.reviews-module .container {
padding: 0 60px;
}
}
@media only screen and (min-width: 1023px) {
.reviews-module .container {
max-width: 1218px;
}
}
.reviews-module__item {
display: grid;
grid-gap: 12px;
padding: 28px 26px 28px 18px;
background-color: #fcfcfc;
border-radius: 15px;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.reviews-module__item {
grid-gap: 8px;
padding: 18px 8px;
border-bottom: none;
}
}
.reviews-module__item-date {
color: var(--color-gray);
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.reviews-module__item .editor-text {
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.reviews-module__item .editor-text {
font-weight: 300;
}
}
.reviews-module__item .editor-text p {
line-height: 1.42;
}
@media only screen and (max-width: 767px) {
.reviews-module__item .editor-text p {
line-height: 1.44;
}
}
.reviews-module__header {
position: relative;
display: grid;
grid-template-columns: 40px 1fr;
align-items: center;
grid-gap: 10px;
}
.reviews-module__header-image {
position: relative;
width: 42px;
height: 42px;
border-radius: 100%;
background-color: #dde2e5;
}
@media only screen and (max-width: 767px) {
.reviews-module__person {
font-size: 14px;
}
}
.reviews-module__person-name {
color: var(--color-primary);
font-weight: 700;
line-height: 1.28;
}
.reviews-module__person-username {
color: var(--color-gray);
}
.mobile-hamburger:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.mobile-hamburger {
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;
}
.header-main {
width: 100%;
box-sizing: border-box;
height: 100px;
background-color: #212121;
position: fixed;
left: 0;
top: 0;
z-index: 102;
transition: margin 0.3s ease, height 0.3s ease;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.header-main {
height: 80px;
}
}
@media only screen and (max-width: 1439px) {
.header-main {
height: 80px;
}
}
@media only screen and (max-width: 1199px) {
.header-main {
height: 64px;
}
}
.has-top-bar .header-main {
top: var(--top-bar-height, 0px);
}
.is-open-mega-menu .header-main, .is-search-open .header-main, .body-scroll-locked .header-main {
padding-right: var(--scroll-width, 0px);
}
@media only screen and (min-width: 1440px) {
.is-scrolled .header-main {
height: 80px;
}
}
@media only screen and (max-width: 1022px) {
.is-scrolled .header-main {
margin-top: calc(-64px - var(--top-bar-height, 0px));
}
}
.header-main__inner {
margin: 0 auto;
width: calc(100% - 88px);
display: flex;
justify-content: center;
align-items: center;
height: 100%;
padding: 0 220px;
}
@media only screen and (max-width: 1439px) {
.header-main__inner {
width: 100%;
padding: 0;
}
}
.header-main__logo {
max-width: 160px;
position: absolute;
left: 44px;
top: 0;
bottom: 0;
margin: auto;
width: 100%;
display: flex;
align-items: center;
padding-top: 4px;
justify-content: center;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.header-main__logo {
max-width: 120px;
}
}
@media only screen and (max-width: 1439px) {
.header-main__logo {
left: 36px;
max-width: 120px;
}
}
@media only screen and (max-width: 1199px) {
.header-main__logo {
left: 52px;
}
}
@media only screen and (max-width: 1022px) {
.header-main__logo {
max-width: 108px;
}
}
@media (max-width: 360px) {
.header-main__logo {
max-width: 66px;
}
}
.header-main__logo img {
width: 100%;
height: auto;
}
.header-main__menu-wrapper {
display: flex;
height: 100%;
}
@media only screen and (max-width: 1022px) {
.header-main__menu-wrapper {
flex-direction: row-reverse;
}
}
.header-main__right-icons {
position: absolute;
right: 35px;
top: 0;
bottom: 0;
margin: auto;
display: flex;
align-items: center;
gap: 20px;
}
.is-open-mega-menu .header-main__right-icons, .is-search-open .header-main__right-icons, .body-scroll-locked .header-main__right-icons {
margin-right: var(--scroll-width, 0px);
}
@media (max-width: 1660px) {
.header-main__right-icons {
right: 46px;
}
}
@media only screen and (max-width: 1439px) {
.header-main__right-icons {
right: 36px;
gap: 12px;
}
}
@media only screen and (max-width: 1199px) {
.header-main__right-icons {
right: 24px;
gap: 24px;
}
}
@media only screen and (max-width: 767px) {
.header-main__right-icons {
right: 16px;
}
}
.header-main__right-icons i:before {
background-color: #ffffff;
}
@media only screen and (max-width: 1022px) {
.header-main__right-icons .language-switch {
display: none;
}
}
.header-main__icon {
cursor: pointer;
transition: 0.3s ease;
position: relative;
}
.header-main__icon:hover {
opacity: 0.6;
}
@media only screen and (max-width: 767px) {
.header-main__icon .icon-search {
width: 20px;
height: 20px;
}
}
@media only screen and (max-width: 767px) {
.header-main__icon .icon-heart {
width: 18px;
height: 18px;
}
}
@media only screen and (max-width: 767px) {
.header-main__icon .icon-cart {
width: 20px;
height: 20px;
}
}
@media only screen and (max-width: 767px) {
.header-main__icon .icon-user {
width: 16px;
height: 20px;
}
}
.header-main__icon-items {
height: 13px;
width: 13px;
position: absolute;
border-radius: 100%;
top: -5px;
right: -5px;
text-align: center;
background-color: #b00000;
font-weight: 700;
color: #ffffff;
}
.header-main__icon-items p {
font-size: 9px;
line-height: 12px;
}
.header-main--purchase-process {
position: relative;
background-color: transparent;
}
@media only screen and (max-width: 1022px) {
.header-main--purchase-process {
position: fixed;
}
}
.header-main--purchase-process .header-main__inner {
display: none;
}
@media only screen and (max-width: 1199px) {
.header-main--purchase-process .header-main__inner {
display: flex;
}
}
.header-main--purchase-process .header-main--alternate {
height: 124px;
width: 100%;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 960 15'%3E%3Cpath stroke='%23212121' stroke-dasharray='4 4' stroke-miterlimit='10' d='M960 14c-7 0-11-4-14-7s-6-6-12-6c-5 0-8 3-11 6s-7 7-14 7-11-4-14-7-6-6-12-6c-5 0-8 3-11 6s-7 7-14 7-11-4-14-7-6-6-11-6c-6 0-9 3-12 6s-7 7-14 7-11-4-14-7-6-6-11-6c-6 0-9 3-12 6s-7 7-14 7-10-4-14-7c-3-3-6-6-11-6-6 0-9 3-12 6s-7 7-14 7-10-4-14-7c-3-3-6-6-11-6-6 0-9 3-12 6s-7 7-14 7-10-4-13-7c-4-3-6-6-12-6s-9 3-12 6-7 7-14 7-10-4-13-7-6-6-12-6-9 3-12 6-6 7-13 7c-8 0-11-4-14-7s-6-6-12-6-9 3-12 6-6 7-13 7-11-4-14-7-6-6-12-6-8 3-12 6c-3 3-6 7-13 7s-11-4-14-7-6-6-12-6c-5 0-8 3-11 6-4 3-7 7-14 7s-11-4-14-7-6-6-12-6c-5 0-8 3-11 6s-7 7-14 7-11-4-14-7-6-6-12-6c-5 0-8 3-11 6s-7 7-14 7-11-4-14-7-6-6-11-6c-6 0-9 3-12 6s-7 7-14 7-11-4-14-7-6-6-11-6c-6 0-9 3-12 6s-7 7-14 7-10-4-14-7c-3-3-6-6-11-6-6 0-9 3-12 6s-7 7-14 7-10-4-14-7c-3-3-6-6-11-6-6 0-9 3-12 6s-7 7-14 7-10-4-13-7c-4-3-6-6-12-6s-9 3-12 6-7 7-14 7-10-4-13-7-6-6-12-6S9 4 6 7s-6 7-13 7-11-4-14-7-6-6-12-6-8 3-12 6c-3 3-6 7-13 7s-11-4-14-7-6-6-12-6c-5 0-8 3-11 6-4 3-7 7-14 7s-11-4-14-7-6-6-12-6l-1-1'/%3E%3C/svg%3E") repeat-x bottom/auto 16px;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 1022px) {
.header-main--purchase-process .header-main--alternate {
display: flex;
height: 100%;
background: none;
}
}
.header-main--purchase-process .header-main--alternate img {
width: 134px;
}
@media only screen and (max-width: 1022px) {
.header-main--purchase-process .header-main--alternate img {
width: 100px;
}
}
.mobile-hamburger {
cursor: pointer;
z-index: 9;
width: 54px;
height: 64px;
display: none;
align-items: center;
justify-content: center;
flex-direction: column;
position: absolute;
left: 0;
top: 0;
}
@media only screen and (max-width: 1199px) {
.mobile-hamburger {
display: flex;
}
}
.mobile-hamburger:after {
z-index: 9;
transform: scale(1.5);
}
.mobile-hamburger .bars {
background-color: #ffffff;
height: 2px;
display: block;
border-radius: 2px;
margin-bottom: 5px;
width: 20px;
transition: transform 0.3s ease;
}
.mobile-hamburger .bars:last-child {
margin-bottom: 0;
}
.menu-overlay {
position: fixed;
background: rgba(64, 64, 64, 0.3);
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media only screen and (max-width: 1199px) {
.menu-overlay {
display: none;
}
}
.is-open-mega-menu .menu-overlay, .is-search-open .menu-overlay, .body-scroll-locked .menu-overlay {
opacity: 1;
visibility: visible;
} .social-card-list {
position: relative;
}
.social-card-list__illustrator-image {
position: relative;
width: 100%;
height: 30px;
margin-bottom: 150px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1733' height='28' viewBox='0 0 1733 28' fill='none'%3E%3Cpath d='M1733 26.9917C1719.37 26.9917 1712.41 19.905 1706.28 13.6513C1700.34 7.59232 1694.71 1.86493 1683.69 1.86493C1672.68 1.86493 1667.06 7.58818 1661.11 13.6513C1654.98 19.905 1648.03 26.9917 1634.4 26.9917C1620.77 26.9917 1613.82 19.905 1607.69 13.6513C1601.75 7.59232 1596.14 1.86907 1585.13 1.86907C1574.12 1.86907 1568.5 7.59232 1562.56 13.6513C1556.42 19.905 1549.47 26.9917 1535.84 26.9917C1522.21 26.9917 1515.27 19.905 1509.14 13.6513C1503.2 7.59232 1497.59 1.86493 1486.58 1.86493C1475.56 1.86493 1469.95 7.58818 1464 13.6513C1457.87 19.905 1450.92 26.9917 1437.29 26.9917C1423.67 26.9917 1416.72 19.905 1410.58 13.6513C1404.64 7.59232 1399.03 1.86907 1388.02 1.86907C1377 1.86907 1371.39 7.59233 1365.45 13.6554C1359.32 19.9091 1352.36 26.9959 1338.75 26.9959C1325.13 26.9959 1318.17 19.9091 1312.04 13.6554C1306.1 7.59647 1300.49 1.87322 1289.48 1.87322C1278.47 1.87322 1272.86 7.59647 1266.91 13.6596C1260.78 19.9133 1253.83 27 1240.2 27C1226.58 27 1219.63 19.9133 1213.5 13.6596C1207.56 7.60061 1201.95 1.87322 1190.93 1.87322C1179.92 1.87322 1174.31 7.59647 1168.37 13.6554C1162.24 19.9091 1155.29 26.9959 1141.67 26.9959C1128.05 26.9959 1121.1 19.9091 1114.97 13.6554C1109.03 7.59647 1103.42 1.86907 1092.4 1.86907C1081.39 1.86907 1075.78 7.59233 1069.84 13.6554C1063.71 19.9091 1056.75 26.9959 1043.14 26.9959C1029.52 26.9959 1022.57 19.9091 1016.43 13.6554C1010.5 7.59647 1004.88 1.86907 993.87 1.86907C982.856 1.86907 977.256 7.59232 971.317 13.6513C965.186 19.905 958.241 26.9917 944.622 26.9917C931.003 26.9917 924.052 19.905 917.921 13.6513C911.976 7.59232 906.364 1.86493 895.35 1.86493C884.337 1.86493 878.731 7.58818 872.786 13.6513C866.655 19.905 859.704 26.9917 846.079 26.9917C832.455 26.9917 825.504 19.905 819.373 13.6513C813.433 7.59232 807.822 1.86907 796.808 1.86907C785.794 1.86907 780.188 7.59233 774.244 13.6554C768.112 19.9091 761.162 26.9959 747.537 26.9959C733.912 26.9959 726.967 19.9091 720.836 13.6554C714.897 7.59647 709.285 1.86907 698.271 1.86907C687.258 1.86907 681.646 7.59233 675.707 13.6554C669.576 19.9091 662.625 26.9959 649 26.9959C635.376 26.9959 628.431 19.9091 622.294 13.6554C616.354 7.59647 610.743 1.86907 599.729 1.86907C588.715 1.86907 583.109 7.59232 577.17 13.6513C571.039 19.905 564.088 26.9917 550.464 26.9917C536.839 26.9917 529.894 19.905 523.763 13.6513C517.823 7.59232 512.212 1.86493 501.198 1.86493C490.184 1.86493 484.578 7.58818 478.634 13.6513C472.502 19.905 465.551 26.9917 451.933 26.9917C438.314 26.9917 431.363 19.905 425.231 13.6513C419.292 7.59232 413.681 1.86907 402.673 1.86907C391.665 1.86907 386.053 7.59232 380.108 13.6513C373.977 19.905 367.026 26.9917 353.401 26.9917C339.777 26.9917 332.832 19.905 326.706 13.6513C320.767 7.59232 315.155 1.86493 304.147 1.86493C293.139 1.86493 287.522 7.58818 281.577 13.6513C275.446 19.905 268.501 26.9917 254.876 26.9917C241.251 26.9917 234.306 19.905 228.175 13.6513C222.236 7.59232 216.624 1.86493 205.616 1.86493C194.608 1.86493 188.997 7.58818 183.057 13.6471C176.926 19.9008 169.975 26.9876 156.356 26.9876C142.737 26.9876 135.787 19.9008 129.655 13.6471C123.716 7.58818 118.105 1.86493 107.102 1.86493C96.0996 1.86493 90.4825 7.58818 84.5433 13.6513C78.4119 19.905 71.4612 26.9917 57.8423 26.9917C44.2233 26.9917 37.2726 19.905 31.1412 13.6513C25.202 7.59232 19.5906 1.86493 8.57674 1.86493C-2.43708 1.86493 -8.0429 7.58818 -13.9765 13.6513C-20.1078 19.905 -27.0529 26.9917 -40.6718 26.9917C-54.2908 26.9917 -61.2415 19.905 -67.3729 13.6513C-73.3121 7.59232 -78.9235 1.86493 -89.9317 1.86493C-100.94 1.86493 -106.551 7.58818 -112.491 13.6513C-118.622 19.905 -125.567 26.9917 -139.186 26.9917C-152.805 26.9917 -159.756 19.905 -165.881 13.6513C-171.821 7.59232 -177.432 1.86493 -188.435 1.86493C-199.437 1.86493 -205.054 7.58818 -210.993 13.6513C-217.125 19.905 -224.075 26.9917 -237.694 26.9917C-251.313 26.9917 -258.264 19.905 -264.39 13.6513C-270.329 7.59232 -275.94 1.86493 -286.949 1.86493C-297.957 1.86493 -303.563 7.58818 -309.502 13.6471C-315.633 19.9008 -322.578 26.9876 -336.197 26.9876C-349.816 26.9876 -356.767 19.9008 -362.893 13.6471C-368.832 7.59233 -374.443 1.86907 -385.451 1.86907C-386.858 1.86907 -388 1.03193 -388 0' stroke='%23BBBBBB' stroke-width='2' stroke-miterlimit='10' stroke-dasharray='7 7'/%3E%3C/svg%3E") repeat-x center/contain;
pointer-events: none;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.social-card-list__illustrator-image {
margin-bottom: 100px;
}
}
@media only screen and (max-width: 1199px) {
.social-card-list__illustrator-image {
height: 20px;
margin-bottom: 50px;
}
}
@media only screen and (max-width: 1022px) {
.social-card-list__illustrator-image {
background-size: cover;
}
}
@media only screen and (max-width: 767px) {
.social-card-list__illustrator-image {
margin-bottom: 60px;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.social-card-list .container {
padding: 0 40px;
}
}
@media (min-width: 1440px) {
.social-card-list .container {
max-width: 1360px;
}
}
@media (min-width: 1681px) {
.social-card-list .container {
max-width: 1822px;
padding: 0 60px;
}
}
@media only screen and (max-width: 767px) {
.social-card-list__title {
font-size: 25px;
}
}
@media only screen and (min-width: 768px) {
.social-card-list__sub-title {
line-height: 1.2;
}
}
@media only screen and (max-width: 767px) {
.social-card-list__sub-title {
font-size: 25px;
}
}
.social-card-list__header {
margin-bottom: 96px;
}
@media only screen and (max-width: 1199px) {
.social-card-list__header {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 767px) {
.social-card-list__header {
margin-bottom: 34px;
}
}
.social-card-list__inner {
position: relative;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-gap: 15px;
}
@media only screen and (max-width: 1199px) {
.social-card-list__inner {
grid-gap: 10px;
}
}
@media only screen and (max-width: 1022px) {
.social-card-list__inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 767px) {
.social-card-list__inner {
grid-gap: 8px;
padding: 0 3px;
}
}
.social-card-list__card {
position: relative;
user-select: none;
display: block;
cursor: pointer;
}
.social-card-list__card figure {
margin: 0;
}
.social-card-list__card-text {
position: absolute;
display: flex;
align-items: flex-start;
gap: 15px;
top: 0;
left: 0;
width: 100%;
font-weight: 500;
padding: 15px 26px;
letter-spacing: 0.78px;
color: var(--color-primary-bg);
text-shadow: 0 1.03px 4.15px rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 1199px) {
.social-card-list__card-text {
gap: 10px;
padding: 10px;
}
}
@media only screen and (max-width: 767px) {
.social-card-list__card-text {
gap: 8px;
padding: 8px;
font-weight: 500;
letter-spacing: 0.33px;
font-size: 7px;
}
}
.social-card-list__card-text .icon {
flex-shrink: 0;
filter: drop-shadow(0 1.03px 4.15px rgba(0, 0, 0, 0.25));
}
@media only screen and (max-width: 1199px) {
.social-card-list__card-text .icon {
margin-top: 6px;
}
}
.social-card-list__card .icon::before {
background-color: var(--color-primary-bg);
}
@media only screen and (max-width: 1199px) {
.social-card-list__card .icon {
width: 15px;
height: 15px;
}
}
@media only screen and (max-width: 767px) {
.social-card-list__card .icon {
width: 8px;
height: 8px;
}
}
.social-card-list__card:hover .social-card-list__image img {
transform: scale(1.1);
}
.social-card-list__image {
position: relative;
width: 100%;
height: 0;
padding-bottom: 100%;
border-radius: 20px;
}
@media only screen and (max-width: 1199px) {
.social-card-list__image {
border-radius: 15px;
}
}
@media only screen and (max-width: 767px) {
.social-card-list__image {
border-radius: 8px;
}
}
.social-card-list__image img {
transform: scale(1.001);
transition: transform 0.3s ease;
}
.social-card-list__icon {
position: absolute;
bottom: 20px;
right: 20px;
}
@media only screen and (max-width: 1199px) {
.social-card-list__icon {
bottom: 10px;
right: 10px;
}
}
@media only screen and (max-width: 767px) {
.social-card-list__icon {
bottom: 8px;
right: 12px;
}
}
.social-card-list .sbi_photo_wrap a {
opacity: 0;
}
@media only screen and (max-width: 1022px) {
#sbi_lightbox {
top: 0 !important;
position: fixed !important;
}
}
#sbi_lightbox .ugc-modal__content-bottom {
font-family: "Work Sans", sans-serif;
}
#sbi_lightbox .sbi_lb-outerContainer {
height: auto !important;
overflow: auto !important;
max-height: calc(100vh - 100px) !important;
border-radius: 20px;
max-width: 500px !important;
width: calc(100% - 520px) !important;
padding-right: 520px !important;
}
@media only screen and (max-width: 1199px) {
#sbi_lightbox .sbi_lb-outerContainer {
max-width: 360px !important;
width: calc(100% - 360px) !important;
padding-right: 360px !important;
}
}
@media only screen and (max-width: 1022px) {
#sbi_lightbox .sbi_lb-outerContainer {
max-width: 100% !important;
width: 100% !important;
padding-right: 0 !important;
max-height: 100vh !important;
min-height: 100vh !important;
border-radius: 0;
}
}
#sbi_lightbox .sbi_lb-container-wrapper .sbi_lb-dataContainer {
width: 520px !important;
right: -520px !important;
padding: 36px;
font-weight: 300;
line-height: 1.29;
letter-spacing: 0.75px;
background: #ffffff;
}
@media only screen and (max-width: 1199px) {
#sbi_lightbox .sbi_lb-container-wrapper .sbi_lb-dataContainer {
width: 360px !important;
right: -360px !important;
}
}
@media only screen and (max-width: 1022px) {
#sbi_lightbox .sbi_lb-container-wrapper .sbi_lb-dataContainer {
width: 100% !important;
right: 0 !important;
position: relative;
border-radius: 0 !important;
}
}
@media only screen and (max-width: 1022px) {
#sbi_lightbox .sbi-owl-item {
display: inline-flex;
justify-content: center;
}
}
.social-card-list .editor-text {
position: relative;
}
#sb_instagram .sbi_inner_wrap {
border-radius: 20px !important;
}
@media only screen and (max-width: 767px) {
#sb_instagram .sbi_inner_wrap {
border-radius: 8px !important;
}
}
#sb_instagram .sbi_photo {
height: 0 !important;
padding-bottom: 100% !important;
position: relative !important;
}
#sb_instagram .sbi_photo:after {
content: "";
position: absolute;
bottom: 5%;
right: 5%;
width: 22px;
height: 22px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none'%3E%3Cpath fill='%23FFFDFB' d='m18.71 4.484-3.092-3.262A3.195 3.195 0 0 0 13.3.207H6.37c-.869 0-1.702.366-2.316 1.015L.962 4.484A3.557 3.557 0 0 0 0 6.928V17.5c0 .917.345 1.797.96 2.446a3.195 3.195 0 0 0 2.319 1.013h13.115c.87 0 1.703-.365 2.318-1.013.615-.649.96-1.529.96-2.446V6.928c0-.917-.346-1.796-.961-2.444ZM5.597 2.847c.21-.21.486-.33.776-.334H13.3c.29.004.566.123.776.334l1.869 1.972H3.726l1.87-1.972Zm10.798 15.806H3.279c-.29 0-.568-.121-.773-.338a1.186 1.186 0 0 1-.32-.815V7.124h15.3V17.5c0 .306-.114.6-.32.815a1.065 1.065 0 0 1-.772.338Z'/%3E%3Cpath fill='%23FFFDFB' d='M13.115 9.43c-.29 0-.568.121-.773.337-.205.217-.32.51-.32.816 0 .611-.23 1.197-.64 1.63a2.13 2.13 0 0 1-1.546.675 2.13 2.13 0 0 1-1.545-.675 2.372 2.372 0 0 1-.64-1.63c0-.306-.116-.6-.32-.816a1.065 1.065 0 0 0-.773-.337c-.29 0-.568.121-.773.337-.205.217-.32.51-.32.816 0 1.223.46 2.396 1.28 3.26a4.26 4.26 0 0 0 3.091 1.351 4.26 4.26 0 0 0 3.091-1.35 4.743 4.743 0 0 0 1.281-3.261c0-.306-.115-.6-.32-.816a1.065 1.065 0 0 0-.773-.337Z'/%3E%3C/svg%3E") no-repeat center/contain;
}
@media only screen and (max-width: 767px) {
#sb_instagram .sbi_photo:after {
width: 18px;
height: 18px;
}
}
#sb_instagram .svg-inline--fa.fa-clone.fa-w-16.sbi_lightbox_carousel_icon {
display: none !important;
}
.sbi_lb-nav {
display: none !important;
}
.sbi_no_scroll {
overflow: hidden !important;
}
#sbi_lightboxOverlay {
backdrop-filter: blur(7px) !important;
background: rgba(159, 123, 92, 0.3) !important;
}
.sbi_lb-image {
max-width: 100% !important;
}
.sbi_lb-container-wrapper {
border-radius: 20px !important;
}
@media only screen and (max-width: 1022px) {
.sbi_lb-container-wrapper {
border-radius: 0 !important;
}
}
.sbi_lb-close {
height: 24px !important;
width: 24px !important;
top: 24px !important;
right: 24px !important;
position: absolute;
padding: 0 !important;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cpath fill='%23333A3A' d='M16.113.899a1.203 1.203 0 0 0-1.704 0L8.5 6.795 2.591.887a1.203 1.203 0 0 0-1.703 0 1.203 1.203 0 0 0 0 1.703L6.796 8.5.888 14.407a1.203 1.203 0 0 0 0 1.704 1.203 1.203 0 0 0 1.703 0l5.91-5.91 5.908 5.91a1.203 1.203 0 0 0 1.704 0 1.203 1.203 0 0 0 0-1.704l-5.91-5.909 5.91-5.909a1.21 1.21 0 0 0 0-1.691Z'/%3E%3C/svg%3E") no-repeat center/12px !important;
}
.sbi_lb-close:hover {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cpath fill='%23e4b287' d='M16.113.899a1.203 1.203 0 0 0-1.704 0L8.5 6.795 2.591.887a1.203 1.203 0 0 0-1.703 0 1.203 1.203 0 0 0 0 1.703L6.796 8.5.888 14.407a1.203 1.203 0 0 0 0 1.704 1.203 1.203 0 0 0 1.703 0l5.91-5.91 5.908 5.91a1.203 1.203 0 0 0 1.704 0 1.203 1.203 0 0 0 0-1.704l-5.91-5.909 5.91-5.909a1.21 1.21 0 0 0 0-1.691Z'/%3E%3C/svg%3E") no-repeat center/12px !important;
}
.sbi_lb-close svg {
display: none !important;
}
@media only screen and (max-width: 1022px) {
.sbi_lightbox .sbi_lb-imag {
margin: 0 auto;
}
}
@media only screen and (max-width: 767px) {
#sb_instagram.sbi_mob_col_1 #sbi_images .sbi_item {
width: 50% !important;
padding: 4px !important;
}
}
@media only screen and (max-width: 767px) {
#sb_instagram #sbi_images {
padding: 0 !important;
}
} .tab-slider {
padding: 112px 0 142px;
border-radius: 50px;
background-color: #f5f5f5;
user-select: none;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.tab-slider {
padding: 92px 0 120px;
}
}
@media only screen and (max-width: 1199px) {
.tab-slider {
padding: 80px 0;
border-radius: 32px;
}
}
@media only screen and (max-width: 1022px) {
.tab-slider {
padding: 44px 0 60px;
border-radius: 20px;
}
}
.tab-slider__thumb {
position: relative;
margin-bottom: 160px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.tab-slider__thumb {
margin-bottom: 100px;
}
}
@media only screen and (max-width: 1199px) {
.tab-slider__thumb {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 767px) {
.tab-slider__thumb {
margin-bottom: 38px;
}
}
.tab-slider__thumb::before {
content: "";
position: absolute;
width: 100vw;
height: 2px;
bottom: 20px;
left: 50%;
border-bottom: 2px dashed #212121;
transform: translateX(-50%);
pointer-events: none;
}
.tab-slider__thumb-slide {
position: relative;
padding-bottom: 54px;
cursor: pointer;
display: flex;
flex-direction: column;
height: 100%;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.75px;
color: var(--color-gray-5);
transition: color 0.3s ease;
}
@media only screen and (max-width: 1022px) {
.tab-slider__thumb-slide {
width: 236px;
}
}
@media only screen and (max-width: 767px) {
.tab-slider__thumb-slide {
padding-bottom: 42px;
font-size: 16px;
}
}
.tab-slider__thumb-slide::after {
content: "";
position: absolute;
width: 22px;
height: 22px;
bottom: 0;
left: 50%;
border-radius: 100%;
background-color: #c1eed0;
transform: translate(-36%, -50%);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
pointer-events: none;
}
@media only screen and (max-width: 767px) {
.tab-slider__thumb-slide::after {
width: 14px;
height: 14px;
transform: translate(-36%, -100%);
}
}
.tab-slider__thumb-slide:hover {
color: var(--color-primary);
}
@media only screen and (min-width: 1200px) {
.tab-slider__thumb .container {
max-width: 1272px;
}
}
.tab-slider__thumb .swiper-slide-thumb-active .tab-slider__thumb-slide::after {
opacity: 1;
visibility: visible;
}
@media only screen and (max-width: 767px) {
.tab-slider__thumb .swiper {
overflow: visible;
padding-left: 10px;
}
}
.tab-slider__thumb .swiper-slide {
height: auto;
display: flex;
flex-direction: column;
}
@media only screen and (max-width: 1022px) {
.tab-slider__thumb .swiper-slide {
width: auto;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.tab-slider__main-slider-wrapper .container {
padding: 0 60px;
}
}
@media (min-width: 1440px) {
.tab-slider__main-slider-wrapper .container {
max-width: 1360px;
}
}
@media (min-width: 1681px) {
.tab-slider__main-slider-wrapper .container {
max-width: 1554px;
}
}
.tab-slider__slide {
display: grid;
grid-template-columns: 1fr 40.3%;
grid-gap: 125px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.tab-slider__slide {
grid-template-columns: 1fr 42%;
grid-gap: 100px;
}
}
@media only screen and (max-width: 1439px) {
.tab-slider__slide {
grid-gap: 100px;
}
}
@media only screen and (max-width: 1199px) {
.tab-slider__slide {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 50px;
}
}
@media only screen and (max-width: 1022px) {
.tab-slider__slide {
grid-template-columns: 1fr;
grid-gap: 30px;
}
}
.tab-slider__image {
position: relative;
width: 100%;
height: 0;
padding-bottom: 66%;
border-radius: 20px;
}
.tab-slider__content {
font-weight: 300;
line-height: 1.69;
}
@media only screen and (min-width: 1200px) {
.tab-slider__content {
padding: 10px 0 10px 12px;
}
}
@media (min-width: 1200px) and (max-width: 1680px) {
.teaser-card-slider .container {
padding: 0 60px;
}
}
@media (min-width: 1440px) {
.teaser-card-slider .container {
max-width: 1360px;
}
}
@media (min-width: 1681px) {
.teaser-card-slider .container {
max-width: 1808px;
}
}
@media only screen and (max-width: 767px) {
.teaser-card-slider .section-header__title {
font-size: 25px;
}
}
@media only screen and (max-width: 767px) {
.teaser-card-slider .section-header .editor-text {
font-weight: 300;
font-size: 16px;
margin-top: 8px;
}
}
.teaser-card-slider__inner {
position: relative;
}
.teaser-card-slider__inner-wrapper {
max-width: 1450px;
width: 100%;
margin: 0 auto;
}
.teaser-card-slider .swiper {
padding-bottom: 15px;
overflow: visible;
}
.teaser-card-slider .swiper-slide {
pointer-events: none;
}
@media only screen and (max-width: 767px) {
.teaser-card-slider .swiper-slide {
width: auto;
pointer-events: all;
}
}
.teaser-card-slider .swiper-slide-active, .teaser-card-slider .swiper-slide-next, .teaser-card-slider .swiper-slide-next + .swiper-slide {
pointer-events: all;
}
@media only screen and (max-width: 767px) {
.teaser-card-slider__nav {
display: none;
}
}
.teaser-card-slider .swiper-button-prev,
.teaser-card-slider .swiper-button-next {
top: calc(50% - 15px);
}
.teaser-card-slider .swiper-button-prev {
left: 0;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.teaser-card-slider .swiper-button-prev {
left: -60px;
}
}
.teaser-card-slider .swiper-button-next {
right: 0;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.teaser-card-slider .swiper-button-next {
right: -60px;
}
}
.testimonial-slider__image::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.testimonial-slider {
position: relative;
padding: 160px 0 164px;
background-color: #f5f5f5;
}
@media (min-width: 1200px) and (max-width: 1680px) {
.testimonial-slider {
padding: 100px 0;
}
}
@media only screen and (max-width: 1439px) {
.testimonial-slider {
padding: 80px 0;
}
}
@media only screen and (max-width: 1199px) {
.testimonial-slider {
padding: 70px 0;
}
}
@media only screen and (max-width: 1022px) {
.testimonial-slider {
padding: 40px 0;
}
}
@media (min-width: 1200px) and (max-width: 1680px) {
.testimonial-slider .container {
padding: 0 80px;
}
}
@media (min-width: 1440px) {
.testimonial-slider .container {
max-width: 1360px;
}
}
@media (min-width: 1620px) {
.testimonial-slider .container {
max-width: 1820px;
}
}
.testimonial-slider .section-header {
position: relative;
z-index: 3;
margin-bottom: 72px;
}
@media only screen and (max-width: 1439px) {
.testimonial-slider .section-header {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 1199px) {
.testimonial-slider .section-header {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 1022px) {
.testimonial-slider .section-header {
margin-bottom: 36px;
}
}
@media only screen and (max-width: 767px) {
.testimonial-slider .section-header__title {
font-size: 25px;
}
}
.testimonial-slider__inner {
position: relative;
padding: 0 60px;
}
@media only screen and (min-width: 1023px) and (max-width: 1199px) {
.testimonial-slider__inner {
padding: 0 40px;
}
}
.testimonial-slider .swiper {
padding: 18px;
}
@media only screen and (max-width: 1022px) {
.testimonial-slider .swiper {
overflow: visible;
padding: 0;
}
}
@media only screen and (max-width: 1022px) {
.testimonial-slider .swiper-slide {
width: auto;
}
}
.testimonial-slider__pagination {
margin-top: 12px;
}
@media only screen and (min-width: 1023px) {
.testimonial-slider__pagination {
display: none;
}
}
@media only screen and (max-width: 1022px) {
.testimonial-slider .swiper-button-prev,
.testimonial-slider .swiper-button-next {
display: none;
}
}
.testimonial-slider .swiper-button-prev {
left: 0;
}
.testimonial-slider .swiper-button-next {
right: 0;
}
.testimonial-slider__slide {
display: grid;
grid-template-columns: 32.85% 1fr;
grid-gap: 70px;
max-width: 1488px;
width: 100%;
padding: 60px 102px 54px;
border-radius: 36px;
background-color: var(--color-primary-bg);
user-select: none;
margin: 0 auto;
box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1200px) and (max-width: 1680px) {
.testimonial-slider__slide {
padding: 40px 60px;
grid-gap: 60px;
border-radius: 25px;
}
}
@media only screen and (max-width: 1439px) {
.testimonial-slider__slide {
max-width: 100%;
padding: 60px 40px;
grid-gap: 60px;
border-radius: 25px;
}
}
@media only screen and (max-width: 1199px) {
.testimonial-slider__slide {
grid-template-columns: 45% 1fr;
grid-gap: 40px;
border-radius: 20px;
padding: 40px;
}
}
@media only screen and (max-width: 1022px) {
.testimonial-slider__slide {
grid-template-columns: 1fr;
grid-gap: 20px;
padding: 30px 30px 42px;
border-radius: 9px;
max-width: 460px;
width: 100%;
box-shadow: none;
}
}
@media only screen and (max-width: 767px) {
.testimonial-slider__slide {
grid-gap: 10px;
padding: 20px 18px 42px;
max-width: 318px;
}
}
.testimonial-slider__slide .icon {
margin-left: 2px;
}
@media only screen and (max-width: 1022px) {
.testimonial-slider__slide .icon {
height: 30px;
width: 22px;
}
}
@media only screen and (max-width: 767px) {
.testimonial-slider__slide .icon {
height: 20px;
width: 12px;
}
}
.testimonial-slider__slide .icon::before {
background-color: #c1eed0;
}
.testimonial-slider__slide .icon-quote-right {
margin-left: auto;
}
@media only screen and (max-width: 767px) {
.testimonial-slider__slide .icon-quote-right {
margin-right: 10px;
}
}
.testimonial-slider__image {
position: relative;
width: 100%;
height: 0;
padding-bottom: 159%;
border-radius: 28px;
}
@media only screen and (max-width: 1199px) {
.testimonial-slider__image {
border-radius: 20px;
}
}
@media only screen and (max-width: 1022px) {
.testimonial-slider__image {
padding-bottom: 58%;
max-width: calc(100% - 22px);
border-radius: 15px;
margin: 0 auto;
}
}
@media only screen and (max-width: 767px) {
.testimonial-slider__image {
border-radius: 8px;
}
}
.testimonial-slider__image::before {
background-color: var(--color-primary);
opacity: 0.2;
z-index: 1;
}
.testimonial-slider__content {
display: flex;
justify-content: center;
flex-direction: column;
max-width: 750px;
width: 100%;
padding: 40px 0;
font-weight: 300;
}
@media only screen and (max-width: 1199px) {
.testimonial-slider__content {
padding: 10px 0;
}
}
@media only screen and (max-width: 1022px) {
.testimonial-slider__content {
max-width: 100%;
font-weight: 400;
padding: 0;
}
}
.testimonial-slider .editor-text {
padding: 48px 0 25px;
}
@media only screen and (max-width: 1199px) {
.testimonial-slider .editor-text {
padding: 20px 0;
}
}
@media only screen and (max-width: 767px) {
.testimonial-slider .editor-text {
padding: 6px 2px 10px 22px;
}
}
.testimonial-slider .editor-text p {
line-height: 1.65;
}
@media only screen and (max-width: 767px) {
.testimonial-slider .editor-text p {
font-size: 12px;
line-height: 1.5;
letter-spacing: 0.1px;
}
}
.testimonial-slider .editor-text strong {
font-weight: 600;
}
.testimonial-slider__author {
font-style: italic;
margin-top: 10px;
}
@media only screen and (max-width: 1022px) {
.testimonial-slider__author {
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.testimonial-slider__author {
margin-top: 4px;
}
}
.testimonial-slider__author-name {
font-weight: 700;
line-height: 1.25;
}
@media only screen and (max-width: 767px) {
.testimonial-slider__author-name {
font-size: 12px;
}
}
.testimonial-slider__author-designation {
letter-spacing: 0.3px;
}
@media only screen and (max-width: 767px) {
.testimonial-slider__author-designation {
font-size: 10px;
letter-spacing: 0;
}
}
.timeline-module {
position: relative;
}
@media only screen and (max-width: 1919px) {
.timeline-module {
padding-left: 50px;
}
}
@media only screen and (max-width: 1022px) {
.timeline-module {
padding: 0 16px 0 28px;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.timeline-module .container {
padding: 0 60px;
}
}
@media (min-width: 1440px) {
.timeline-module .container {
max-width: 1360px;
}
}
@media (min-width: 1681px) {
.timeline-module .container {
max-width: 1560px;
}
}
.timeline-module__inner {
border-left: 4px dashed #212121;
}
@media only screen and (max-width: 1022px) {
.timeline-module__inner {
border-width: 2px;
}
}
.timeline-module__items {
display: grid;
gap: 62px;
padding: 290px 0 235px;
}
@media only screen and (max-width: 1199px) {
.timeline-module__items {
padding: 150px 0;
}
}
@media only screen and (max-width: 767px) {
.timeline-module__items {
padding: 75px 0 28px;
gap: 24px;
}
}
.timeline-module__content {
position: relative;
display: grid;
gap: 24px;
padding-left: 265px;
max-width: 1010px;
width: 100%;
}
@media only screen and (max-width: 1919px) {
.timeline-module__content {
padding-left: 150px;
}
}
@media only screen and (max-width: 1199px) {
.timeline-module__content {
padding-left: 100px;
}
}
@media only screen and (max-width: 767px) {
.timeline-module__content {
gap: 10px;
padding-left: 56px;
max-width: 100%;
}
}
.timeline-module__content::before, .timeline-module__content::after {
content: "";
position: absolute;
height: 30px;
width: 30px;
top: 8px;
left: -18px;
border-radius: 100%;
background-color: #c1eed0;
z-index: 2;
}
@media only screen and (max-width: 1022px) {
.timeline-module__content::before, .timeline-module__content::after {
height: 20px;
width: 20px;
left: -12px;
}
}
@media only screen and (max-width: 767px) {
.timeline-module__content::before, .timeline-module__content::after {
height: 12px;
width: 12px;
left: -7.5px;
}
}
.timeline-module__content::after {
filter: blur(6px);
background-color: rgba(193, 238, 208, 0.8);
}
.timeline-module__content-title {
position: relative;
line-height: 1.48;
font-weight: 700;
}
@media only screen and (max-width: 767px) {
.timeline-module__content-title {
font-size: 20px;
padding-left: 16px;
}
}
.timeline-module__content-title::before {
content: "";
position: absolute;
height: 16px;
width: 90px;
top: 50%;
left: -118px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='16' fill='none'%3E%3Cpath stroke='%23212121' stroke-dasharray='6 6' stroke-miterlimit='10' stroke-width='2' d='M91 14.457c-4.926 0-7.44-3.533-9.656-6.651-2.148-3.02-4.178-5.876-8.158-5.876-3.98 0-6.012 2.853-8.16 5.876-2.218 3.118-4.732 6.65-9.658 6.65-4.926 0-7.44-3.532-9.656-6.65-2.149-3.02-4.178-5.876-8.16-5.876s-6.01 2.853-8.158 5.874c-2.218 3.118-4.73 6.65-9.656 6.65s-7.44-3.532-9.656-6.65c-2.149-3.019-4.178-5.872-8.16-5.872A.927.927 0 0 1 1 1'/%3E%3C/svg%3E") no-repeat center/contain;
transform: translateY(-50%);
z-index: -1;
}
@media only screen and (max-width: 1199px) {
.timeline-module__content-title::before {
height: 16px;
width: 60px;
left: -70px;
}
}
@media only screen and (max-width: 767px) {
.timeline-module__content-title::before {
height: 20px;
width: 35px;
left: -30px;
}
}
.timeline-module__content .editor-text {
font-weight: 300;
}
@media only screen and (max-width: 767px) {
.timeline-module__content .editor-text {
line-height: 1.72;
}
}
.sc-timeline-module {
margin-top: -180px;
}
@media only screen and (max-width: 1439px) {
.sc-timeline-module {
margin-top: -140px;
}
}
@media only screen and (max-width: 1199px) {
.sc-timeline-module {
margin-top: -108px;
}
}
@media only screen and (max-width: 1022px) {
.sc-timeline-module {
margin-top: -70px;
}
}
@media only screen and (max-width: 767px) {
.sc-timeline-module {
margin-top: 0;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.two-col-text .container {
padding: 0 60px;
}
}
@media only screen and (min-width: 1200px) {
.two-col-text .container {
max-width: 1220px;
}
}
.two-col-text__inner {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 150px;
}
@media only screen and (max-width: 1199px) {
.two-col-text__inner {
grid-gap: 80px;
}
}
@media only screen and (max-width: 1022px) {
.two-col-text__inner {
grid-template-columns: 1fr;
grid-gap: 28px;
}
}
.two-col-text__item .editor-text {
line-height: 1.54;
font-weight: 300;
}
@media only screen and (max-width: 1022px) {
.two-col-text__item .editor-text {
line-height: 1.69;
}
}
.two-col-text__item .editor-text h4 {
margin-bottom: 25px;
font-weight: 600;
letter-spacing: normal;
}
@media only screen and (max-width: 1022px) {
.two-col-text__item .editor-text h4 {
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.two-col-text__item .editor-text h4 {
margin-bottom: 20px;
font-size: 16px;
}
}
.sc-two-col-text {
padding: 0;
}
.sc-two-col-text [class*=col-] {
padding-left: 0;
padding-right: 0;
}
.user-profile {
position: relative;
padding: 80px 0;
}
@media only screen and (max-width: 1199px) {
.user-profile {
padding: 60px 0;
}
}
@media only screen and (max-width: 767px) {
.user-profile {
padding: 34px 0;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.user-profile .container {
padding: 0 60px;
}
}
@media only screen and (min-width: 1200px) {
.user-profile .container {
max-width: 1160px;
}
}
@media only screen and (max-width: 767px) {
.user-profile .container {
max-width: calc(100% - 52px);
}
}
.user-profile__title {
color: var(--color-primary);
margin-bottom: 22px;
font-size: 30px;
line-height: 1.2;
}
@media only screen and (max-width: 767px) {
.user-profile__title {
font-size: 25px;
line-height: 1.44;
margin-bottom: 6px;
}
}
.user-profile__user-info {
line-height: 1.9;
margin-bottom: 20px;
}
.user-profile__row {
display: grid;
grid-gap: 30px;
grid-template-columns: 330px 1fr;
}
@media only screen and (max-width: 1199px) {
.user-profile__row {
grid-template-columns: 260px 1fr;
}
}
@media only screen and (max-width: 767px) {
.user-profile__row {
grid-template-columns: 1fr;
grid-gap: 0;
display: block;
}
}
.user-profile__close {
position: absolute;
right: 20px;
top: 20px;
padding: 10px;
}
.user-profile__close .icon::before {
background-color: var(--color-primary);
}
.user-profile__left {
position: relative;
}
@media only screen and (max-width: 767px) {
.user-profile__left {
position: fixed;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
z-index: 99;
background-color: var(--color-primary-bg);
left: 0;
padding: 60px 0;
transition: transform 0.3s ease;
transform: translate(-100%, 0);
}
.is-open-profile-nav .user-profile__left {
transform: translate(0, 0);
}
main .user-profile__left {
top: calc(64px + var(--top-bar-height, 0px));
height: calc(100% - var(--top-bar-height, 0px) - 64px);
}
}
@media only screen and (max-width: 767px) {
.user-profile__left-header {
padding: 0 38px;
border-bottom: 1px solid var(--color-primary);
}
}
.user-profile__left-inner {
position: relative;
padding-right: 60px;
}
@media only screen and (max-width: 1199px) {
.user-profile__left-inner {
padding-right: 20px;
}
}
@media only screen and (max-width: 767px) {
.user-profile__left-inner {
padding-right: 0;
}
}
.user-profile__left-inner::after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
background-color: var(--color-primary);
}
@media only screen and (max-width: 767px) {
.user-profile__left-inner::after {
display: none;
}
}
.user-profile__left-inner--sticky {
position: sticky;
top: 80px;
}
main .user-profile__left-inner--sticky {
top: 180px;
}
@media only screen and (max-width: 1199px) {
main .user-profile__left-inner--sticky {
top: 140px;
}
}
@media only screen and (max-width: 767px) {
main .user-profile__left-inner--sticky {
top: 0;
}
}
@media only screen and (max-width: 767px) {
.user-profile__left-inner--sticky {
top: 0;
position: relative;
}
}
.user-profile__left-inner--normal {
position: relative;
top: 0;
}
main .user-profile__left-inner--normal {
top: 0;
}
.user-profile__right {
padding-left: 62px;
}
@media only screen and (max-width: 1199px) {
.user-profile__right {
padding-left: 0;
}
}
.user-profile__nav {
margin-bottom: 60px;
display: inline-block;
width: 100%;
}
@media only screen and (max-width: 767px) {
.user-profile__nav {
padding: 0 38px;
margin: 28px 0;
}
}
.user-profile__nav-list {
display: grid;
grid-gap: 14px;
}
.user-profile__nav-item.is-active > .user-profile__nav-link, .user-profile__nav-item:hover > .user-profile__nav-link {
color: var(--color-primary);
}
.user-profile__nav-item.is-active > .user-profile__nav-link::after, .user-profile__nav-item:hover > .user-profile__nav-link::after {
width: 100%;
}
@media only screen and (max-width: 767px) {
.user-profile__nav-item.is-active > .user-profile__nav-link, .user-profile__nav-item:hover > .user-profile__nav-link {
color: currentColor;
}
}
.user-profile__nav-link {
font-size: 16px;
}
@media only screen and (max-width: 767px) {
.user-profile__nav-link:after {
display: none;
}
}
.user-profile__link {
display: inline-block;
position: relative;
line-height: 1.2;
padding-bottom: 4px;
transition: color 0.3s ease;
}
.user-profile__link:after {
content: "";
bottom: -4px;
height: 5px;
position: absolute;
left: 0;
background: url("data:image/svg+xml,%3Csvg width='41' height='4' viewBox='0 0 41 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.2633 1.93815L36.489 1.49201L36.4889 1.49194L36.2633 1.93815ZM29.0182 1.93815L29.2438 2.38438L29.2439 2.3843L29.0182 1.93815ZM20.4427 1.93815L20.6684 1.49201L20.6683 1.49194L20.4427 1.93815ZM13.1976 1.93782L13.4232 2.38405L13.4232 2.38403L13.1976 1.93782ZM4.62298 1.93782L4.84872 1.49168L4.84846 1.49155L4.62298 1.93782ZM1 0.50033H0.5V1.50033H1V0.50033ZM1.89038 1.54643L2.38735 1.60139L2.49727 0.607449L2.00029 0.552492L1.89038 1.54643ZM3.96592 1.06963L3.50623 0.872946L3.11285 1.79233L3.57254 1.98901L3.96592 1.06963ZM5.44392 2.87586L5.90666 3.06524L6.28542 2.13975L5.82268 1.95036L5.44392 2.87586ZM7.84632 2.44783L7.34896 2.39648L7.24627 3.3912L7.74363 3.44254L7.84632 2.44783ZM10.077 3.44253L10.5743 3.39118L10.4716 2.39647L9.97425 2.44782L10.077 3.44253ZM11.9978 1.95023L11.5351 2.13963L11.9139 3.06511L12.3766 2.87571L11.9978 1.95023ZM14.2479 1.98878L14.7075 1.79196L14.3139 0.872697L13.8543 1.06952L14.2479 1.98878ZM15.8196 0.552155L15.3226 0.60712L15.4325 1.60106L15.9295 1.54609L15.8196 0.552155ZM17.7101 1.54614L18.207 1.60114L18.317 0.607207L17.8201 0.552208L17.7101 1.54614ZM19.7858 1.06976L19.3261 0.87295L18.9325 1.79223L19.3922 1.98903L19.7858 1.06976ZM21.2636 2.87619L21.7263 3.06557L22.1051 2.14008L21.6424 1.95069L21.2636 2.87619ZM23.666 2.44816L23.1686 2.39681L23.066 3.39153L23.5633 3.44287L23.666 2.44816ZM25.8969 3.44285L26.3942 3.3915L26.2915 2.39679L25.7941 2.44814L25.8969 3.44285ZM27.8182 1.95055L27.3555 2.13989L27.7342 3.06541L28.1969 2.87607L27.8182 1.95055ZM30.0686 1.98898L30.5283 1.7922L30.1347 0.872904L29.6751 1.06968L30.0686 1.98898ZM31.6408 0.552217L31.1438 0.60722L31.2538 1.60115L31.7508 1.54615L31.6408 0.552217ZM33.5313 1.54616L34.0283 1.60119L34.1383 0.607271L33.6414 0.552236L33.5313 1.54616ZM35.6066 1.06985L35.147 0.873015L34.7533 1.79227L35.2129 1.9891L35.6066 1.06985ZM37.605 2.38934L38.0831 2.24282L37.79 1.28672L37.312 1.43323L37.605 2.38934ZM39.6754 0.652319L39.1874 0.761141L39.4051 1.73717L39.8931 1.62835L39.6754 0.652319ZM1 1.50033C1.32915 1.50033 1.62355 1.51693 1.89038 1.54643L2.00029 0.552492C1.69411 0.518633 1.36288 0.50033 1 0.50033V1.50033ZM3.57254 1.98901C3.85133 2.1083 4.11414 2.24092 4.3975 2.38409L4.84846 1.49155C4.56922 1.35046 4.27858 1.20341 3.96592 1.06963L3.57254 1.98901ZM4.39724 2.38396C4.70897 2.54169 5.05246 2.71565 5.44392 2.87586L5.82268 1.95036C5.47333 1.8074 5.16347 1.65094 4.84872 1.49168L4.39724 2.38396ZM7.74363 3.44254C8.10051 3.47939 8.48745 3.49967 8.91029 3.49967V2.49967C8.51952 2.49967 8.16693 2.48093 7.84632 2.44783L7.74363 3.44254ZM8.91029 3.49967C9.33316 3.49967 9.7201 3.47938 10.077 3.44253L9.97425 2.44782C9.65367 2.48093 9.3011 2.49967 8.91029 2.49967V3.49967ZM12.3766 2.87571C12.7679 2.71557 13.1114 2.54167 13.4232 2.38405L12.972 1.49159C12.657 1.65085 12.3471 1.80728 11.9978 1.95023L12.3766 2.87571ZM13.4232 2.38403C13.7066 2.24077 13.9693 2.1081 14.2479 1.98878L13.8543 1.06952C13.5417 1.20334 13.2512 1.35045 12.972 1.49161L13.4232 2.38403ZM15.9295 1.54609C16.1962 1.51659 16.4906 1.5 16.8197 1.5V0.5C16.4568 0.5 16.1257 0.518299 15.8196 0.552155L15.9295 1.54609ZM16.8197 1.5C17.1488 1.5 17.4432 1.51661 17.7101 1.54614L17.8201 0.552208C17.5139 0.51832 17.1826 0.5 16.8197 0.5V1.5ZM19.3922 1.98903C19.6709 2.10839 19.9337 2.2411 20.2171 2.38436L20.6683 1.49194C20.389 1.35077 20.0984 1.20362 19.7858 1.06976L19.3922 1.98903ZM20.2169 2.38429C20.5287 2.54202 20.8721 2.71598 21.2636 2.87619L21.6424 1.95069C21.293 1.80773 20.9832 1.65126 20.6684 1.49201L20.2169 2.38429ZM23.5633 3.44287C23.9202 3.47972 24.3071 3.5 24.73 3.5V2.5C24.3392 2.5 23.9866 2.48126 23.666 2.44816L23.5633 3.44287ZM24.73 3.5C25.1529 3.5 25.5399 3.47971 25.8969 3.44285L25.7941 2.44814C25.4735 2.48125 25.1208 2.5 24.73 2.5V3.5ZM28.1969 2.87607C28.5883 2.71593 28.9319 2.54203 29.2438 2.38438L28.7926 1.49192C28.4776 1.65116 28.1676 1.80759 27.8182 1.95055L28.1969 2.87607ZM29.2439 2.3843C29.5271 2.24102 29.7899 2.10831 30.0686 1.98898L29.6751 1.06968C29.3624 1.20356 29.0717 1.35071 28.7925 1.492L29.2439 2.3843ZM31.7508 1.54615C32.0177 1.51661 32.3121 1.5 32.6412 1.5V0.5C32.2783 0.5 31.947 0.518321 31.6408 0.552217L31.7508 1.54615ZM32.6412 1.5C32.9702 1.5 33.2645 1.51662 33.5313 1.54616L33.6414 0.552236C33.3352 0.51833 33.004 0.5 32.6412 0.5V1.5ZM35.2129 1.9891C35.4916 2.10845 35.7544 2.24113 36.0376 2.38436L36.4889 1.49194C36.2097 1.35079 35.9191 1.20369 35.6066 1.06985L35.2129 1.9891ZM36.0375 2.38429C36.5564 2.64682 37.1239 2.5368 37.605 2.38934L37.312 1.43323C36.8619 1.57116 36.6336 1.56518 36.489 1.49201L36.0375 2.38429ZM39.8931 1.62835C40.246 1.54965 40.6142 1.5 41 1.5V0.5C40.5277 0.5 40.0856 0.560864 39.6754 0.652319L39.8931 1.62835Z' fill='%23212121'/%3E%3C/svg%3E%0A") repeat-x left top/auto 100%;
width: 0;
transition: width 0.3s cubic-bezier(0.4, 0, 1, 1);
}
@media only screen and (max-width: 767px) {
.user-profile__link:after {
width: 100%;
}
}
.user-profile__back-button {
display: flex;
align-items: center;
gap: 8px;
font-size: 16px;
letter-spacing: 0.3px;
transition: 0.3s ease;
}
.user-profile__back-button:hover {
color: #212121;
}
.user-profile__back-button:hover .icon {
transform: translateX(-4px);
}
@media only screen and (max-width: 767px) {
.user-profile__back-button {
font-size: 14px;
}
}
.user-profile__back-button .icon {
width: 6px;
transition: 0.3s ease;
}
@media only screen and (max-width: 767px) {
.user-profile__back-button .icon {
margin-top: 2px;
}
}
.user-profile__back-button .icon:before {
background-color: #212121;
}
@media only screen and (max-width: 767px) {
.user-profile__back-button {
font-size: 12px;
margin-bottom: 20px;
}
.user-profile__back-button:focus-visible {
outline: 0;
}
}
.user-profile__right-title {
color: var(--color-primary);
font-weight: 600;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.user-profile__right-title {
font-size: 14px;
}
}
main .user-profile__right-title {
color: var(--color-primary);
font-weight: 600;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
main .user-profile__right-title {
font-size: 14px;
}
}
.user-profile__overview {
margin-bottom: 50px;
}
.user-profile__overview-title {
color: var(--color-primary);
font-weight: 600;
padding: 14px 0;
}
@media only screen and (max-width: 767px) {
.user-profile__overview-title {
font-size: 14px;
padding: 20px 0;
}
}
.user-profile__overview ul {
display: grid;
grid-gap: 7px;
}
@media only screen and (max-width: 767px) {
.user-profile__overview ul {
font-size: 14px;
grid-gap: 4px;
line-height: 1.38;
}
}
.user-profile__overview-buttons {
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.user-profile__overview-buttons {
margin-top: 16px;
}
}
.user-profile__overview-buttons .btn {
min-height: 32px;
min-width: 148px;
font-size: 14px;
padding: 4px 14px;
margin-right: 16px;
}
@media only screen and (max-width: 767px) {
.user-profile__overview-buttons .btn {
font-size: 12px;
line-height: 1.25;
margin-right: 10px;
}
}
.user-profile__overview-password {
font-size: 32px;
line-height: 0;
margin-left: 2px;
position: relative;
top: -3px;
}
.user-profile__info-text {
letter-spacing: 0.244311px;
max-width: 660px;
margin-bottom: 14px;
}
@media only screen and (max-width: 767px) {
.user-profile__info-text {
font-size: 12px;
line-height: 1.25;
}
}
.user-profile__children-title {
font-size: 16px;
color: var(--color-primary);
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.user-profile__children-title {
font-size: 14px;
}
}
.user-profile .dropdown__list {
z-index: 90;
}
.user-profile .add-child {
margin: 40px 0 0;
grid-gap: 24px;
}
@media only screen and (max-width: 1022px) {
.user-profile .add-child {
grid-gap: 12px;
margin-top: 18px;
}
}
.user-profile .add-child__row {
grid-template-columns: 22px 236px 1fr;
}
@media only screen and (max-width: 1022px) {
.user-profile .add-child__row {
grid-template-columns: 1fr;
}
}
.user-profile .add-child__buttons {
left: calc(100% + 20px);
}
@media only screen and (max-width: 1022px) {
.user-profile .add-child__buttons {
left: 0;
}
}
.user-profile .add-child__col-index {
font-size: 16px;
margin-bottom: 0;
display: flex;
align-items: center;
}
@media only screen and (max-width: 1022px) {
.user-profile .add-child__col-index {
font-size: 12px;
}
}
.user-profile__address {
margin-top: 34px;
}
@media only screen and (max-width: 767px) {
.user-profile__address {
font-size: 14px;
line-height: 1.25;
margin-top: 0;
}
}
.user-profile__address-item {
position: relative;
padding-left: 30px;
letter-spacing: 0.2px;
}
.user-profile__address-list {
display: grid;
grid-gap: 100px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 1022px) {
.user-profile__address-list {
grid-template-columns: 1fr;
grid-gap: 36px;
}
}
.user-profile__address-number {
position: absolute;
left: 0;
top: 0;
font-weight: 600;
color: var(--color-primary);
}
.user-profile__address-label {
font-style: italic;
line-height: 1;
}
.user-profile__address-buttons {
margin: 14px 0 10px;
display: flex;
gap: 24px;
}
.user-profile__address-text {
line-height: 1.35;
}
.user-profile__address-edit-btn, .user-profile__address-delete-btn {
font-size: 14px;
padding-bottom: 0;
}
.user-profile__address-edit-btn::after, .user-profile__address-delete-btn::after {
width: 100%;
}
.user-profile__address-edit-btn:hover, .user-profile__address-delete-btn:hover {
color: var(--color-primary);
}
.user-profile__address-footer {
margin-top: 36px;
}
@media only screen and (max-width: 1022px) {
.user-profile__address-footer {
text-align: center;
margin-top: 50px;
}
}
.user-profile__address .btn {
min-width: 196px;
min-height: 42px;
font-size: 14px;
padding: 8px 20px;
}
@media only screen and (max-width: 767px) {
.user-profile__address .btn {
min-height: 36px;
font-size: 12px;
}
}
.user-profile .form-component {
padding: 20px 0 0;
}
.user-profile .form-component .checkbox {
max-width: 100%;
}
@media only screen and (min-width: 1023px) {
.user-profile .form-component .checkbox {
margin-top: 26px;
}
.user-profile .form-component .checkbox__label {
line-height: 1.25;
font-size: 16px;
padding-left: 30px;
}
.user-profile .form-component .checkbox__label::before, .user-profile .form-component .checkbox__label::after {
top: 2px;
}
}
.user-profile .form-component .checkbox .fv-plugins-message-container {
padding-left: 30px;
}
.user-profile .form-component__row {
grid-gap: 22px;
}
@media only screen and (max-width: 767px) {
.user-profile .form-component__row {
grid-gap: 12px;
}
}
@media only screen and (max-width: 1022px) {
.user-profile .form-component__row.col-6 {
grid-template-columns: 1fr;
}
}
.user-profile .form-component__header {
max-width: 100%;
text-align: left;
margin-bottom: 58px;
}
@media only screen and (max-width: 767px) {
.user-profile .form-component__header {
text-align: center;
margin-bottom: 22px;
}
}
.user-profile .form-component__section-text {
font-size: 16px;
font-weight: 400;
line-height: 1.38;
}
@media only screen and (max-width: 767px) {
.user-profile .form-component__section-text {
font-size: 14px;
line-height: 1.25;
}
}
.user-profile .form-component__form {
max-width: 100%;
}
.user-profile .form-component__form .mod-input .mod-input__label {
font-size: 14px;
line-height: 1.25;
left: 14px;
top: 14px;
letter-spacing: 0;
}
.user-profile .form-component__form .mod-input .mod-input__inner-border,
.user-profile .form-component__form .mod-input .mod-input__field {
border-radius: 10px;
}
.user-profile .form-component__form .mod-input .mod-input__field {
height: 46px;
font-size: 14px;
letter-spacing: 0;
padding: 20px 14px 6px;
}
.user-profile .form-component__form .mod-input textarea {
min-height: 178px;
}
@media only screen and (max-width: 767px) {
.user-profile .form-component__form .mod-input textarea {
min-height: 150px;
}
}
.user-profile .form-component__form .mod-input.is-focused .mod-input__label {
top: 4px;
left: 14px;
}
.user-profile .form-component__submit {
margin-top: 30px;
}
.user-profile .form-component__submit .btn {
min-width: 196px;
min-height: 42px;
font-size: 14px;
padding: 8px 20px;
}
@media only screen and (max-width: 767px) {
.user-profile .form-component__submit .btn {
min-height: 36px;
font-size: 12px;
}
}
.user-profile .form-component__inner {
grid-gap: 20px;
}
@media only screen and (max-width: 767px) {
.user-profile .form-component__inner {
grid-gap: 12px;
}
}
.user-profile .form-component .icon-lock {
display: none;
}
.user-profile .form-component.user-reset-form {
max-width: 342px;
}
.user-profile .form-component.user-reset-form .form-component__submit {
text-align: right;
}
.user-profile .form-component.user-add-address .checkbox {
margin-top: 0;
}
.user-profile .form-component.user-add-address .checkbox__label {
font-size: 14px;
}
@media only screen and (max-width: 1022px) {
.user-profile .form-component.user-add-address .checkbox__label {
padding-left: 30px;
}
}
.user-profile .form-component.user-add-address .checkbox__label::after, .user-profile .form-component.user-add-address .checkbox__label::before {
top: 1px;
width: 16px;
height: 16px;
}
@media only screen and (max-width: 1022px) {
.user-profile .form-component.user-add-address .checkbox__label::after, .user-profile .form-component.user-add-address .checkbox__label::before {
top: 3px;
}
}
.user-profile .form-component.user-add-address .form-component__submit {
text-align: right;
}
.user-profile .form-component.user-help-form .form-component__submit {
text-align: right;
}
@media only screen and (max-width: 767px) {
.user-profile .form-component.user-help-form .form-component__submit {
text-align: center;
}
.user-profile .form-component.user-help-form .form-component__submit .btn {
width: auto;
min-width: 210px;
}
}
@media (min-width: 1920px) {
.user-profile--wishlist .user-profile__right {
width: calc(100% + 361px);
}
}
.user-profile .wishlist-module .container {
max-width: 100%;
padding: 0;
}
.user-profile .wishlist-module__inner {
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-gap: 20px 16px;
margin-bottom: 38px;
}
@media (max-width: 1919px) {
.user-profile .wishlist-module__inner {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media only screen and (max-width: 1022px) {
.user-profile .wishlist-module__inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 350px) {
.user-profile .wishlist-module__inner {
grid-template-columns: 1fr;
}
}
.user-profile .wishlist-module__clear-btn {
font-size: 16px;
grid-gap: 14px;
transition: color 0.3s ease;
margin-left: 0;
}
@media only screen and (max-width: 767px) {
.user-profile .wishlist-module__clear-btn {
font-size: 12px;
grid-gap: 10px;
}
}
.user-profile .wishlist-module__clear-btn .icon {
width: 16px;
height: 18px;
}
@media only screen and (max-width: 767px) {
.user-profile .wishlist-module__clear-btn .icon {
width: 10px;
height: 12px;
}
}
.user-profile .wishlist-module__clear-btn .icon::before {
background-color: currentColor;
}
.user-profile .wishlist-module__clear-btn i,
.user-profile .wishlist-module__clear-btn span {
pointer-events: none;
}
.user-profile .wishlist-module__clear-btn:hover {
color: var(--color-primary);
}
.user-profile .wishlist-module__empty {
padding: 70px 0;
gap: 20px;
max-width: 440px;
}
.user-profile .wishlist-module__empty .icon {
width: 66px;
height: 52px;
}
.user-profile .wishlist-module__empty-text, .user-profile .wishlist-module__empty-result-text {
font-size: 16px;
line-height: 1.25;
}
.user-profile .wishlist-module__empty-title {
font-size: 24px;
line-height: 1.25;
}
.user-profile .wishlist-module__empty-button {
margin-top: 10px;
}
.user-profile .wishlist-module__empty .btn {
min-width: 196px;
min-height: 42px;
font-size: 14px;
padding: 8px 20px;
width: auto;
}
@media only screen and (max-width: 767px) {
.user-profile .wishlist-module__empty .btn {
min-height: 36px;
font-size: 12px;
}
}
.user-profile .product-card {
border-radius: 16px;
min-height: 100%;
}
.user-profile .product-card__body {
font-size: 12px;
line-height: 1.25;
letter-spacing: 0.4px;
padding: 6px 18px 10px 10px;
min-height: 70px;
}
.user-profile .product-card__image-inner {
top: 20px;
left: 15px;
width: calc(100% - 30px);
}
.user-profile .tag {
font-size: 10px;
min-width: 46px;
border-radius: 4px;
min-height: 16px;
padding: 4px 4px;
}
.user-profile .wishlist-button {
width: 28px;
height: 28px;
margin-top: 0;
}
.user-profile .wishlist-button .icon {
width: 14px;
height: 14px;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.wishlist-module .container {
padding: 0 60px;
}
}
@media (min-width: 1440px) {
.wishlist-module .container {
max-width: 1360px;
}
}
@media (min-width: 1681px) {
.wishlist-module .container {
max-width: 1820px;
}
}
.wishlist-module__inner {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-gap: 72px 28px;
margin-bottom: 90px;
}
@media only screen and (max-width: 1199px) {
.wishlist-module__inner {
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 30px;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.wishlist-module__inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 16px;
margin-bottom: 20px;
}
}
.wishlist-module__inner .product-card {
max-width: 100%;
}
@media only screen and (min-width: 1200px) {
.wishlist-module__inner .product-card__image {
padding-bottom: 115%;
}
}
.wishlist-module__clear-btn {
display: inline-flex;
align-items: center;
gap: 20px;
}
@media only screen and (max-width: 767px) {
.wishlist-module__clear-btn {
font-size: 14px;
margin-left: 15px;
gap: 10px;
}
}
@media only screen and (max-width: 767px) {
.wishlist-module__clear-btn .icon {
width: 20px;
height: 18px;
}
}
.wishlist-module__empty {
align-items: center;
justify-content: center;
flex-direction: column;
gap: 30px;
max-width: 512px;
width: 100%;
margin: 0 auto;
display: none;
padding: 80px 0;
}
@media only screen and (max-width: 1199px) {
.wishlist-module__empty {
grid-gap: 20px;
}
}
@media only screen and (max-width: 767px) {
.wishlist-module__empty {
grid-gap: 10px;
}
}
@media only screen and (max-width: 767px) {
.wishlist-module__empty .icon {
width: 50px;
height: 40px;
}
}
.wishlist-module__empty .icon::before {
background-color: #c1eed0;
}
.wishlist-module__empty-result-text {
line-height: 1.08;
}
.wishlist-module__empty-button {
width: calc(100% - 40px);
margin-top: 50px;
}
@media only screen and (max-width: 1199px) {
.wishlist-module__empty-button {
margin-top: 20px;
width: auto;
}
}
.wishlist-module__empty-button .btn {
width: 100%;
}
@media only screen and (min-width: 1200px) {
.wishlist-module__empty-button .btn {
min-height: 70px;
font-size: 22px;
border-radius: 60px;
}
}
@media (min-width: 1200px) and (max-width: 1680px) {
.wishlist-module__empty-button .btn {
min-height: 60px;
font-size: 18px;
}
}
@media only screen and (max-width: 1199px) {
.wishlist-module__empty-button .btn {
min-width: 160px;
}
}
.wishlist-module__empty-text {
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.wishlist-module--empty {
padding: 0 60px;
}
}
.wishlist-module--empty .wishlist-module__empty {
display: flex;
}
.wishlist-module--empty .wishlist-module__main {
display: none;
}
.wishlist-module .is-removed {
display: none;
}
.size-guide-modal .modal__inner {
max-width: 806px;
padding: 90px 126px;
}
@media only screen and (max-width: 1199px) {
.size-guide-modal .modal__inner {
padding: 60px 70px;
}
}
@media only screen and (max-width: 1022px) {
.size-guide-modal .modal__inner {
padding: 50px 40px;
}
}
@media only screen and (max-width: 767px) {
.size-guide-modal .modal__inner {
padding: 18px 16px;
}
}.wc-stripe-elements-field,.wc-stripe-iban-element-field{border:1px solid #ddd;margin:5px 0;padding:5px;background-color:#fff;outline:0}#payment .methods li.woocommerce-SavedPaymentMethods-token label{display:inline}#payment .methods li.woocommerce-SavedPaymentMethods-new label{display:inline}#add_payment_method #payment ul.payment_methods li img.stripe-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-icon{max-width:40px;padding-left:3px;margin:0}#add_payment_method #payment ul.payment_methods li img.stripe-bancontact-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-bancontact-icon{max-height:65px;max-width:45px}#add_payment_method #payment ul.payment_methods li img.stripe-ideal-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-ideal-icon{max-height:35px}#add_payment_method #payment ul.payment_methods li img.stripe-p24-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-p24-icon{max-width:65px}#add_payment_method #payment ul.payment_methods li img.stripe-alipay-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-alipay-icon{max-width:50px}#add_payment_method #payment ul.payment_methods li img.stripe-sofort-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-sofort-icon{max-width:55px}#add_payment_method #payment ul.payment_methods li img.stripe-sepa-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-sepa-icon{max-width:50px}#add_payment_method #payment ul.payment_methods li img.stripe-multibanco-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-multibanco-icon{max-height:30px}#add_payment_method #payment ul.payment_methods li img.stripe-eps-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-eps-icon{max-height:30px}#add_payment_method #payment ul.payment_methods li img.stripe-giropay-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-giropay-icon{max-width:50px}#add_payment_method #payment ul.payment_methods li .stripe-credit-card-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-credit-card-brand{position:absolute;top:50%;margin-top:-10px;right:10px;background:no-repeat url(//snugi.specto.work/wp-content/plugins/woocommerce-gateway-stripe/assets/images/credit-card.svg);display:block;width:30px;height:24px}#add_payment_method #payment ul.payment_methods li .stripe-visa-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-visa-brand{position:absolute;top:50%;margin-top:-10px;right:10px;background:no-repeat url(//snugi.specto.work/wp-content/plugins/woocommerce-gateway-stripe/assets/images/visa.svg);display:block;width:30px;height:24px}#add_payment_method #payment ul.payment_methods li .stripe-amex-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-amex-brand{position:absolute;top:50%;margin-top:-10px;right:10px;background:no-repeat url(//snugi.specto.work/wp-content/plugins/woocommerce-gateway-stripe/assets/images/amex.svg);display:block;width:30px;height:24px}#add_payment_method #payment ul.payment_methods li .stripe-diners-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-diners-brand{position:absolute;top:50%;margin-top:-10px;right:10px;background:no-repeat url(//snugi.specto.work/wp-content/plugins/woocommerce-gateway-stripe/assets/images/diners.svg);display:block;width:30px;height:24px}#add_payment_method #payment ul.payment_methods li .stripe-discover-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-discover-brand{position:absolute;top:50%;margin-top:-10px;right:10px;background:no-repeat url(//snugi.specto.work/wp-content/plugins/woocommerce-gateway-stripe/assets/images/discover.svg);display:block;width:30px;height:24px}#add_payment_method #payment ul.payment_methods li .stripe-jcb-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-jcb-brand{position:absolute;top:50%;margin-top:-10px;right:10px;background:no-repeat url(//snugi.specto.work/wp-content/plugins/woocommerce-gateway-stripe/assets/images/jcb.svg);display:block;width:30px;height:24px}#add_payment_method #payment ul.payment_methods li .stripe-maestro-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-maestro-brand{position:absolute;top:50%;margin-top:-10px;right:10px;background:no-repeat url(//snugi.specto.work/wp-content/plugins/woocommerce-gateway-stripe/assets/images/maestro.svg);display:block;width:30px;height:24px}#add_payment_method #payment ul.payment_methods li .stripe-mastercard-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-mastercard-brand{position:absolute;top:50%;margin-top:-10px;right:10px;background:no-repeat url(//snugi.specto.work/wp-content/plugins/woocommerce-gateway-stripe/assets/images/mastercard.svg);display:block;width:30px;height:24px}#add_payment_method #payment ul.payment_methods .stripe-card-group,.woocommerce-checkout #payment ul.payment_methods .stripe-card-group{position:relative}.woocommerce-SavedPaymentMethods-token .stripe-source-errors .woocommerce-error{margin-top:1em;margin-bottom:2em}#wc-stripe-custom-button{display:block;width:100%}.woocommerce-checkout #payment #stripe_boleto_tax_id{width:100%}.gpay-button{background-origin:content-box;background-position:center center;background-repeat:no-repeat;background-size:contain;border:0;border-radius:4px;cursor:pointer;height:40px;min-height:40px;padding:11px 24px;width:100%}.gpay-button.light{width:calc(100% - 3px);background-color:#fff;margin:2px 0 3px 0}.gpay-button.light:active{background-color:#fff}.gpay-button.light:hover{background-color:#f8f8f8}.gpay-button.light:focus{box-shadow:#e8e8e8 0 1px 1px 0,#e8e8e8 0 1px 3px;outline:0}.gpay-button.light-outline{width:calc(100% - 3px);background-color:#fff;box-shadow:rgba(60,64,67,.3) 0 1px 1px 0,rgba(60,64,67,.15) 0 1px 3px 1px;margin:2px 0 3px 0}.gpay-button.light-outline:active{background-color:#fff}.gpay-button.light-outline:hover{background-color:#f8f8f8}.gpay-button.light-outline:focus{box-shadow:#e8e8e8 0 1px 1px 0,#e8e8e8 0 1px 3px;outline:0}.gpay-button.dark{background-color:#000;padding:12px 24px 10px}.gpay-button.dark:active{background-color:#5f6368}.gpay-button.dark:hover{background-color:#3c4043}.gpay-button.dark:focus{box-shadow:#5f6368 0 1px 1px 0,#5f6368 0 1px 3px;outline:0}.gpay-button.short.light,.gpay-button.short.light-outline{background-image:url(https://www.gstatic.com/instantbuy/svg/light_gpay.svg)}.gpay-button.short.dark{background-image:url(https://www.gstatic.com/instantbuy/svg/dark_gpay.svg)}