@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");
}
.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;
}
.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);
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.contact-card {
position: relative;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.125);
padding: 40px;
margin-bottom: 40px;
}
.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;
}
.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;
}
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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);
}
}
.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-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;
}
}
.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;
}
}
.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;
}
.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%;
}
.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;
}
.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;
}
.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;
}
}
.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: 100vw;
}
.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;
}
@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;
}
.form-module {
background-color: #f5f5f5;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.08);
}
.fullwidth-image {
width: 100%;
}
.fullwidth-image img {
width: 100%;
}
.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;
}
}
.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;
}
.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%;
}
}
.image-text {
position: relative;
overflow: hidden;
}
.image-text .container {
position: relative;
z-index: 3;
}
.image-text img {
width: 100%;
}
.image-text__body {
padding: 80px 0 48px;
position: relative;
}
@media only screen and (max-width: 1600px) {
.image-text__body {
padding: 60px 0 48px;
}
}
@media only screen and (max-width: 1022px) {
.image-text__body {
padding: 40px 0 0;
}
}
.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;
}
.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-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;
}
.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;
}
.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;
}
.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;
}
.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%;
}
.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-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;
}
}
.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-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: 160px 0 60px;
margin-top: -100px;
position: relative;
z-index: -1;
}
@media only screen and (max-width: 1600px) {
.product-detail__text {
padding: 120px 0 60px;
margin-top: -60px;
}
}
@media only screen and (max-width: 1200px) {
.product-detail__text {
padding: 100px 0 60px;
margin-top: -40px;
}
}
@media only screen and (max-width: 767px) {
.product-detail__text {
padding: 120px 0 60px;
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: 20px 0;
}
@media only screen and (max-width: 767px) {
.product-slider .swiper {
padding: 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-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;
}
.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-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);
}
.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;
}
}
.text-module {
padding-bottom: 40px;
}
@media only screen and (max-width: 1022px) {
.text-module {
padding-bottom: 28px;
}
}
@media only screen and (max-width: 767px) {
.text-module {
padding-bottom: 20px;
}
}
.text-module__content {
display: grid;
grid-template-columns: 1fr;
grid-gap: 80px;
}
@media only screen and (max-width: 1022px) {
.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%;
}