@charset "UTF-8";
.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;
}
.covered-pointer {
height: 100%;
left: 0;
position: absolute;
width: 100%;
top: 0;
}
.d-flex-cc,
.d-flex-center-center {
display: flex;
align-items: center;
justify-content: center;
}
body {
font-size: 16px;
line-height: 1.2;
}
@media only screen and (max-width: 767px) {
body {
font-size: 14px;
}
}
.text--28 {
font-size: 28px;
line-height: 1.6;
}
@media only screen and (max-width: 767px) {
.text--28 {
font-size: 20px;
}
}
.text--24 {
font-size: 24px;
line-height: 1.6;
}
@media only screen and (max-width: 767px) {
.text--24 {
font-size: 18px;
line-height: 1.83;
}
}
.text--20 {
font-size: 20px;
line-height: 1.6;
}
@media only screen and (max-width: 767px) {
.text--20 {
font-size: 18px;
}
}
.text--18 {
font-size: 18px;
line-height: 1.8;
}
@media only screen and (max-width: 767px) {
.text--18 {
font-size: 16px;
}
}
.text--16 {
font-size: 16px;
line-height: 1.6;
}
.text--14 {
font-size: 16px;
line-height: 1.6;
}
.text--12 {
font-size: 13px;
}
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: #fff;
--color-black: #000;
--color-grey: #303133;
--color-grey-dark: #303133;
--color-grey-light: #f5f5f5;
--color-purple: #7464ac;
--color-orange: #f04e23;
--color-green: #24a148;
--color-primary: #f04e23;
--color-secondary: #deb887;
--color-success: #28a745;
--color-danger: #c82333;
--color-warning: #ffc107;
--color-info: #17a2b8;
--color-alert-primary: #cce5ff;
--color-alert-secondary: #e2e3e5;
--color-alert-success: #d4edda;
--color-alert-danger: #f8d7da;
--color-alert-warning: #fff3cd;
--color-focus: #6495ed;
--color-validation-failed: #ff3b30;
--color-primary-light: rgba(197, 51, 25, 0.5);
--color-border: rgba(8, 28, 47, 0.2);
--font-primary: Canaro, sans-serif;
}
*,
*::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: 600;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
text-decoration: none;
background-color: transparent;
}
a:hover, a:focus {
text-decoration: none;
}
a:not([href]):not([tabindex]) {
text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
pre,
code,
kbd,
samp {
font-family: monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg {
overflow: hidden;
vertical-align: middle;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 1rem;
}
button {
border-radius: 0;
text-transform: none;
cursor: pointer;
-webkit-appearance: button;
}
input,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
select {
word-wrap: normal;
text-transform: none;
}
input {
overflow: visible;
}
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type=radio],
input[type=checkbox] {
box-sizing: border-box;
padding: 0;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
@media (min-width: 320px) {
.text-xs-center {
text-align: center;
}
.text-xs-left {
text-align: left;
}
.text-xs-right {
text-align: right;
}
.d-xs-none {
display: none !important;
}
.d-xs-inline-block {
display: inline-block !important;
}
.d-xs-block {
display: block !important;
}
.d-xs-flex {
display: flex !important;
}
.d-xs-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.text-sm-center {
text-align: center;
}
.text-sm-left {
text-align: left;
}
.text-sm-right {
text-align: right;
}
.d-sm-none {
display: none !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1023px) {
.text-md-center {
text-align: center;
}
.text-md-left {
text-align: left;
}
.text-md-right {
text-align: right;
}
.d-md-none {
display: none !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1201px) {
.text-lg-center {
text-align: center;
}
.text-lg-left {
text-align: left;
}
.text-lg-right {
text-align: right;
}
.d-lg-none {
display: none !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1600px) {
.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% - 48px);
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: -12px;
margin-right: -12px;
}
.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: 12px;
padding-right: 12px;
}
.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: -12px;
margin-right: -12px;
}
.container {
max-width: calc(100% - 48px);
}
.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: 12px;
padding-right: 12px;
}
.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: 1201px) {
.row {
margin-left: -15px;
margin-right: -15px;
}
.container {
max-width: 1200px;
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: 1601px) {
.row {
margin-left: -20px;
margin-right: -20px;
}
.container {
max-width: 1390px;
padding-left: 20px;
padding-right: 20px;
}
.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: 20px;
padding-right: 20px;
}
.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;
}  .leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
} .leaflet-tile::selection {
background: transparent;
} .leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
} .leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}  .leaflet-container .leaflet-overlay-pane svg {
max-width: none !important;
max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
width: auto;
padding: 0;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom; touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
} .leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane {
z-index: 400;
}
.leaflet-tile-pane {
z-index: 200;
}
.leaflet-overlay-pane {
z-index: 400;
}
.leaflet-shadow-pane {
z-index: 500;
}
.leaflet-marker-pane {
z-index: 600;
}
.leaflet-tooltip-pane {
z-index: 650;
}
.leaflet-popup-pane {
z-index: 700;
}
.leaflet-map-pane canvas {
z-index: 100;
}
.leaflet-map-pane svg {
z-index: 200;
}
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
} .leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
} .leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
} .leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
} .leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; pointer-events: auto;
} .leaflet-container {
background: #ddd;
outline-offset: 1px;
}
.leaflet-container a {
color: #0078a8;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255, 255, 255, 0.5);
} .leaflet-container {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
} .leaflet-bar {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
border-radius: 4px;
}
.leaflet-bar a {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
} .leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px "Lucida Console", Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
} .leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(//topdom.si/wp-content/themes/topdom/public/css/images/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(//topdom.si/wp-content/themes/topdom/public/css/images/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
font-size: 13px;
font-size: 1.08333em;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
} .leaflet-default-icon-path { background-image: url(//topdom.si/wp-content/themes/topdom/public/css/images/marker-icon.png);
} .leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.8);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
line-height: 1.4;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
text-decoration: underline;
}
.leaflet-control-attribution svg {
display: inline !important;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
white-space: nowrap;
overflow: hidden;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0, 0, 0, 0.2);
background-clip: padding-box;
} .leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 24px 13px 20px;
line-height: 1.3;
font-size: 13px;
font-size: 1.08333em;
min-height: 1px;
}
.leaflet-popup-content p {
margin: 17px 0;
margin: 1.3em 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-top: -1px;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
pointer-events: auto;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
border: none;
text-align: center;
width: 24px;
height: 24px;
font: 16px/24px Tahoma, Verdana, sans-serif;
color: #757575;
text-decoration: none;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
color: #585858;
}
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
-ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
} .leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}  .leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-interactive {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
} .leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
} @media print { .leaflet-control {
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
}  @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; }
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .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-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
} .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-css-mode.swiper-horizontal > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}  .swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .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: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
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: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
} .swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
} .swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
@font-face {
font-family: "Open Sans";
src: url(//topdom.si/wp-content/themes/topdom/public/fonts/OpenSans-Regular.woff2) format("woff2"), url(//topdom.si/wp-content/themes/topdom/public/fonts/OpenSans-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Open Sans";
src: local("Open Sans Medium"), local("OpenSans-Medium"), url(//topdom.si/wp-content/themes/topdom/public/fonts/OpenSans-Medium.woff2) format("woff2"), url(//topdom.si/wp-content/themes/topdom/public/fonts/OpenSans-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Open Sans";
src: url(//topdom.si/wp-content/themes/topdom/public/fonts/OpenSans-SemiBold.woff2) format("woff2"), url(//topdom.si/wp-content/themes/topdom/public/fonts/OpenSans-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Open Sans";
src: url(//topdom.si/wp-content/themes/topdom/public/fonts/OpenSans-Bold.woff2) format("woff2"), url(//topdom.si/wp-content/themes/topdom/public/fonts/OpenSans-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Canaro";
src: url(//topdom.si/wp-content/themes/topdom/public/fonts/Canaro-Medium.woff2) format("woff2"), url(//topdom.si/wp-content/themes/topdom/public/fonts/Canaro-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Canaro";
src: url(//topdom.si/wp-content/themes/topdom/public/fonts/Canaro-Light.woff2) format("woff2"), url(//topdom.si/wp-content/themes/topdom/public/fonts/Canaro-Light.woff) format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Canaro";
src: url(//topdom.si/wp-content/themes/topdom/public/fonts/Canaro-SemiBold.woff2) format("woff2"), url(//topdom.si/wp-content/themes/topdom/public/fonts/Canaro-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Canaro";
src: url(//topdom.si/wp-content/themes/topdom/public/fonts/Canaro-Bold.woff2) format("woff2"), url(//topdom.si/wp-content/themes/topdom/public/fonts/Canaro-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
.cover-bg {
background-size: cover;
background-position: center center;
}
.cover-bg img {
display: none;
}
.covered {
max-height: initial;
}
.bg-image img {
max-height: initial;
}
.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--white {
color: var(--color-white);
}
.text--gray {
color: var(--color-grey);
}
.text--bold {
font-weight: 700;
}
.text--uppercase {
text-transform: uppercase;
}
.stretched-link::before {
z-index: 3;
}
@media only screen and (max-width: 767px) {
.hidden-mobile {
display: none;
}
}
@media only screen and (max-width: 1022px) {
.hidden-tablet-p {
display: none;
}
}
.visible-mobile {
display: none;
}
@media only screen and (max-width: 767px) {
.visible-mobile {
display: block;
}
}
.visible-tablet-p {
display: none;
}
@media only screen and (max-width: 1022px) {
.visible-tablet-p {
display: block;
}
}
.hide {
display: none;
}
.show {
display: block;
}
.d-flex {
display: flex;
}
html,
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
scroll-behavior: smooth;
}
::selection {
background-color: #f04e23;
color: var(--color-white);
}
body {
color: #000;
font-family: var(--font-primary);
position: relative;
height: auto;
width: 100%;
display: flex;
flex-direction: column;
min-height: 100vh;
align-items: flex-start;
}
body.body-scroll-locked, body.is-open-menu, body.is-open-search, body.is-open-mega-menu, body.noscroll {
overflow: hidden;
padding-right: var(--scroll-width, 0px);
}
.noselect,
.noselect * {
-webkit-user-select: none;
user-select: none;
}
ul,
ol {
list-style: none;
margin: 0;
padding: 0;
}
p {
margin: 0;
}
a {
color: inherit;
text-decoration: none;
transition: color 0.3s ease, border 0.3s ease;
}
i,
em {
font-style: italic;
} h1 {
font-weight: inherit;
font-size: inherit;
margin: 0;
} h2 {
font-weight: inherit;
font-size: inherit;
margin: 0;
} h3 {
font-weight: inherit;
font-size: inherit;
margin: 0;
} h4 {
font-weight: inherit;
font-size: inherit;
margin: 0;
} h5 {
font-weight: inherit;
font-size: inherit;
margin: 0;
} h6 {
font-weight: inherit;
font-size: inherit;
margin: 0;
}
img {
margin: 0;
max-height: 100%;
max-width: 100%;
height: auto;
width: auto;
object-fit: cover;
}
figure img {
margin: 0;
}
.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 var(--color-white) 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: 100px;
}
@media only screen and (max-width: 1600px) {
main {
padding-top: 60px;
}
}
@media only screen and (max-width: 767px) {
main {
padding-top: 100px;
}
}
.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.1s ease, transform 0.3s ease !important;
}
.grecaptcha-badge,
.g-captcha,
.g-recaptcha {
position: absolute !important;
right: 100vw !important;
top: -100vh !important;
}
#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;
} :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: 0;
}
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
right: 0;
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
left: auto;
right: 0;
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
right: auto;
left: 0;
}
.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: 0%;
--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: 0%;
--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;
} .btn {
border-radius: 4px;
cursor: pointer;
font-size: 16px;
font-weight: 500;
padding: 4px 20px;
transition: background-color 0.25s ease-in, box-shadow 0.25s ease-in;
display: inline-grid;
align-items: center;
justify-content: center;
grid-auto-flow: column;
grid-gap: 10px;
min-height: 44px;
background-color: #f04e23;
color: #fff;
}
.btn:hover, .btn:focus {
background-color: #d2370e;
}
.btn__text {
pointer-events: none;
display: block;
}
.btn .icon {
width: 20px;
height: 20px;
flex: 0 0 auto;
}
.btn .icon::before {
background-color: #fff;
}
.btn.icon-left .btn__icon {
order: 1;
}
.btn.icon-left .btn__text {
order: 2;
}
.btn--secondary {
background-color: #17469e;
border-radius: 0;
min-height: 36px;
transform: skew(-12deg);
margin-left: 4px;
font-size: 12px;
}
.btn--secondary:hover, .btn--secondary:focus {
background-color: #113271;
}
.btn--secondary .btn__text,
.btn--secondary .btn__icon {
transform: skew(12deg);
}
.btn--secondary .btn__icon {
width: 16px;
height: 16px;
}
.btn[disabled], .btn.is-disabled {
cursor: not-allowed;
transition: none;
pointer-events: none;
opacity: 0.5;
}
.checkbox input {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
white-space: nowrap;
border: 0;
visibility: inherit;
clip: rect(0, 0, 0, 0);
}
.checkbox {
user-select: none;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.2px;
}
.checkbox__label {
position: relative;
padding-left: 36px;
cursor: pointer;
margin: 0;
min-height: 24px;
display: block;
}
.checkbox__label::after, .checkbox__label:before {
content: "";
left: 0;
top: -4px;
position: absolute;
pointer-events: none;
width: 24px;
height: 24px;
border-radius: 4px;
}
.checkbox__label:before {
border: 1px solid rgba(48, 49, 51, 0.2);
background-color: #fff;
transition: background-color 0.3s ease, border 0.3s ease;
}
.checkbox__label::after {
transform: scale(0);
transition: transform 0.3s ease, opacity 0.3s ease;
background: url("data:image/svg+xml, %3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 7.20588L4.91667 10.5L12 2.5' stroke='white' stroke-width='2.5' stroke-linecap='square' stroke-linejoin='bevel'/%3E%3C/svg%3E%0A") no-repeat center/12px auto;
}
.checkbox input:checked ~ label::before {
background-color: #f04e23;
border-color: #f04e23;
}
.checkbox input:checked ~ label::after {
transform: scale(1);
}
.checkbox a {
color: #17469e;
text-decoration: underline;
}
.checkbox a:hover {
color: var(--color-primary);
}
.checkbox.is-validation-failed .checkbox__label::before, .is-validation-failed .checkbox .checkbox__label::before {
border-color: var(--color-validation-failed);
}
.checkbox .fv-plugins-message-container {
text-align: left;
padding-left: 36px;
}
@media only screen and (max-width: 1022px) {
.checkbox .fv-plugins-message-container {
padding-left: 32px;
}
}
.dropdown {
width: 100%;
position: relative;
user-select: none;
}
.dropdown.with-label .dropdown__list {
top: 71px;
}
.dropdown.is-disabled {
pointer-events: none;
}
.dropdown.is-disabled .dropdown__placeholder {
color: rgba(48, 49, 51, 0.3);
}
.dropdown.is-disabled .dropdown__placeholder .icon {
opacity: 0;
}
.dropdown.is-disabled .dropdown__label {
opacity: 0.5;
}
.dropdown__label {
position: relative;
margin: 0 0 2px;
display: block;
z-index: 4;
font-weight: 500;
}
.dropdown__placeholder {
position: relative;
width: 100%;
height: 45px;
border: 1px solid rgba(48, 49, 51, 0.2);
background-color: #fff;
border-radius: 4px;
outline: none;
z-index: 1;
cursor: pointer;
padding: 8px 20px;
font-size: 16px;
font-weight: 300;
display: flex;
align-items: center;
transition: border-color 0.3s ease, color 0.3s ease;
}
.dropdown__placeholder img {
width: 24px;
margin-right: 12px;
height: 12px;
}
.dropdown__placeholder .icon {
width: 10px;
height: 10px;
position: absolute;
right: 24px;
top: 50%;
margin-top: -4px;
pointer-events: none;
transition: transform 0.3s ease;
}
.dropdown__placeholder .icon::before {
background-color: #17469e;
}
.dropdown__placeholder-text {
transition: transform 0.3s ease;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
padding-right: 40px;
display: flex;
align-items: center;
}
@media only screen and (max-width: 767px) {
.dropdown__placeholder-text {
font-size: 16px;
}
}
.dropdown__list {
position: absolute;
top: 45px;
width: 100%;
z-index: 9;
left: 0;
pointer-events: none;
opacity: 0;
visibility: hidden;
}
.dropdown__list-item {
position: relative;
}
.dropdown__list-item.is-hidden {
display: none !important;
}
.dropdown__list-inner {
padding: 8px 0;
overflow: auto;
border-radius: 4px;
max-height: 296px;
border: 1px solid rgba(48, 49, 51, 0.2);
background-color: var(--color-white);
}
@media only screen and (min-width: 1023px) {
.dropdown__list-inner {
scrollbar-track-color: #dedad5;
scrollbar-face-color: #dedad5;
scrollbar-arrow-color: #dedad5;    }
.dropdown__list-inner::-webkit-scrollbar {
width: 4px;
}
.dropdown__list-inner ::-webkit-scrollbar-track {
-webkit-border-radius: 0;
border-radius: 0;
background: #dedad5;
}
.dropdown__list-inner ::-webkit-scrollbar-thumb:window-inactive {
background: #dedad5;
}
.dropdown__list-inner::-webkit-scrollbar-thumb {
background: #dedad5;
width: 4px;
border-radius: 0;
}
.dropdown__list-inner::-webkit-scrollbar-thumb:hover {
background: #dedad5;
}
.dropdown__list-inner ::-webkit-scrollbar {
width: 4px;
}
}
.dropdown__list-inner input:not([type=submit]):not(.input-field__input) {
position: absolute;
width: 0;
height: 0;
opacity: 0;
}
.dropdown__list-inner input:not([type=submit]):not(.input-field__input):checked + .dropdown__list-option {
background-color: rgba(0, 0, 0, 0.1);
}
.dropdown__list-option {
cursor: pointer;
margin: 0;
width: 100%;
display: block;
padding: 8px 22px;
background-color: transparent;
transition: color 0.3s ease, background-color 0.3s ease;
}
@media only screen and (max-width: 767px) {
.dropdown__list-option {
padding: 6px 15px;
}
}
.dropdown__list-option img {
width: 24px;
margin-right: 12px;
pointer-events: none;
height: 12px;
}
.dropdown__list-option.is-active, .dropdown__list-option:hover {
background: var(--color-grey-light);
}
.dropdown__search {
position: absolute;
left: 0;
top: 0;
width: 100%;
padding: 8px;
z-index: 3;
opacity: 0;
pointer-events: none;
background-color: var(--color-white);
}
.dropdown__search input {
background-color: var(--color-white);
width: 100%;
height: 50px;
border-radius: 4px;
padding: 0 16px;
outline: none;
color: inherit;
font-weight: 500;
font-size: 18px;
border: 1px solid rgba(0, 0, 0, 0.5);
transition: border-color 0.3s ease;
}
@media only screen and (max-width: 767px) {
.dropdown__search input {
height: 40px;
font-size: 16px;
}
}
.dropdown.is-open .icon {
transform: scaleY(-1);
}
.dropdown.is-open .dropdown__list {
opacity: 1;
pointer-events: all;
visibility: visible;
}
.dropdown--search .dropdown__list-inner {
padding-top: 64px;
max-height: 304px;
}
@media only screen and (max-width: 767px) {
.dropdown--search .dropdown__list-inner {
max-height: 276px;
padding-top: 54px;
}
}
.dropdown--search .dropdown__search {
opacity: 1;
pointer-events: all;
}
.dropdown.is-validation-failed .dropdown__placeholder {
border-color: var(--color-validation-failed);
}
.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-black);
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
transition: background-color 0.3s ease;
}
.icon-chevron-up, .icon-chevron-down {
width: 10px;
height: 6px;
}
.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='10' height='6' fill='none'%3E%3Cpath fill='%23fff' d='M.2.74A.75.75 0 0 1 1.26.7L5 4.227 8.74.7a.75.75 0 1 1 1.02 1.1l-4.25 4a.75.75 0 0 1-1.02 0l-4.25-4A.75.75 0 0 1 .2.74Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath fill='%23fff' d='M.2.74A.75.75 0 0 1 1.26.7L5 4.227 8.74.7a.75.75 0 1 1 1.02 1.1l-4.25 4a.75.75 0 0 1-1.02 0l-4.25-4A.75.75 0 0 1 .2.74Z'/%3E%3C/svg%3E");
}
.icon-chevron-left, .icon-chevron-right {
width: 24px;
height: 24px;
}
.icon-chevron-left:before, .icon-chevron-right:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='11' height='20' viewBox='0 0 11 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00847 9.55L0.308466 1.85C0.102966 1.64433 0.00154931 1.39292 0.00421597 1.09575C0.0070493 0.798584 0.111216 0.541667 0.316716 0.325C0.533383 0.108333 0.790383 0 1.08772 0C1.38488 0 1.6418 0.108333 1.85847 0.325L9.90022 8.375C10.0669 8.54167 10.189 8.72775 10.2667 8.93325C10.3445 9.13875 10.3835 9.34433 10.3835 9.55C10.3835 9.7555 10.3445 9.961 10.2667 10.1665C10.189 10.3722 10.0669 10.5583 9.90022 10.725L1.83347 18.7915C1.6168 19.0082 1.36405 19.1123 1.07522 19.104C0.786217 19.0957 0.533383 18.9832 0.316716 18.7665C0.111216 18.5498 0.00571664 18.2957 0.000216643 18.004C-0.00545002 17.7123 0.100049 17.4582 0.316716 17.2415L8.00847 9.55Z' fill='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='11' height='20' viewBox='0 0 11 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00847 9.55L0.308466 1.85C0.102966 1.64433 0.00154931 1.39292 0.00421597 1.09575C0.0070493 0.798584 0.111216 0.541667 0.316716 0.325C0.533383 0.108333 0.790383 0 1.08772 0C1.38488 0 1.6418 0.108333 1.85847 0.325L9.90022 8.375C10.0669 8.54167 10.189 8.72775 10.2667 8.93325C10.3445 9.13875 10.3835 9.34433 10.3835 9.55C10.3835 9.7555 10.3445 9.961 10.2667 10.1665C10.189 10.3722 10.0669 10.5583 9.90022 10.725L1.83347 18.7915C1.6168 19.0082 1.36405 19.1123 1.07522 19.104C0.786217 19.0957 0.533383 18.9832 0.316716 18.7665C0.111216 18.5498 0.00571664 18.2957 0.000216643 18.004C-0.00545002 17.7123 0.100049 17.4582 0.316716 17.2415L8.00847 9.55Z' fill='white'/%3E%3C/svg%3E%0A");
}
.icon-arrow-right, .icon-arrow-left {
width: 24px;
height: 24px;
}
.icon-arrow-right:before, .icon-arrow-left:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_345_47' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_345_47)'%3E%3Cpath d='M16.175 13H4V11H16.175L10.575 5.4L12 4L20 12L12 20L10.575 18.6L16.175 13Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_345_47' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_345_47)'%3E%3Cpath d='M16.175 13H4V11H16.175L10.575 5.4L12 4L20 12L12 20L10.575 18.6L16.175 13Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.icon-arrow-up, .icon-arrow-down {
width: 20px;
height: 25px;
}
.icon-arrow-up:before, .icon-arrow-down:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='25' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M.293 10.293 10 .586l9.707 9.707-1.414 1.414L11 4.414V25H9V4.414l-7.293 7.293-1.414-1.414Z' clip-rule='evenodd'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='25' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M.293 10.293 10 .586l9.707 9.707-1.414 1.414L11 4.414V25H9V4.414l-7.293 7.293-1.414-1.414Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.icon-chevron-left:before, .icon-arrow-down:before, .icon-chevron-up:before, .icon-arrow-left:before, .icon-arrow-left-large:before {
transform: scale(-1);
}
.icon-check {
width: 14px;
height: 10px;
}
.icon-check:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 7.20588L4.91667 10.5L12 2.5' stroke='white' stroke-width='2.5' stroke-linecap='square' stroke-linejoin='bevel'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 7.20588L4.91667 10.5L12 2.5' stroke='white' stroke-width='2.5' stroke-linecap='square' stroke-linejoin='bevel'/%3E%3C/svg%3E%0A");
}
.icon-close {
width: 20px;
height: 20px;
}
.icon-close:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath fill='%23fff' d='M.397.554.47.47a.75.75 0 0 1 .976-.073L1.53.47 6 4.939l4.47-4.47a.75.75 0 1 1 1.06 1.061L7.061 6l4.47 4.47a.75.75 0 0 1 .072.976l-.073.084a.75.75 0 0 1-.976.073l-.084-.073L6 7.061l-4.47 4.47A.75.75 0 0 1 .47 10.47L4.939 6 .469 1.53A.75.75 0 0 1 .398.554L.47.47.397.554Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath fill='%23fff' d='M.397.554.47.47a.75.75 0 0 1 .976-.073L1.53.47 6 4.939l4.47-4.47a.75.75 0 1 1 1.06 1.061L7.061 6l4.47 4.47a.75.75 0 0 1 .072.976l-.073.084a.75.75 0 0 1-.976.073l-.084-.073L6 7.061l-4.47 4.47A.75.75 0 0 1 .47 10.47L4.939 6 .469 1.53A.75.75 0 0 1 .398.554L.47.47.397.554Z'/%3E%3C/svg%3E");
}
.icon-search {
width: 24px;
height: 24px;
}
.icon-search:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_359_26' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_359_26)'%3E%3Cpath d='M9.46675 15.85C7.65942 15.85 6.12975 15.2235 4.87775 13.9707C3.62592 12.718 3 11.2 3 9.41672C3 7.63338 3.62642 6.1153 4.87925 4.86247C6.13192 3.60963 7.65275 2.98322 9.44175 2.98322C11.2306 2.98322 12.7486 3.60963 13.9958 4.86247C15.2431 6.1153 15.8668 7.63422 15.8668 9.41922C15.8668 10.1397 15.7501 10.8305 15.5168 11.4917C15.2834 12.1527 14.9445 12.761 14.5 13.3167L20.4 19.1832C20.5612 19.3394 20.6418 19.5382 20.6418 19.7797C20.6418 20.021 20.5612 20.2222 20.4 20.3832C20.2388 20.5444 20.0376 20.625 19.7963 20.625C19.5549 20.625 19.3562 20.5444 19.2 20.3832L13.3168 14.5C12.8168 14.9221 12.2364 15.2527 11.5758 15.4917C10.9151 15.7305 10.2121 15.85 9.46675 15.85ZM9.45 14.1832C10.7695 14.1832 11.891 13.718 12.8145 12.7875C13.7382 11.857 14.2 10.7334 14.2 9.41672C14.2 8.10005 13.7382 6.97638 12.8145 6.04572C11.891 5.11522 10.7695 4.64996 9.45 4.64996C8.12133 4.64996 6.99192 5.11522 6.06175 6.04572C5.13175 6.97638 4.66675 8.10005 4.66675 9.41672C4.66675 10.7334 5.13175 11.857 6.06175 12.7875C6.99192 13.718 8.12133 14.1832 9.45 14.1832Z' fill='%23F04E23'/%3E%3C/g%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_359_26' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_359_26)'%3E%3Cpath d='M9.46675 15.85C7.65942 15.85 6.12975 15.2235 4.87775 13.9707C3.62592 12.718 3 11.2 3 9.41672C3 7.63338 3.62642 6.1153 4.87925 4.86247C6.13192 3.60963 7.65275 2.98322 9.44175 2.98322C11.2306 2.98322 12.7486 3.60963 13.9958 4.86247C15.2431 6.1153 15.8668 7.63422 15.8668 9.41922C15.8668 10.1397 15.7501 10.8305 15.5168 11.4917C15.2834 12.1527 14.9445 12.761 14.5 13.3167L20.4 19.1832C20.5612 19.3394 20.6418 19.5382 20.6418 19.7797C20.6418 20.021 20.5612 20.2222 20.4 20.3832C20.2388 20.5444 20.0376 20.625 19.7963 20.625C19.5549 20.625 19.3562 20.5444 19.2 20.3832L13.3168 14.5C12.8168 14.9221 12.2364 15.2527 11.5758 15.4917C10.9151 15.7305 10.2121 15.85 9.46675 15.85ZM9.45 14.1832C10.7695 14.1832 11.891 13.718 12.8145 12.7875C13.7382 11.857 14.2 10.7334 14.2 9.41672C14.2 8.10005 13.7382 6.97638 12.8145 6.04572C11.891 5.11522 10.7695 4.64996 9.45 4.64996C8.12133 4.64996 6.99192 5.11522 6.06175 6.04572C5.13175 6.97638 4.66675 8.10005 4.66675 9.41672C4.66675 10.7334 5.13175 11.857 6.06175 12.7875C6.99192 13.718 8.12133 14.1832 9.45 14.1832Z' fill='%23F04E23'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.icon-facebook {
width: 16px;
height: 16px;
}
.icon-facebook:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_115_50)'%3E%3Cpath d='M16 8.5C16 4.08172 12.4183 0.5 8 0.5C3.58172 0.5 0 4.08172 0 8.5C0 12.493 2.92548 15.8027 6.75 16.4028V10.8125H4.71875V8.5H6.75V6.7375C6.75 4.7325 7.94434 3.625 9.77172 3.625C10.647 3.625 11.5625 3.78125 11.5625 3.78125V5.75H10.5537C9.55992 5.75 9.25 6.36667 9.25 6.99933V8.5H11.4688L11.1141 10.8125H9.25V16.4028C13.0745 15.8027 16 12.493 16 8.5Z' fill='%23ACB9D9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_115_50'%3E%3Crect width='16' height='16' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_115_50)'%3E%3Cpath d='M16 8.5C16 4.08172 12.4183 0.5 8 0.5C3.58172 0.5 0 4.08172 0 8.5C0 12.493 2.92548 15.8027 6.75 16.4028V10.8125H4.71875V8.5H6.75V6.7375C6.75 4.7325 7.94434 3.625 9.77172 3.625C10.647 3.625 11.5625 3.78125 11.5625 3.78125V5.75H10.5537C9.55992 5.75 9.25 6.36667 9.25 6.99933V8.5H11.4688L11.1141 10.8125H9.25V16.4028C13.0745 15.8027 16 12.493 16 8.5Z' fill='%23ACB9D9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_115_50'%3E%3Crect width='16' height='16' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-instagram {
width: 18px;
height: 18px;
}
.icon-instagram:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 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-youtube {
width: 17px;
height: 14px;
}
.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: 16px;
height: 16px;
}
.icon-linkedin:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.48225 3C6.22207 2.9998 5.9644 3.05087 5.72396 3.15027C5.48352 3.24968 5.26502 3.39548 5.08094 3.57935C4.89686 3.76322 4.75081 3.98156 4.65113 4.22188C4.55145 4.46221 4.5001 4.71982 4.5 4.98C4.5 6.075 5.38725 6.9825 6.48 6.9825C7.57425 6.9825 8.46225 6.075 8.46225 4.9815C8.46245 4.72136 8.41138 4.46372 8.31196 4.22333C8.21255 3.98293 8.06673 3.76448 7.88285 3.58046C7.69897 3.39644 7.48063 3.25046 7.24031 3.15086C6.99999 3.05126 6.74239 3 6.48225 3ZM16.1512 8.25C14.487 8.25 13.5353 9.12 13.0778 9.9855H13.0297V8.48325H9.75V19.5H13.1677V14.0468C13.1677 12.6098 13.2758 11.2208 15.054 11.2208C16.8068 11.2208 16.8323 12.8595 16.8323 14.1375V19.5H20.25V13.449C20.25 10.488 19.6132 8.25 16.1512 8.25ZM4.77225 8.4825V19.5H8.19225V8.4825H4.77225Z' fill='%23141D23'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.48225 3C6.22207 2.9998 5.9644 3.05087 5.72396 3.15027C5.48352 3.24968 5.26502 3.39548 5.08094 3.57935C4.89686 3.76322 4.75081 3.98156 4.65113 4.22188C4.55145 4.46221 4.5001 4.71982 4.5 4.98C4.5 6.075 5.38725 6.9825 6.48 6.9825C7.57425 6.9825 8.46225 6.075 8.46225 4.9815C8.46245 4.72136 8.41138 4.46372 8.31196 4.22333C8.21255 3.98293 8.06673 3.76448 7.88285 3.58046C7.69897 3.39644 7.48063 3.25046 7.24031 3.15086C6.99999 3.05126 6.74239 3 6.48225 3ZM16.1512 8.25C14.487 8.25 13.5353 9.12 13.0778 9.9855H13.0297V8.48325H9.75V19.5H13.1677V14.0468C13.1677 12.6098 13.2758 11.2208 15.054 11.2208C16.8068 11.2208 16.8323 12.8595 16.8323 14.1375V19.5H20.25V13.449C20.25 10.488 19.6132 8.25 16.1512 8.25ZM4.77225 8.4825V19.5H8.19225V8.4825H4.77225Z' fill='%23141D23'/%3E%3C/svg%3E%0A");
}
.icon-twitter {
width: 16px;
height: 16px;
}
.icon-twitter:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 5.75C21.25 6.125 20.5 6.25 19.625 6.375C20.5 5.875 21.125 5.125 21.375 4.125C20.625 4.625 19.75 4.875 18.75 5.125C18 4.375 16.875 3.875 15.75 3.875C13.625 3.875 11.75 5.75 11.75 8C11.75 8.375 11.75 8.625 11.875 8.875C8.5 8.75 5.375 7.125 3.375 4.625C3 5.25 2.875 5.875 2.875 6.75C2.875 8.125 3.625 9.375 4.75 10.125C4.125 10.125 3.5 9.875 2.875 9.625C2.875 11.625 4.25 13.25 6.125 13.625C5.75 13.75 5.375 13.75 5 13.75C4.75 13.75 4.5 13.75 4.25 13.625C4.75 15.25 6.25 16.5 8.125 16.5C6.75 17.625 5 18.25 3 18.25C2.625 18.25 2.375 18.25 2 18.25C3.875 19.375 6 20.125 8.25 20.125C15.75 20.125 19.875 13.875 19.875 8.5C19.875 8.375 19.875 8.125 19.875 8C20.75 7.375 21.5 6.625 22 5.75Z' fill='%23141D23'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 5.75C21.25 6.125 20.5 6.25 19.625 6.375C20.5 5.875 21.125 5.125 21.375 4.125C20.625 4.625 19.75 4.875 18.75 5.125C18 4.375 16.875 3.875 15.75 3.875C13.625 3.875 11.75 5.75 11.75 8C11.75 8.375 11.75 8.625 11.875 8.875C8.5 8.75 5.375 7.125 3.375 4.625C3 5.25 2.875 5.875 2.875 6.75C2.875 8.125 3.625 9.375 4.75 10.125C4.125 10.125 3.5 9.875 2.875 9.625C2.875 11.625 4.25 13.25 6.125 13.625C5.75 13.75 5.375 13.75 5 13.75C4.75 13.75 4.5 13.75 4.25 13.625C4.75 15.25 6.25 16.5 8.125 16.5C6.75 17.625 5 18.25 3 18.25C2.625 18.25 2.375 18.25 2 18.25C3.875 19.375 6 20.125 8.25 20.125C15.75 20.125 19.875 13.875 19.875 8.5C19.875 8.375 19.875 8.125 19.875 8C20.75 7.375 21.5 6.625 22 5.75Z' fill='%23141D23'/%3E%3C/svg%3E%0A");
}
.icon-grid {
width: 20px;
height: 20px;
}
.icon-grid:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 11C8.32843 11 9 11.6716 9 12.5V16.5C9 17.3284 8.32843 18 7.5 18H3.5C2.67157 18 2 17.3284 2 16.5V12.5C2 11.6716 2.67157 11 3.5 11H7.5ZM16.5 11C17.3284 11 18 11.6716 18 12.5V16.5C18 17.3284 17.3284 18 16.5 18H12.5C11.6716 18 11 17.3284 11 16.5V12.5C11 11.6716 11.6716 11 12.5 11H16.5ZM7.5 2C8.32843 2 9 2.67157 9 3.5V7.5C9 8.32843 8.32843 9 7.5 9H3.5C2.67157 9 2 8.32843 2 7.5V3.5C2 2.67157 2.67157 2 3.5 2H7.5ZM16.5 2C17.3284 2 18 2.67157 18 3.5V7.5C18 8.32843 17.3284 9 16.5 9H12.5C11.6716 9 11 8.32843 11 7.5V3.5C11 2.67157 11.6716 2 12.5 2H16.5Z' fill='%2301192F'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 11C8.32843 11 9 11.6716 9 12.5V16.5C9 17.3284 8.32843 18 7.5 18H3.5C2.67157 18 2 17.3284 2 16.5V12.5C2 11.6716 2.67157 11 3.5 11H7.5ZM16.5 11C17.3284 11 18 11.6716 18 12.5V16.5C18 17.3284 17.3284 18 16.5 18H12.5C11.6716 18 11 17.3284 11 16.5V12.5C11 11.6716 11.6716 11 12.5 11H16.5ZM7.5 2C8.32843 2 9 2.67157 9 3.5V7.5C9 8.32843 8.32843 9 7.5 9H3.5C2.67157 9 2 8.32843 2 7.5V3.5C2 2.67157 2.67157 2 3.5 2H7.5ZM16.5 2C17.3284 2 18 2.67157 18 3.5V7.5C18 8.32843 17.3284 9 16.5 9H12.5C11.6716 9 11 8.32843 11 7.5V3.5C11 2.67157 11.6716 2 12.5 2H16.5Z' fill='%2301192F'/%3E%3C/svg%3E%0A");
}
.icon-minus {
width: 20px;
height: 20px;
}
.icon-minus:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='9.25' width='14' height='1.5' rx='0.75' fill='%2301192F'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='9.25' width='14' height='1.5' rx='0.75' fill='%2301192F'/%3E%3C/svg%3E%0A");
}
.icon-plus {
width: 20px;
height: 20px;
}
.icon-plus:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 2.75C10.5 2.33579 10.1642 2 9.75 2C9.33579 2 9 2.33579 9 2.75V9H2.75C2.33579 9 2 9.33579 2 9.75C2 10.1642 2.33579 10.5 2.75 10.5H9V16.75C9 17.1642 9.33579 17.5 9.75 17.5C10.1642 17.5 10.5 17.1642 10.5 16.75V10.5H16.75C17.1642 10.5 17.5 10.1642 17.5 9.75C17.5 9.33579 17.1642 9 16.75 9H10.5V2.75Z' fill='%2301192F'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 2.75C10.5 2.33579 10.1642 2 9.75 2C9.33579 2 9 2.33579 9 2.75V9H2.75C2.33579 9 2 9.33579 2 9.75C2 10.1642 2.33579 10.5 2.75 10.5H9V16.75C9 17.1642 9.33579 17.5 9.75 17.5C10.1642 17.5 10.5 17.1642 10.5 16.75V10.5H16.75C17.1642 10.5 17.5 10.1642 17.5 9.75C17.5 9.33579 17.1642 9 16.75 9H10.5V2.75Z' fill='%2301192F'/%3E%3C/svg%3E%0A");
}
.icon-star {
width: 14px;
height: 14px;
}
.icon-star:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath fill='%2300A0DC' d='M6.194 1.102a.9.9 0 0 1 1.614 0l1.521 3.082 3.401.494a.9.9 0 0 1 .5 1.535l-2.462 2.4.581 3.387a.9.9 0 0 1-1.306.948L7.001 11.35l-3.042 1.6a.9.9 0 0 1-1.306-.95l.58-3.387-2.46-2.399a.9.9 0 0 1 .499-1.535l3.4-.494 1.522-3.082Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath fill='%2300A0DC' d='M6.194 1.102a.9.9 0 0 1 1.614 0l1.521 3.082 3.401.494a.9.9 0 0 1 .5 1.535l-2.462 2.4.581 3.387a.9.9 0 0 1-1.306.948L7.001 11.35l-3.042 1.6a.9.9 0 0 1-1.306-.95l.58-3.387-2.46-2.399a.9.9 0 0 1 .499-1.535l3.4-.494 1.522-3.082Z'/%3E%3C/svg%3E");
}
.icon-check-circle {
width: 20px;
height: 20px;
}
.icon-check-circle:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' fill='none'%3E%3Cpath fill='%2300A0DC' d='M10.5 0c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10Zm3.22 6.97-4.47 4.47-1.97-1.97a.75.75 0 0 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06 0l5-5a.75.75 0 0 0-1.06-1.06Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' fill='none'%3E%3Cpath fill='%2300A0DC' d='M10.5 0c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10Zm3.22 6.97-4.47 4.47-1.97-1.97a.75.75 0 0 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06 0l5-5a.75.75 0 0 0-1.06-1.06Z'/%3E%3C/svg%3E");
}
.icon-play {
width: 32px;
height: 32px;
}
.icon-play:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='32' fill='none'%3E%3Cpath fill='%23fff' d='m4.75.412 24.417 12.705a3.25 3.25 0 0 1 0 5.766L4.75 31.588A3.25 3.25 0 0 1 0 28.704V3.294A3.25 3.25 0 0 1 4.549.317l.201.096ZM3.596 2.63l-.11-.047a.75.75 0 0 0-.986.712v25.41a.75.75 0 0 0 1.096.665l24.417-12.705a.75.75 0 0 0 0-1.33L3.596 2.63Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='32' fill='none'%3E%3Cpath fill='%23fff' d='m4.75.412 24.417 12.705a3.25 3.25 0 0 1 0 5.766L4.75 31.588A3.25 3.25 0 0 1 0 28.704V3.294A3.25 3.25 0 0 1 4.549.317l.201.096ZM3.596 2.63l-.11-.047a.75.75 0 0 0-.986.712v25.41a.75.75 0 0 0 1.096.665l24.417-12.705a.75.75 0 0 0 0-1.33L3.596 2.63Z'/%3E%3C/svg%3E");
}
.icon-map-pin {
width: 20px;
height: 20px;
}
.icon-map-pin: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' fill='none'%3E%3Cmask id='mask0_68_4162' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_68_4162)'%3E%3Cpath d='M9.99984 18.3332C8.52762 18.3332 7.32623 18.1121 6.39567 17.67C5.46512 17.2278 4.99984 16.6619 4.99984 15.9721C4.99984 15.6805 5.0913 15.4073 5.27421 15.1525C5.45699 14.898 5.72199 14.6688 6.06921 14.465C6.23588 14.3725 6.41067 14.3448 6.59359 14.3817C6.7765 14.4188 6.91421 14.5207 7.00671 14.6873C7.09935 14.854 7.12602 15.0288 7.08671 15.2117C7.04727 15.3945 6.94421 15.5322 6.77755 15.6248C6.70352 15.6804 6.63407 15.7382 6.56921 15.7984C6.50449 15.8587 6.44435 15.9166 6.3888 15.9721C6.6063 16.2313 7.07157 16.4581 7.78463 16.6525C8.49755 16.847 9.23595 16.9442 9.99984 16.9442C10.7637 16.9442 11.5021 16.847 12.215 16.6525C12.9281 16.4581 13.3934 16.2313 13.6109 15.9721C13.5553 15.9166 13.4952 15.8587 13.4305 15.7984C13.3656 15.7382 13.2962 15.6804 13.2221 15.6248C13.0555 15.5322 12.9524 15.3945 12.913 15.2117C12.8737 15.0288 12.9003 14.854 12.993 14.6873C13.0855 14.5207 13.2232 14.4188 13.4061 14.3817C13.589 14.3448 13.7638 14.3725 13.9305 14.465C14.2777 14.6688 14.5427 14.898 14.7255 15.1525C14.9084 15.4073 14.9998 15.6805 14.9998 15.9721C14.9998 16.6619 14.5346 17.2278 13.604 17.67C12.6734 18.1121 11.4721 18.3332 9.99984 18.3332ZM10.0207 14.0971C11.4883 13.0091 12.5925 11.9107 13.3332 10.8019C14.0739 9.69317 14.4442 8.63414 14.4442 7.62484C14.4442 6.11553 13.965 4.97664 13.0067 4.20817C12.0484 3.4397 11.0461 3.05546 9.99984 3.05546C8.96275 3.05546 7.96275 3.4397 6.99984 4.20817C6.03692 4.97664 5.55546 6.11553 5.55546 7.62484C5.55546 8.61095 5.92352 9.63755 6.65963 10.7046C7.39574 11.7719 8.51609 12.9027 10.0207 14.0971ZM9.99984 15.5067C9.86095 15.5067 9.72206 15.4836 9.58317 15.4373C9.44428 15.3911 9.31463 15.3216 9.19421 15.229C7.50907 13.8957 6.24984 12.5982 5.4165 11.3367C4.58317 10.075 4.1665 8.83775 4.1665 7.62484C4.1665 6.63873 4.34359 5.77414 4.69775 5.03109C5.05192 4.28803 5.50907 3.6665 6.06921 3.1665C6.62949 2.6665 7.25449 2.2915 7.94421 2.0415C8.63407 1.7915 9.31928 1.6665 9.99984 1.6665C10.6804 1.6665 11.3679 1.7915 12.0623 2.0415C12.7568 2.2915 13.3818 2.6665 13.9373 3.1665C14.4929 3.6665 14.9478 4.28803 15.3019 5.03109C15.6561 5.77414 15.8332 6.63873 15.8332 7.62484C15.8332 8.83775 15.4165 10.075 14.5832 11.3367C13.7498 12.5982 12.4859 13.8957 10.7915 15.229C10.6711 15.3216 10.5438 15.3911 10.4096 15.4373C10.2753 15.4836 10.1387 15.5067 9.99984 15.5067ZM9.99984 9.1665C10.4582 9.1665 10.8505 9.00331 11.1769 8.67692C11.5033 8.35053 11.6665 7.95817 11.6665 7.49984C11.6665 7.0415 11.5033 6.64914 11.1769 6.32275C10.8505 5.99637 10.4582 5.83317 9.99984 5.83317C9.5415 5.83317 9.14914 5.99637 8.82275 6.32275C8.49637 6.64914 8.33317 7.0415 8.33317 7.49984C8.33317 7.95817 8.49637 8.35053 8.82275 8.67692C9.14914 9.00331 9.5415 9.1665 9.99984 9.1665Z' fill='white'/%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' fill='none'%3E%3Cmask id='mask0_68_4162' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_68_4162)'%3E%3Cpath d='M9.99984 18.3332C8.52762 18.3332 7.32623 18.1121 6.39567 17.67C5.46512 17.2278 4.99984 16.6619 4.99984 15.9721C4.99984 15.6805 5.0913 15.4073 5.27421 15.1525C5.45699 14.898 5.72199 14.6688 6.06921 14.465C6.23588 14.3725 6.41067 14.3448 6.59359 14.3817C6.7765 14.4188 6.91421 14.5207 7.00671 14.6873C7.09935 14.854 7.12602 15.0288 7.08671 15.2117C7.04727 15.3945 6.94421 15.5322 6.77755 15.6248C6.70352 15.6804 6.63407 15.7382 6.56921 15.7984C6.50449 15.8587 6.44435 15.9166 6.3888 15.9721C6.6063 16.2313 7.07157 16.4581 7.78463 16.6525C8.49755 16.847 9.23595 16.9442 9.99984 16.9442C10.7637 16.9442 11.5021 16.847 12.215 16.6525C12.9281 16.4581 13.3934 16.2313 13.6109 15.9721C13.5553 15.9166 13.4952 15.8587 13.4305 15.7984C13.3656 15.7382 13.2962 15.6804 13.2221 15.6248C13.0555 15.5322 12.9524 15.3945 12.913 15.2117C12.8737 15.0288 12.9003 14.854 12.993 14.6873C13.0855 14.5207 13.2232 14.4188 13.4061 14.3817C13.589 14.3448 13.7638 14.3725 13.9305 14.465C14.2777 14.6688 14.5427 14.898 14.7255 15.1525C14.9084 15.4073 14.9998 15.6805 14.9998 15.9721C14.9998 16.6619 14.5346 17.2278 13.604 17.67C12.6734 18.1121 11.4721 18.3332 9.99984 18.3332ZM10.0207 14.0971C11.4883 13.0091 12.5925 11.9107 13.3332 10.8019C14.0739 9.69317 14.4442 8.63414 14.4442 7.62484C14.4442 6.11553 13.965 4.97664 13.0067 4.20817C12.0484 3.4397 11.0461 3.05546 9.99984 3.05546C8.96275 3.05546 7.96275 3.4397 6.99984 4.20817C6.03692 4.97664 5.55546 6.11553 5.55546 7.62484C5.55546 8.61095 5.92352 9.63755 6.65963 10.7046C7.39574 11.7719 8.51609 12.9027 10.0207 14.0971ZM9.99984 15.5067C9.86095 15.5067 9.72206 15.4836 9.58317 15.4373C9.44428 15.3911 9.31463 15.3216 9.19421 15.229C7.50907 13.8957 6.24984 12.5982 5.4165 11.3367C4.58317 10.075 4.1665 8.83775 4.1665 7.62484C4.1665 6.63873 4.34359 5.77414 4.69775 5.03109C5.05192 4.28803 5.50907 3.6665 6.06921 3.1665C6.62949 2.6665 7.25449 2.2915 7.94421 2.0415C8.63407 1.7915 9.31928 1.6665 9.99984 1.6665C10.6804 1.6665 11.3679 1.7915 12.0623 2.0415C12.7568 2.2915 13.3818 2.6665 13.9373 3.1665C14.4929 3.6665 14.9478 4.28803 15.3019 5.03109C15.6561 5.77414 15.8332 6.63873 15.8332 7.62484C15.8332 8.83775 15.4165 10.075 14.5832 11.3367C13.7498 12.5982 12.4859 13.8957 10.7915 15.229C10.6711 15.3216 10.5438 15.3911 10.4096 15.4373C10.2753 15.4836 10.1387 15.5067 9.99984 15.5067ZM9.99984 9.1665C10.4582 9.1665 10.8505 9.00331 11.1769 8.67692C11.5033 8.35053 11.6665 7.95817 11.6665 7.49984C11.6665 7.0415 11.5033 6.64914 11.1769 6.32275C10.8505 5.99637 10.4582 5.83317 9.99984 5.83317C9.5415 5.83317 9.14914 5.99637 8.82275 6.32275C8.49637 6.64914 8.33317 7.0415 8.33317 7.49984C8.33317 7.95817 8.49637 8.35053 8.82275 8.67692C9.14914 9.00331 9.5415 9.1665 9.99984 9.1665Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-phone {
width: 12px;
height: 14px;
}
.icon-phone:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none'%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M13.204 16.797a19.848 19.848 0 0 1-4.145-5.983 1.177 1.177 0 0 1 .261-1.3l1.287-1.285c1.054-1.054 1.054-2.544.133-3.465L8.896 2.92a3.142 3.142 0 0 0-4.443 0L3.43 3.944c-1.164 1.164-1.65 2.843-1.335 4.509.776 4.104 3.16 8.599 7.008 12.446 3.847 3.847 8.342 6.232 12.447 7.008 1.665.314 3.344-.172 4.508-1.336l1.023-1.022a3.142 3.142 0 0 0 0-4.443l-1.843-1.843a2.357 2.357 0 0 0-3.332 0l-1.418 1.42a1.177 1.177 0 0 1-1.3.261 19.89 19.89 0 0 1-5.984-4.147Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none'%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M13.204 16.797a19.848 19.848 0 0 1-4.145-5.983 1.177 1.177 0 0 1 .261-1.3l1.287-1.285c1.054-1.054 1.054-2.544.133-3.465L8.896 2.92a3.142 3.142 0 0 0-4.443 0L3.43 3.944c-1.164 1.164-1.65 2.843-1.335 4.509.776 4.104 3.16 8.599 7.008 12.446 3.847 3.847 8.342 6.232 12.447 7.008 1.665.314 3.344-.172 4.508-1.336l1.023-1.022a3.142 3.142 0 0 0 0-4.443l-1.843-1.843a2.357 2.357 0 0 0-3.332 0l-1.418 1.42a1.177 1.177 0 0 1-1.3.261 19.89 19.89 0 0 1-5.984-4.147Z'/%3E%3C/svg%3E");
}
.icon-copy {
width: 20px;
height: 20px;
}
.icon-copy:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1193_15396)'%3E%3Cpath d='M3.5028 2.62704L3.5 4.75V15.2542C3.5 17.0491 4.95507 18.5042 6.75 18.5042L15.3663 18.5045C15.0573 19.3782 14.224 20.0042 13.2444 20.0042H6.75C4.12665 20.0042 2 17.8776 2 15.2542V4.75C2 3.76929 2.62745 2.93512 3.5028 2.62704ZM15.75 0C16.9926 0 18 1.00736 18 2.25V15.25C18 16.4926 16.9926 17.5 15.75 17.5H6.75C5.50736 17.5 4.5 16.4926 4.5 15.25V2.25C4.5 1.00736 5.50736 0 6.75 0H15.75ZM15.75 1.5H6.75C6.33579 1.5 6 1.83579 6 2.25V15.25C6 15.6642 6.33579 16 6.75 16H15.75C16.1642 16 16.5 15.6642 16.5 15.25V2.25C16.5 1.83579 16.1642 1.5 15.75 1.5Z' fill='%2301192F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1193_15396'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1193_15396)'%3E%3Cpath d='M3.5028 2.62704L3.5 4.75V15.2542C3.5 17.0491 4.95507 18.5042 6.75 18.5042L15.3663 18.5045C15.0573 19.3782 14.224 20.0042 13.2444 20.0042H6.75C4.12665 20.0042 2 17.8776 2 15.2542V4.75C2 3.76929 2.62745 2.93512 3.5028 2.62704ZM15.75 0C16.9926 0 18 1.00736 18 2.25V15.25C18 16.4926 16.9926 17.5 15.75 17.5H6.75C5.50736 17.5 4.5 16.4926 4.5 15.25V2.25C4.5 1.00736 5.50736 0 6.75 0H15.75ZM15.75 1.5H6.75C6.33579 1.5 6 1.83579 6 2.25V15.25C6 15.6642 6.33579 16 6.75 16H15.75C16.1642 16 16.5 15.6642 16.5 15.25V2.25C16.5 1.83579 16.1642 1.5 15.75 1.5Z' fill='%2301192F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1193_15396'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.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-catalogue {
width: 24px;
height: 24px;
}
.icon-catalogue:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_345_42' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_345_42)'%3E%3Cpath d='M11.9808 19.0019C11.8294 19.0019 11.6791 18.9817 11.5297 18.9412C11.3804 18.9008 11.2436 18.8454 11.1193 18.7749C10.4103 18.3518 9.6695 18.0335 8.897 17.8202C8.12467 17.6067 7.32567 17.4999 6.5 17.4999C5.88983 17.4999 5.2905 17.5675 4.702 17.7027C4.1135 17.838 3.54617 18.0371 3 18.2999C2.64367 18.4639 2.30458 18.4395 1.98275 18.2267C1.66092 18.014 1.5 17.7128 1.5 17.3229V6.48468C1.5 6.26918 1.55708 6.07009 1.67125 5.88743C1.78525 5.70476 1.94358 5.57176 2.14625 5.48843C2.82308 5.15893 3.5285 4.91184 4.2625 4.74718C4.9965 4.58235 5.74233 4.49993 6.5 4.49993C7.473 4.49993 8.42042 4.63776 9.34225 4.91343C10.2641 5.18909 11.15 5.57693 12 6.07693V17.5614C12.8437 17.0281 13.7338 16.6345 14.6702 16.3807C15.6067 16.1268 16.55 15.9999 17.5 15.9999C18.0743 15.9999 18.6169 16.0403 19.1278 16.1212C19.6388 16.2018 20.1667 16.3293 20.7115 16.5037C20.782 16.523 20.8477 16.5247 20.9088 16.5087C20.9696 16.4925 21 16.4396 21 16.3499V5.11918C21.173 5.17051 21.3419 5.22759 21.5068 5.29043C21.6714 5.35326 21.832 5.4321 21.9885 5.52693C22.159 5.61026 22.2868 5.73201 22.372 5.89218C22.4573 6.05251 22.5 6.22434 22.5 6.40768V17.3037C22.5 17.6935 22.3342 17.9932 22.0028 18.2027C21.6714 18.4123 21.3179 18.4383 20.9423 18.2807C20.4026 18.0242 19.8433 17.8299 19.2645 17.6979C18.6857 17.5659 18.0975 17.4999 17.5 17.4999C16.668 17.4999 15.8593 17.6067 15.074 17.8202C14.2888 18.0335 13.5417 18.3518 12.8328 18.7749C12.7084 18.8454 12.5732 18.9008 12.427 18.9412C12.2808 18.9817 12.1321 19.0019 11.9808 19.0019ZM14.7673 14.3077C14.6134 14.4448 14.4471 14.4724 14.2682 14.3904C14.0894 14.3083 14 14.1653 14 13.9614V6.19043C14 6.13009 14.0125 6.07076 14.0375 6.01243C14.0625 5.95409 14.0968 5.90318 14.1405 5.85968L18.2173 1.78268C18.3711 1.62884 18.54 1.59201 18.724 1.67218C18.908 1.75218 19 1.89926 19 2.11343V10.2942C19 10.371 18.9849 10.437 18.9548 10.4922C18.9246 10.5473 18.8878 10.5968 18.8443 10.6404L14.7673 14.3077ZM10.5 16.8364V6.98468C9.87317 6.67435 9.22383 6.43259 8.552 6.25943C7.88017 6.08643 7.19617 5.99993 6.5 5.99993C5.88333 5.99993 5.29775 6.05668 4.74325 6.17018C4.18875 6.28368 3.66858 6.44101 3.18275 6.64218C3.13142 6.66151 3.08817 6.68876 3.053 6.72393C3.01767 6.75926 3 6.80251 3 6.85368V16.3844C3 16.4743 3.03042 16.5272 3.09125 16.5432C3.15225 16.5592 3.218 16.5543 3.2885 16.5287C3.782 16.3505 4.29067 16.2178 4.8145 16.1307C5.33817 16.0435 5.9 15.9999 6.5 15.9999C7.2475 15.9999 7.96158 16.0772 8.64225 16.2317C9.32308 16.3862 9.94233 16.5878 10.5 16.8364Z' fill='%2317469E'/%3E%3C/g%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_345_42' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_345_42)'%3E%3Cpath d='M11.9808 19.0019C11.8294 19.0019 11.6791 18.9817 11.5297 18.9412C11.3804 18.9008 11.2436 18.8454 11.1193 18.7749C10.4103 18.3518 9.6695 18.0335 8.897 17.8202C8.12467 17.6067 7.32567 17.4999 6.5 17.4999C5.88983 17.4999 5.2905 17.5675 4.702 17.7027C4.1135 17.838 3.54617 18.0371 3 18.2999C2.64367 18.4639 2.30458 18.4395 1.98275 18.2267C1.66092 18.014 1.5 17.7128 1.5 17.3229V6.48468C1.5 6.26918 1.55708 6.07009 1.67125 5.88743C1.78525 5.70476 1.94358 5.57176 2.14625 5.48843C2.82308 5.15893 3.5285 4.91184 4.2625 4.74718C4.9965 4.58235 5.74233 4.49993 6.5 4.49993C7.473 4.49993 8.42042 4.63776 9.34225 4.91343C10.2641 5.18909 11.15 5.57693 12 6.07693V17.5614C12.8437 17.0281 13.7338 16.6345 14.6702 16.3807C15.6067 16.1268 16.55 15.9999 17.5 15.9999C18.0743 15.9999 18.6169 16.0403 19.1278 16.1212C19.6388 16.2018 20.1667 16.3293 20.7115 16.5037C20.782 16.523 20.8477 16.5247 20.9088 16.5087C20.9696 16.4925 21 16.4396 21 16.3499V5.11918C21.173 5.17051 21.3419 5.22759 21.5068 5.29043C21.6714 5.35326 21.832 5.4321 21.9885 5.52693C22.159 5.61026 22.2868 5.73201 22.372 5.89218C22.4573 6.05251 22.5 6.22434 22.5 6.40768V17.3037C22.5 17.6935 22.3342 17.9932 22.0028 18.2027C21.6714 18.4123 21.3179 18.4383 20.9423 18.2807C20.4026 18.0242 19.8433 17.8299 19.2645 17.6979C18.6857 17.5659 18.0975 17.4999 17.5 17.4999C16.668 17.4999 15.8593 17.6067 15.074 17.8202C14.2888 18.0335 13.5417 18.3518 12.8328 18.7749C12.7084 18.8454 12.5732 18.9008 12.427 18.9412C12.2808 18.9817 12.1321 19.0019 11.9808 19.0019ZM14.7673 14.3077C14.6134 14.4448 14.4471 14.4724 14.2682 14.3904C14.0894 14.3083 14 14.1653 14 13.9614V6.19043C14 6.13009 14.0125 6.07076 14.0375 6.01243C14.0625 5.95409 14.0968 5.90318 14.1405 5.85968L18.2173 1.78268C18.3711 1.62884 18.54 1.59201 18.724 1.67218C18.908 1.75218 19 1.89926 19 2.11343V10.2942C19 10.371 18.9849 10.437 18.9548 10.4922C18.9246 10.5473 18.8878 10.5968 18.8443 10.6404L14.7673 14.3077ZM10.5 16.8364V6.98468C9.87317 6.67435 9.22383 6.43259 8.552 6.25943C7.88017 6.08643 7.19617 5.99993 6.5 5.99993C5.88333 5.99993 5.29775 6.05668 4.74325 6.17018C4.18875 6.28368 3.66858 6.44101 3.18275 6.64218C3.13142 6.66151 3.08817 6.68876 3.053 6.72393C3.01767 6.75926 3 6.80251 3 6.85368V16.3844C3 16.4743 3.03042 16.5272 3.09125 16.5432C3.15225 16.5592 3.218 16.5543 3.2885 16.5287C3.782 16.3505 4.29067 16.2178 4.8145 16.1307C5.33817 16.0435 5.9 15.9999 6.5 15.9999C7.2475 15.9999 7.96158 16.0772 8.64225 16.2317C9.32308 16.3862 9.94233 16.5878 10.5 16.8364Z' fill='%2317469E'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.icon-send-mail {
width: 20px;
height: 20px;
}
.icon-send-mail:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5156 2.85938C16.9805 2.58594 17.582 2.96875 17.4727 3.51562L15.5039 15.3281C15.4492 15.7656 14.9844 16.0117 14.6016 15.8477L11.2109 14.3984L9.46094 16.5312C9.07812 16.9961 8.3125 16.75 8.3125 16.0938V13.8789L14.875 5.86719C15.0117 5.70312 14.793 5.51172 14.6562 5.64844L6.80859 12.5664L3.88281 11.3359C3.39062 11.1445 3.33594 10.4336 3.82812 10.1602L16.5156 2.85938Z' fill='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5156 2.85938C16.9805 2.58594 17.582 2.96875 17.4727 3.51562L15.5039 15.3281C15.4492 15.7656 14.9844 16.0117 14.6016 15.8477L11.2109 14.3984L9.46094 16.5312C9.07812 16.9961 8.3125 16.75 8.3125 16.0938V13.8789L14.875 5.86719C15.0117 5.70312 14.793 5.51172 14.6562 5.64844L6.80859 12.5664L3.88281 11.3359C3.39062 11.1445 3.33594 10.4336 3.82812 10.1602L16.5156 2.85938Z' fill='white'/%3E%3C/svg%3E%0A");
}
.icon-add-to-cart {
width: 24px;
height: 24px;
}
.icon-add-to-cart:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35.183' height='30' viewBox='0 0 35.183 30'%3E%3Cg transform='translate(-3930.001 -4547.392)'%3E%3Cpath fill='%23ffffff' d='M13.911,21.088l10.666-3.839a1.94,1.94,0,0,0,1.253-1.487l1-5.63a.581.581,0,0,0-.711-.666L.442,15.822a.581.581,0,0,0-.048,1.114L12.629,21.1a1.94,1.94,0,0,0,1.282-.011' transform='translate(3930 4544.315)'/%3E%3Cpath fill='%23ffffff' d='M9.1,26.228a5.989,5.989,0,1,0,7.393,4.131A5.99,5.99,0,0,0,9.1,26.228m2.4,8.481a2.825,2.825,0,1,1,1.948-3.487A2.826,2.826,0,0,1,11.5,34.709' transform='translate(3928.596 4539.411)'/%3E%3Cpath fill='%23ffffff' d='M41.084,1.264,40.9.622A.313.313,0,0,0,40.517.4L36.594,1.482l-.386.106a1.1,1.1,0,0,0-.783.818L32.642,14.511a.612.612,0,0,1-.393.44l-12.3,4.343a7.062,7.062,0,0,1,.926,1.043l1.231-.438,9.016,5.3a1.976,1.976,0,0,0,2.881-2.317l-2.091-6.4.673-.261a1.884,1.884,0,0,0,1.157-1.338L36.453,3.045a.384.384,0,0,1,.274-.286l.189-.05,3.706-.991.241-.065a.314.314,0,0,0,.222-.389m-8.3,22.073a.6.6,0,0,1-.877.706l-8.055-4.726,2.045-.736,4.788-1.67Z' transform='translate(3924.087 4547)'/%3E%3Cpath fill='%23ffffff' d='M12.592,33.2a.948.948,0,1,0,1.171.654.949.949,0,0,0-1.171-.654' transform='translate(3926.473 4537.288)'/%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35.183' height='30' viewBox='0 0 35.183 30'%3E%3Cg transform='translate(-3930.001 -4547.392)'%3E%3Cpath fill='%23ffffff' d='M13.911,21.088l10.666-3.839a1.94,1.94,0,0,0,1.253-1.487l1-5.63a.581.581,0,0,0-.711-.666L.442,15.822a.581.581,0,0,0-.048,1.114L12.629,21.1a1.94,1.94,0,0,0,1.282-.011' transform='translate(3930 4544.315)'/%3E%3Cpath fill='%23ffffff' d='M9.1,26.228a5.989,5.989,0,1,0,7.393,4.131A5.99,5.99,0,0,0,9.1,26.228m2.4,8.481a2.825,2.825,0,1,1,1.948-3.487A2.826,2.826,0,0,1,11.5,34.709' transform='translate(3928.596 4539.411)'/%3E%3Cpath fill='%23ffffff' d='M41.084,1.264,40.9.622A.313.313,0,0,0,40.517.4L36.594,1.482l-.386.106a1.1,1.1,0,0,0-.783.818L32.642,14.511a.612.612,0,0,1-.393.44l-12.3,4.343a7.062,7.062,0,0,1,.926,1.043l1.231-.438,9.016,5.3a1.976,1.976,0,0,0,2.881-2.317l-2.091-6.4.673-.261a1.884,1.884,0,0,0,1.157-1.338L36.453,3.045a.384.384,0,0,1,.274-.286l.189-.05,3.706-.991.241-.065a.314.314,0,0,0,.222-.389m-8.3,22.073a.6.6,0,0,1-.877.706l-8.055-4.726,2.045-.736,4.788-1.67Z' transform='translate(3924.087 4547)'/%3E%3Cpath fill='%23ffffff' d='M12.592,33.2a.948.948,0,1,0,1.171.654.949.949,0,0,0-1.171-.654' transform='translate(3926.473 4537.288)'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-file {
width: 24px;
height: 24px;
}
.icon-file: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='feather feather-file-text'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3Cpolyline points='10 9 9 9 8 9'/%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='feather feather-file-text'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3Cpolyline points='10 9 9 9 8 9'/%3E%3C/svg%3E");
}
.icon-basket {
width: 35px;
height: 30px;
}
.icon-basket:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35.183' height='30' viewBox='0 0 35.183 30'%3E%3Cg transform='translate(-3930.001 -4547.392)'%3E%3Cpath fill='%23f04e23' d='M13.911,21.088l10.666-3.839a1.94,1.94,0,0,0,1.253-1.487l1-5.63a.581.581,0,0,0-.711-.666L.442,15.822a.581.581,0,0,0-.048,1.114L12.629,21.1a1.94,1.94,0,0,0,1.282-.011' transform='translate(3930 4544.315)'%3E%3C/path%3E%3Cpath fill='%23f04e23' d='M9.1,26.228a5.989,5.989,0,1,0,7.393,4.131A5.99,5.99,0,0,0,9.1,26.228m2.4,8.481a2.825,2.825,0,1,1,1.948-3.487A2.826,2.826,0,0,1,11.5,34.709' transform='translate(3928.596 4539.411)'%3E%3C/path%3E%3Cpath fill='%23f04e23' d='M41.084,1.264,40.9.622A.313.313,0,0,0,40.517.4L36.594,1.482l-.386.106a1.1,1.1,0,0,0-.783.818L32.642,14.511a.612.612,0,0,1-.393.44l-12.3,4.343a7.062,7.062,0,0,1,.926,1.043l1.231-.438,9.016,5.3a1.976,1.976,0,0,0,2.881-2.317l-2.091-6.4.673-.261a1.884,1.884,0,0,0,1.157-1.338L36.453,3.045a.384.384,0,0,1,.274-.286l.189-.05,3.706-.991.241-.065a.314.314,0,0,0,.222-.389m-8.3,22.073a.6.6,0,0,1-.877.706l-8.055-4.726,2.045-.736,4.788-1.67Z' transform='translate(3924.087 4547)'%3E%3C/path%3E%3Cpath fill='%23f04e23' d='M12.592,33.2a.948.948,0,1,0,1.171.654.949.949,0,0,0-1.171-.654' transform='translate(3926.473 4537.288)'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35.183' height='30' viewBox='0 0 35.183 30'%3E%3Cg transform='translate(-3930.001 -4547.392)'%3E%3Cpath fill='%23f04e23' d='M13.911,21.088l10.666-3.839a1.94,1.94,0,0,0,1.253-1.487l1-5.63a.581.581,0,0,0-.711-.666L.442,15.822a.581.581,0,0,0-.048,1.114L12.629,21.1a1.94,1.94,0,0,0,1.282-.011' transform='translate(3930 4544.315)'%3E%3C/path%3E%3Cpath fill='%23f04e23' d='M9.1,26.228a5.989,5.989,0,1,0,7.393,4.131A5.99,5.99,0,0,0,9.1,26.228m2.4,8.481a2.825,2.825,0,1,1,1.948-3.487A2.826,2.826,0,0,1,11.5,34.709' transform='translate(3928.596 4539.411)'%3E%3C/path%3E%3Cpath fill='%23f04e23' d='M41.084,1.264,40.9.622A.313.313,0,0,0,40.517.4L36.594,1.482l-.386.106a1.1,1.1,0,0,0-.783.818L32.642,14.511a.612.612,0,0,1-.393.44l-12.3,4.343a7.062,7.062,0,0,1,.926,1.043l1.231-.438,9.016,5.3a1.976,1.976,0,0,0,2.881-2.317l-2.091-6.4.673-.261a1.884,1.884,0,0,0,1.157-1.338L36.453,3.045a.384.384,0,0,1,.274-.286l.189-.05,3.706-.991.241-.065a.314.314,0,0,0,.222-.389m-8.3,22.073a.6.6,0,0,1-.877.706l-8.055-4.726,2.045-.736,4.788-1.67Z' transform='translate(3924.087 4547)'%3E%3C/path%3E%3Cpath fill='%23f04e23' d='M12.592,33.2a.948.948,0,1,0,1.171.654.949.949,0,0,0-1.171-.654' transform='translate(3926.473 4537.288)'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.icon-pencil {
width: 20px;
height: 20px;
}
.icon-pencil:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.787' height='15.765' viewBox='0 0 15.787 15.765'%3E%3Cpath id='edit_FILL0_wght400_GRAD0_opsz24' d='M121.728,220.037h1.209l7.45-7.45-1.209-1.209-7.45,7.45Zm12.353-8.7-3.671-3.628,1.209-1.209a1.747,1.747,0,0,1,2.44,0l1.209,1.209a1.712,1.712,0,0,1,.518,1.2,1.561,1.561,0,0,1-.475,1.2Zm-1.253,1.274-9.156,9.157H120v-3.671l9.156-9.157Zm-3.045-.626-.6-.6,1.209,1.209Z' transform='translate(-120 -206)' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.787' height='15.765' viewBox='0 0 15.787 15.765'%3E%3Cpath id='edit_FILL0_wght400_GRAD0_opsz24' d='M121.728,220.037h1.209l7.45-7.45-1.209-1.209-7.45,7.45Zm12.353-8.7-3.671-3.628,1.209-1.209a1.747,1.747,0,0,1,2.44,0l1.209,1.209a1.712,1.712,0,0,1,.518,1.2,1.561,1.561,0,0,1-.475,1.2Zm-1.253,1.274-9.156,9.157H120v-3.671l9.156-9.157Zm-3.045-.626-.6-.6,1.209,1.209Z' transform='translate(-120 -206)' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}
.icon-trash {
width: 20px;
height: 20px;
}
.icon-trash: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='feather feather-trash-2'%3E%3Cpolyline points='3 6 5 6 21 6'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3Cline x1='10' y1='11' x2='10' y2='17'/%3E%3Cline x1='14' y1='11' x2='14' y2='17'/%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='feather feather-trash-2'%3E%3Cpolyline points='3 6 5 6 21 6'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3Cline x1='10' y1='11' x2='10' y2='17'/%3E%3Cline x1='14' y1='11' x2='14' y2='17'/%3E%3C/svg%3E");
}
.icon-logo {
width: 191px;
height: 42px;
}
.icon-logo:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='191' height='42' viewBox='0 0 191 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.9347 33.241C14.0697 33.9108 11.2584 34.2741 8.50062 34.2741C1.95469 34.2741 -0.963883 30.5106 0.280976 23.6592L4.65287 0H13.4145L11.848 8.50324H19.9069L18.5012 15.9734H10.4424L9.1975 22.8305C8.70909 25.4586 9.68591 26.7983 12.2233 26.7983C13.4681 26.7983 15.1955 26.645 17.3635 26.3839L16.9287 33.241H16.9347Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M38.8236 25.1005C40.2829 23.7098 41.0393 21.9047 41.0393 19.742C41.0393 16.6483 38.9844 14.69 35.5774 14.69C33.3617 14.69 31.4676 15.4109 29.9547 16.8016C28.4954 18.1923 27.739 19.9463 27.739 22.058C27.739 25.2027 29.7939 27.2121 33.2545 27.2121C35.4702 27.2121 37.3643 26.4912 38.8236 25.1005ZM49.527 18.6578C49.527 23.1932 47.8533 26.9567 44.4999 29.9425C41.2001 32.8828 36.9831 34.3757 31.9024 34.3757C24.1176 34.3757 19.2454 29.9425 19.2454 23.0911C19.2454 18.5556 20.9191 14.8432 24.2724 11.9085C27.6258 8.97385 31.8429 7.52637 36.8699 7.52637C44.6548 7.52637 49.527 11.8575 49.527 18.6578Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M70.4095 25.1521C71.8152 23.6592 72.518 21.8031 72.518 19.5325C72.518 16.4389 70.7848 14.4805 67.3242 14.4805C65.7577 14.4805 63.9708 14.5827 61.9159 14.7359L59.6466 27.0026C61.4334 27.2581 63.268 27.3659 65.2693 27.3659C67.2706 27.3659 69.0038 26.645 70.4095 25.1521ZM80.7913 20.8721C80.0884 25.0443 78.3016 28.2912 75.3294 30.715C72.3572 33.0877 69.1111 34.2684 65.5433 34.2684C62.6247 34.2684 60.2422 34.1663 58.3481 34.013L56.9007 41.9997H48.0854L54.2383 8.96304C61.3203 8.13996 66.6213 7.72559 70.1355 7.72559C78.1944 7.72559 82.0897 12.8287 80.7913 20.8664V20.8721Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M90.9172 22.2117C90.9172 25.3054 92.8113 27.3659 95.7835 27.3659C97.7312 27.3659 99.6253 27.2637 101.46 27.0026L103.729 14.8892C101.835 14.6338 100.054 14.4748 98.4817 14.4748C93.2342 14.4748 90.9113 17.875 90.9113 22.2061L90.9172 22.2117ZM109.143 32.9855C102.49 33.8597 97.082 34.2741 92.9185 34.2741C89.726 34.2741 87.0814 33.241 85.0205 31.1805C82.9656 29.1199 82.102 26.2306 82.4236 22.575C82.7452 18.0907 84.3177 14.4862 87.129 11.8012C89.994 9.07088 93.675 7.73125 98.16 7.73125C100.108 7.73125 102.377 7.88452 104.974 8.19672L106.457 0H115.272L109.143 32.9855Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M133.01 25.1005C134.469 23.7098 135.226 21.9047 135.226 19.742C135.226 16.6483 133.171 14.69 129.764 14.69C127.548 14.69 125.654 15.4109 124.141 16.8016C122.682 18.1923 121.925 19.9463 121.925 22.058C121.925 25.2027 123.98 27.2121 127.441 27.2121C129.656 27.2121 131.551 26.4912 133.01 25.1005ZM143.713 18.6578C143.713 23.1932 142.04 26.9567 138.686 29.9425C135.386 32.8828 131.169 34.3757 126.089 34.3757C118.304 34.3757 113.432 29.9425 113.432 23.0911C113.432 18.5556 115.105 14.8432 118.459 11.9085C121.812 8.97385 126.029 7.52637 131.062 7.52637C138.847 7.52637 143.713 11.8575 143.713 18.6578Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M190.762 17.37L187.79 33.5023H179.028L181.571 19.8449C182.167 16.5469 180.815 15.3094 177.783 15.3094C176.27 15.3094 174.757 15.4627 173.292 15.7238C173.239 16.5469 173.131 17.4778 172.911 18.4542L170.153 33.5023H161.392L163.935 19.8449C164.53 16.5469 163.178 15.3094 160.147 15.3094C158.795 15.3094 157.335 15.3605 155.876 15.5138L152.523 33.5023H143.761L148.252 9.07108C154.691 8.19691 159.932 7.73145 163.988 7.73145C166.532 7.73145 168.533 8.14582 169.992 9.01999C174.43 8.14582 178.266 7.73145 181.565 7.73145C188.326 7.73145 192.001 10.9273 190.762 17.37Z' fill='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='191' height='42' viewBox='0 0 191 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.9347 33.241C14.0697 33.9108 11.2584 34.2741 8.50062 34.2741C1.95469 34.2741 -0.963883 30.5106 0.280976 23.6592L4.65287 0H13.4145L11.848 8.50324H19.9069L18.5012 15.9734H10.4424L9.1975 22.8305C8.70909 25.4586 9.68591 26.7983 12.2233 26.7983C13.4681 26.7983 15.1955 26.645 17.3635 26.3839L16.9287 33.241H16.9347Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M38.8236 25.1005C40.2829 23.7098 41.0393 21.9047 41.0393 19.742C41.0393 16.6483 38.9844 14.69 35.5774 14.69C33.3617 14.69 31.4676 15.4109 29.9547 16.8016C28.4954 18.1923 27.739 19.9463 27.739 22.058C27.739 25.2027 29.7939 27.2121 33.2545 27.2121C35.4702 27.2121 37.3643 26.4912 38.8236 25.1005ZM49.527 18.6578C49.527 23.1932 47.8533 26.9567 44.4999 29.9425C41.2001 32.8828 36.9831 34.3757 31.9024 34.3757C24.1176 34.3757 19.2454 29.9425 19.2454 23.0911C19.2454 18.5556 20.9191 14.8432 24.2724 11.9085C27.6258 8.97385 31.8429 7.52637 36.8699 7.52637C44.6548 7.52637 49.527 11.8575 49.527 18.6578Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M70.4095 25.1521C71.8152 23.6592 72.518 21.8031 72.518 19.5325C72.518 16.4389 70.7848 14.4805 67.3242 14.4805C65.7577 14.4805 63.9708 14.5827 61.9159 14.7359L59.6466 27.0026C61.4334 27.2581 63.268 27.3659 65.2693 27.3659C67.2706 27.3659 69.0038 26.645 70.4095 25.1521ZM80.7913 20.8721C80.0884 25.0443 78.3016 28.2912 75.3294 30.715C72.3572 33.0877 69.1111 34.2684 65.5433 34.2684C62.6247 34.2684 60.2422 34.1663 58.3481 34.013L56.9007 41.9997H48.0854L54.2383 8.96304C61.3203 8.13996 66.6213 7.72559 70.1355 7.72559C78.1944 7.72559 82.0897 12.8287 80.7913 20.8664V20.8721Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M90.9172 22.2117C90.9172 25.3054 92.8113 27.3659 95.7835 27.3659C97.7312 27.3659 99.6253 27.2637 101.46 27.0026L103.729 14.8892C101.835 14.6338 100.054 14.4748 98.4817 14.4748C93.2342 14.4748 90.9113 17.875 90.9113 22.2061L90.9172 22.2117ZM109.143 32.9855C102.49 33.8597 97.082 34.2741 92.9185 34.2741C89.726 34.2741 87.0814 33.241 85.0205 31.1805C82.9656 29.1199 82.102 26.2306 82.4236 22.575C82.7452 18.0907 84.3177 14.4862 87.129 11.8012C89.994 9.07088 93.675 7.73125 98.16 7.73125C100.108 7.73125 102.377 7.88452 104.974 8.19672L106.457 0H115.272L109.143 32.9855Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M133.01 25.1005C134.469 23.7098 135.226 21.9047 135.226 19.742C135.226 16.6483 133.171 14.69 129.764 14.69C127.548 14.69 125.654 15.4109 124.141 16.8016C122.682 18.1923 121.925 19.9463 121.925 22.058C121.925 25.2027 123.98 27.2121 127.441 27.2121C129.656 27.2121 131.551 26.4912 133.01 25.1005ZM143.713 18.6578C143.713 23.1932 142.04 26.9567 138.686 29.9425C135.386 32.8828 131.169 34.3757 126.089 34.3757C118.304 34.3757 113.432 29.9425 113.432 23.0911C113.432 18.5556 115.105 14.8432 118.459 11.9085C121.812 8.97385 126.029 7.52637 131.062 7.52637C138.847 7.52637 143.713 11.8575 143.713 18.6578Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M190.762 17.37L187.79 33.5023H179.028L181.571 19.8449C182.167 16.5469 180.815 15.3094 177.783 15.3094C176.27 15.3094 174.757 15.4627 173.292 15.7238C173.239 16.5469 173.131 17.4778 172.911 18.4542L170.153 33.5023H161.392L163.935 19.8449C164.53 16.5469 163.178 15.3094 160.147 15.3094C158.795 15.3094 157.335 15.3605 155.876 15.5138L152.523 33.5023H143.761L148.252 9.07108C154.691 8.19691 159.932 7.73145 163.988 7.73145C166.532 7.73145 168.533 8.14582 169.992 9.01999C174.43 8.14582 178.266 7.73145 181.565 7.73145C188.326 7.73145 192.001 10.9273 190.762 17.37Z' fill='white'/%3E%3C/svg%3E%0A");
}
.mod-input {
width: 100%;
position: relative;
}
.mod-input ::-webkit-input-placeholder {
color: #000;
opacity: 0.66;
}
.mod-input :-ms-input-placeholder {
color: #000;
opacity: 0.66;
}
.mod-input ::placeholder {
color: #000;
opacity: 0.66;
}
.mod-input__label {
position: relative;
margin: 0 0 4px;
display: block;
z-index: 4;
font-weight: 500;
}
.mod-input__field {
position: relative;
width: 100%;
height: 45px;
border: 1px solid rgba(48, 49, 51, 0.2);
border-radius: 4px;
background: var(--color-white);
outline: none;
z-index: 1;
font-size: 16px;
font-family: "Canaro", sans-serif;
padding: 8px 20px;
font-weight: 400;
transition: border-color 0.3s ease;
}
.mod-input__field:focus {
border-color: var(--color-primary);
}
.is-validation-failed .mod-input__field, .mod-input__field.is-validation-failed {
color: var(--color-validation-failed);
border-color: var(--color-validation-failed);
}
.mod-input__field:-webkit-autofill {
color: var(--color-black) !important;
-webkit-text-fill-color: var(--color-black) !important;
}
.mod-input__field:-webkit-autofill::selection {
background-color: transparent !important;
-webkit-text-fill-color: var(--color-black) !important;
}
.mod-input__inner {
position: relative;
}
.mod-input textarea {
resize: none;
min-height: 180px;
padding: 12px 20px;
}
@media only screen and (max-width: 1022px) {
.mod-input textarea {
height: 164px;
}
}
.mod-input.is-disabled {
opacity: 0.5;
}
.mod-input.is-disabled .mod-input__field {
pointer-events: none;
}
.mod-input.is-validation-failed label {
color: var(--color-validation-failed);
}
.mod-input.is-focused .mod-input__password-validation {
display: grid;
}
.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;
}
.fv-plugins-message-container,
.validation-message {
color: var(--color-validation-failed);
position: relative;
font-size: 14px;
line-height: 20px;
margin-top: 4px;
}
.validation-message {
display: none;
}
.is-validation-failed .validation-message {
display: block;
}
.form-success-message,
.form-error-message {
margin: 10px 0;
padding: 8px 20px;
font-size: 16px;
line-height: 1.6;
border-radius: 4px;
color: var(--color-white);
}
@media only screen and (max-width: 767px) {
.form-success-message,
.form-error-message {
font-size: 14px;
padding: 5px 10px;
}
}
.form-success-message.is-hidden,
.form-error-message.is-hidden {
display: none;
}
.form-error-message {
background-color: rgba(255, 59, 48, 0.5);
border: 1px solid var(--color-validation-failed);
}
.form-success-message {
background-color: rgba(40, 167, 69, 0.5);
border: 1px solid var(--color-success);
}
.lead-text {
font-size: 20px;
line-height: 1.6;
}
@media only screen and (max-width: 767px) {
.lead-text {
font-size: 18px;
}
}
.lead-text {
font-weight: 700;
}

.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;
}
.mod-loader {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: opacity 0.3s ease 0.2s, visibility 0.3s ease 0.2s;
opacity: 0;
pointer-events: none;
visibility: hidden;
z-index: 30;
background-color: var(--color-white);
}
.show-loader .mod-loader {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.mod-loader svg {
width: 120px;
height: 120px;
}
.mod-loader__spinner {
border: 5px solid var(--color-dark-blue);
border-radius: 50%;
border-top: 5px solid transparent;
width: 60px;
height: 60px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
} @-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .margin {
display: block;
width: 100%;
}
.margin--200 {
height: 200px;
}
@media only screen and (max-width: 1600px) {
.margin--200 {
height: 180px;
}
}
@media only screen and (max-width: 1200px) {
.margin--200 {
height: 120px;
}
}
@media only screen and (max-width: 1022px) {
.margin--200 {
height: 80px;
}
}
@media only screen and (max-width: 767px) {
.margin--200 {
height: 60px;
}
}
.margin--180 {
height: 180px;
}
@media only screen and (max-width: 1200px) {
.margin--180 {
height: 120px;
}
}
@media only screen and (max-width: 1022px) {
.margin--180 {
height: 80px;
}
}
.margin--160 {
height: 160px;
}
@media only screen and (max-width: 1200px) {
.margin--160 {
height: 120px;
}
}
@media only screen and (max-width: 1022px) {
.margin--160 {
height: 80px;
}
}
.margin--150 {
height: 150px;
}
@media only screen and (max-width: 1200px) {
.margin--150 {
height: 120px;
}
}
@media only screen and (max-width: 1022px) {
.margin--150 {
height: 80px;
}
}
.margin--120 {
height: 120px;
}
@media only screen and (max-width: 1200px) {
.margin--120 {
height: 80px;
}
}
@media only screen and (max-width: 767px) {
.margin--120 {
height: 60px;
}
}
.margin--100 {
height: 100px;
}
@media only screen and (max-width: 1200px) {
.margin--100 {
height: 70px;
}
}
@media only screen and (max-width: 767px) {
.margin--100 {
height: 50px;
}
}
.margin--80 {
height: 80px;
}
@media only screen and (max-width: 1200px) {
.margin--80 {
height: 60px;
}
}
@media only screen and (max-width: 767px) {
.margin--80 {
height: 40px;
}
}
.margin--60 {
height: 60px;
}
@media only screen and (max-width: 1200px) {
.margin--60 {
height: 40px;
}
}
@media only screen and (max-width: 767px) {
.margin--60 {
height: 30px;
}
}
.margin--40 {
height: 40px;
}
@media only screen and (max-width: 1200px) {
.margin--40 {
height: 30px;
}
}
@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: 20px;
}
}
.margin--24 {
height: 24px;
}
.margin--20 {
height: 20px;
}
.margin--16 {
height: 16px;
}
.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 {
user-select: none;
line-height: 1.6;
}
.radio-button__label {
position: relative;
padding-left: 32px;
cursor: pointer;
margin: 0;
min-height: 24px;
display: block;
}
.radio-button__label::after, .radio-button__label:before {
content: "";
left: 0;
top: 2px;
position: absolute;
pointer-events: none;
}
.radio-button__label:before {
width: 20px;
height: 20px;
border: 1px solid rgba(0, 0, 0, 0.12);
background-color: var(--color-white);
transition: background-color 0.3s ease, border 0.3s ease;
}
.radio-button__label::after {
top: 7px;
left: 5px;
width: 10px;
height: 10px;
transform: scale(0);
transition: transform 0.3s ease, opacity 0.3s ease;
background: currentColor;
}
.radio-button input:checked ~ label::after {
transform: scale(1);
}
.radio-button a {
text-decoration: underline;
font-weight: 600;
}
.radio-button a:hover {
color: var(--color-primary);
}
.radio-button.is-validation-failed .radio-button__label::before, .is-validation-failed .radio-button .radio-button__label::before {
border-color: var(--color-validation-failed);
}
.radio-button .fv-plugins-message-container {
text-align: left;
padding-left: 36px;
}
@media only screen and (max-width: 1022px) {
.radio-button .fv-plugins-message-container {
padding-left: 32px;
}
}
.tag {
line-height: normal;
background-color: rgba(0, 0, 0, 0.1);
padding: 5px 15px;
border-radius: 20px;
margin: 2px;
display: inline-flex;
align-items: center;
justify-content: center;
transition: background-color 0.3s ease;
}
.tag:hover {
background-color: rgba(0, 0, 0, 0.15);
}
.tag .icon {
display: inline-block;
width: 12px;
height: 12px;
margin-right: 6px;
}
.title--h6, .title--h5, .title--h4, .title--h3, .title--h2, .title--h1 {
font-weight: 500;
font-family: "Canaro", sans-serif;
line-height: 1.1;
}
.title--h1 {
font-size: 44px;
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.title--h1 {
font-size: 36px;
}
}
@media only screen and (max-width: 767px) {
.title--h1 {
font-size: 32px;
}
}
.title--h2 {
font-size: 35px;
}
@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: 22px;
}
}
.title--h3 {
font-size: 26px;
}
@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: 20px;
}
}
.title--h4 {
font-size: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.title--h4 {
font-size: 22px;
}
}
@media only screen and (max-width: 767px) {
.title--h4 {
font-size: 20px;
}
}
.title--h5 {
font-size: 23px;
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.title--h5 {
font-size: 20px;
}
}
@media only screen and (max-width: 767px) {
.title--h5 {
font-size: 18px;
}
}
.title--h6 {
font-size: 16px;
}
.page-404__title {
font-size: 120px;
line-height: 1;
}
@media only screen and (max-width: 767px) {
.page-404__title {
font-size: 80px;
}
}
.page-404__content {
width: 100%;
display: grid;
grid-gap: 20px;
max-width: 700px;
}
.sc-page-404 {
min-height: 774px;
padding: 30px 0;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 1022px) {
.sc-page-404 {
min-height: calc(var(--vh, 1vh) * 100 - 69px);
}
}
.accordion {
width: 100%;
}
.accordion.smaller {
max-width: 1000px;
margin: 0 auto;
}
.accordion__header {
text-align: center;
}
.accordion__header.smaller {
max-width: 1000px;
margin: 0 auto;
}
.accordion__header .title {
color: #17469e;
font-weight: 600;
}
.accordion__item {
background-color: var(--color-white);
box-sizing: border-box;
transition: 0.2s;
margin-bottom: 40px;
position: relative;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.125);
}
@media only screen and (max-width: 767px) {
.accordion__item {
margin-bottom: 20px;
}
}
.accordion__item:target .accordion__item__content {
display: block;
}
.accordion__item-title {
position: relative;
padding: 32px 40px;
padding-right: 60px;
cursor: pointer;
display: block;
}
@media only screen and (max-width: 1022px) {
.accordion__item-title {
padding: 28px;
padding-right: 52px;
}
}
@media only screen and (max-width: 767px) {
.accordion__item-title {
padding: 20px;
padding-right: 40px;
}
}
.accordion__item-chevron {
position: absolute;
right: 28px;
top: 0;
bottom: 0;
margin: auto;
height: 32px;
width: 32px;
border-radius: 100%;
transition: 0.2s;
}
@media only screen and (max-width: 767px) {
.accordion__item-chevron {
right: 16px;
}
}
.accordion__item-chevron:before {
content: "";
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='20' viewBox='0 0 11 20'%3E%3Cg%3E%3Cg%3E%3Cpath fill='none' stroke='%23000000' stroke-miterlimit='20' stroke-width='2' d='M10.471 1.06v0L1.53 10.001v0l8.941 8.941v0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
transform: rotate(270deg);
height: 32px;
width: 32px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.accordion__item-content {
display: none;
padding: 0 60px 40px 40px;
will-change: height, padding;
}
@media only screen and (max-width: 1022px) {
.accordion__item-content {
padding: 0 48px 28px 28px;
}
}
@media only screen and (max-width: 767px) {
.accordion__item-content {
padding: 0 20px 20px 20px;
}
}
.accordion__item.is-open .accordion__item-chevron {
transform: scaleY(-1);
}
.accordion__item-files {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
justify-items: start;
font-weight: 400;
}
@media only screen and (max-width: 1022px) {
.accordion__item-files {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 767px) {
.accordion__item-files {
grid-template-columns: 1fr;
grid-gap: 8px;
}
}
.accordion__item-file {
display: grid;
grid-template-columns: 24px auto;
grid-gap: 8px;
align-items: start;
transition: 0.3s ease;
}
@media only screen and (max-width: 767px) {
.accordion__item-file {
grid-gap: 4px;
}
}
.accordion__item-file span {
display: block;
line-height: 1.3;
padding-top: 2px;
}
.accordion__item-file:hover {
color: #f04e23;
}
.accordion__item-file .icon:before {
background-color: currentColor;
}
@media only screen and (max-width: 767px) {
.accordion__item-file .icon {
height: 20px;
width: 20px;
}
}
.accordion__item-cards {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: 40px;
align-items: start;
}
@media only screen and (max-width: 1200px) {
.accordion__item-cards {
grid-template-columns: repeat(4, 1fr);
}
}
@media only screen and (max-width: 767px) {
.accordion__item-cards {
grid-template-columns: repeat(2, 1fr);
grid-gap: 24px;
}
}
.accordion__item-cards .card__text {
font-size: 14px;
}
.banner {
background-color: #f5f5f5;
}
.banner__inner {
background-color: #17469e;
aspect-ratio: 1248/400;
position: relative;
padding: 20px 20px 20px 100px;
}
@media only screen and (max-width: 1022px) {
.banner__inner {
padding: 60px 20px;
aspect-ratio: auto;
}
}
.banner__inner img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
object-fit: cover;
height: 100%;
width: 100%;
}
.banner .title {
color: #f04e23;
font-weight: 600;
}
.banner__subtitle {
color: #17469e;
font-size: 16px;
margin-bottom: 8px;
font-weight: 600;
letter-spacing: 0.2px;
}
.banner__content {
position: relative;
max-width: 400px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
@media only screen and (max-width: 1022px) {
.banner__content {
max-width: 50%;
}
}
.banner .btn {
margin-top: 40px;
}
@media only screen and (max-width: 1022px) {
.banner .btn {
margin-top: 28px;
}
}
@media only screen and (max-width: 767px) {
.banner .btn {
margin-top: 12px;
}
}
.banner.secondary .banner__inner {
background-color: #f5f5f5;
aspect-ratio: auto;
padding: 60px 0;
display: flex;
gap: 40px;
flex-direction: row-reverse;
justify-content: center;
align-items: center;
}
@media only screen and (max-width: 1022px) {
.banner.secondary .banner__inner {
padding: 20px 0;
flex-direction: column;
align-items: center;
gap: 20px;
}
}
.banner.secondary img {
height: auto;
width: auto;
left: auto;
right: 0;
position: relative;
margin: 0;
object-fit: contain;
max-height: 312px;
}
@media only screen and (max-width: 1600px) {
.banner.secondary img {
max-height: 256px;
}
}
@media only screen and (max-width: 1022px) {
.banner.secondary img {
max-width: 75%;
margin: 0 auto;
}
}
.banner.secondary .banner__content {
flex-shrink: 0;
}
@media only screen and (max-width: 1022px) {
.banner.secondary .banner__content {
max-width: 100%;
text-align: center;
flex-shrink: initial;
align-items: center;
}
}
.blog-card-list.smaller {
max-width: 1000px;
margin: 0 auto;
}
.blog-card-list__header {
text-align: center;
}
.blog-card-list__header .title {
color: #17469e;
font-weight: 600;
}
.blog-card-list__subtitle {
font-size: 16px;
margin-top: 20px;
color: #303133;
font-weight: 600;
letter-spacing: 0.2px;
display: inline-block;
}
.blog-card-list__subtitle.has-link {
text-decoration: underline;
}
.blog-card-list__subtitle.has-link:hover {
color: #f04e23;
}
.blog-card-list__subtitle a {
text-decoration: underline;
}
.blog-card-list__subtitle a:hover {
color: #f04e23;
}
.blog-card-list__items {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
margin-top: 60px;
}
@media only screen and (max-width: 1022px) {
.blog-card-list__items {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 767px) {
.blog-card-list__items {
grid-template-columns: 1fr;
grid-gap: 12px;
margin-top: 28px;
}
}
.blog-card-list__main {
margin-top: 60px;
}
@media only screen and (max-width: 767px) {
.blog-card-list__main {
margin-top: 28px;
}
}
.blog-card-list .blog-card {
max-width: 100%;
}
.blog-list {
width: 100%;
}
.blog-list.smaller {
max-width: 1000px;
margin: 0 auto;
}
.blog-list__title {
margin-bottom: 40px;
color: #17469e;
}
.blog-list__content {
width: 100%;
}
.blog-list__items {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 40px;
}
@media only screen and (max-width: 1200px) {
.blog-list__items {
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
}
}
@media only screen and (max-width: 767px) {
.blog-list__items {
grid-template-columns: 1fr;
}
}
.blog-list .blog-card {
max-width: 100%;
}
@media only screen and (max-width: 1022px) {
.blog-list__others {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff;
max-height: calc(var(--vh, 1vh) * 100);
overflow: auto;
z-index: 102;
padding: 40px;
opacity: 0;
pointer-events: none;
visibility: visible;
transform: translateX(-10%);
transition: 0.3s ease;
height: 100%;
}
}
@media only screen and (max-width: 767px) {
.blog-list__others {
padding: 40px 20px;
}
}
.blog-list__others.is-open {
opacity: 1;
pointer-events: auto;
visibility: visible;
transform: translateX(0);
}
.blog-list__others-close {
display: none;
}
@media only screen and (max-width: 1022px) {
.blog-list__others-close {
height: 60px;
width: 60px;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 0;
right: 0;
}
}
@media only screen and (max-width: 767px) {
.blog-list__others-close {
height: 52px;
width: 52px;
}
}
.blog-list__open-filters {
display: none;
}
@media only screen and (max-width: 1022px) {
.blog-list__open-filters {
display: flex;
color: #fff;
background-color: #17469e;
border-radius: 4px;
padding: 16px 24px;
position: sticky;
bottom: 20px;
right: 20px;
font-weight: 700;
font-size: 15px;
z-index: 2;
text-align: center;
justify-content: center;
}
}
@media only screen and (max-width: 767px) {
.blog-list__open-filters {
bottom: 16px;
right: 16px;
}
}
.blog-detail {
width: 100%;
}
.blog-detail.smaller {
max-width: 1000px;
margin: 0 auto;
}
.blog-detail__content {
width: 100%;
}
.blog-detail__text {
font-size: 16px;
line-height: 1.6;
display: flex;
flex-direction: column;
gap: 40px;
}
@media only screen and (max-width: 1022px) {
.blog-detail__text {
font-size: 14px;
}
}
.blog-detail__text .title {
color: #17469e;
}
.blog-detail__image {
width: 100%;
}
.blog-detail__open-filters {
display: none;
}
@media only screen and (max-width: 1022px) {
.blog-detail__open-filters {
display: flex;
color: #fff;
background-color: #17469e;
border-radius: 4px;
padding: 16px 24px;
position: sticky;
bottom: 20px;
right: 20px;
font-weight: 700;
font-size: 15px;
z-index: 2;
text-align: center;
justify-content: center;
}
}
@media only screen and (max-width: 767px) {
.blog-detail__open-filters {
bottom: 16px;
right: 16px;
}
}
.breadcrumbs {
position: relative;
background-color: #f5f5f5;
width: 100%;
display: flex;
padding: 20px 0;
}
@media only screen and (max-width: 767px) {
.breadcrumbs {
padding: 12px 0;
}
}
.breadcrumbs.bottom-margin {
margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
.breadcrumbs.bottom-margin {
margin-bottom: 60px;
}
}
.breadcrumbs ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 0;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.breadcrumbs__item {
display: inline-block;
vertical-align: middle;
position: relative;
padding-right: 20px;
margin-right: 14px;
font-size: 14px;
}
@media only screen and (max-width: 767px) {
.breadcrumbs__item {
font-size: 12px;
line-height: 1.6;
padding-right: 12px;
margin-right: 5px;
}
}
.breadcrumbs__item .icon {
position: absolute;
right: 0;
top: 4px;
width: 10px;
height: 10px;
}
.breadcrumbs__item:last-child {
pointer-events: none;
margin-right: 0;
padding-right: 0;
}
.breadcrumbs__item:last-child .icon {
display: none;
}
.breadcrumbs__link:hover {
color: #f04e23;
}
.categories {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 0;
}
.categories__item {
padding: 16px 12px;
display: flex;
flex-direction: column;
gap: 12px;
transition: 0.3s ease;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
align-items: center;
font-size: 16px;
text-align: center;
font-weight: 500;
}
.categories__item:hover {
color: #f04e23;
}
.sc-categories {
background-color: #17469e;
color: #fff;
}
.card-list.smaller {
max-width: 1000px;
margin: 0 auto;
}
.card-list__header {
text-align: center;
margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.card-list__header {
margin-bottom: 20px;
}
}
.card-list__header .title {
color: #17469e;
font-weight: 600;
}
.card-list__subtitle {
font-size: 16px;
margin-top: 20px;
color: #303133;
font-weight: 600;
letter-spacing: 0.2px;
}
.card-list__items {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
@media only screen and (max-width: 1022px) {
.card-list__items {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 767px) {
.card-list__items {
grid-template-columns: 1fr;
grid-gap: 12px;
}
}
.card-list__items.catalogues {
grid-template-columns: repeat(4, 1fr);
grid-gap: 60px 20px;
}
@media only screen and (max-width: 1022px) {
.card-list__items.catalogues {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 767px) {
.card-list__items.catalogues {
grid-template-columns: 1fr;
grid-gap: 40px;
}
}
.card-list__slider {
margin-top: 60px;
position: relative;
}
@media only screen and (max-width: 1200px) {
.card-list__slider {
padding-bottom: 60px;
}
}
@media only screen and (max-width: 767px) {
.card-list__slider {
margin-top: 28px;
padding-bottom: 0;
}
}
.card-list__slider .card {
height: 298px;
}
.card-list__arrow {
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
cursor: pointer;
}
.card-list__arrow .icon {
height: 18px;
width: 18px;
}
.card-list__arrow .icon:before {
background-color: #303133;
}
@media only screen and (max-width: 1200px) {
.card-list__arrow .icon {
height: 16px;
width: 16px;
}
}
.card-list__arrow.swiper-button-prev {
left: -68px;
top: 0;
bottom: 0;
margin: auto;
}
@media only screen and (max-width: 1200px) {
.card-list__arrow.swiper-button-prev {
left: 0;
bottom: 0;
margin: auto;
transform: none;
position: absolute;
z-index: 1;
background-color: #fff;
height: 32px;
width: 32px;
opacity: 0.7;
}
}
.card-list__arrow.swiper-button-next {
right: -68px;
top: 0;
bottom: 0;
margin: auto;
}
@media only screen and (max-width: 1200px) {
.card-list__arrow.swiper-button-next {
bottom: 0;
margin: auto;
transform: none;
position: absolute;
z-index: 1;
right: 0;
background-color: #fff;
height: 32px;
width: 32px;
opacity: 0.7;
}
}
.card-list .card {
max-width: 100%;
}
.contact-card-list.smaller {
max-width: 1000px;
margin: 0 auto;
}
.contact-card-list__header {
text-align: center;
}
.contact-card-list__header .title {
color: #17469e;
}
.contact-card-list__items {
margin-top: 60px;
}
.detail-page-header__intro {
font-weight: 500;
font-family: "Canaro", sans-serif;
line-height: 1.1;
}
.detail-page-header {
padding: 60px 0;
background-color: #f5f5f5;
position: relative;
}
@media only screen and (max-width: 1022px) {
.detail-page-header {
padding: 40px 0;
}
}
@media only screen and (max-width: 767px) {
.detail-page-header {
padding: 28px 0;
}
}
.detail-page-header:before {
content: "";
bottom: 0;
left: 0;
width: 100%;
height: 50%;
background-color: #fff;
position: absolute;
}
.detail-page-header.without-image:before {
display: none;
}
.detail-page-header .container {
position: relative;
z-index: 1;
}
.detail-page-header .title {
color: #17469e;
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.detail-page-header .title {
margin-bottom: 20px;
}
}
.detail-page-header img {
width: 100%;
object-fit: cover;
position: relative;
aspect-ratio: 2/1;
}
.detail-page-header__intro {
font-size: 28px;
font-weight: 600;
max-width: 760px;
margin: 0 auto;
padding-bottom: 40px;
}
@media only screen and (max-width: 1022px) {
.detail-page-header__intro {
font-size: 24px;
padding: 0 24px;
padding-bottom: 28px;
}
}
@media only screen and (max-width: 767px) {
.detail-page-header__intro {
font-size: 20px;
padding-bottom: 20px;
}
}
.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: gray;
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: #28a745;
}
.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);
}
@media only screen and (max-width: 1022px) {
.files-list {
padding-top: 40px;
}
}
.files-list__group {
padding-top: 180px;
margin-top: -180px;
}
@media only screen and (max-width: 1600px) {
.files-list__group {
padding-top: 140px;
margin-top: -140px;
}
}
@media only screen and (max-width: 1022px) {
.files-list__group {
padding-top: 80px;
margin-top: -80px;
}
}
.files-list__filters {
margin-bottom: 60px;
padding: 20px 0;
position: sticky;
top: 100px;
z-index: 1;
background-color: #fff;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.125);
overflow: hidden;
}
@media only screen and (max-width: 1600px) {
.files-list__filters {
top: 60px;
}
}
@media only screen and (max-width: 1022px) {
.files-list__filters {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff;
max-height: calc(var(--vh, 1vh) * 100);
overflow: auto;
z-index: 102;
padding: 40px 20px;
padding-top: 60px;
opacity: 0;
pointer-events: none;
visibility: visible;
transform: translateX(-10%);
transition: 0.3s ease;
height: 100%;
}
}
.files-list__filters.is-open {
opacity: 1;
pointer-events: auto;
visibility: visible;
transform: translateX(0);
}
.files-list__filters-close {
display: none;
}
@media only screen and (max-width: 1022px) {
.files-list__filters-close {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 0;
right: 0;
height: 52px;
width: 52px;
}
}
.files-list__filters-inner {
display: flex;
overflow: auto;
}
.files-list__filters-inner a {
flex-shrink: 0;
}
@media only screen and (max-width: 1022px) {
.files-list__filters-inner {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
}
.files-list__filters-open {
display: none;
}
@media only screen and (max-width: 1022px) {
.files-list__filters-open {
display: flex;
color: #fff;
background-color: #17469e;
border-radius: 4px;
padding: 16px 24px;
position: sticky;
font-weight: 700;
font-size: 15px;
z-index: 2;
text-align: center;
justify-content: center;
width: 100%;
margin-top: 20px;
bottom: 16px;
right: 16px;
}
}
.files-list__filter {
font-family: "Canaro", sans-serif;
font-weight: 500;
font-size: 17px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s ease;
padding: 4px 10px;
}
.files-list__filter:hover {
color: #f04e23;
box-shadow: none;
}
.files-list .accordion__item-title {
pointer-events: none;
}
.files-list .accordion__item-chevron {
display: none !important;
}
.files-list .accordion__item-content {
display: block !important;
box-sizing: border-box !important;
}
.files-list .sc-accordion .container {
padding: 0;
max-width: 100%;
width: 100%;
}
.footer {
color: #acb9d9;
background-color: #17469e;
padding: 48px 0 24px;
position: relative;
width: 100%;
font-size: 14px;
z-index: 2;
}
.footer .logo-col {
margin-right: auto;
max-width: 280px;
width: 280px;
}
.footer__link {
font-size: 14px;
transition: 0.3s ease;
}
.footer__link:hover {
color: #fff;
}
.footer__logo {
transition: 0.3s ease;
display: flex;
margin-bottom: 16px;
max-width: 190px;
}
@media only screen and (max-width: 1022px) {
.footer__logo {
margin-bottom: 8px;
max-width: 160px;
}
}
@media only screen and (max-width: 767px) {
.footer__logo {
max-width: 120px;
}
}
.footer__logo:hover {
opacity: 0.6;
}
.footer__socials {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 14px;
}
@media only screen and (max-width: 1022px) {
.footer__socials {
gap: 8px;
}
}
.footer__social {
display: flex;
align-items: center;
gap: 8px;
transition: 0.3s ease;
}
.footer__social:hover {
color: #fff;
}
.footer__social .icon:before {
background-color: currentColor;
}
.footer__menu {
display: grid;
grid-template-columns: auto 1fr;
grid-gap: 72px;
padding-bottom: 80px;
}
@media only screen and (max-width: 1022px) {
.footer__menu {
grid-gap: 40px;
grid-template-columns: 1fr;
padding-bottom: 60px;
}
}
.footer__cols {
display: flex;
gap: 40px 72px;
flex-wrap: wrap;
justify-content: flex-end;
}
@media only screen and (max-width: 1022px) {
.footer__cols {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 40px;
}
}
@media only screen and (max-width: 767px) {
.footer__cols {
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
}
.footer__col {
max-width: 192px;
display: flex;
flex-direction: column;
gap: 14px;
}
@media only screen and (max-width: 1022px) {
.footer__col {
max-width: 100%;
gap: 8px;
}
}
.footer .title {
color: #fff;
margin-bottom: 6px;
}
.footer__copyright {
font-size: 10px;
}
.footer__bottom {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 40px;
}
@media only screen and (max-width: 767px) {
.footer__bottom {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
}
.footer__bottom-links {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.footer__bottom-link {
font-size: 10px;
text-decoration: underline;
transition: 0.3s ease;
text-underline-offset: 2px;
position: relative;
}
.footer__bottom-link:hover {
color: #fff;
text-decoration: underline;
}
.footer__bottom-link:after {
content: "|";
position: absolute;
top: 0;
right: -8px;
display: block;
pointer-events: none;
color: #acb9d9;
}
.footer__bottom-link:last-of-type:after {
display: none;
}
.footer .form-component.newsletter {
background-color: transparent;
margin-top: 0;
}
.footer .form-component.newsletter .form-component__inner {
grid-template-columns: 1fr;
gap: 4px;
}
.footer .form-component.newsletter .btn {
width: 100%;
}
.footer-title {
color: #fff;
margin-bottom: 8px;
}
.footer-newsletter {
margin-top: 24px;
}
.editor-text .wpcf7-form button i, .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 blockquote, .editor-text h5, .editor-text h4, .editor-text h3, .editor-text h2, .editor-text h1 {
font-weight: 500;
font-family: "Canaro", sans-serif;
line-height: 1.1;
}
.editor-text h1 {
font-size: 44px;
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.editor-text h1 {
font-size: 36px;
}
}
@media only screen and (max-width: 767px) {
.editor-text h1 {
font-size: 32px;
}
}
.editor-text h2 {
font-size: 35px;
}
@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: 22px;
}
}
.editor-text h3 {
font-size: 26px;
}
@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: 20px;
}
}
.editor-text h4 {
font-size: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.editor-text h4 {
font-size: 22px;
}
}
@media only screen and (max-width: 767px) {
.editor-text h4 {
font-size: 20px;
}
}
.editor-text blockquote, .editor-text h5 {
font-size: 23px;
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.editor-text blockquote, .editor-text h5 {
font-size: 20px;
}
}
@media only screen and (max-width: 767px) {
.editor-text blockquote, .editor-text h5 {
font-size: 18px;
}
}
.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;
}
.editor-text {
line-height: 1.6;
font-size: 16px;  }
@media only screen and (max-width: 767px) {
.editor-text {
font-size: 14px;
}
}
.editor-text .large {
font-size: 120%;
}
.editor-text .small {
font-size: 80%;
}
.container .editor-text .container {
max-width: 100%;
padding: 0;
}
.editor-text .btn {
color: #fff;
text-decoration: none;
background-color: #f04e23;
}
.editor-text .btn:hover, .editor-text .btn:focus {
color: #fff;
background-color: #d2370e !important;
}
.editor-text .btn--secondary {
transform: none;
font-size: 16px;
min-height: 44px;
border-radius: 4px;
background-color: #17469e;
}
.editor-text .btn--secondary:hover, .editor-text .btn--secondary:focus {
color: #fff;
background-color: #113271 !important;
}
.editor-text strong {
color: inherit;
}
.editor-text h1,
.editor-text h2,
.editor-text h3,
.editor-text h4,
.editor-text h5,
.editor-text h6,
.editor-text blockquote {
font-weight: 700;
margin-bottom: 30px;
}
* + .editor-text h1,
* + .editor-text h2,
* + .editor-text h3,
* + .editor-text h4,
* + .editor-text h5,
* + .editor-text h6,
* + .editor-text blockquote {
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,
.editor-text blockquote:first-child {
margin-top: 0;
}
.editor-text h1:last-child,
.editor-text h2:last-child,
.editor-text h3:last-child,
.editor-text h4:last-child,
.editor-text h5:last-child,
.editor-text h6:last-child,
.editor-text blockquote:last-child {
margin-bottom: 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 {
text-decoration: underline;
color: #17469e;
}
.editor-text p a:hover,
.editor-text ul a:hover,
.editor-text ol a:hover,
.editor-text img a:hover,
.editor-text figure a:hover,
.editor-text table a:hover {
color: #f04e23;
}
.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 figure figcaption {
margin-top: 8px;
font-style: italic;
}
.editor-text ul,
.editor-text ol {
list-style: none;
}
.editor-text ul li,
.editor-text ol li {
position: relative;
padding-left: 1.3em;
}
.editor-text ul li:before {
border-radius: 100%;
width: 6px;
height: 6px;
background-color: #000;
color: inherit;
top: 0.5em;
}
.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 {
width: 100%;
}
@media only screen and (max-width: 767px) {
.editor-text table {
table-layout: fixed;
min-width: 800px;
}
}
.editor-text table tr {
background-color: #fff;
}
.editor-text table th,
.editor-text table td {
padding: 0.5em;
height: auto !important;
}
.editor-text table th img,
.editor-text table td img {
margin: auto;
}
.editor-text table.orange tr,
.editor-text table.orange th,
.editor-text table.orange td {
background-color: #f04e23;
color: #fff;
border: none;
}
.editor-text table.blue tr,
.editor-text table.blue th,
.editor-text table.blue td {
background-color: #17469e;
color: #fff;
border: none;
}
.editor-text blockquote {
position: relative;
padding: 20px 40px;
font-style: italic;
line-height: 1.6;
max-width: 85%;
}
@media only screen and (max-width: 1022px) {
.editor-text blockquote {
max-width: 100%;
}
}
@media only screen and (max-width: 767px) {
.editor-text blockquote {
padding: 16px 24px;
}
}
.editor-text blockquote::before {
position: absolute;
content: "";
width: 2px;
height: 100%;
top: 0;
left: 0;
background-color: #17469e;
}
.editor-text blockquote p {
margin: 0 !important;
}
.editor-text .orange {
color: #f04e23;
}
.editor-text .orange-bg {
background-color: #f04e23;
color: #fff;
display: block;
padding: 16px 24px;
}
.editor-text .orange table {
border: none;
}
.editor-text .orange table tr,
.editor-text .orange table th,
.editor-text .orange table td {
border: none;
background-color: #f04e23;
color: #fff;
}
.editor-text .blue {
color: #17469e;
}
.editor-text .blue-bg {
background-color: #17469e;
color: #fff;
display: block;
padding: 16px 24px;
}
.editor-text .blue table {
border: none;
}
.editor-text .blue table tr,
.editor-text .blue table th,
.editor-text .blue table td {
border: none;
background-color: #17469e;
color: #fff;
}
.editor-text iframe {
max-width: 100% !important;
aspect-ratio: 1000/600;
height: auto !important;
}
.editor-text .mesalnice-barv-container {
overflow: auto;
max-width: calc(100vw - 48px);
}
.editor-text .mesalnice-barv-container > div {
overflow: auto;
}
@media only screen and (max-width: 767px) {
.editor-text .mesalnice-barv-container table {
width: max-content;
border-collapse: collapse;
}
}
@media only screen and (max-width: 767px) {
.editor-text .mesalnice-barv-container table tr td:first-of-type {
max-width: 120px;
}
}
.editor-text .mesalnice-barv-container table th,
.editor-text .mesalnice-barv-container table td {
width: auto !important;
}
.editor-text .mesalnice-barv-container table th {
white-space: nowrap;
}
.editor-text [id] {
scroll-margin-top: 120px;
}
@media only screen and (max-width: 1600px) {
.editor-text [id] {
scroll-margin-top: 80px;
}
}
@media only screen and (max-width: 767px) {
.editor-text [id] {
scroll-margin-top: 120px;
}
}
.editor-text .wpcf7-form {
max-width: 800px;
margin: 0 auto;
}
.editor-text .wpcf7-form .td-row {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 24px;
}
@media only screen and (max-width: 767px) {
.editor-text .wpcf7-form .td-row {
grid-template-columns: 1fr;
grid-gap: 20px;
}
}
.editor-text .wpcf7-form label {
position: relative;
margin: 0 0 8px;
display: block;
z-index: 4;
font-weight: 500;
}
.editor-text .wpcf7-form label ~ br {
display: none;
}
.editor-text .wpcf7-form input:not([type=checkbox]),
.editor-text .wpcf7-form input:not([type=radio]),
.editor-text .wpcf7-form select,
.editor-text .wpcf7-form textarea {
position: relative;
width: 100%;
height: 45px;
border: 1px solid rgba(48, 49, 51, 0.2);
border-radius: 4px;
background: var(--color-white);
outline: none;
z-index: 1;
font-size: 16px;
font-family: "Canaro", sans-serif;
padding: 8px 20px;
font-weight: 400;
transition: border-color 0.3s ease;
}
.editor-text .wpcf7-form input:not([type=checkbox]):focus,
.editor-text .wpcf7-form input:not([type=radio]):focus,
.editor-text .wpcf7-form select:focus,
.editor-text .wpcf7-form textarea:focus {
border-color: var(--color-primary);
}
.is-validation-failed .editor-text .wpcf7-form input:not([type=checkbox]), .editor-text .wpcf7-form input:not([type=checkbox]).is-validation-failed,
.is-validation-failed .editor-text .wpcf7-form input:not([type=radio]),
.editor-text .wpcf7-form input:not([type=radio]).is-validation-failed,
.is-validation-failed .editor-text .wpcf7-form select,
.editor-text .wpcf7-form select.is-validation-failed,
.is-validation-failed .editor-text .wpcf7-form textarea,
.editor-text .wpcf7-form textarea.is-validation-failed {
color: var(--color-validation-failed);
border-color: var(--color-validation-failed);
}
.editor-text .wpcf7-form input:not([type=checkbox]):-webkit-autofill,
.editor-text .wpcf7-form input:not([type=radio]):-webkit-autofill,
.editor-text .wpcf7-form select:-webkit-autofill,
.editor-text .wpcf7-form textarea:-webkit-autofill {
color: var(--color-black) !important;
-webkit-text-fill-color: var(--color-black) !important;
}
.editor-text .wpcf7-form input:not([type=checkbox]):-webkit-autofill::selection,
.editor-text .wpcf7-form input:not([type=radio]):-webkit-autofill::selection,
.editor-text .wpcf7-form select:-webkit-autofill::selection,
.editor-text .wpcf7-form textarea:-webkit-autofill::selection {
background-color: transparent !important;
-webkit-text-fill-color: var(--color-black) !important;
}
.editor-text .wpcf7-form input:not([type=checkbox])::-webkit-file-upload-button,
.editor-text .wpcf7-form input:not([type=radio])::-webkit-file-upload-button,
.editor-text .wpcf7-form select::-webkit-file-upload-button,
.editor-text .wpcf7-form textarea::-webkit-file-upload-button {
appearance: auto;
}
.editor-text .wpcf7-form input:not([type=checkbox])::-webkit-datetime-edit,
.editor-text .wpcf7-form input:not([type=radio])::-webkit-datetime-edit,
.editor-text .wpcf7-form select::-webkit-datetime-edit,
.editor-text .wpcf7-form textarea::-webkit-datetime-edit {
overflow: visible;
}
.editor-text .wpcf7-form input[type=file] {
height: auto;
text-align: center;
border: 1px dashed rgba(0, 0, 0, 0.33);
padding: 6px 8px;
}
.editor-text .wpcf7-form textarea {
height: 200px;
min-height: 160px;
}
.editor-text .wpcf7-form select {
-moz-appearance: auto;
-webkit-appearance: auto;
appearance: auto;
}
.editor-text .wpcf7-form .td-colu-md-1 {
grid-column: span 1;
}
@media only screen and (max-width: 767px) {
.editor-text .wpcf7-form .td-colu-md-1 {
grid-column: span 1;
}
}
.editor-text .wpcf7-form .td-colu-md-2 {
grid-column: span 2;
}
@media only screen and (max-width: 767px) {
.editor-text .wpcf7-form .td-colu-md-2 {
grid-column: span 1;
}
}
.editor-text .wpcf7-form .td-colu-md-3 {
grid-column: span 3;
}
@media only screen and (max-width: 767px) {
.editor-text .wpcf7-form .td-colu-md-3 {
grid-column: span 1;
}
}
.editor-text .wpcf7-form .td-colu-md-4 {
grid-column: span 4;
}
@media only screen and (max-width: 767px) {
.editor-text .wpcf7-form .td-colu-md-4 {
grid-column: span 1;
}
}
.editor-text .wpcf7-form .td-colu-md-5 {
grid-column: span 5;
}
@media only screen and (max-width: 767px) {
.editor-text .wpcf7-form .td-colu-md-5 {
grid-column: span 1;
}
}
.editor-text .wpcf7-form .td-colu-md-6 {
grid-column: span 6;
}
@media only screen and (max-width: 767px) {
.editor-text .wpcf7-form .td-colu-md-6 {
grid-column: span 1;
}
}
.editor-text .wpcf7-form .td-colu-md-7 {
grid-column: span 7;
}
@media only screen and (max-width: 767px) {
.editor-text .wpcf7-form .td-colu-md-7 {
grid-column: span 1;
}
}
.editor-text .wpcf7-form .td-colu-md-8 {
grid-column: span 8;
}
@media only screen and (max-width: 767px) {
.editor-text .wpcf7-form .td-colu-md-8 {
grid-column: span 1;
}
}
.editor-text .wpcf7-form .td-colu-md-9 {
grid-column: span 9;
}
@media only screen and (max-width: 767px) {
.editor-text .wpcf7-form .td-colu-md-9 {
grid-column: span 1;
}
}
.editor-text .wpcf7-form .td-colu-md-10 {
grid-column: span 10;
}
@media only screen and (max-width: 767px) {
.editor-text .wpcf7-form .td-colu-md-10 {
grid-column: span 1;
}
}
.editor-text .wpcf7-form .td-colu-md-11 {
grid-column: span 11;
}
@media only screen and (max-width: 767px) {
.editor-text .wpcf7-form .td-colu-md-11 {
grid-column: span 1;
}
}
.editor-text .wpcf7-form .td-colu-md-12 {
grid-column: span 12;
}
@media only screen and (max-width: 767px) {
.editor-text .wpcf7-form .td-colu-md-12 {
grid-column: span 1;
}
}
.editor-text .wpcf7-form button {
border-radius: 4px;
cursor: pointer;
font-size: 16px;
font-weight: 500;
padding: 4px 20px;
transition: background-color 0.25s ease-in, box-shadow 0.25s ease-in;
display: inline-grid;
align-items: center;
justify-content: center;
grid-auto-flow: column;
grid-gap: 10px;
min-height: 44px;
background-color: #f04e23;
color: #fff;
position: relative;
padding-right: 32px;
}
.editor-text .wpcf7-form button:hover, .editor-text .wpcf7-form button:focus {
background-color: #d2370e;
}
.editor-text .wpcf7-form button i {
background-color: #fff;
-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;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5156 2.85938C16.9805 2.58594 17.582 2.96875 17.4727 3.51562L15.5039 15.3281C15.4492 15.7656 14.9844 16.0117 14.6016 15.8477L11.2109 14.3984L9.46094 16.5312C9.07812 16.9961 8.3125 16.75 8.3125 16.0938V13.8789L14.875 5.86719C15.0117 5.70312 14.793 5.51172 14.6562 5.64844L6.80859 12.5664L3.88281 11.3359C3.39062 11.1445 3.33594 10.4336 3.82812 10.1602L16.5156 2.85938Z' fill='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5156 2.85938C16.9805 2.58594 17.582 2.96875 17.4727 3.51562L15.5039 15.3281C15.4492 15.7656 14.9844 16.0117 14.6016 15.8477L11.2109 14.3984L9.46094 16.5312C9.07812 16.9961 8.3125 16.75 8.3125 16.0938V13.8789L14.875 5.86719C15.0117 5.70312 14.793 5.51172 14.6562 5.64844L6.80859 12.5664L3.88281 11.3359C3.39062 11.1445 3.33594 10.4336 3.82812 10.1602L16.5156 2.85938Z' fill='white'/%3E%3C/svg%3E%0A");
height: 20px;
width: 20px;
top: 0;
right: 12px;
left: auto;
bottom: 0;
margin: auto;
position: absolute;
}
.editor-text .wpcf7-form .wpcf7-acceptance {
user-select: none;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.2px;
display: flex;
margin-bottom: 6px;
}
.editor-text .wpcf7-form .wpcf7-acceptance label {
position: relative;
cursor: pointer;
display: block;
}
.editor-text .wpcf7-form .wpcf7-acceptance input {
appearance: auto;
margin-right: 12px;
}
.editor-text .wpcf7-form .small_print {
margin-top: 20px;
font-size: 14px;
line-height: 1.25;
}
.editor-text .wpcf7-form .small_print ul li:before {
height: 4px;
width: 4px;
}
.editor-text .wpcf7-form .intro {
margin-bottom: 20px;
}
.editor-text .wpcf7-form .form_row {
margin-bottom: 20px;
}
.editor-text .wpcf7-form .form_row.title {
font-size: 28px;
font-weight: 600;
color: #17469e;
}
@media only screen and (max-width: 767px) {
.editor-text .wpcf7-form .form_row.title {
font-size: 20px;
}
}
.editor-text .wpcf7-form .form_section {
margin-bottom: 24px;
padding: 40px;
padding-bottom: 24px;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 767px) {
.editor-text .wpcf7-form .form_section {
padding: 20px;
padding-bottom: 8px;
}
}
.editor-text .wpcf7-form .wpcf7-acceptance label,
.editor-text .wpcf7-form .wpcf7-checkbox label,
.editor-text .wpcf7-form .wpcf7-radio label,
.editor-text .wpcf7-form .anonimno_check label {
display: grid;
grid-template-columns: 20px 1fr;
grid-gap: 12px;
position: relative;
margin-bottom: 8px;
}
.editor-text .wpcf7-form .wpcf7-acceptance label input,
.editor-text .wpcf7-form .wpcf7-checkbox label input,
.editor-text .wpcf7-form .wpcf7-radio label input,
.editor-text .wpcf7-form .anonimno_check label input {
cursor: pointer;
height: 20px;
width: 20px;
border-radius: 100%;
border: 1px solid rgba(48, 49, 51, 0.2);
position: relative;
padding: 0;
margin-top: 2px;
transition: 0.3s ease;
}
.editor-text .wpcf7-form .wpcf7-acceptance label input:checked,
.editor-text .wpcf7-form .wpcf7-checkbox label input:checked,
.editor-text .wpcf7-form .wpcf7-radio label input:checked,
.editor-text .wpcf7-form .anonimno_check label input:checked {
background-color: #f04e23;
}
.editor-text .wpcf7-form .show_tveganje,
.editor-text .wpcf7-form .show_zascita {
margin-top: 20px;
}
.editor-text .wpcf7-form .note {
margin-top: 2px;
font-size: 14px;
}
.editor-text .wpcf7-form p {
margin: 0;
}
.editor-text .wpcf7-form .wpcf7-validates-as-required label {
font-weight: 400;
}
.editor-text .wpcf7-form .show_zascita,
.editor-text .wpcf7-form .show_tveganje {
display: none;
}
.editor-text .wpcf7-form .wpcf7-radio,
.editor-text .wpcf7-form .radio-buttons {
display: grid;
grid-template-columns: 1fr;
grid-gap: 4px;
}
.editor-text .wpcf7-form .wpcf7-radio .wpcf7-list-item,
.editor-text .wpcf7-form .radio-buttons .wpcf7-list-item {
margin: 0;
}
.gallery-module.smaller {
max-width: 1000px;
margin: 0 auto;
}
.gallery-module__header {
text-align: center;
margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.gallery-module__header {
margin-bottom: 20px;
}
}
.gallery-module__header .title {
color: #17469e;
font-weight: 600;
}
.gallery-module__slider {
position: relative;
}
.hero-module {
position: relative;
padding: 40px 0;
color: #fff;
min-height: 280px;
display: flex;
flex-direction: column;
justify-content: center;
}
@media only screen and (max-width: 1022px) {
.hero-module {
min-height: 200px;
}
}
.hero-module:after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
pointer-events: none;
background-color: rgba(0, 0, 0, 0.25);
}
.hero-module img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
pointer-events: none;
}
.hero-module__inner {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
gap: 16px;
justify-content: center;
}
.hero-module .title h2,
.hero-module .title h1 {
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5), 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.hero-module__text {
font-weight: 500;
font-size: 18px;
line-height: 1.5;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5), 0px 0px 5px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 1022px) {
.hero-module__text {
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.hero-module__text {
font-size: 14px;
}
}
.fullwidth-image {
width: 100%;
}
.fullwidth-image img {
width: 100%;
}
.columns-module {
display: grid;
grid-gap: 24px;
}
.columns-module .editor-text img {
margin-bottom: 0 !important;
}
.columns-module.smaller {
max-width: 1000px;
margin: 0 auto;
}
.columns-module.three {
grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 767px) {
.columns-module.three {
grid-template-columns: 1fr;
}
}
.columns-module.four {
grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1022px) {
.columns-module.four {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width: 767px) {
.columns-module.four {
grid-template-columns: 1fr;
}
}
.columns-module.five {
grid-template-columns: repeat(5, 1fr);
}
@media only screen and (max-width: 1200px) {
.columns-module.five {
grid-template-columns: repeat(4, 1fr);
}
}
@media only screen and (max-width: 1022px) {
.columns-module.five {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width: 767px) {
.columns-module.five {
grid-template-columns: 1fr;
}
}
.columns-module.six {
grid-template-columns: repeat(6, 1fr);
}
@media only screen and (min-width: 1201px) and (max-width: 1600px) {
.columns-module.six {
grid-template-columns: repeat(5, 1fr);
}
}
@media only screen and (max-width: 1200px) {
.columns-module.six {
grid-template-columns: repeat(4, 1fr);
}
}
@media only screen and (max-width: 1022px) {
.columns-module.six {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width: 767px) {
.columns-module.six {
grid-template-columns: 1fr;
}
}
.columns-module.two {
grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 767px) {
.columns-module.two {
grid-template-columns: 1fr;
}
}
.columns-module__img-col {
display: flex;
flex-direction: column;
gap: 20px;
}
.columns-module__cards {
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
}
.columns-module__cards .card {
max-width: 47%;
}
@media only screen and (max-width: 767px) {
.columns-module__cards .card {
max-width: 100%;
}
}
@media only screen and (max-width: 767px) {
.columns-module__col {
order: var(--mobile-order);
}
}
.image-text {
position: relative;
overflow: hidden;
}
.image-text .container {
position: relative;
z-index: 3;
}
.image-text img {
width: 100%;
}
.image-text__body {
position: relative;
}
.image-text__body.smaller {
max-width: 1000px;
margin: 0 auto;
}
.image-text__image {
position: relative;
display: block;
}
@media only screen and (max-width: 1022px) {
.image-text__image {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 767px) {
.image-text__image {
margin-bottom: 24px;
}
}
.image-text__content {
padding-top: 24px;
}
@media only screen and (max-width: 1600px) {
.image-text__content {
padding-top: 20px;
}
}
@media only screen and (max-width: 1200px) {
.image-text__content {
padding-top: 0;
}
}
.image-text__button {
margin-top: 24px;
}
@media only screen and (max-width: 767px) {
.image-text__button {
margin-top: 16px;
}
}
.image-text .editor-text {
margin-top: 30px;
}
.image-text .editor-text ol,
.image-text .editor-text ul {
padding-left: 0;
}
.image-text .title strong {
color: var(--color-gold);
}
@media only screen and (min-width: 1023px) {
.image-text--reverse .row {
flex-direction: row-reverse;
}
}
@media only screen and (max-width: 1022px) {
.image-text--reverse .row {
flex-direction: column-reverse;
gap: 20px;
}
}
.image-text--reverse .image-text__image-background {
left: initial;
right: -110px;
}
@media only screen and (max-width: 1600px) {
.image-text--reverse .image-text__image-background {
right: -96px;
}
}
@media only screen and (max-width: 1200px) {
.image-text--reverse .image-text__image-background {
right: -72px;
top: -90px;
}
}
@media only screen and (max-width: 1022px) {
.image-text--reverse .image-text__image-background {
right: -40px;
top: -50px;
}
}
.image-text--reverse .image-text__content {
margin-left: auto;
}
@media only screen and (max-width: 1600px) {
.image-text--reverse .image-text__content {
margin-left: 0;
}
}
.image-text--reverse .image-text__image-hex {
right: initial;
left: 15px;
}
.image-text--reverse .editor-text {
max-width: 554px;
}
.inquiry-form .form-component {
box-shadow: none;
background-color: #fff;
padding-top: 80px;
padding-bottom: 0;
}
@media only screen and (max-width: 1200px) {
.inquiry-form .form-component {
padding-top: 60px;
}
}
@media only screen and (max-width: 767px) {
.inquiry-form .form-component {
padding-top: 40px;
}
}
.hero-slider {
position: relative;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0;
}
.hero-slider__link {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
}
.hero-slider__banner {
background-color: #17469e;
color: #fff;
margin-top: auto;
font-size: 18px;
font-weight: 500;
letter-spacing: -0.36px;
padding: 28px 20px;
font-family: "Canaro", sans-serif;
}
@media only screen and (max-width: 1022px) {
.hero-slider__banner {
font-size: 14px;
padding: 16px;
}
}
.hero-slider__content {
width: 100%;
background-color: rgba(48, 49, 51, 0.5);
position: relative;
margin-top: auto;
padding: 16px 20px;
color: #fff;
z-index: 2;
}
@media only screen and (max-width: 1022px) {
.hero-slider__content {
padding: 12px 16px;
}
}
.hero-slider__text {
font-size: 20px;
letter-spacing: 0.2px;
}
@media only screen and (max-width: 1022px) {
.hero-slider__text {
font-size: 18px;
}
}
.hero-slider img {
object-fit: cover;
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-width: 1200px) {
.hero-slider img.desktop {
display: none;
}
}
.hero-slider img.mobile {
display: none;
}
@media only screen and (max-width: 1200px) {
.hero-slider img.mobile {
display: block;
}
}
.hero-slider .swiper {
width: 100%;
flex: 1;
aspect-ratio: 1903/635;
}
@media only screen and (max-width: 1200px) {
.hero-slider .swiper {
aspect-ratio: 500/617;
}
}
.hero-slider .swiper-slide {
display: flex;
flex-direction: column;
width: 100%;
position: relative;
height: 100%;
}
.hero-slider .swiper-button-next,
.hero-slider .swiper-button-prev {
z-index: 1;
height: 50px;
width: 50px;
cursor: pointer;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 12px;
background: url("data:image/svg+xml,%3Csvg width='11' height='20' viewBox='0 0 11 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00847 9.55L0.308466 1.85C0.102966 1.64433 0.00154931 1.39292 0.00421597 1.09575C0.0070493 0.798584 0.111216 0.541667 0.316716 0.325C0.533383 0.108333 0.790383 0 1.08772 0C1.38488 0 1.6418 0.108333 1.85847 0.325L9.90022 8.375C10.0669 8.54167 10.189 8.72775 10.2667 8.93325C10.3445 9.13875 10.3835 9.34433 10.3835 9.55C10.3835 9.7555 10.3445 9.961 10.2667 10.1665C10.189 10.3722 10.0669 10.5583 9.90022 10.725L1.83347 18.7915C1.6168 19.0082 1.36405 19.1123 1.07522 19.104C0.786217 19.0957 0.533383 18.9832 0.316716 18.7665C0.111216 18.5498 0.00571664 18.2957 0.000216643 18.004C-0.00545002 17.7123 0.100049 17.4582 0.316716 17.2415L8.00847 9.55Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center center;
transition: 0.3s;
}
@media only screen and (max-width: 1200px) {
.hero-slider .swiper-button-next,
.hero-slider .swiper-button-prev {
height: 40px;
width: 40px;
}
}
@media only screen and (max-width: 767px) {
.hero-slider .swiper-button-next,
.hero-slider .swiper-button-prev {
height: 32px;
width: 32px;
}
}
.hero-slider .swiper-button-next:after,
.hero-slider .swiper-button-prev:after {
display: none;
}
.hero-slider .swiper-button-next:hover,
.hero-slider .swiper-button-prev:hover {
background: rgba(255, 255, 255, 0.3) url("data:image/svg+xml,%3Csvg width='11' height='20' viewBox='0 0 11 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00847 9.55L0.308466 1.85C0.102966 1.64433 0.00154931 1.39292 0.00421597 1.09575C0.0070493 0.798584 0.111216 0.541667 0.316716 0.325C0.533383 0.108333 0.790383 0 1.08772 0C1.38488 0 1.6418 0.108333 1.85847 0.325L9.90022 8.375C10.0669 8.54167 10.189 8.72775 10.2667 8.93325C10.3445 9.13875 10.3835 9.34433 10.3835 9.55C10.3835 9.7555 10.3445 9.961 10.2667 10.1665C10.189 10.3722 10.0669 10.5583 9.90022 10.725L1.83347 18.7915C1.6168 19.0082 1.36405 19.1123 1.07522 19.104C0.786217 19.0957 0.533383 18.9832 0.316716 18.7665C0.111216 18.5498 0.00571664 18.2957 0.000216643 18.004C-0.00545002 17.7123 0.100049 17.4582 0.316716 17.2415L8.00847 9.55Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center center;
}
.hero-slider .swiper-button-prev {
right: auto;
left: 12px;
transform: rotate(-180deg);
}
.hero-slider .swiper-button-disabled {
pointer-events: none;
opacity: 0.5;
}
.hero-slider .swiper-pagination {
position: absolute;
bottom: 12px;
right: 18px;
left: auto;
z-index: 1;
transition: 0.3s;
width: calc(100% - 36px);
text-align: right;
display: flex;
gap: 8px;
flex-wrap: wrap;
justify-content: flex-end;
}
.hero-slider .swiper-pagination-bullet {
background-color: #fff;
display: inline-block;
max-width: 62px;
width: 100%;
height: 4px;
border-radius: 0;
margin: 0 !important;
cursor: pointer;
opacity: 1;
transition: 0.3s ease;
transform: skew(-20deg);
}
@media only screen and (max-width: 1022px) {
.hero-slider .swiper-pagination-bullet {
width: 28px;
height: 2px;
margin: 4px;
}
}
.hero-slider .swiper-pagination-bullet-active {
background-color: #f04e23;
}
.location__header {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 80px;
}
@media only screen and (max-width: 1022px) {
.location__header {
grid-template-columns: repeat(2, 1fr);
grid-gap: 40px;
}
}
@media only screen and (max-width: 767px) {
.location__header {
grid-template-columns: 1fr;
grid-gap: 16px;
}
}
.location__header .title {
font-weight: 600;
}
.location__logo-link {
display: flex;
max-width: 66%;
}
@media only screen and (max-width: 1200px) {
.location__logo-link {
max-width: 75%;
}
}
@media only screen and (max-width: 1022px) {
.location__logo-link {
max-width: 50%;
}
}
@media only screen and (max-width: 767px) {
.location__logo-link {
max-width: 80%;
}
}
.location__services {
margin-bottom: 40px;
}
.location__services:last-of-type {
margin-bottom: 0;
}
.location__services-items {
margin: 20px 0;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
}
@media only screen and (max-width: 1022px) {
.location__services-items {
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
}
@media only screen and (max-width: 767px) {
.location__services-items {
grid-template-columns: repeat(2, 1fr);
grid-gap: 12px;
}
}
.location__services-text {
font-weight: 200;
font-size: 14px;
color: #303133;
}
.location__item {
display: grid;
grid-template-columns: 48px 1fr;
grid-gap: 16px;
align-items: center;
font-size: 14px;
color: #17469e;
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.location__item {
grid-template-columns: 32px 1fr;
grid-gap: 12px;
}
}
.location__item:hover {
color: #f04e23;
}
.location__title {
color: #17469e;
}
.location__title-main {
color: #17469e;
margin-bottom: 32px;
}
.location__contacts strong {
color: #f04e23;
}
.location__contact {
display: grid;
grid-template-columns: 18px 1fr;
align-items: center;
grid-gap: 16px;
}
.map-module {
width: 100%;
}
.map-module__header {
text-align: center;
}
.map-module__header .title {
color: #17469e;
font-weight: 600;
}
.map-module__select {
margin: 0 auto;
max-width: 400px;
margin-top: 32px;
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 0;
}
@media only screen and (max-width: 767px) {
.map-module__select {
grid-template-columns: 1fr;
grid-gap: 0;
}
}
.map-module .dropdown__placeholder {
color: #303133;
}
.map-module__subtitle {
font-size: 16px;
margin-top: 20px;
color: #303133;
font-weight: 600;
letter-spacing: 0.2px;
}
.map-module__init {
width: 100%;
aspect-ratio: 1440/698;
background-color: #17469e;
margin-top: 52px;
}
@media only screen and (max-width: 1022px) {
.map-module__init {
aspect-ratio: 1/1;
}
}
.map-module__wrap {
position: relative;
}
.map-module__wrap .btn {
position: absolute;
bottom: 20px;
left: 20px;
}
@media only screen and (max-width: 767px) {
.map-module__wrap .btn {
bottom: 4px;
left: 4px;
}
}
.infowindow-popup {
background-color: #fff;
font-size: 14px;
font-weight: 700;
color: #000;
display: none;
}
.infowindow-popup__inner {
font-size: 14px;
font-weight: 700;
color: #000;
text-align: center;
}
.gm-style-iw-chr {
display: none !important;
}
.gm-style .gm-style-iw.gm-style-iw-c {
width: 160px;
height: auto;
border-bottom: 4px solid #17469e;
background-color: #fff;
border-radius: 0;
box-shadow: none;
padding: 8px 12px !important;
left: -80px;
transform: translate(0, -50%);
color: #000;
max-width: 300px !important;
max-height: 100vh !important;
}
.gm-style .gm-style-iw.gm-style-iw-c .gm-style-iw-d {
overflow: visible !important;
max-height: 100vh !important;
}
.gm-style-iw-tc {
display: none !important;
}
.memory-game__title {
text-align: center;
margin-bottom: 28px;
font-weight: 600;
color: #17469e;
}
.memory-game__subtitle {
font-size: 16px;
color: #303133;
font-weight: 600;
letter-spacing: 0.2px;
}
.memory-game__subtitle-wrap {
display: flex;
gap: 20px;
margin: 20px auto 0;
max-width: 860px;
}
@media only screen and (max-width: 1200px) {
.memory-game__subtitle-wrap {
flex-direction: column;
}
}
.memory-game__subtitle-wrap img {
max-width: 320px;
object-fit: contain;
}
.memory-game__screen {
background: #fff;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.125);
border-radius: 20px;
padding: 24px;
margin: 0 auto;
margin-top: 40px;
max-width: 860px;
}
@media only screen and (max-width: 767px) {
.memory-game__screen {
padding: 0;
box-shadow: none;
}
}
.memory-game__screen-btn {
margin-top: 40px;
text-align: center;
}
.memory-game .level-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
margin-top: 40px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.memory-game .level-grid {
grid-gap: 4px;
grid-template-columns: 1fr;
margin-top: 28px;
}
}
.memory-game .level-card {
width: 100%;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.125);
border-radius: 12px;
cursor: pointer;
transition: 0.3s ease;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.memory-game .level-card {
border-radius: 8px;
}
}
.memory-game .level-card:hover {
transform: translateY(-8px);
}
.memory-game .level-card__play {
padding: 20px;
color: #f04e23;
text-align: center;
font-size: 28px;
font-weight: 600;
}
.memory-game .level-card__name {
background-color: #17469e;
padding: 28px 20px;
color: #fff;
font-size: 20px;
font-weight: 500;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.memory-game .level-card__name {
font-size: 16px;
margin-bottom: 12px;
padding: 12px 4px;
}
}
.memory-game .level-card__size {
font-size: 40px;
color: #17469e;
font-weight: 700;
}
@media only screen and (max-width: 767px) {
.memory-game .level-card__size {
font-size: 24px;
}
}
.memory-game .level-card__extra {
margin-top: 12px;
font-size: 16px;
font-weight: 600;
opacity: 0.33;
}
@media only screen and (max-width: 767px) {
.memory-game .level-card__extra {
font-size: 12px;
}
}
.memory-game__leaderboard {
margin-top: 28px;
}
.memory-game__leaderboard thead {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.memory-game__leaderboard th {
font-size: 14px;
font-weight: 500;
padding: 8px 4px;
}
.memory-game__leaderboard tr:nth-of-type(2n) {
background-color: rgba(23, 70, 158, 0.05);
}
.memory-game__leaderboard tr td {
padding: 8px 4px;
font-size: 14px;
}
.memory-game__leaderboard-title {
margin: 0 0 20px;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.56px;
}
.memory-game__leaderboard tbody tr:nth-of-type(n + 11) {
display: none;
}
.memory-game__leaderboard .user-row {
display: table-row !important;
padding-top: 40px;
border: 2px solid #17469e;
background-color: #fff !important;
color: #deb887;
font-weight: 800;
}
.memory-game .game-header {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 12px;
align-items: center;
justify-items: center;
margin-bottom: 24px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 24px;
}
@media only screen and (max-width: 767px) {
.memory-game .game-header {
grid-template-columns: 1fr;
}
}
.memory-game .game-header-back {
font-size: 14px;
color: #f04e23;
font-weight: 600;
display: flex;
margin-left: auto;
text-align: right;
}
@media only screen and (max-width: 767px) {
.memory-game .game-header-back {
text-align: center;
margin: auto;
}
}
.memory-game .game-header .lvl-label {
font-size: 16px;
font-weight: 600;
color: #17469e;
display: flex;
margin-right: auto;
}
@media only screen and (max-width: 767px) {
.memory-game .game-header .lvl-label {
text-align: center;
margin: auto;
}
}
.memory-game .timer {
font-size: 18px;
font-weight: 600;
padding: 6px 12px;
border-radius: 20px;
text-align: center;
display: inline-flex;
justify-content: center;
width: auto;
}
.memory-game__modal {
background: #fff;
border-radius: 12px;
padding: 28px;
max-width: 600px;
width: 100%;
max-height: 90dvh;
overflow-y: auto;
position: relative;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.125);
}
@media only screen and (max-width: 767px) {
.memory-game__modal {
border-radius: 8px;
padding: 16px;
}
}
.memory-game__modal-footer {
text-align: center;
margin-top: 24px;
}
.memory-game__modal-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.55);
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
z-index: 100;
}
.memory-game__modal-close {
position: absolute;
top: 16px;
right: 16px;
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
border: none;
font-size: 20px;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.memory-game__modal-close {
top: 8px;
right: 4px;
}
}
.memory-game__modal-close .icon {
height: 12px;
width: 12px;
}
.memory-game__modal-images {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
margin: 40px 0;
}
.memory-game__modal-images .plus {
font-size: 32px;
font-weight: 400;
}
.memory-game__modal-images .winning-card {
width: 120px;
aspect-ratio: 1/1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 6px;
background-color: #fff;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.125);
overflow: hidden;
text-align: center;
font-size: 18px;
font-weight: 800;
position: relative;
}
.memory-game__modal-images .winning-card::before {
z-index: 2;
content: "";
inset: 0;
height: 100%;
width: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
opacity: 0.66;
pointer-events: none;
display: none;
}
.memory-game__modal-images .winning-card-name {
font-size: 18px;
font-weight: 700;
color: #fff;
position: absolute;
bottom: 0;
left: 0;
padding: 0 8px 8px 8px;
z-index: 3;
text-align: left;
}
.memory-game__modal-images .winning-card-image {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 4px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.memory-game__modal-title {
font-size: 20px;
padding: 0 28px 20px 0;
font-weight: 600;
}
.memory-game__modal-explain {
font-size: 16px;
margin-bottom: 20px;
}
.memory-game__modal-stats {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 20px;
text-align: center;
margin-bottom: 28px;
padding-bottom: 28px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 767px) {
.memory-game__modal-stats {
grid-template-columns: 1fr 1fr;
gap: 4px;
margin-bottom: 16px;
padding-bottom: 16px;
}
}
.memory-game__modal-stat-box {
width: 100%;
padding: 20px;
border-radius: 12px;
background-color: #fff;
font-weight: 500;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.125);
}
.memory-game__modal-stat-box__label {
color: #17469e;
font-size: 22px;
font-weight: 800;
margin-bottom: 4px;
}
.memory-game__modal-stat-box__value {
font-size: 12px;
}
.sc-memory-game .form-component {
padding: 0;
}
.sc-memory-game .hidden {
display: none !important;
}
.sc-memory-game .progress-wrap {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 18px;
flex-wrap: wrap;
justify-content: space-between;
}
.sc-memory-game .progress-label {
font-size: 13px;
font-weight: 600;
white-space: nowrap;
}
.sc-memory-game .progress-rects {
display: flex;
gap: 6px;
flex-wrap: wrap;
}
.sc-memory-game .p-rect {
width: 12px;
height: 12px;
border-radius: 100%;
background: #fff;
border: 2px solid #17469e;
transition: 0.25s;
}
.sc-memory-game .p-rect.found {
background: #17469e;
}
.sc-memory-game .board {
display: grid;
gap: 10px;
margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.sc-memory-game .board {
gap: 2px;
}
}
.sc-memory-game .board.lvl-1 {
grid-template-columns: repeat(4, 1fr);
}
.sc-memory-game .board.lvl-2 {
grid-template-columns: repeat(4, 1fr);
}
.sc-memory-game .board.lvl-3 {
grid-template-columns: repeat(6, 1fr);
}
.sc-memory-game .board.lvl-3 .tile {
aspect-ratio: 8/10;
}
.sc-memory-game .board.lvl-3 .tile .tile-image {
background-size: contain;
}
.sc-memory-game .tile {
position: relative;
z-index: 0;
aspect-ratio: 1/1;
border-radius: 8px;
cursor: pointer;
perspective: 800px;
}
@media only screen and (max-width: 767px) {
.sc-memory-game .tile {
border-radius: 6px;
}
}
.sc-memory-game .tile-image {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 4px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.sc-memory-game .tile-inner {
position: absolute;
inset: 0;
transition: transform 0.35s;
transform-style: preserve-3d;
}
.sc-memory-game .tile.flipped .tile-inner {
transform: rotateY(180deg);
}
.sc-memory-game .tile-face {
position: absolute;
inset: 0;
border-radius: 8px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
backface-visibility: hidden;
}
@media only screen and (max-width: 767px) {
.sc-memory-game .tile-face {
border-radius: 6px;
}
}
.sc-memory-game .tile-back {
background-color: #e0e0e0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 495 116'%3E%3Cg fill='none' stroke='none'%3E%3Cpath fill='%2317469e' fill-rule='evenodd' d='M43.8788 90.369 C36.4529 92.192 29.1673 93.173 22.0228 93.173 C5.07002 93.173 -2.49538 82.945 0.726419 64.31 L12.0755 0 L34.7728 0 L30.7082 23.118 L51.5857 23.118 L47.9428 43.433 L27.0662 43.433 L23.8441 62.068 C22.5838 69.214 25.1041 72.855 31.6893 72.855 C34.9125 72.855 39.3975 72.436 45.0008 71.735 L43.8788 90.369 Z'/%3E%3Cpath fill='%2317469e' fill-rule='evenodd' d='M100.5917 68.232 C104.3767 64.449 106.3367 59.548 106.3367 53.661 C106.3367 45.255 101.0137 39.931 92.1857 39.931 C86.4417 39.931 81.5387 41.893 77.6147 45.676 C73.8317 49.458 71.8707 54.223 71.8707 59.966 C71.8707 68.513 77.1947 73.977 86.1617 73.977 C91.9057 73.977 96.8107 72.015 100.5917 68.232 Z M128.3327 50.719 C128.3327 63.049 123.9907 73.277 115.3037 81.403 C106.7577 89.39 95.8297 93.453 82.6587 93.453 C62.4837 93.453 49.8738 81.403 49.8738 62.769 C49.8738 50.439 54.2167 40.351 62.9057 32.365 C71.5897 24.381 82.5197 20.458 95.5497 20.458 C115.7237 20.458 128.3327 32.224 128.3327 50.719 Z'/%3E%3Cpath fill='%2317469e' fill-rule='evenodd' d='M181.429 68.372 C185.072 64.31 186.894 59.266 186.894 53.102 C186.894 44.694 182.41 39.371 173.442 39.371 C169.38 39.371 164.758 39.651 159.433 40.072 L153.548 73.415 C158.172 74.118 162.934 74.398 168.119 74.398 C173.303 74.398 177.786 72.436 181.429 68.372 Z M208.329 56.745 C206.51 68.093 201.885 76.92 194.177 83.504 C186.473 89.949 178.068 93.173 168.82 93.173 C161.254 93.173 155.091 92.891 150.185 92.471 L146.431 114.188 L123.595 114.188 L139.539 24.381 C157.891 22.138 171.622 21.016 180.728 21.016 C201.606 21.016 211.691 34.887 208.329 56.745 Z'/%3E%3Cpath fill='%23f04e23' fill-rule='evenodd' d='M234.5638 60.388 C234.5638 68.794 239.4668 74.398 247.1738 74.398 C252.2178 74.398 257.1208 74.118 261.8838 73.415 L267.7688 40.491 C262.8648 39.792 258.2428 39.371 254.1788 39.371 C240.5898 39.371 234.5638 48.618 234.5638 60.388 Z M297.6518 0 L274.8148 0 L270.9918 22.277 C264.2668 21.437 258.3838 21.016 253.3378 21.016 C241.7098 21.016 232.1828 24.66 224.7568 32.084 C217.4718 39.371 213.4078 49.178 212.5678 61.368 C211.7278 71.315 213.9688 79.162 219.2928 84.765 C224.6158 90.369 231.4828 93.173 239.7488 93.173 C250.5348 93.173 264.5458 92.052 281.7798 89.667 L297.6518 0 Z'/%3E%3Cpath fill='%23f04e23' fill-rule='evenodd' d='M343.747 68.232 C347.531 64.449 349.493 59.548 349.493 53.661 C349.493 45.255 344.167 39.931 335.341 39.931 C329.598 39.931 324.693 41.893 320.772 45.676 C316.988 49.458 315.025 54.223 315.025 59.966 C315.025 68.513 320.349 73.977 329.318 73.977 C335.062 73.977 339.966 72.015 343.747 68.232 Z M371.489 50.719 C371.489 63.049 367.147 73.277 358.458 81.403 C349.913 89.39 338.985 93.453 325.815 93.453 C305.639 93.453 293.029 81.403 293.029 62.769 C293.031 50.439 297.372 40.351 306.059 32.365 C314.745 24.381 325.674 20.458 338.704 20.458 C358.88 20.458 371.489 32.224 371.489 50.719 Z'/%3E%3Cpath fill='%23f04e23' fill-rule='evenodd' d='M492.653 47.217 L484.947 91.07 L462.251 91.07 L468.834 53.941 C470.377 44.974 466.875 41.613 459.029 41.613 C455.105 41.613 451.182 42.033 447.398 42.734 C447.258 44.974 446.978 47.498 446.419 50.159 L439.272 91.07 L416.574 91.07 L423.161 53.941 C424.701 44.974 421.198 41.613 413.353 41.613 C409.849 41.613 406.068 41.753 402.284 42.173 L393.598 91.07 L370.9 91.07 L382.529 24.66 C399.202 22.277 412.793 21.016 423.3 21.016 C429.886 21.016 435.069 22.138 438.852 24.52 C450.341 22.138 460.288 21.016 468.834 21.016 C486.349 21.016 495.875 29.704 492.653 47.217 Z'/%3E%3C/g%3E%3C/svg%3E");
background-size: 80%;
background-position: center;
background-repeat: no-repeat;
}
.sc-memory-game .tile-back .badge {
color: #fff;
font-weight: 900;
font-size: 15px;
opacity: 0.85;
letter-spacing: 0.03em;
}
.sc-memory-game .tile-front {
color: #fff;
transform: rotateY(180deg);
}
.sc-memory-game .tile-front .name {
font-size: 18px;
font-weight: 700;
color: #fff;
position: absolute;
bottom: 0;
left: 0;
padding: 0 8px 8px 8px;
z-index: 3;
text-align: left;
display: none;
}
@media only screen and (max-width: 767px) {
.sc-memory-game .tile-front .name {
font-size: 10px;
padding: 0 2px 2px 2px;
}
}
.sc-memory-game .tile-front:before {
z-index: 2;
content: "";
inset: 0;
height: 100%;
width: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
opacity: 0.66;
pointer-events: none;
display: none;
}
.sc-memory-game .tile.hiding {
visibility: hidden;
}
.sc-memory-game .mark {
position: absolute;
top: 6px;
right: 6px;
width: 26px;
height: 26px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
color: #fff;
font-weight: 900;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
z-index: 20;
}
.sc-memory-game .mark.ok {
background: #24a148;
}
.sc-memory-game .mark.no {
background: #ff3b30;
}
.sc-memory-game .end-actions {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 12px;
margin-top: 28px;
padding-top: 28px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 767px) {
.sc-memory-game .end-actions {
grid-template-columns: 1fr;
}
}
.sc-memory-game .end-actions .play-again {
background-color: #fff;
color: #f04e23;
}
.sc-memory-game .end-actions .invite-friend {
background-color: #17469e;
}
.sc-memory-game .end-actions .invite-friend:hover {
background-color: #113271;
}
.sc-memory-game .end-actions .giveaway {
grid-column: 1/3;
}
@media only screen and (max-width: 767px) {
.sc-memory-game .end-actions .giveaway {
grid-column: 1/2;
}
}
.sc-memory-game .save-score-form__submit {
text-align: center;
margin-top: 24px;
}
.sc-memory-game .save-score-form .mod-input {
margin-bottom: 12px;
}
.form-module {
background-color: #f5f5f5;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.08);
}
.icons-banner {
width: 100%;
color: #17469e;
padding: 60px 0;
background-color: #f5f5f5;
}
@media only screen and (max-width: 767px) {
.icons-banner {
padding: 40px 0;
}
}
.icons-banner__inner {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 28px 0;
}
.icons-banner__link {
text-align: center;
display: inline-flex;
flex-direction: column;
align-items: center;
gap: 4px;
font-weight: 600;
padding: 0 16px;
font-size: 16px;
}
.icons-banner__link:hover img {
transform: translateY(-6px);
}
.icons-banner__link img {
width: 60px;
transition: 0.3s ease;
height: 56px;
object-fit: contain;
margin-bottom: 4px;
}
.icons-banner__link-wrap {
min-width: 140px;
width: 16.6%;
flex-shrink: 0;
text-align: center;
}
@media only screen and (max-width: 1022px) {
.icons-banner__link-wrap {
width: 33.33%;
}
}
@media only screen and (max-width: 767px) {
.icons-banner__link-wrap {
width: 50%;
min-width: 50%;
}
}
.newsletter-module__header {
text-align: center;
}
.newsletter-module__header .title {
font-weight: 600;
}
.newsletter-module__subtitle {
font-size: 16px;
margin-top: 20px;
color: #303133;
font-weight: 600;
letter-spacing: 0.2px;
}
.newsletter-module .title {
margin: 0 auto;
text-align: center;
color: #17469e;
}
.newsletter-module__text {
margin: 0 auto;
font-size: 18px;
margin-top: 32px;
text-align: center;
font-weight: 400;
max-width: 405px;
}
.newsletter-module .form-component.newsletter {
background-color: transparent;
max-width: 592px;
}
.sc-newsletter-module {
background-color: #f5f5f5;
}
.product-card-list {
width: 100%;
}
.product-card-list__top {
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 20px;
align-items: end;
}
@media only screen and (max-width: 1022px) {
.product-card-list__top {
grid-template-columns: 1fr;
}
}
.product-card-list__dropdowns {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 8px;
}
@media only screen and (max-width: 1022px) {
.product-card-list__dropdowns {
grid-template-columns: 1fr;
}
}
.product-card-list__content {
width: 100%;
display: grid;
grid-template-columns: 300px 1fr;
grid-gap: 40px;
}
@media only screen and (max-width: 1022px) {
.product-card-list__content {
grid-template-columns: 1fr;
}
}
.product-card-list__content.without-others {
grid-template-columns: 1fr;
}
.product-card-list__read-more {
color: #f04e23;
font-weight: 700;
display: inline-flex;
gap: 8px;
align-items: center;
}
.product-card-list__cards {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
}
@media only screen and (max-width: 767px) {
.product-card-list__cards {
grid-template-columns: 1fr 1fr;
}
}
.product-card-list__pagination {
margin-top: 60px;
display: flex;
justify-content: space-between;
gap: 20px;
}
@media only screen and (max-width: 1022px) {
.product-card-list__pagination {
flex-direction: column;
}
}
.product-card-list__header {
padding-bottom: 40px;
display: flex;
flex-direction: column;
gap: 20px;
}
@media only screen and (max-width: 767px) {
.product-card-list__header {
grid-column: 1/span 2;
padding-bottom: 20px;
}
}
.product-card-list__text, .product-card-list__text-more {
max-width: 75%;
font-size: 16px;
line-height: 1.6;
}
@media only screen and (max-width: 1022px) {
.product-card-list__text, .product-card-list__text-more {
max-width: 100%;
font-size: 14px;
}
}
.product-card-list__text-more {
max-width: 100%;
font-size: 16px;
margin-top: 60px;
}
.product-card-list__nr {
font-size: 14px;
font-weight: 700;
color: #303133;
margin-bottom: 28px;
}
.product-card-list__dropdown {
margin-bottom: 20px;
width: 200px;
}
.product-card-list__dropdown-text {
margin-bottom: 4px;
font-size: 14px;
font-weight: 700;
color: #303133;
}
@media only screen and (max-width: 1022px) {
.product-card-list__others {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff;
max-height: calc(var(--vh, 1vh) * 100);
overflow: auto;
z-index: 102;
padding: 40px;
opacity: 0;
pointer-events: none;
visibility: visible;
transform: translateX(-10%);
transition: 0.3s ease;
}
}
@media only screen and (max-width: 767px) {
.product-card-list__others {
padding: 40px 20px;
}
}
.product-card-list__others.is-open {
opacity: 1;
pointer-events: auto;
visibility: visible;
transform: translateX(0);
}
.product-card-list__others-close {
display: none;
}
@media only screen and (max-width: 1022px) {
.product-card-list__others-close {
height: 60px;
width: 60px;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 0;
right: 0;
}
}
@media only screen and (max-width: 767px) {
.product-card-list__others-close {
height: 52px;
width: 52px;
}
}
.product-card-list__open-filters {
display: none;
}
@media only screen and (max-width: 1022px) {
.product-card-list__open-filters {
display: flex;
color: #fff;
background-color: #17469e;
border-radius: 4px;
padding: 16px 24px;
position: sticky;
bottom: 20px;
right: 20px;
font-weight: 700;
font-size: 15px;
z-index: 2;
text-align: center;
justify-content: center;
}
}
@media only screen and (max-width: 767px) {
.product-card-list__open-filters {
bottom: 16px;
right: 16px;
}
}
.product-basket {
transform: translateX(100%);
transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: fixed;
right: 0;
top: 200px;
background-color: #fff;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.125);
z-index: 99;
}
@media only screen and (max-width: 767px) {
.product-basket {
top: 120px;
}
}
.product-basket.is-active {
transform: translateX(0);
}
.product-basket.is-open {
width: 440px;
}
@media only screen and (max-width: 767px) {
.product-basket.is-open {
width: 100%;
}
}
.product-basket.is-open .product-basket__chevron .icon {
transform: scaleY(-1);
}
.product-basket__header {
width: 100%;
height: 60px;
position: relative;
transition: 0.3s ease;
display: flex;
align-items: center;
gap: 12px;
padding: 0 20px;
justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
.product-basket__header {
height: 48px;
}
}
.product-basket__header:hover {
background-color: rgba(245, 245, 245, 0.5);
}
.product-basket__icon {
display: flex;
align-items: center;
}
.product-basket__icon .icon:before {
background-color: #f04e23;
}
.product-basket__chevron {
display: flex;
align-items: center;
margin-right: auto;
}
.product-basket__chevron .icon {
height: 16px;
width: 16px;
}
.product-basket__content {
display: none;
padding: 0 20px 20px;
}
@media only screen and (max-width: 767px) {
.product-basket__content {
padding: 0 12px 12px;
}
}
.product-basket__content .title {
color: #17469e;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.product-basket__content .title {
margin-bottom: 12px;
}
}
.product-basket__item {
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 8px;
margin-top: 12px;
}
@media only screen and (max-width: 767px) {
.product-basket__item {
margin-top: 4px;
}
}
.product-basket__remove {
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.product-basket__remove .icon {
width: 12px;
height: 12px;
}
.product-basket__remove:hover .icon:before {
background-color: #f04e23;
}
.product-basket__link {
display: grid;
grid-template-columns: 40px 1fr;
grid-gap: 8px;
align-items: center;
}
@media only screen and (max-width: 767px) {
.product-basket__link {
grid-template-columns: 1fr;
}
}
.product-basket__link span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
font-weight: 600;
}
.product-basket__link span span {
font-weight: 300;
}
.product-basket__img {
height: 40px;
width: 40px;
border: 1px solid lightgrey;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.product-basket__img {
display: none;
}
}
.product-basket__img img {
height: 80%;
width: 80%;
object-fit: contain;
}
.product-basket__buttons {
display: flex;
align-items: center;
gap: 12px;
padding-top: 20px;
}
@media only screen and (max-width: 767px) {
.product-basket__buttons {
padding-top: 12px;
gap: 4px;
}
}
.product-basket-edit .icon {
height: 16px;
width: 16px;
}
.product-basket__nr {
font-size: 14px;
font-weight: 700;
color: #f04e23;
}
.product-basket__items {
max-height: 346px;
overflow: auto;
}
@media only screen and (max-width: 767px) {
.product-basket__items {
max-height: 180px;
}
}
.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%;
}
.search-results {
display: flex;
flex-direction: column;
gap: 40px;
margin: 0 auto;
}
.search-results__filters {
display: flex;
justify-content: flex-end;
gap: 20px;
padding-top: 20px;
margin-bottom: -40px;
}
@media only screen and (max-width: 767px) {
.search-results__filters {
flex-direction: column;
gap: 0;
align-items: flex-end;
}
}
.search-results__items-title {
background-color: #f5f5f5;
padding: 20px;
margin-bottom: -40px;
}
@media only screen and (max-width: 767px) {
.search-results__items-title {
padding: 16px;
}
}
.search-results__items.products {
margin: 12px 0;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 8px;
}
@media only screen and (max-width: 1022px) {
.search-results__items.products {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 767px) {
.search-results__items.products {
grid-template-columns: 1fr;
}
}
.search-results__item {
width: 100%;
background-color: #fff;
transition: 0.3s ease;
display: block;
padding: 20px;
border-bottom: 1px solid #e1e1e1;
}
@media only screen and (max-width: 767px) {
.search-results__item {
padding: 16px;
}
}
.search-results__item:last-of-type {
border: none;
}
.search-results__item:hover .title {
color: #f04e23;
}
.search-results__item-text {
width: 100%;
margin-top: 8px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 14px;
font-weight: 300;
}
.search-results__item .title {
transition: 0.3s ease;
}
.search-results__item--product {
display: grid;
grid-template-columns: 60px 1fr;
grid-gap: 12px;
align-items: center;
font-weight: 600;
}
.services-detail.smaller {
max-width: 1000px;
margin: 0 auto;
}
.services-detail__main {
display: grid;
grid-template-columns: 1.75fr 1.25fr;
grid-gap: 40px;
}
@media only screen and (max-width: 1022px) {
.services-detail__main {
grid-template-columns: 1fr;
grid-gap: 20px;
}
.services-detail__main .services-detail__main-left {
order: 2;
}
.services-detail__main .services-detail__main-right {
order: 1;
}
}
.services-detail__content {
display: flex;
flex-direction: column;
gap: 60px;
margin-top: 60px;
overflow: hidden;
}
@media only screen and (max-width: 1022px) {
.services-detail__content {
gap: 40px;
margin-top: 40px;
}
}
.services-detail__btns {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.services-detail__images {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 28px;
}
@media only screen and (max-width: 1022px) {
.services-detail__images {
grid-gap: 12px;
}
}
@media only screen and (max-width: 767px) {
.services-detail__images {
grid-template-columns: 1fr;
}
}
.services-detail__images img {
width: 100%;
}
.services-detail__cols {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 28px;
}
@media only screen and (max-width: 1022px) {
.services-detail__cols {
grid-gap: 12px;
}
}
@media only screen and (max-width: 767px) {
.services-detail__cols {
grid-gap: 24px;
grid-template-columns: 1fr;
}
}
.services-detail__col {
display: grid;
grid-template-columns: 1fr;
grid-gap: 24px;
}
.page-header {
padding: 60px 0;
background-color: #f5f5f5;
position: relative;
}
@media only screen and (max-width: 1022px) {
.page-header {
padding: 40px 0;
}
}
@media only screen and (max-width: 767px) {
.page-header {
padding: 28px 0;
}
}
.page-header .container {
position: relative;
z-index: 1;
}
.page-header .title {
color: #17469e;
}
.page-header img {
width: 100%;
}
.page-header__intro {
font-size: 28px;
margin: 0 auto;
}
@media only screen and (max-width: 1022px) {
.page-header__intro {
font-size: 24px;
margin-top: 20px;
}
}
@media only screen and (max-width: 767px) {
.page-header__intro {
font-size: 20px;
}
}
.page-header-search__form {
max-width: 360px;
position: relative;
margin-top: 24px;
}
.page-header-search__submit {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 40px;
z-index: 1;
}
.page-header__btns {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 20px;
}
.page-header__btn {
background-color: #fff;
border: 1px solid #17469e;
color: #17469e;
border-radius: 6px;
cursor: pointer;
font-size: 15px;
font-weight: 500;
padding: 4px 12px;
transition: 0.25s ease-in;
display: inline-flex;
align-items: center;
min-height: 40px;
}
@media only screen and (max-width: 767px) {
.page-header__btn {
min-height: 32px;
font-size: 14px;
padding: 2px 8px;
border-radius: 4px;
}
}
.page-header__btn:hover, .page-header__btn.is-active {
background-color: #17469e;
color: #fff;
}
.product-detail {
width: 100%;
}
.product-detail .form-component__row-title {
font-size: inherit;
}
.product-detail__content {
width: 100%;
display: grid;
grid-template-columns: 300px 1fr;
grid-gap: 40px;
}
@media only screen and (max-width: 1022px) {
.product-detail__content {
display: block;
}
}
.product-detail__intro {
margin-top: 24px;
}
.product-detail__arrows {
display: flex;
gap: 20px;
align-items: center;
justify-content: space-between;
position: absolute;
bottom: 0;
top: 0;
margin: auto;
width: 100%;
left: 0;
z-index: 20;
pointer-events: none;
}
.product-detail__arrows .swiper-button-next,
.product-detail__arrows .swiper-button-prev {
height: 32px;
width: 32px;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
background-color: #fff;
pointer-events: auto;
opacity: 0.7;
}
.product-detail__arrows .swiper-button-next .icon,
.product-detail__arrows .swiper-button-prev .icon {
height: 16px;
width: 16px;
}
.product-detail__arrows .swiper-button-next .icon:before,
.product-detail__arrows .swiper-button-prev .icon:before {
background-color: #000;
}
@media only screen and (max-width: 1022px) {
.product-detail__others {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff;
max-height: calc(var(--vh, 1vh) * 100);
overflow: auto;
z-index: 102;
padding: 40px;
padding-top: 60px;
opacity: 0;
pointer-events: none;
visibility: visible;
transform: translateX(-10%);
transition: 0.3s ease;
}
}
@media only screen and (max-width: 767px) {
.product-detail__others {
padding: 40px 20px;
padding-top: 60px;
}
}
.product-detail__others.is-open {
opacity: 1;
pointer-events: auto;
visibility: visible;
transform: translateX(0);
}
.product-detail__others-close {
display: none;
}
@media only screen and (max-width: 1022px) {
.product-detail__others-close {
height: 60px;
width: 60px;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 0;
right: 0;
}
}
@media only screen and (max-width: 767px) {
.product-detail__others-close {
height: 52px;
width: 52px;
}
}
.product-detail__open-filters {
display: none;
}
@media only screen and (max-width: 1022px) {
.product-detail__open-filters {
display: flex;
color: #fff;
background-color: #17469e;
border-radius: 4px;
padding: 16px 24px;
position: sticky;
bottom: 20px;
right: 20px;
font-weight: 700;
font-size: 15px;
z-index: 2;
text-align: center;
justify-content: center;
width: 100%;
margin-top: 20px;
}
}
@media only screen and (max-width: 767px) {
.product-detail__open-filters {
bottom: 16px;
right: 16px;
}
}
.product-detail__header {
display: flex;
gap: 20px;
}
@media only screen and (max-width: 1200px) {
.product-detail__header {
flex-direction: column;
}
}
@media only screen and (max-width: 1022px) {
.product-detail__header {
display: block;
}
}
.product-detail__imgs {
width: 100%;
max-width: 500px;
display: inline-block;
vertical-align: top;
position: relative;
flex-shrink: 0;
}
@media only screen and (max-width: 1600px) {
.product-detail__imgs {
max-width: 400px;
}
}
@media only screen and (max-width: 1022px) {
.product-detail__imgs {
max-width: 50%;
margin-bottom: 40px;
}
}
@media only screen and (max-width: 767px) {
.product-detail__imgs {
max-width: 100%;
margin-bottom: 20px;
}
}
.product-detail__imgs .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 1/1;
}
.product-detail__imgs .swiper-slide img {
max-height: 95%;
max-width: 95%;
object-fit: contain;
}
.product-detail__imgs .swiper-slide a {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
}
.product-detail__imgs .swiper {
border: 1px solid rgba(48, 49, 51, 0.2);
}
.product-detail__imgs .swiper.thumbs {
border: none;
margin-top: 20px;
}
.product-detail__imgs .swiper.thumbs .swiper-slide {
border: 1px solid rgba(48, 49, 51, 0.2);
cursor: pointer;
width: 100%;
aspect-ratio: 1/1;
}
.product-detail__imgs .swiper.thumbs .swiper-slide:hover img {
opacity: 0.5;
}
.product-detail__imgs .swiper.thumbs img {
object-fit: cover;
transition: 0.5s ease;
}
.product-detail__title {
color: #17469e;
}
.product-detail__thumbs {
position: relative;
}
.product-detail__read-more {
margin-top: 24px;
font-weight: 600;
color: #f04e23;
font-size: 16px;
display: inline-flex;
align-items: center;
gap: 8px;
}
.product-detail__read-more .icon:before {
background-color: currentColor;
}
.product-detail__code {
color: #959595;
font-weight: 300;
font-size: 14px;
margin-top: 8px;
}
.product-detail__info {
margin-top: 24px;
}
.product-detail__dropdown {
margin-top: 24px;
}
.product-detail__btn {
margin-top: 20px;
}
.product-detail__text {
padding: 60px 0;
scroll-margin-top: 100px;
position: relative;
z-index: 0;
}
@media only screen and (max-width: 1600px) {
.product-detail__text {
scroll-margin-top: 60px;
}
}
.product-detail__extra {
padding-top: 60px;
margin-top: 20px;
border-top: 1px solid rgba(48, 49, 51, 0.2);
}
.product-detail__extra-title {
margin-bottom: 20px;
}
.product-detail__extra-items {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 8px;
}
@media only screen and (max-width: 1200px) {
.product-detail__extra-items {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 1022px) {
.product-detail__extra-items {
grid-template-columns: repeat(4, 1fr);
}
}
@media only screen and (max-width: 767px) {
.product-detail__extra-items {
grid-template-columns: repeat(2, 1fr);
}
}
@keyframes nudge-right-loop {
0%, 100% {
transform: translateX(0);
}
4% {
transform: translateX(8px);
}
8% {
transform: translateX(0);
}
12% {
transform: translateX(8px);
}
16% {
transform: translateX(0);
}
}
@keyframes nudge-left-loop {
0%, 100% {
transform: translateX(0);
}
4% {
transform: translateX(-8px);
}
8% {
transform: translateX(0);
}
12% {
transform: translateX(-8px);
}
16% {
transform: translateX(0);
}
}
.product-slider {
position: relative;
}
.product-slider.smaller {
max-width: 1000px;
margin: 0 auto;
}
.product-slider__header {
text-align: center;
margin-bottom: 20px;
}
.product-slider__header .title {
color: #17469e;
font-weight: 600;
}
.product-slider .swiper {
padding: 12px 0 20px 0;
}
@media only screen and (max-width: 767px) {
.product-slider .swiper {
padding: 12px 0 20px 0;
}
}
.product-slider .swiper-button-next,
.product-slider .swiper-button-prev {
position: absolute;
height: 40px;
width: 40px;
right: -40px;
top: 0;
bottom: 0;
margin: auto;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
@media only screen and (max-width: 1200px) {
.product-slider .swiper-button-next,
.product-slider .swiper-button-prev {
right: 0;
height: 32px;
width: 32px;
background-color: #fff;
opacity: 0.7;
}
}
.product-slider .swiper-button-next {
animation: nudge-right-loop 4s ease-in-out infinite;
animation-delay: 2s;
}
.product-slider .swiper-button-prev {
right: auto;
left: -40px;
animation: nudge-left-loop 4s ease-in-out infinite;
animation-delay: 2.5s;
}
@media only screen and (max-width: 1200px) {
.product-slider .swiper-button-prev {
left: 0;
}
}
.product-slider .swiper-button-disabled {
pointer-events: none;
opacity: 0;
animation: none;
}
.services-list.smaller {
max-width: 1000px;
margin: 0 auto;
}
.services-list .service-card {
margin-bottom: 60px;
}
.services-list .service-card:last-of-type {
margin-bottom: 0;
}
.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-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
background-color: #fff;
transition: 0.3s;
z-index: 100;
position: fixed;
top: 0;
left: 0;
height: 100px;
}
@media only screen and (max-width: 1600px) {
.header-main {
height: 60px;
}
}
@media only screen and (max-width: 1200px) {
.header-main {
padding-right: 60px;
}
}
@media only screen and (max-width: 767px) {
.header-main {
height: 100px;
}
}
.header-main__logo {
width: 188px;
}
@media only screen and (max-width: 1600px) {
.header-main__logo {
width: 140px;
height: 26px;
}
}
.header-main__logo img {
object-fit: contain;
}
.header-main__search-btn {
margin-left: auto;
margin-right: 12px;
height: 24px;
width: 24px;
display: none;
}
.header-main__search-btn .icon:before {
background-color: #f04e23;
}
.header-main__inner {
padding-left: 28px;
display: flex;
height: 100%;
gap: 0;
align-items: center;
justify-content: space-between;
}
@media only screen and (max-width: 1600px) {
.header-main__inner {
padding-left: 16px;
}
}
@media only screen and (max-width: 767px) {
.header-main__inner {
align-items: flex-start;
padding-top: 20px;
}
}
.header-main__menu-wrapper {
display: flex;
height: 100%;
align-items: center;
}
.header-main__right-btn {
background-color: #17469e;
color: #fff;
font-size: 14px;
font-weight: 500;
padding: 28px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
font-family: "Canaro", sans-serif;
transition: 0.3s ease;
}
@media only screen and (max-width: 1600px) {
.header-main__right-btn {
padding: 16px;
font-size: 13px;
}
}
@media only screen and (max-width: 1200px) {
.header-main__right-btn {
display: none;
}
}
.header-main__right-btn:hover {
background-color: #f04e23;
}
.header-main__right-btn .icon:before {
background-color: #fff;
}
.header-main__catalogue-btn {
background-color: #f5f5f5;
color: #17469e;
font-size: 14px;
font-weight: 500;
padding: 28px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
font-family: "Canaro", sans-serif;
transition: 0.3s ease;
}
@media only screen and (max-width: 1600px) {
.header-main__catalogue-btn {
padding: 16px;
font-size: 13px;
}
}
@media only screen and (max-width: 1200px) {
.header-main__catalogue-btn {
display: none;
}
}
.header-main__catalogue-btn:hover {
color: #000;
background-color: #fff;
}
.header-main__catalogue-btn:hover .icon:before {
background-color: #000;
}
.header-main__catalogue-btn .icon:before {
background-color: #17469e;
}
.mobile-hamburger {
cursor: pointer;
z-index: 9;
position: absolute;
right: 0;
top: 0;
height: 60px;
width: 60px;
padding: 0 16px;
}
.mobile-hamburger:after {
z-index: 9;
transform: scale(1.5);
}
.mobile-hamburger .bars {
background-color: #17469e;
height: 3px;
width: 28px;
display: block;
border-radius: 4px;
margin-bottom: 5px;
transition: transform 0.3s ease;
}
.mobile-hamburger .bars:last-child {
margin-bottom: 0;
}
.is-open-menu .mobile-hamburger .bars:first-child {
transform: translateY(8px) rotate(225deg);
}
.is-open-menu .mobile-hamburger .bars:nth-child(2) {
transform: scale(0);
}
.is-open-menu .mobile-hamburger .bars:last-child {
transform: translateY(-8px) rotate(315deg);
}
.text-module__content {
display: grid;
grid-template-columns: 1fr;
grid-gap: 80px;
}
@media only screen and (max-width: 1200px) {
.text-module__content {
grid-gap: 60px;
}
}
@media only screen and (max-width: 767px) {
.text-module__content {
grid-gap: 40px;
}
}
.text-module__content.smaller {
max-width: 1000px;
margin: 0 auto;
}
.text-module .sc-columns-module .margin {
display: none;
}
.text-module .sc-columns-module .container {
padding: 0;
margin: 0;
width: 100%;
max-width: 100%;
}
.locations-list.smaller {
max-width: 1000px;
margin: 0 auto;
}
.locations-list__header {
text-align: center;
}
.locations-list__header .title {
color: #17469e;
font-weight: 600;
}
.locations-list__subtitle {
font-size: 16px;
margin-top: 20px;
color: #303133;
font-weight: 600;
letter-spacing: 0.2px;
}
.locations-list__items {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 24px;
margin-top: 60px;
align-items: start;
}
@media only screen and (max-width: 1200px) {
.locations-list__items {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 767px) {
.locations-list__items {
grid-template-columns: 1fr;
grid-gap: 12px;
margin-top: 40px;
}
}
.locations-list__item {
overflow: hidden;
position: relative;
background-color: #f5f5f5;
height: 100%;
display: flex;
flex-direction: column;
}
.locations-list__item-title {
background-color: #17469e;
padding: 20px;
color: #fff;
}
.locations-list__item-content {
flex: 1;
padding: 20px;
display: flex;
flex-direction: column;
gap: 20px;
align-items: flex-start;
}
@media only screen and (max-width: 767px) {
.locations-list__item-content {
padding: 20px;
}
}
.locations-list__item .btn {
margin-top: auto;
}
.timeline-slider {
overflow: hidden;
position: relative;
}
.timeline-slider__header {
text-align: center;
margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.timeline-slider__header {
margin-bottom: 28px;
}
}
.timeline-slider__header .title {
color: #17469e;
font-weight: 600;
}
.timeline-slider__arrow {
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: -60px;
cursor: pointer;
}
.timeline-slider__arrow .icon {
height: 18px;
width: 18px;
}
.timeline-slider__arrow .icon:before {
background-color: #303133;
}
.timeline-slider__arrow:hover .icon:before {
background-color: #17469e;
}
.timeline-slider__arrow.swiper-button-prev {
left: 0;
}
.timeline-slider__arrow.swiper-button-next {
left: 40px;
}
.timeline-slider__arrow.swiper-button-disabled {
opacity: 0.3;
pointer-events: none;
}
.timeline-slider__swiper {
position: relative;
padding-bottom: 60px;
padding-top: 8px;
}
.timeline-slider__swiper:before {
content: "";
width: 100%;
height: 1px;
background-color: rgba(23, 70, 158, 0.3);
position: absolute;
top: 68px;
left: 0;
}
@media only screen and (max-width: 1022px) {
.timeline-slider__swiper:before {
top: 48px;
}
}
.timeline-slider .swiper {
overflow: visible;
}
.timeline-slider .swiper-slide {
height: auto;
}
.timeline-slider .swiper-slide-visible .timeline-slider__item {
transform: scale(1);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.125);
}
.timeline-slider .swiper-slide-visible .timeline-slider__item .title {
color: #17469e;
}
.timeline-slider__item {
padding: 40px;
height: 100%;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
transform: scale(0.9);
transition: 0.3s ease;
background-color: #fff;
color: rgba(48, 49, 51, 0.8);
}
@media only screen and (max-width: 767px) {
.timeline-slider__item {
padding: 28px;
}
}
.timeline-slider__item .editor-text {
color: rgba(48, 49, 51, 0.8);
line-height: 1.6;
}
.timeline-slider__item .title {
margin-bottom: 28px;
color: rgba(48, 49, 51, 0.8);
}
@media only screen and (max-width: 767px) {
.timeline-slider__item .title {
margin-bottom: 12px;
}
}
.advance-cookie-banner {
font-size: 16px;
line-height: 1.6;
}
.advance-cookie-banner__bar {
position: fixed;
left: 0;
width: 100%;
bottom: 0;
z-index: 998;
max-height: calc(var(--vh, 1vh) * 100);
transition: opacity 0.5s ease;
padding: 40px 0;
opacity: 0;
pointer-events: none;
background-color: #fff;
}
@media only screen and (max-width: 1022px) {
.advance-cookie-banner__bar {
padding: 44px 0 20px;
}
}
.cookie-not-set .advance-cookie-banner__bar {
opacity: 1;
pointer-events: all;
}
.advance-cookie-banner__inner {
position: relative;
z-index: 3;
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 30px;
align-items: center;
}
@media only screen and (max-width: 1022px) {
.advance-cookie-banner__inner {
grid-template-columns: 1fr;
text-align: center;
justify-items: center;
grid-gap: 20px;
}
}
@media only screen and (max-width: 1600px) {
.advance-cookie-banner__left {
font-size: 15px;
}
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__left {
line-height: normal;
}
}
.advance-cookie-banner a {
text-decoration: underline;
}
.advance-cookie-banner a:hover {
text-decoration: none;
color: var(--color-primary);
}
.advance-cookie-banner__button {
display: flex;
align-items: center;
}
@media only screen and (max-width: 1600px) {
.advance-cookie-banner__button {
margin-right: 80px;
}
}
@media only screen and (max-width: 1022px) {
.advance-cookie-banner__button {
margin-right: 0;
justify-content: center;
}
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__button {
flex-wrap: wrap;
gap: 15px;
}
}
.advance-cookie-banner .btn--cookie-setting {
text-decoration: underline;
white-space: nowrap;
transition: color 0.3s ease;
}
.advance-cookie-banner .btn--cookie-setting:hover {
color: var(--color-primary);
}
.advance-cookie-banner .btn--accept-cookie {
margin-left: 28px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner .btn--accept-cookie {
margin-left: 0;
}
}
.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;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal {
padding: 18px 10px;
font-size: 14px;
}
}
.advance-cookie-banner__modal.is-open-modal {
opacity: 1;
pointer-events: all;
}
.advance-cookie-banner__modal-close {
position: absolute;
top: 20px;
z-index: 9;
right: 20px;
padding: 10px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-close {
top: 10px;
}
}
.advance-cookie-banner__modal-close .icon {
pointer-events: none;
width: 14px;
height: 14px;
}
.advance-cookie-banner__modal-close:hover .icon::before {
background-color: var(--color-primary);
}
.advance-cookie-banner__modal-overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
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);
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 {
border-bottom: 0.5px solid currentColor;
padding: 20px 0;
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-header {
padding: 0 0 16px;
margin-bottom: 30px;
}
}
.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 {
text-decoration: underline;
}
.advance-cookie-banner__modal-content .editor-text p a:hover {
text-decoration: none;
}
.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;
margin-bottom: 8px;
}
}
.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;
top: 4px;
}
}
.advance-cookie-banner__modal-footer {
display: flex;
justify-content: space-between;
margin-top: 36px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-footer {
flex-direction: column;
gap: 16px;
}
}
@media only screen and (min-width: 768px) {
.advance-cookie-banner__modal-footer .btn__text {
flex-shrink: 0;
}
}
.advance-cookie-banner__modal .mod-toggle {
position: absolute;
right: 14px;
top: 0;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal .mod-toggle {
right: 0;
}
}
.advance-cookie-banner__close {
position: absolute;
top: 50%;
transform: translate(0, -50%);
z-index: 3;
width: 50px;
height: 50px;
right: 16px;
}
@media only screen and (max-width: 1022px) {
.advance-cookie-banner__close {
top: 0;
right: 10px;
transform: translate(0, 0);
}
}
.advance-cookie-banner__close .icon {
opacity: 0.3;
transition: opacity 0.3s ease;
}
@media only screen and (max-width: 1022px) {
.advance-cookie-banner__close .icon {
width: 16px;
height: 16px;
}
}
.advance-cookie-banner__close .icon::before {
background-color: currentColor;
}
.advance-cookie-banner__close:hover .icon {
opacity: 1;
}
.blog-card {
width: 100%;
position: relative;
max-width: 300px;
overflow: hidden;
display: flex;
flex-direction: column;
}
.blog-card.main-card {
max-width: 100%;
display: grid;
grid-template-columns: 50.8% 1fr;
gap: 86px;
align-items: center;
}
@media only screen and (max-width: 1600px) {
.blog-card.main-card {
gap: 40px;
}
}
@media only screen and (max-width: 1200px) {
.blog-card.main-card {
gap: 20px;
grid-template-columns: 49% 1fr;
}
}
@media only screen and (max-width: 767px) {
.blog-card.main-card {
display: flex;
flex-direction: column;
}
}
.blog-card.main-card .title {
font-family: "Canaro", sans-serif;
font-size: 500;
}
.blog-card.main-card .blog-card__img,
.blog-card.main-card img {
aspect-ratio: 634/407;
}
@media only screen and (max-width: 1200px) {
.blog-card.main-card .blog-card__img,
.blog-card.main-card img {
aspect-ratio: 297/238;
}
}
.blog-card.main-card .blog-card__date {
color: rgba(0, 0, 0, 0.3);
font-size: 14px;
margin-bottom: 8px;
}
.blog-card.main-card .blog-card__text {
font-size: 18px;
margin-top: 12px;
}
@media only screen and (max-width: 1200px) {
.blog-card.main-card .blog-card__text {
font-size: 14px;
}
}
.blog-card.main-card .blog-card__content {
padding: 0;
}
.blog-card.full-text .title,
.blog-card.full-text .blog-card__text {
overflow: visible;
text-overflow: initial;
display: block;
-webkit-line-clamp: initial;
-webkit-box-orient: initial;
}
.blog-card:hover img {
transform: scale(1.1);
}
.blog-card__tag {
background-color: #f04e23;
color: #fff;
font-size: 12px;
padding: 4px 20px;
transform: skew(-12deg);
font-weight: 700;
position: absolute;
top: 16px;
left: -8px;
min-height: 30px;
display: flex;
align-items: center;
}
.blog-card__tag span {
display: flex;
transform: skew(12deg);
}
.blog-card__img {
position: relative;
overflow: hidden;
aspect-ratio: 495/222;
width: 100%;
}
.blog-card img {
aspect-ratio: 495/222;
width: 100%;
object-fit: cover;
transition: 0.5s ease;
}
.blog-card__content {
padding: 16px 10px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
flex: 1;
width: 100%;
}
.blog-card__date {
font-size: 12px;
}
.blog-card__text {
font-size: 14px;
line-height: 1.6;
}
.blog-card .title {
font-family: "Canaro", sans-serif;
letter-spacing: normal;
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
color: #303133;
text-transform: uppercase;
}
.blog-card .title--h6 {
font-size: 16px;
}
.blog-card .btn {
margin-top: 40px;
}
@media only screen and (max-width: 1200px) {
.blog-card .btn {
margin-top: 12px;
}
}
.blog-card__title {
position: relative;
}
.blog-card__link {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
}
.blog-card__link-text {
color: #17469e;
font-weight: 700;
font-size: 16px;
display: inline-flex;
gap: 4px;
align-items: center;
padding-top: 12px;
transition: 0.3s ease;
margin-top: auto;
}
.blog-card__link-text:hover {
color: #f04e23;
}
.blog-card__link-text .icon {
height: 18px;
width: 18px;
}
.blog-card__link-text .icon:before {
background-color: currentColor;
}
.contact-card {
position: relative;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.125);
padding: 40px;
margin-bottom: 40px;
}
.contact-card:last-of-type {
margin-bottom: 0;
}
.contact-card .title {
margin-bottom: 28px;
color: #17469e;
}
.contact-card__items {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 40px 20px;
}
@media only screen and (max-width: 767px) {
.contact-card__items {
grid-template-columns: 1fr;
}
}
.contact-card a {
color: #17469e;
}
.contact-card a:hover {
color: #f04e23;
}
.form-component {
width: 100%;
position: relative;
padding: 96px 48px;
}
@media only screen and (max-width: 767px) {
.form-component {
padding: 96px 20px;
}
}
.form-component__back {
color: #f04e23;
font-weight: 600;
display: inline-flex;
gap: 8px;
align-items: center;
font-size: 16px;
}
.form-component__back .icon {
height: 12px;
width: 8px;
}
.form-component__back .icon:before {
background-color: currentColor;
}
@media only screen and (max-width: 767px) {
.form-component__back {
font-size: 14px;
}
}
.form-component__checkboxes {
margin-top: 28px;
display: flex;
flex-direction: column;
gap: 10px;
align-items: flex-start;
}
.form-component__header {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 56px;
gap: 12px;
}
@media only screen and (max-width: 767px) {
.form-component__header {
flex-direction: column;
align-items: flex-start;
}
}
.form-component__header .title {
color: #17469e;
font-weight: 600;
}
.form-component__header-subtitle {
font-size: 14px;
margin-bottom: 12px;
color: #303133;
font-weight: 600;
letter-spacing: 0.2px;
}
.form-component__inner {
width: 100%;
display: grid;
grid-gap: 28px;
}
@media only screen and (max-width: 767px) {
.form-component__inner {
grid-gap: 16px;
}
}
.form-component__row {
display: grid;
grid-gap: 10px 20px;
}
@media only screen and (max-width: 767px) {
.form-component__row {
grid-gap: 8px;
}
}
.form-component__row-title {
color: #303133;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.56px;
}
.form-component__row.triple {
padding: 0;
grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 767px) {
.form-component__row.triple {
grid-template-columns: 1fr;
}
}
.form-component__row.triple .form-component__row-title {
grid-column: span 3;
}
@media only screen and (max-width: 767px) {
.form-component__row.triple .form-component__row-title {
grid-column: 1;
}
}
.form-component__row.double {
padding: 0;
grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 767px) {
.form-component__row.double {
grid-template-columns: 1fr;
}
}
.form-component__row.double .form-component__row-title {
grid-column: span 2;
}
@media only screen and (max-width: 767px) {
.form-component__row.double .form-component__row-title {
grid-column: 1;
}
}
.form-component__form {
position: relative;
margin: 0 auto;
max-width: 1000px;
}
.form-component__submit {
text-align: center;
margin-top: 24px;
}
.form-component__alert {
padding: 16px;
width: 100%;
border-radius: 10px;
text-align: left;
margin-top: 20px;
border: 1px solid currentColor;
font-size: 16px;
}
.form-component__alert-error {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.form-component__alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.form-component__success {
display: none;
margin: 0 auto;
max-width: 800px;
flex-direction: column;
justify-content: center;
gap: 24px;
}
@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.show-thankyou .form-component__form {
display: none;
}
.form-component.show-thankyou .form-component__success {
display: flex;
}
.form-component .checkbox-group .fv-plugins-message-container {
display: none;
}
.form-component .checkbox-group.failed .checkbox__label:before {
border-color: rgba(0, 0, 0, 0.12);
}
.form-component .checkbox-group.failed .group-error {
display: block;
}
.form-component.newsletter {
background-color: #fff;
padding: 0;
box-shadow: none;
margin: 0 auto;
margin-top: 60px;
}
@media only screen and (max-width: 767px) {
.form-component.newsletter {
margin-top: 28px;
}
}
.form-component.newsletter .form-component__form {
max-width: 100%;
}
.form-component.newsletter .form-component__inner {
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 10px;
}
@media only screen and (max-width: 767px) {
.form-component.newsletter .form-component__inner {
grid-template-columns: 1fr;
}
}
.form-component.newsletter .form-component__submit {
margin: 0;
}
.form-component.product {
background-color: #fff;
padding: 0;
box-shadow: none;
margin-top: 24px;
}
@media only screen and (max-width: 767px) {
.form-component.product {
margin-top: 28px;
}
}
.form-component.product .form-component__form {
max-width: 100%;
}
.form-component.product .form-component__inner {
display: grid;
grid-template-columns: 1fr;
grid-gap: 10px;
}
@media only screen and (max-width: 767px) {
.form-component.product .form-component__inner {
grid-template-columns: 1fr;
}
}
.form-component.product .form-component__submit {
margin-top: 16px;
text-align: left;
}
.form-component.product.show-thankyou .form-component__form {
display: block;
}
.basket-items {
width: 100%;
margin: 0 auto;
margin: 40px 0;
}
.basket-items__content {
background-color: #fff;
margin-top: 8px;
border: 1px solid #e1e1e1;
}
.basket-items__header {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
}
.basket-items__remove {
color: #f04e23;
font-weight: 600;
text-decoration: underline;
font-size: 12px;
cursor: pointer;
}
.basket-items__remove:hover {
text-decoration: none;
}
.basket-item {
display: grid;
grid-template-columns: 1fr auto auto;
align-items: center;
grid-gap: 16px;
padding: 8px 12px;
border-top: 1px solid #e1e1e1;
position: relative;
}
.basket-item:first-of-type {
border: none;
}
@media only screen and (max-width: 767px) {
.basket-item {
grid-template-columns: 1fr;
padding: 16px;
padding-bottom: 64px;
}
}
.basket-item__remove {
height: 40px;
width: 60px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.basket-item__remove {
position: absolute;
bottom: 8px;
right: 0;
}
}
.basket-item__remove .icon {
width: 20px;
height: 20px;
}
.basket-item__remove:hover .icon:before {
background-color: #f04e23;
}
.basket-item__link {
display: grid;
grid-template-columns: auto 1fr;
grid-gap: 8px;
align-items: center;
}
@media only screen and (max-width: 767px) {
.basket-item__link {
grid-template-columns: 1fr;
}
}
.basket-item__link span {
font-weight: 600;
}
.basket-item__link span span {
font-size: 14px;
font-weight: 300;
}
.basket-item__link:hover {
color: #f04e23;
}
.basket-item__img {
height: 56px;
width: 60px;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.basket-item__img {
display: none;
}
}
.basket-item__img img {
height: 80%;
width: 80%;
object-fit: contain;
}
.basket-item__amount {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
text-align: center;
font-size: 16px !important;
color: #000 !important;
}
.basket-item__amount-wrap {
width: 140px;
display: grid;
grid-template-columns: auto 1fr auto;
grid-gap: 0;
align-items: center;
}
@media only screen and (max-width: 767px) {
.basket-item__amount-wrap {
position: absolute;
left: 0;
bottom: 0;
}
}
.basket-item__amount-wrap .basket-item__minus,
.basket-item__amount-wrap .basket-item__plus {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
cursor: pointer;
}
.basket-item__amount-wrap .basket-item__minus .icon,
.basket-item__amount-wrap .basket-item__plus .icon {
height: 16px;
width: 16px;
}
.basket-item__amount-wrap .basket-item__minus:hover .icon:before,
.basket-item__amount-wrap .basket-item__plus:hover .icon:before {
background-color: #f04e23;
}
.basket-item input[type=number]::-webkit-inner-spin-button,
.basket-item input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
.header-search {
will-change: opacity;
transition: opacity 0.3s ease;
align-items: flex-start;
margin-left: auto;
}
@media only screen and (max-width: 767px) {
.header-search {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
}
.header-search.is-focused .header-search__results {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
.header-search.is-open-search, .is-open-search .header-search {
opacity: 1;
pointer-events: all;
}
.header-search__form {
position: relative;
}
.header-search__form ::-webkit-input-placeholder {
color: #000;
opacity: 0.66;
}
.header-search__form :-ms-input-placeholder {
color: #000;
opacity: 0.66;
}
.header-search__form ::placeholder {
color: #000;
opacity: 0.66;
}
@media only screen and (max-width: 767px) {
.header-search__form {
width: 100%;
}
}
.header-search__input-field {
box-shadow: none;
outline: none;
width: 100%;
height: 50px;
background-color: #fff;
border: 0;
font-size: 16px;
padding: 5px 60px 5px 12px;
font-family: "Canaro", sans-serif;
border-bottom: 1px solid #f04e23;
}
.header-search__submit {
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 50px;
background-color: var(--color-blue);
color: var(--color-white);
transition: background-color 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}
.header-search__submit .icon:before {
background-color: #f04e23;
}
.header-search__submit:hover, .header-search__submit:focus {
background-color: #f04e23;
}
.header-search__submit:hover .icon:before, .header-search__submit:focus .icon:before {
background-color: #fff;
}
.header-search__close {
position: absolute;
right: 34px;
top: 32px;
z-index: 3;
height: 40px;
width: 40px;
transition: transform 0.3s ease;
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
.header-search__close {
right: 14px;
top: 16px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.header-search__close {
right: 20px;
top: 16px;
}
}
@media only screen and (max-width: 767px) {
.header-search__close {
right: 18px;
top: 15px;
border-width: 1px;
}
}
.header-search__close .icon:before {
background-color: #fff;
}
.header-search__results {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
max-height: 70vh;
background-color: #fff;
transform: translateY(100%);
overflow: auto;
transition: opacity 0.3s ease;
box-shadow: 1px 15px 20px rgba(0, 0, 0, 0.25);
opacity: 0;
pointer-events: none;
visibility: hidden;
}
@media only screen and (max-width: 767px) {
.header-search__results {
max-height: 60vh;
}
}
.header-search__item {
width: 100%;
padding: 12px 16px;
font-size: 12px;
background-color: #fff;
transition: 0.3s ease;
display: none;
}
.header-search__item:hover {
padding-left: 24px;
padding-right: 8px;
}
.header-search__item.hover {
padding-left: 24px;
padding-right: 8px;
}
.header-search__item-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 100%;
display: block;
}
.header-search__item-title {
font-size: 14px;
font-weight: 500;
}
.header-search__item--product {
grid-template-columns: 36px 1fr;
grid-gap: 12px;
align-items: center;
font-weight: 600;
}
.header-search__items {
display: flex;
flex-direction: column;
}
.header-search__items.is-hidden .header-search__items-title {
display: none;
}
.header-search__items-title {
background-color: #f5f5f5;
padding: 12px 16px;
font-family: "Canaro", sans-serif;
}
.checkbox-group__label {
margin-bottom: 16px;
}
.checkbox-group__list {
display: grid;
grid-gap: 8px;
}
.checkbox-group--horizontal .checkbox-group__list {
display: flex;
flex-wrap: wrap;
grid-gap: 0;
gap: 16px;
}
.checkbox-group--horizontal .checkbox-group__list li:not(:last-child) {
margin-right: 20px;
}
.card {
position: relative;
width: 100%;
height: 240px;
max-width: 400px;
display: flex;
justify-content: flex-start;
align-items: flex-end;
font-family: "Canaro", sans-serif;
color: #fff;
overflow: hidden;
background-color: #17469e;
}
.card:hover img {
transform: scale(1.1);
}
.card.catalogue {
height: auto;
flex-direction: column;
background-color: transparent;
}
.card.catalogue img {
position: relative;
width: 100%;
height: auto;
aspect-ratio: 307/430;
}
.card.catalogue .card__text {
background-color: #fff;
color: #17469e;
padding: 20px 0;
text-align: center;
}
@media only screen and (max-width: 767px) {
.card.catalogue .card__text {
padding: 12px 0;
}
}
.card img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
object-fit: cover;
height: 100%;
width: 100%;
transition: 0.5s ease;
}
.card__text {
position: relative;
z-index: 1;
background-color: rgba(48, 49, 51, 0.5);
width: 100%;
padding: 20px;
font-weight: 500;
font-size: 18px;
}
@media only screen and (max-width: 767px) {
.card__text {
padding: 12px;
}
}
.card__footer {
display: flex;
justify-content: center;
gap: 12px;
width: 100%;
}
.card__footer span {
color: #17469e;
}
.card .card-footer-link {
color: #f04e23;
font-weight: 600;
}
.card .card-footer-link:hover {
text-decoration: underline;
}
.card span {
position: relative;
}
.card span a {
position: absolute;
inset: 0;
height: 100%;
width: 100%;
z-index: 1;
content: "";
opacity: 0;
}
.menu {
margin-right: 28px;
height: 100%;
}
@media only screen and (max-width: 1600px) {
.menu {
margin-right: 16px;
}
}
@media only screen and (max-width: 1200px) {
.menu {
position: fixed;
top: 100px;
height: calc(100% - 100px);
z-index: 99;
left: 0;
width: 100%;
background-color: var(--color-white);
pointer-events: none;
transition: 0.5s ease;
margin-right: 0;
padding: 16px;
padding-top: 4px;
display: flex;
flex-direction: column;
align-items: flex-end;
overflow: auto;
transform: translateX(100%);
}
.is-open-menu .menu {
pointer-events: all;
transform: translateX(0);
}
}
.menu nav {
height: 100%;
}
@media only screen and (max-width: 1200px) {
.menu nav {
display: block;
max-width: 100%;
height: auto;
margin-bottom: 20px;
width: 100%;
}
}
.menu nav > ul {
display: flex;
gap: 8px;
height: 100%;
}
@media only screen and (max-width: 1200px) {
.menu nav > ul {
flex-direction: column;
align-items: flex-end;
text-align: right;
height: auto;
}
}
.menu .header-main__catalogue-btn,
.menu .header-main__right-btn {
display: none;
}
@media only screen and (max-width: 1200px) {
.menu .header-main__catalogue-btn,
.menu .header-main__right-btn {
display: flex;
height: auto;
justify-content: flex-start;
width: 100%;
margin-bottom: 12px;
}
}
.menu__item {
position: relative;
display: flex;
align-items: center;
font-family: "Canaro", sans-serif;
}
@media only screen and (max-width: 1200px) {
.menu__item {
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
gap: 0 20px;
}
}
.menu__item:hover > .menu__link, .menu__item.is-active > .menu__link {
color: #f04e23;
}
@media only screen and (min-width: 1201px) {
.menu__item:hover .menu__dropdown {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
}
.menu__item-arrow {
display: none;
}
@media only screen and (max-width: 1200px) {
.menu__item-arrow {
display: flex;
height: 32px;
width: 32px;
align-items: center;
justify-content: center;
margin-right: -4px;
z-index: 1;
position: relative;
transition: 0.3s ease;
}
}
.menu__item-arrow .icon {
width: 12px;
height: 12px;
}
.is-open-submenu .menu__item-arrow {
transform: scaleY(-1);
}
.menu__item.is-open-submenu .menu__dropdown {
display: block;
visibility: visible;
pointer-events: auto;
}
.menu__link {
font-weight: 500;
position: relative;
line-height: normal;
z-index: 2;
transition: color 0.3s ease;
height: 100%;
display: flex;
align-items: center;
padding: 8px;
font-size: 16px;
}
@media only screen and (max-width: 1600px) {
.menu__link {
font-size: 13px;
}
}
@media only screen and (max-width: 1200px) {
.menu__link {
padding-right: 4px;
font-size: 16px;
width: calc(100% - 60px);
text-align: left;
}
}
.menu__dropdown {
position: absolute;
top: 100px;
left: 0;
background-color: #17469e;
color: #fff;
width: 240px;
opacity: 0;
pointer-events: none;
visibility: hidden;
transition: 0.3s ease;
}
@media only screen and (max-width: 1600px) {
.menu__dropdown {
top: 60px;
}
}
@media only screen and (max-width: 1200px) {
.menu__dropdown {
opacity: 1;
position: relative;
display: none;
width: 100%;
top: 0;
text-align: right;
background-color: #f4f4f4;
color: #303133;
}
}
.menu__dropdown.is-megamenu {
position: fixed;
padding: 60px 0;
width: 100%;
max-height: calc(var(--vh, 1vh) * 100 - 100px);
overflow: auto;
}
@media only screen and (max-width: 1600px) {
.menu__dropdown.is-megamenu {
padding: 40px 0;
max-height: calc(var(--vh, 1vh) * 100 - 60px);
}
}
@media only screen and (max-width: 1200px) {
.menu__dropdown.is-megamenu {
position: relative;
max-height: none;
padding: 20px 0;
}
}
.menu__dropdown.is-megamenu .container > ul {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
}
@media only screen and (max-width: 1200px) {
.menu__dropdown.is-megamenu .container > ul {
grid-template-columns: 1fr;
}
}
.menu__dropdown.is-megamenu .menu__dropdown-link {
border: none;
font-weight: 600;
padding: 0;
margin-bottom: 12px;
}
@media only screen and (max-width: 1200px) {
.menu__dropdown.is-megamenu .menu__dropdown-link {
justify-content: flex-start;
}
}
.menu__dropdown.is-megamenu .menu__dropdown-link:hover {
background-color: transparent;
}
.menu__dropdown-submenu {
display: flex;
flex-direction: column;
}
.menu__dropdown-submenu__link {
font-weight: 400;
color: rgba(255, 255, 255, 0.75);
}
@media only screen and (max-width: 1200px) {
.menu__dropdown-submenu__link {
color: #303133;
padding: 4px 0;
display: flex;
justify-content: flex-start;
text-align: left;
}
}
.menu__dropdown-submenu__link:hover {
color: #fff;
}
@media only screen and (max-width: 1200px) {
.menu__dropdown-submenu__link:hover {
color: #303133;
}
}
.menu__dropdown-link {
display: flex;
padding: 12px 16px;
border-top: 1px solid rgba(255, 255, 255, 0.25);
transition: 0.3s ease;
line-height: normal;
font-weight: 500;
}
@media only screen and (max-width: 1200px) {
.menu__dropdown-link {
justify-content: flex-start;
}
}
.menu__dropdown-link:hover {
color: #f04e23;
}
.menu__dropdown-item:first-of-type .menu__dropdown-link {
border-top: none;
}
.pagination {
display: block;
position: relative;
text-align: center;
}
.pagination nav {
display: flex;
align-items: center;
justify-content: center;
}
.pagination .page-numbers {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 6px;
border: 1px solid transparent;
margin: 0 2px;
font-size: 16px;
font-weight: 500;
transition: background-color 0.3s ease, color 0.3s ease;
}
@media only screen and (max-width: 767px) {
.pagination .page-numbers {
width: 30px;
height: 30px;
}
}
.pagination .page-numbers.is-active {
background-color: #17469e;
color: #fff;
}
.pagination .page-numbers:hover {
background-color: #f04e23;
color: #fff;
}
.pagination .page-numbers.next, .pagination .page-numbers.prev {
background-color: transparent;
transition: transform 0.3s ease;
}
.pagination .page-numbers.prev {
margin-right: 10px;
}
.pagination .page-numbers.next {
margin-left: 10px;
}
.pagination .page-numbers .icon[class*=icon-chevron-left],
.pagination .page-numbers .icon[class*=icon-chevron-right] {
width: 8px;
height: 13px;
}
.product-card {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
overflow: hidden;
padding-bottom: 16px;
transition: 0.3s ease;
border: 1px solid #f5f5f5;
background-color: #f5f5f5;
}
.product-card:hover {
border-color: rgba(48, 49, 51, 0.15);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.125);
}
.product-card:hover .product-card__title {
color: #f04e23;
}
.product-card.double-image:hover .img-2 {
opacity: 1;
transform: translateX(0);
}
.product-card__img {
position: relative;
width: 100%;
aspect-ratio: 1/1;
overflow: hidden;
margin-bottom: 12px;
background-color: #fff;
}
@media only screen and (max-width: 767px) {
.product-card__img {
margin-bottom: 8px;
}
}
.product-card__img img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
object-fit: contain;
height: 85%;
width: 85%;
transition: 1.2s ease;
}
.product-card__img .img-2 {
transition: 0.5s ease;
opacity: 0;
background-color: #fff;
transform: translateX(100%);
}
.product-card__link {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
}
.product-card__text {
position: relative;
z-index: 1;
width: 100%;
color: #303133;
font-size: 13px;
line-height: 1.2;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
padding: 0 10px;
font-weight: 300;
}
@media only screen and (max-width: 767px) {
.product-card__text {
padding: 0;
}
}
.product-card__title {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-bottom: 12px;
padding: 0 10px;
transition: 0.3s ease;
font-weight: 600;
font-size: 13px;
}
@media only screen and (max-width: 767px) {
.product-card__title {
padding: 0;
margin-bottom: 8px;
}
}
.product-card__title .title {
font-size: 16px;
}
@media only screen and (max-width: 767px) {
.product-card__title .title {
font-size: 14px;
}
}
.radio-button-group__label {
margin-bottom: 16px;
}
.radio-button-group__list {
display: grid;
grid-gap: 8px;
}
.radio-button-group--horizontal .radio-button-group__list {
display: flex;
flex-wrap: wrap;
grid-gap: 0;
gap: 16px;
}
.radio-button-group--horizontal .radio-button-group__list li:not(:last-child) {
margin-right: 20px;
}
.image-gallery-card__image::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.image-gallery {
display: grid;
grid-gap: 20px;
width: 100%;
position: relative;
z-index: 10;
grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1022px) {
.image-gallery {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 767px) {
.image-gallery {
grid-template-columns: 1fr;
}
}
.image-gallery.one {
grid-template-columns: 1fr;
}
.image-gallery.two {
grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 767px) {
.image-gallery.two {
grid-template-columns: 1fr;
}
}
.image-gallery.three {
grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 767px) {
.image-gallery.three {
grid-template-columns: 1fr;
}
}
.image-gallery.four {
grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1022px) {
.image-gallery.four {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 767px) {
.image-gallery.four {
grid-template-columns: 1fr;
}
}
.image-gallery-wrapper {
width: 100%;
}
.image-gallery-card {
position: relative;
}
.image-gallery-card__image {
position: relative;
width: 100%;
overflow: hidden;
height: 0;
padding-bottom: 66%;
display: block;
}
.image-gallery-card__image:hover img {
transform: scale(1.1);
}
.image-gallery-card__image:hover i, .image-gallery-card__image:hover::after {
opacity: 1;
}
.image-gallery-card__image::after {
z-index: 3;
background-color: rgba(255, 255, 255, 0.75);
pointer-events: none;
opacity: 0;
transition: opacity 0.3s ease;
}
.image-gallery-card__image img {
transition: transform 0.6s ease;
}
.image-gallery-card__image i {
display: block;
z-index: 4;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
opacity: 0;
transition: opacity 0.3s ease;
}
@media only screen and (max-width: 767px) {
.image-gallery-card__image i {
height: 30px;
width: 30px;
}
}
.image-gallery-card__caption {
margin-top: 4px;
font-style: italic;
}
.gallery-modal {
display: flex;
align-items: center;
justify-content: center;
}
.gallery-modal {
position: fixed;
top: 100vh;
left: 0;
height: calc(var(--vh, 1vh) * 100);
width: 100%;
background-color: rgba(255, 255, 255, 0.8);
z-index: 999;
overflow: hidden;
opacity: 0;
pointer-events: none;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease, top 0s linear 0.5s;
}
.gallery-modal.is-open-gallery-modal {
opacity: 1;
pointer-events: all;
visibility: visible;
top: 0;
transition: opacity 0.3s ease, visibility 0.3s ease, top 0s linear 0s;
}
.gallery-modal__inner {
-webkit-user-select: none;
user-select: none;
position: relative;
margin: auto;
width: 100%;
z-index: 999;
transform: scale(0.5);
opacity: 0.5;
transition: transform 0.5s ease, opacity 0.5s ease;
}
.is-open-gallery-modal .gallery-modal__inner {
opacity: 1;
transform: scale(1);
}
.gallery-modal__slide {
height: calc(var(--vh, 1vh) * 100 - 170px);
}
@media only screen and (max-width: 767px) {
.gallery-modal__slide {
height: calc(var(--vh, 1vh) * 100 - 100px);
padding-top: 42px;
}
}
.gallery-modal__image {
display: inline-flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 100%;
}
.gallery-modal__image img {
object-fit: cover;
width: auto;
max-height: 100%;
}
.editor-text .gallery-modal__image img {
margin: 0;
}
.gallery-modal__image-caption {
z-index: 3;
display: flex;
align-self: flex-start;
margin-top: 25px;
}
.gallery-modal__image-caption p {
font-style: italic;
font-size: 13px;
}
.editor-text .gallery-modal__image-caption p {
margin: 0;
}
.gallery-modal__close {
position: absolute;
top: 0;
right: 28px;
z-index: 1000;
transition: transform 0.4s ease;
cursor: pointer;
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 1022px) {
.gallery-modal__close {
right: -12px;
}
}
@media only screen and (max-width: 767px) {
.gallery-modal__close {
right: -24px;
}
}
.gallery-modal-slider-wrapper {
padding: 0 100px;
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
.gallery-modal-slider-wrapper {
padding: 0 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.gallery-modal-slider-wrapper {
padding: 0 40px;
}
}
@media only screen and (max-width: 767px) {
.gallery-modal-slider-wrapper {
padding: 0 20px;
}
}
.gallery-modal .container {
position: relative;
}
.gallery-modal .swiper {
overflow: visible;
}
.gallery-modal .slide-number {
color: var(--color-grey-light);
margin-right: 30px;
}
.slider-arrow__item {
position: absolute;
top: 0;
width: 100px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 999;
}
.slider-arrow__item i {
transition: transform 0.4s ease;
}
@media only screen and (max-width: 767px) {
.slider-arrow__item i {
height: 20px;
}
}
.slider-arrow__item.arrow-left {
left: 0;
}
@media only screen and (max-width: 1022px) {
.slider-arrow__item.arrow-left {
left: -44px;
}
}
@media only screen and (max-width: 767px) {
.slider-arrow__item.arrow-left {
left: -56px;
}
}
.slider-arrow__item.arrow-right {
right: 0;
}
@media only screen and (max-width: 1022px) {
.slider-arrow__item.arrow-right {
right: -44px;
}
}
@media only screen and (max-width: 767px) {
.slider-arrow__item.arrow-right {
right: -56px;
}
}
.other-products__inner {
background-color: #f5f5f5;
display: flex;
flex-direction: column;
gap: 4px;
align-items: flex-start;
padding: 16px 20px;
margin-bottom: 4px;
}
.other-products-link {
font-size: 14px;
transition: 0.3s ease;
display: inline-flex;
align-items: center;
gap: 8px;
}
.other-products-link.main-link {
font-weight: 600;
font-size: 16px;
margin-bottom: 8px;
}
.other-products-link .icon {
width: 6px;
flex-shrink: 0;
}
.other-products-link .icon:before {
background-color: #f04e23;
}
.other-products-link.is-active, .other-products-link:hover {
color: #f04e23;
}
.service-card {
display: grid;
grid-template-columns: 320px 1fr;
grid-gap: 40px;
}
@media only screen and (max-width: 1022px) {
.service-card {
grid-template-columns: 1fr;
grid-gap: 20px;
}
}
.service-card__image {
width: 100%;
aspect-ratio: 10/7;
position: relative;
overflow: hidden;
}
.service-card__image img {
object-fit: cover;
height: 100%;
width: 100%;
transition: 0.6s ease;
}
.service-card__image img:hover {
transform: scale(1.1);
}
.service-card__content {
display: flex;
flex-direction: column;
gap: 28px;
align-items: flex-start;
}
.service-card__content .title {
color: #17469e;
}
.service-card__content .editor-text {
line-height: 1.2;
}
.service-card .btn {
margin-top: auto;
}