button {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
    font-family: inherit;
}

.bg-image img,
.bg-image picture,
.bg-image picture img, .covered, .cover-bg {
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    top: 0;
    pointer-events: none;
}

.covered-pointer {
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    top: 0;
}

.d-flex-cc,
.d-flex-center-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

body {
    font-size: 15px;
    line-height: 1.7;
}

.text--32 {
    font-size: 32px;
    line-height: 1.6;
}

.text--21 {
    font-size: 21px;
    line-height: 1.6;
}

.text--20 {
    font-size: 20px;
}

.text--18 {
    font-size: 18px;
}

.text--16 {
    font-size: 16px;
}

.text--14 {
    font-size: 14px;
}

.text--13 {
    font-size: 13px;
}

.text--12 {
    font-size: 12px;
}

a:focus-visible,
button:focus-visible,
.btn:focus-visible,
.focus-visible:focus-visible,
.focus-within:focus-visible {
    outline-color: var(--color-focus);
    outline-style: solid;
    outline-offset: 0;
    outline-width: 2.5px;
    transition: outline-offset 0.2s linear;
}

.text *,
.title *,
.title-main * {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-transform: inherit;
    text-align: inherit;
    font-style: inherit;
    font-family: inherit;
}

.overflow-backface {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.bg-video {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #000;
}

:root {
    --color-white: #fff;
    --color-black: #000;
    --color-jelovica: #f07e26;
    --color-jelovica-rollover: #dc7322;
    --color-breza: #eae3d2;
    --color-hrast: #433028;
    --color-hrast-rollover: #332018;
    --color-trata: #b8be68;
    --color-smreka: #113a29;
    --color-border: #bab1a3;
    --color-gray: #d9d9d9;
    --color-dark-green: #8d942f;
    --color-background: #fff9eb;
    --color-background-light: #f0e9d7;
    --color-background-dark: #dcd5c3;
    --color-background-darker: #bbb6a8;
    --color-background-hover: #e2d9c3;
    --color-warning: #ffa726;
    --color-error: #d52b29;
    --color-success: #66bb6a;
    --color-validation-failed: #d52b29;
    --font-primary: PP Formula, 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: 700;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    text-decoration: none;
    background-color: transparent;
}
a:hover, a:focus {
    text-decoration: none;
}

a:not([href]):not([tabindex]) {
    text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
    outline: 0;
}

pre,
code,
kbd,
samp {
    font-family: monospace;
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
}

label {
    display: inline-block;
    margin-bottom: 1rem;
}

button {
    border-radius: 0;
    text-transform: none;
    cursor: pointer;
    -webkit-appearance: button;
}

input,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

select {
    word-wrap: normal;
    text-transform: none;
}

input {
    overflow: visible;
}

[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

input[type=radio],
input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
    -webkit-appearance: listbox;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
    cursor: pointer;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

@media (min-width: 320px) {
    .text-xs-center {
        text-align: center;
    }
    .text-xs-left {
        text-align: left;
    }
    .text-xs-right {
        text-align: right;
    }
    .d-xs-none {
        display: none !important;
    }
    .d-xs-inline-block {
        display: inline-block !important;
    }
    .d-xs-block {
        display: block !important;
    }
    .d-xs-flex {
        display: flex !important;
    }
    .d-xs-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 741px) {
    .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: 1440px) {
    .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% - 54px);
    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: -13.5px;
    margin-right: -13.5px;
}

.row.reverse {
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}

.col.reverse {
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
}

[class*=col-] {
    padding-left: 13.5px;
    padding-right: 13.5px;
}

.col-xs {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
}

.col-xs-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
}

.col-xs-2 {
    -ms-flex-preferred-size: 16.666667%;
    flex-basis: 16.666667%;
    max-width: 16.666667%;
}

.col-xs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
}

.col-xs-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
}

.col-xs-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
}

.col-xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.col-xs-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
}

.col-xs-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
}

.col-xs-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
}

.col-xs-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
}

.col-xs-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
}

.col-xs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

.col-xs-offset-1 {
    margin-left: 8.333%;
}

.col-xs-offset-2 {
    margin-left: 16.666667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.333%;
}

.col-xs-offset-5 {
    margin-left: 41.667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.333%;
}

.col-xs-offset-8 {
    margin-left: 66.667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.333%;
}

.col-xs-offset-11 {
    margin-left: 91.667%;
}

.start-xs {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
}

.center-xs {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.end-xs {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
}

.top-xs {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
}

.middle-xs {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.bottom-xs {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
}

.around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.between-xs {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.first-xs {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
}

.last-xs {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
}

@media only screen and (min-width: 741px) {
    .row {
        margin-left: -13.5px;
        margin-right: -13.5px;
    }
    .container {
        max-width: calc(100% - 54px);
    }
    .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: 13.5px;
        padding-right: 13.5px;
    }
    .col-sm {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }
    .col-sm-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%;
    }
    .col-sm-2 {
        -ms-flex-preferred-size: 16.666667%;
        flex-basis: 16.666667%;
        max-width: 16.666667%;
    }
    .col-sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%;
    }
    .col-sm-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%;
    }
    .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%;
    }
    .col-sm-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%;
    }
    .col-sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%;
    }
    .col-sm-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%;
    }
    .col-sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .col-sm-offset-0 {
        margin-left: 0;
    }
    .col-sm-offset-1 {
        margin-left: 8.333%;
    }
    .col-sm-offset-2 {
        margin-left: 16.666667%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-4 {
        margin-left: 33.333%;
    }
    .col-sm-offset-5 {
        margin-left: 41.667%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-7 {
        margin-left: 58.333%;
    }
    .col-sm-offset-8 {
        margin-left: 66.667%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-10 {
        margin-left: 83.333%;
    }
    .col-sm-offset-11 {
        margin-left: 91.667%;
    }
    .start-sm {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        text-align: start;
    }
    .center-sm {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
    .end-sm {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        text-align: end;
    }
    .top-sm {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start;
    }
    .middle-sm {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }
    .bottom-sm {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end;
    }
    .around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .between-sm {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    .first-sm {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1;
    }
    .last-sm {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }
}
@media only screen and (min-width: 1023px) {
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .container {
        max-width: 920px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .col-md,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
    }
    [class*=col-] {
        padding-left: 10px;
        padding-right: 10px;
    }
    .col-md {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }
    .col-md-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%;
    }
    .col-md-2 {
        -ms-flex-preferred-size: 16.666667%;
        flex-basis: 16.666667%;
        max-width: 16.666667%;
    }
    .col-md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .col-md-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%;
    }
    .col-md-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%;
    }
    .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .col-md-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%;
    }
    .col-md-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%;
    }
    .col-md-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }
    .col-md-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%;
    }
    .col-md-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%;
    }
    .col-md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .col-md-offset-0 {
        margin-left: 0;
    }
    .col-md-offset-1 {
        margin-left: 8.333%;
    }
    .col-md-offset-2 {
        margin-left: 16.666667%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-4 {
        margin-left: 33.333%;
    }
    .col-md-offset-5 {
        margin-left: 41.667%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-7 {
        margin-left: 58.333%;
    }
    .col-md-offset-8 {
        margin-left: 66.667%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-10 {
        margin-left: 83.333%;
    }
    .col-md-offset-11 {
        margin-left: 91.667%;
    }
    .start-md {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        text-align: start;
    }
    .center-md {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
    .end-md {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        text-align: end;
    }
    .top-md {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start;
    }
    .middle-md {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }
    .bottom-md {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end;
    }
    .around-md {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .between-md {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    .first-md {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1;
    }
    .last-md {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }
}
@media only screen and (min-width: 1201px) {
    .row {
        margin-left: -12px;
        margin-right: -12px;
    }
    .container {
        max-width: 1066px;
        padding-left: 12px;
        padding-right: 12px;
    }
    .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: 12px;
        padding-right: 12px;
    }
    .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: 1441px) {
    .row {
        margin-left: -12px;
        margin-right: -12px;
    }
    .container {
        max-width: 1136px;
        padding-left: 12px;
        padding-right: 12px;
    }
    .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: 12px;
        padding-right: 12px;
    }
    .col-xl {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }
    .col-xl-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%;
    }
    .col-xl-2 {
        -ms-flex-preferred-size: 16.666667%;
        flex-basis: 16.666667%;
        max-width: 16.666667%;
    }
    .col-xl-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .col-xl-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%;
    }
    .col-xl-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%;
    }
    .col-xl-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .col-xl-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%;
    }
    .col-xl-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%;
    }
    .col-xl-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }
    .col-xl-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%;
    }
    .col-xl-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%;
    }
    .col-xl-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .col-xl-offset-0 {
        margin-left: 0;
    }
    .col-xl-offset-1 {
        margin-left: 8.333%;
    }
    .col-xl-offset-2 {
        margin-left: 16.666667%;
    }
    .col-xl-offset-3 {
        margin-left: 25%;
    }
    .col-xl-offset-4 {
        margin-left: 33.333%;
    }
    .col-xl-offset-5 {
        margin-left: 41.667%;
    }
    .col-xl-offset-6 {
        margin-left: 50%;
    }
    .col-xl-offset-7 {
        margin-left: 58.333%;
    }
    .col-xl-offset-8 {
        margin-left: 66.667%;
    }
    .col-xl-offset-9 {
        margin-left: 75%;
    }
    .col-xl-offset-10 {
        margin-left: 83.333%;
    }
    .col-xl-offset-11 {
        margin-left: 91.667%;
    }
    .start-xl {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        text-align: start;
    }
    .center-xl {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
    .end-xl {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        text-align: end;
    }
    .top-xl {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start;
    }
    .middle-xl {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }
    .bottom-xl {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end;
    }
    .around-xl {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .between-xl {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    .first-xl {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1;
    }
    .last-xl {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }
}
:focus {
    outline: none;
}

a,
button,
.btn,
.focus-visible,
.focus-within {
    outline-offset: 6px;
}
.animate-fade.is-visible {
    opacity: 1;
    transition: opacity 250ms linear;
}
.animate-fade.is-hidden {
    opacity: 0;
    transition: opacity 250ms linear;
    pointer-events: none;
}

@keyframes mouse {
    0% {
        top: 8px;
    }
    50% {
        top: 14px;
    }
    100% {
        top: 8px;
    }
}
.moveAnimationCenter .moveFromBottom,
.moveAnimationCenter .moveFromTop,
.moveAnimationCenter .moveFromLeft,
.moveAnimationCenter .fadeIn,
.moveAnimationCenter .moveFromRight,
.moveAnimation .moveFromBottom,
.moveAnimation .moveFromTop,
.moveAnimation .moveFromLeft,
.moveAnimation .fadeIn,
.moveAnimation .moveFromRight {
    will-change: transform;
    transition-property: transform, opacity, color, box-shadow;
    transition-timing-function: ease;
    transition-duration: 0.6s;
    opacity: 0;
}
.moveAnimationCenter .moveFromLeft,
.moveAnimation .moveFromLeft {
    transform: translate3d(-50%, 0, 0);
}
.moveAnimationCenter .moveFromRight,
.moveAnimation .moveFromRight {
    transform: translate3d(50%, 0, 0);
}
.moveAnimationCenter .moveFromTop,
.moveAnimation .moveFromTop {
    transform: translate3d(0, -150px, 0);
}
.moveAnimationCenter .moveFromBottom,
.moveAnimation .moveFromBottom {
    transform: translate3d(0, 150px, 0);
}
.moveAnimationCenter.in-viewport .moveFromTop,
.moveAnimationCenter.in-viewport .moveFromBottom,
.moveAnimationCenter.in-viewport .moveFromLeft,
.moveAnimationCenter.in-viewport .moveFromRight,
.moveAnimation.in-viewport .moveFromTop,
.moveAnimation.in-viewport .moveFromBottom,
.moveAnimation.in-viewport .moveFromLeft,
.moveAnimation.in-viewport .moveFromRight {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
.moveAnimationCenter.in-viewport .fadeIn,
.moveAnimation.in-viewport .fadeIn {
    opacity: 1;
}

@-webkit-keyframes bounce {
    0%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }
}
@keyframes bounce {
    0%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }
}
.mt-160 {
    margin-top: 160px;
}
@media only screen and (max-width: 1200px) {
    .mt-160 {
        margin-top: 120px;
    }
}
@media only screen and (max-width: 1022px) {
    .mt-160 {
        margin-top: 80px;
    }
}
@media only screen and (max-width: 740px) {
    .mt-160 {
        margin-top: 60px;
    }
}
.mt-150 {
    margin-top: 150px;
}
@media only screen and (max-width: 1200px) {
    .mt-150 {
        margin-top: 120px;
    }
}
@media only screen and (max-width: 1022px) {
    .mt-150 {
        margin-top: 80px;
    }
}
@media only screen and (max-width: 740px) {
    .mt-150 {
        margin-top: 60px;
    }
}
.mt-120 {
    margin-top: 120px;
}
@media only screen and (max-width: 1440px) {
    .mt-120 {
        margin-top: 100px;
    }
}
@media only screen and (max-width: 1200px) {
    .mt-120 {
        margin-top: 80px;
    }
}
@media only screen and (max-width: 740px) {
    .mt-120 {
        margin-top: 60px;
    }
}
.mt-100 {
    margin-top: 100px;
}
@media only screen and (max-width: 1200px) {
    .mt-100 {
        margin-top: 80px;
    }
}
@media only screen and (max-width: 740px) {
    .mt-100 {
        margin-top: 60px;
    }
}
.mt-90 {
    margin-top: 90px;
}
@media only screen and (max-width: 1200px) {
    .mt-90 {
        margin-top: 70px;
    }
}
@media only screen and (max-width: 740px) {
    .mt-90 {
        margin-top: 60px;
    }
}
.mt-80 {
    margin-top: 80px;
}
@media only screen and (max-width: 1200px) {
    .mt-80 {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 1022px) {
    .mt-80 {
        margin-top: 40px;
    }
}
.mt-70 {
    margin-top: 70px;
}
@media only screen and (max-width: 1200px) {
    .mt-70 {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 1022px) {
    .mt-70 {
        margin-top: 40px;
    }
}
.mt-60 {
    margin-top: 60px;
}
@media only screen and (max-width: 1200px) {
    .mt-60 {
        margin-top: 40px;
    }
}
@media only screen and (max-width: 1022px) {
    .mt-60 {
        margin-top: 30px;
    }
}
.mt-50 {
    margin-top: 50px;
}
@media only screen and (max-width: 1200px) {
    .mt-50 {
        margin-top: 40px;
    }
}
@media only screen and (max-width: 1022px) {
    .mt-50 {
        margin-top: 30px;
    }
}
.mt-40 {
    margin-top: 40px;
}
@media only screen and (max-width: 1200px) {
    .mt-40 {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 1022px) {
    .mt-40 {
        margin-top: 20px;
    }
}
.mt-32 {
    margin-top: 32px;
}
@media only screen and (max-width: 1200px) {
    .mt-32 {
        margin-top: 20px;
    }
}
.mt-30 {
    margin-top: 30px;
}
@media only screen and (max-width: 1200px) {
    .mt-30 {
        margin-top: 20px;
    }
}
.mt-24 {
    margin-top: 24px;
}
@media only screen and (max-width: 1200px) {
    .mt-24 {
        margin-top: 15px;
    }
}
.mt-20 {
    margin-top: 20px;
}
@media only screen and (max-width: 740px) {
    .mt-20 {
        margin-top: 12px;
    }
}
.mt-16 {
    margin-top: 16px;
}
@media only screen and (max-width: 740px) {
    .mt-16 {
        margin-top: 8px;
    }
}

.mb-160 {
    margin-bottom: 160px;
}
@media only screen and (max-width: 1200px) {
    .mb-160 {
        margin-bottom: 120px;
    }
}
@media only screen and (max-width: 1022px) {
    .mb-160 {
        margin-bottom: 80px;
    }
}
@media only screen and (max-width: 740px) {
    .mb-160 {
        margin-bottom: 60px;
    }
}
.mb-150 {
    margin-bottom: 150px;
}
@media only screen and (max-width: 1200px) {
    .mb-150 {
        margin-bottom: 120px;
    }
}
@media only screen and (max-width: 1022px) {
    .mb-150 {
        margin-bottom: 80px;
    }
}
@media only screen and (max-width: 740px) {
    .mb-150 {
        margin-bottom: 60px;
    }
}
.mb-120 {
    margin-bottom: 120px;
}
@media only screen and (max-width: 1200px) {
    .mb-120 {
        margin-bottom: 80px;
    }
}
@media only screen and (max-width: 740px) {
    .mb-120 {
        margin-bottom: 60px;
    }
}
.mb-100 {
    margin-bottom: 100px;
}
@media only screen and (max-width: 1200px) {
    .mb-100 {
        margin-bottom: 80px;
    }
}
@media only screen and (max-width: 740px) {
    .mb-100 {
        margin-bottom: 60px;
    }
}
.mb-90 {
    margin-bottom: 90px;
}
@media only screen and (max-width: 1200px) {
    .mb-90 {
        margin-bottom: 70px;
    }
}
@media only screen and (max-width: 740px) {
    .mb-90 {
        margin-bottom: 60px;
    }
}
.mb-80 {
    margin-bottom: 80px;
}
@media only screen and (max-width: 1200px) {
    .mb-80 {
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 1022px) {
    .mb-80 {
        margin-bottom: 40px;
    }
}
.mb-70 {
    margin-bottom: 70px;
}
@media only screen and (max-width: 1200px) {
    .mb-70 {
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 1022px) {
    .mb-70 {
        margin-bottom: 40px;
    }
}
.mb-60 {
    margin-bottom: 60px;
}
@media only screen and (max-width: 1200px) {
    .mb-60 {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 1022px) {
    .mb-60 {
        margin-bottom: 30px;
    }
}
.mb-50 {
    margin-bottom: 50px;
}
@media only screen and (max-width: 1200px) {
    .mb-50 {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 1022px) {
    .mb-50 {
        margin-bottom: 30px;
    }
}
.mb-40 {
    margin-bottom: 40px;
}
@media only screen and (max-width: 1200px) {
    .mb-40 {
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 1022px) {
    .mb-40 {
        margin-bottom: 20px;
    }
}
.mb-32 {
    margin-bottom: 32px;
}
@media only screen and (max-width: 1200px) {
    .mb-32 {
        margin-bottom: 20px;
    }
}
.mb-30 {
    margin-bottom: 30px;
}
@media only screen and (max-width: 1200px) {
    .mb-30 {
        margin-bottom: 20px;
    }
}
.mb-24 {
    margin-bottom: 24px;
}
@media only screen and (max-width: 1200px) {
    .mb-24 {
        margin-bottom: 15px;
    }
}
.mb-20 {
    margin-bottom: 20px;
}
@media only screen and (max-width: 740px) {
    .mb-20 {
        margin-bottom: 12px;
    }
}
.mb-16 {
    margin-bottom: 16px;
}
@media only screen and (max-width: 740px) {
    .mb-16 {
        margin-bottom: 8px;
    }
}

/**
 * Swiper 11.1.14
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 12, 2024
 */
@font-face {
    font-family: "swiper-icons";
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal;
}
:root {
    --swiper-theme-color: #007aff;
    /*
    --swiper-preloader-color: var(--swiper-theme-color);
    --swiper-wrapper-transition-timing-function: initial;
    */
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
    display: block;
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
    touch-action: pan-y;
}

.swiper-vertical {
    touch-action: pan-x;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}

.swiper-3d {
    perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* Slide styles end */
.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-color: var(--swiper-theme-color);
    --swiper-pagination-left: auto;
    --swiper-pagination-right: 8px;
    --swiper-pagination-bottom: 8px;
    --swiper-pagination-top: auto;
    --swiper-pagination-fraction-color: inherit;
    --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
    --swiper-pagination-progressbar-size: 4px;
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-width: 8px;
    --swiper-pagination-bullet-height: 8px;
    --swiper-pagination-bullet-border-radius: 50%;
    --swiper-pagination-bullet-inactive-color: #000;
    --swiper-pagination-bullet-inactive-opacity: 0.2;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px;
    */
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet:only-child {
    display: none !important;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-lock {
    display: none;
}

/* stylelint-disable */
: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: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp;
}

.f-throwOutDown {
    animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown;
}

@keyframes f-throwOutUp {
    to {
        transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
        opacity: 0;
    }
}
@keyframes f-throwOutDown {
    to {
        transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
        opacity: 0;
    }
}
.f-zoomInUp {
    animation: var(--f-transition-duration, 0.2s) ease 0.1s both f-zoomInUp;
}

.f-zoomOutDown {
    animation: var(--f-transition-duration, 0.2s) ease 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) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
    z-index: 2;
}

.f-fadeOut {
    animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
    z-index: 1;
}

@keyframes f-fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes f-fadeOut {
    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.1s) 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-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-crossfadeIn {
    animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
    z-index: 2;
}

.f-crossfadeOut {
    animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both f-crossfadeOut;
    z-index: 1;
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes f-crossfadeOut {
    100% {
        opacity: 0;
    }
}
.f-slideIn.from-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
}

.f-slideIn.from-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
}

.f-slideOut.to-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
}

.f-slideOut.to-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
}

@keyframes f-slideInPrev {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes f-slideInNext {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes f-slideOutNext {
    100% {
        transform: translateX(-100%);
    }
}
@keyframes f-slideOutPrev {
    100% {
        transform: translateX(100%);
    }
}
.f-classicIn.from-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
    z-index: 2;
}

.f-classicIn.from-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
    z-index: 2;
}

.f-classicOut.to-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
    z-index: 1;
}

.f-classicOut.to-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
    z-index: 1;
}

@keyframes f-classicInNext {
    0% {
        transform: translateX(-75px);
        opacity: 0;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes f-classicInPrev {
    0% {
        transform: translateX(75px);
        opacity: 0;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes f-classicOutNext {
    100% {
        transform: translateX(-75px);
        opacity: 0;
    }
}
@keyframes f-classicOutPrev {
    100% {
        transform: translateX(75px);
        opacity: 0;
    }
}
:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65;
}

.f-button {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    transition: var(--f-button-transition);
}

@media (hover: hover) {
    .f-button:hover:not([disabled]) {
        color: var(--f-button-hover-color);
        background-color: var(--f-button-hover-bg);
    }
}
.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg);
}

.f-button:focus:not(:focus-visible) {
    outline: none;
}

.f-button:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity 0.15s ease;
    transform: var(--f-button-transform);
    filter: var(--f-button-svg-filter);
    pointer-events: none;
}

.f-button[disabled] {
    cursor: default;
}

.f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity);
}

.f-carousel__nav .f-button.is-prev,
.f-carousel__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next {
    position: absolute;
    z-index: 1;
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next {
    top: 50%;
    transform: translateY(-50%);
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos);
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next {
    top: auto;
    left: 50%;
    transform: translateX(-50%);
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg {
    transform: rotate(90deg);
}

.f-carousel__nav .f-button:disabled,
.fancybox__nav .f-button:disabled {
    pointer-events: none;
}

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: var(--fancybox-zIndex, 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__container *:empty {
    display: block;
}

.fancybox__container::backdrop {
    background-color: rgba(0, 0, 0, 0);
}

.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__viewport.is-draggable {
    cursor: move;
    cursor: grab;
}

.fancybox__viewport.is-dragging {
    cursor: move;
    cursor: grabbing;
}

.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;
    overscroll-behavior: contain;
    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-animating .fancybox__content,
.is-dragging .fancybox__content {
    will-change: transform, width, height;
}

.fancybox-image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    user-select: none;
    filter: blur(0px);
}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    flex-shrink: 0;
    margin: 0;
    padding: 14px 0 4px 0;
    overflow-wrap: anywhere;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    cursor: auto;
    visibility: visible;
}

.is-loading .fancybox__caption,
.is-closing .fancybox__caption {
    opacity: 0;
    visibility: hidden;
}

.is-compact .fancybox__caption {
    padding-bottom: 0;
}

.f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 40;
}

.fancybox__content > .f-button.is-close-btn {
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position: absolute;
    top: -38px;
    right: 0;
    opacity: 0.75;
}

.is-loading .fancybox__content > .f-button.is-close-btn {
    visibility: hidden;
}

.is-zooming-out .fancybox__content > .f-button.is-close-btn {
    visibility: hidden;
}

.fancybox__content > .f-button.is-close-btn:hover {
    opacity: 1;
}

.fancybox__footer {
    padding: 0;
    margin: 0;
    position: relative;
}

.fancybox__footer .fancybox__caption {
    width: 100%;
    padding: 24px;
    opacity: var(--fancybox-opacity, 1);
    transition: all 0.25s ease;
}

.is-compact .fancybox__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: rgba(24, 24, 27, 0.5);
}

.is-compact .fancybox__footer .fancybox__caption {
    padding: 12px;
}

.is-compact .fancybox__content > .f-button.is-close-btn {
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: rgba(0, 0, 0, 0.6);
    --f-button-active-bg: rgba(0, 0, 0, 0.6);
    --f-button-hover-bg: rgba(0, 0, 0, 0.6);
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top: 5px;
    right: 5px;
}

.fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24, 24, 27, 0.3);
    --f-button-active-bg: rgba(24, 24, 27, 0.5);
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
    --f-button-svg-disabled-opacity: 0.65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity, 1);
}

.fancybox__nav .f-button:before {
    position: absolute;
    content: "";
    top: -30px;
    right: -20px;
    left: -20px;
    bottom: -30px;
    z-index: 1;
}

.is-idle .fancybox__nav {
    animation: 0.15s ease-out both f-fadeOut;
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none;
    animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__slide > .f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
    z-index: 30;
    cursor: pointer;
}

.fancybox-protected {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    user-select: none;
}

.fancybox-ghost {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    z-index: 40;
    user-select: none;
    pointer-events: none;
}

.fancybox-focus-guard {
    outline: none;
    opacity: 0;
    position: fixed;
    pointer-events: none;
}

.fancybox__container:not([aria-hidden]) {
    opacity: 0;
}

.fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) {
    animation: var(--f-interface-enter-duration, 0.25s) ease 0.1s backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    animation: var(--f-backdrop-enter-duration, 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: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut;
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    animation: var(--f-backdrop-exit-duration, 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: calc(100% - 120px);
    height: 90%;
}

.fancybox__container.is-compact .has-iframe .fancybox__content,
.fancybox__container.is-compact .has-map .fancybox__content,
.fancybox__container.is-compact .has-pdf .fancybox__content {
    width: 100%;
    height: 100%;
}

.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: 16px;
    --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;
    transform: translate3d(0, 0, 0);
}

.f-thumbs__track {
    display: flex;
}

.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);
    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(--f-thumb-clip-width, 0)) * -0.5);
    width: calc(var(--width, 0) * 1px + var(--f-thumb-clip-width, 0));
    cursor: pointer;
}

.is-modern .f-thumbs__slide {
    width: var(--f-thumb-clip-width);
    transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transition: none;
    pointer-events: none;
}

.is-modern.is-resting .f-thumbs__slide {
    transition: transform 0.33s ease;
}

.is-modern.is-resting .f-thumbs__slide__button {
    transition: clip-path 0.33s ease;
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
    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));
}

.f-thumbs__slide__button {
    appearance: none;
    width: var(--f-thumb-width);
    height: 100%;
    margin: 0 -100% 0 -100%;
    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-modern .f-thumbs__slide__button {
    --clip-path: inset(
    	0 calc(((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5) round
    		var(--f-thumb-border-radius, 0)
    );
    clip-path: var(--clip-path);
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity);
}

.is-classic .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 {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: var(--f-thumb-offset);
    box-sizing: border-box;
    pointer-events: none;
    object-fit: cover;
    border-radius: var(--f-thumb-border-radius);
}

.f-thumbs.is-horizontal .f-thumbs__track {
    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;
    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: 16px;
    --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;
}

/* stylelint-enable */
/* stylelint-disable */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
    overflow: hidden;
    z-index: 0;
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat;
}

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
    top: -100%;
    width: 0;
}

.noUi-horizontal .noUi-origin {
    height: 0;
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
}

.noUi-touch-area {
    height: 100%;
    width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
    height: 18px;
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    right: -17px;
    top: -6px;
}

.noUi-vertical {
    width: 18px;
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
}

.noUi-connects {
    border-radius: 3px;
}

.noUi-connect {
    background: #3fb8af;
}

/* Handles and cursors;
 */
.noUi-draggable {
    cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}

.noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px;
}

.noUi-handle:after {
    left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}

.noUi-vertical .noUi-handle:after {
    top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
    background: #b8b8b8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
    cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-pips {
    position: absolute;
    color: #999;
}

/* Values;
 *
 */
.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
    position: absolute;
    background: #ccc;
}

.noUi-marker-sub {
    background: #aaa;
}

.noUi-marker-large {
    background: #aaa;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    left: auto;
    bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
    -webkit-transform: translate(0, -18px);
    transform: translate(0, -18px);
    top: auto;
    right: 28px;
}

/* stylelint-enable */
@font-face {
    font-family: "PP Formula";
    src: url("../fonts/PPFormula-Medium.woff2") format("woff2"), url("../fonts/PPFormula-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "PP Formula";
    src: local("PP Formula Medium Italic"), local("PPFormula-MediumItalic"), url("../fonts/PPFormula-MediumItalic.woff2") format("woff2"), url("../fonts/PPFormula-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "PP Formula";
    src: url("../fonts/PPFormula-NarrowSemibold.woff2") format("woff2"), url("../fonts/PPFormula-NarrowSemibold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "PP Formula";
    src: url("../fonts/PPFormula-Extrabold.woff2") format("woff2"), url("../fonts/PPFormula-Extrabold.woff") format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "PP Formula";
    src: local("PP Formula Extrabold Italic"), local("PPFormula-ExtraboldItalic"), url("../fonts/PPFormula-ExtraboldItalic.woff2") format("woff2"), url("../fonts/PPFormula-ExtraboldItalic.woff") format("woff");
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}
.cover-bg {
    background-size: cover;
    background-position: center center;
}
.cover-bg img {
    display: none;
}

.covered {
    max-height: initial;
}
.font-primary {
    font-family: var(--font-primary);
}

.bg-image img,
.bg-image picture,
.bg-image picture img {
    max-height: initial;
}
.bg-video video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.bg-smreka {
    background-color: var(--color-smreka);
    color: var(--color-breza);
}
.bg-breza-light {
    background-color: var(--color-background);
}
.bg-b2b {
    background-color: var(--color-hrast);
    color: var(--color-breza);
}
.bg-okna {
    background-color: var(--color-jelovica);
    color: var(--color-hrast);
}
.bg-hise {
    background-color: var(--color-breza);
    color: var(--color-hrast);
}

.overflow-h {
    overflow: hidden;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.text--lt {
    font-weight: 300;
}
.text--bd {
    font-weight: 700;
}
.text--eb {
    font-weight: 800;
}
.text--md {
    font-weight: 500;
}
.text--sb {
    font-weight: 600;
    letter-spacing: 0.5px;
}
.text--uppercase {
    text-transform: uppercase;
}
.text--jelovica {
    color: var(--color-jelovica);
}
.text--dark-green {
    color: var(--color-dark-green);
}
.text--white {
    color: var(--color-white);
}
.text--white.title,
.text--white .title {
    color: var(--color-white);
}

.stretched-link {
    font-size: 0;
    line-height: 0;
    opacity: 0;
    overflow: hidden;
}
.stretched-link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.d-flex {
    display: flex;
}

.d-none {
    display: none;
}

.container--large {
    width: 100%;
    display: block;
    margin: 0 auto;
    max-width: calc(100% - 80px);
    padding: 0;
}
@media only screen and (max-width: 1440px) {
    .container--large {
        max-width: calc(100% - 60px);
    }
}
@media only screen and (max-width: 1022px) {
    .container--large {
        max-width: calc(100% - 54px);
    }
}
@media only screen and (max-width: 740px) {
    .container--large {
        max-width: calc(100% - 54px);
    }
}

.f-auto {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.p-0 {
    padding: 0 !important;
}

.p-none {
    pointer-events: none;
}

.p-relative {
    position: relative;
}

.mx-auto {
    margin: 0 auto;
    width: 100%;
    display: block;
}

.overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-hrast);
    opacity: 0.95;
    mix-blend-mode: multiply;
}

html,
body {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

::selection {
    background-color: var(--color-hrast);
    color: var(--color-white);
}

body {
    color: var(--color-hrast);
    font-family: var(--font-primary);
    font-weight: 500;
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    align-items: flex-start;
    background-color: var(--color-breza);
}
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-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-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,
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: 90px;
    position: relative;
}
@media only screen and (max-width: 740px) {
    main {
        padding-top: 70px;
    }
}
main.remove-top-spacing {
    padding-top: 0;
}

.sdt-env__badge {
    position: fixed;
    display: block;
    right: 40px; /* same as height */
    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"; /* stylelint-disable-line */
}
#wp-admin-bar-sp-role-switcher span.off:before {
    content: "\f530";
    font-family: Dashicons; /* stylelint-disable-line */
}

#wp-admin-bar-sp-role-switcher.menupop.hover ul li.sp-switch-back a {
    color: #d63638;
}

.development-error--active {
    overflow: hidden;
}

.development-error__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    z-index: 100000000000000000;
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: column;
    padding: 10vh 15px 0;
}
@media (max-height: 812px) {
    .development-error__wrapper {
        padding: 15px 15px 0;
    }
}
.development-error__wrapper.is-hidden {
    display: none;
}

.development-error {
    --size-gap-half: 4px;
    --size-gap: 8px;
    --size-gap-double: 16px;
    --size-gap-triple: 24px;
    --size-gap-quad: 32px;
    --size-font-small: 14px;
    --size-font: 16px;
    --size-font-big: 20px;
    --size-font-bigger: 24px;
    --color-accents-1: #808080;
    --color-accents-2: #222222;
    --color-accents-3: #404040;
    --font-stack-monospace: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    --color-ansi-selection: rgba(95, 126, 151, 0.48);
    --color-ansi-bg: #111111;
    --color-ansi-fg: #cccccc;
    --color-ansi-white: #777777;
    --color-ansi-black: #141414;
    --color-ansi-blue: #00aaff;
    --color-ansi-cyan: #88ddff;
    --color-ansi-green: #98ec65;
    --color-ansi-magenta: #aa88ff;
    --color-ansi-red: #ff5555;
    --color-ansi-yellow: #ffcc33;
    --color-ansi-bright-white: #ffffff;
    --color-ansi-bright-black: #777777;
    --color-ansi-bright-blue: #33bbff;
    --color-ansi-bright-cyan: #bbecff;
    --color-ansi-bright-green: #b6f292;
    --color-ansi-bright-magenta: #cebbff;
    --color-ansi-bright-red: #ff8888;
    --color-ansi-bright-yellow: #ffd966;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    outline: none;
    background: white;
    border-radius: var(--size-gap);
    box-shadow: 0 var(--size-gap-half) var(--size-gap-double) rgba(0, 0, 0, 0.25);
    max-height: calc(100% - 56px);
    overflow-y: hidden;
}
@media (min-width: 576px) {
    .development-error {
        max-width: 540px;
        box-shadow: 0 var(--size-gap) var(--size-gap-quad) rgba(0, 0, 0, 0.25);
    }
}
@media (min-width: 768px) {
    .development-error {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .development-error {
        max-width: 960px;
    }
}
.development-error small {
    font-size: 80%;
    color: #757575;
}
.development-error__backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(17, 17, 17, 0.2);
    pointer-events: all;
    cursor: not-allowed;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    z-index: -1;
}
.development-error__banner {
    z-index: 2;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    border-top-width: var(--size-gap-half);
    border-bottom-width: 0;
    border-top-style: solid;
    border-bottom-style: solid;
    border-color: var(--color-ansi-red);
}
.development-error__header {
    position: relative;
    margin-bottom: var(--size-gap-double);
}
.development-error__header button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 20px 0 20px 20px;
    font-size: 24px;
}
.development-error__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    padding: 0;
}
.development-error__content {
    position: relative;
    overflow-y: auto;
    border: none;
    margin: 0;
    padding: calc(var(--size-gap-double) + var(--size-gap-half)) var(--size-gap-double);
    height: 100%;
    display: flex;
    flex-direction: column;
}
.development-error__body {
    position: relative;
    flex: 1 1 auto;
}
.development-error__terminal {
    border-radius: var(--size-gap-half);
    background-color: var(--color-ansi-bg);
    color: var(--color-ansi-fg);
}
.development-error__terminal * {
    color: inherit;
    background-color: transparent;
    font-family: var(--font-stack-monospace);
}
.development-error__terminal > * {
    margin: 0;
    padding: calc(var(--size-gap) + var(--size-gap-half)) calc(var(--size-gap-double) + var(--size-gap-half));
}
.development-error__terminal pre {
    white-space: pre-wrap;
    word-break: break-word;
}
.development-error__terminal pre b {
    color: var(--color-ansi-cyan);
}
.development-error footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: var(--size-gap);
}
.development-error footer button small {
    color: black;
    font-weight: 500;
}
.development-error footer small span {
    color: black;
}
.btn {
    cursor: pointer;
    font-family: var(--font-primary);
    font-size: 18px;
    min-height: 48px;
    min-width: 166px;
    line-height: 1.2;
    padding: 8px 56px 8px 16px;
    display: inline-flex;
    text-align: left;
    align-items: center;
    font-weight: 600;
    justify-content: flex-start;
    gap: 0;
    color: var(--color-hrast);
    border-radius: 4px;
    border: 0;
    background-color: var(--color-jelovica);
    position: relative;
    transition: background-color 0.3s ease, color 0.3s ease, padding 0.3s ease;
    overflow: hidden;
    letter-spacing: 0.5px;
}
.btn::before, .btn::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 24px;
    right: 16px;
    background-color: currentColor;
    transition: transform 0.3s ease;
    top: 50%;
}
.btn::before {
    left: 16px;
    transform: translate(calc(-100% - 16px), -50%);
}
.btn::after {
    right: 16px;
    transform: translate(0, -50%);
}
.btn__text {
    display: block;
    pointer-events: none;
    transition: transform 0.3s ease;
    position: relative;
    z-index: 3;
}
.btn__animate {
    transition: 0.3s ease;
}
.btn:hover {
    padding-right: 16px;
    padding-left: 56px;
}
.btn:hover::after {
    transform: translate(calc(100% + 16px), -50%);
}
.btn:hover::before {
    transform: translate(0, -50%);
}
.btn:hover .btn__animate {
    flex: auto;
}
.btn:active {
    background-color: var(--color-jelovica-rollover);
}
.btn__icon {
    flex-shrink: 0;
    position: relative;
    top: -1px;
    pointer-events: none;
}
.btn .icon {
    transition: transform 0.3s ease;
}
.btn .icon::before {
    background-color: currentColor;
}
.btn--b2b {
    background-color: var(--color-hrast);
    color: var(--color-breza);
}
.btn--b2b:active {
    background-color: var(--color-hrast-rollover);
}
.btn--ghost {
    min-width: 1px;
    min-height: 1px;
    background-color: transparent;
    padding: 0 34px 0 0;
}
.btn--ghost::before, .btn--ghost::after {
    background-color: var(--color-jelovica);
}
.btn--ghost::before {
    left: 0;
}
.btn--ghost::after {
    right: 0;
}
.btn--ghost:hover {
    padding-right: 16px;
    padding-left: 46px;
}
.btn--ghost:hover::before {
    transform: translate(0, -50%);
}
.btn--ghost:hover::after {
    transform: translate(100%, -50%);
}
.btn--ghost:active {
    background-color: transparent;
    color: var(--color-jelovica-rollover);
}
.btn--ghost:active::before, .btn--ghost:active::after {
    color: var(--color-jelovica-rollover);
}
.btn--left-icon .btn__icon {
    order: -1;
}
.btn--reverse {
    padding-right: 0;
    padding-left: 46px;
}
.btn--reverse::after {
    right: initial;
    left: 0;
}
.btn--reverse::before {
    right: 0;
    left: initial;
    transform: translate(calc(100% + 16px), -50%);
}
.btn--reverse:hover {
    padding-right: 46px;
    padding-left: 0;
}
.btn--reverse:hover::before {
    left: initial;
    transform: translate(0, -50%);
}
.btn--reverse:hover::after {
    right: initial;
    transform: translate(calc(-100% - 16px), -50%);
}
.btn[disabled], .btn--disabled {
    cursor: not-allowed;
    transition: none;
    pointer-events: none;
    background-color: #e5dbc3 !important;
    color: #afa490 !important;
}
.btn[disabled] .btn__icon, .btn--disabled .btn__icon {
    transform: none !important;
}
.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 {
    font-weight: 600;
    transition: opacity 0.3s ease;
}
.checkbox.is-disabled {
    opacity: 0.5;
    pointer-events: none;
}
.checkbox.is-disabled input {
    pointer-events: none;
}
.checkbox__label {
    position: relative;
    padding-left: 36px;
    cursor: pointer;
    margin: 0;
    min-height: 26px;
    display: block;
}
.checkbox__label::after, .checkbox__label:before {
    content: "";
    left: 0;
    top: 0;
    position: absolute;
    pointer-events: none;
    width: 24px;
    height: 24px;
    border-radius: 4px;
}
.checkbox__label:before {
    border: 1px solid var(--color-hrast);
    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='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.5L5 10L13.5 1' stroke='%23EAE3D2' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/14px auto;
}
.checkbox__image {
    margin-right: 8px;
}
.checkbox:hover .checkbox__label::before {
    background-color: rgba(67, 48, 40, 0.2);
}
.checkbox input:checked ~ label::before {
    background-color: var(--color-hrast) !important;
}
.checkbox input:checked ~ label::after {
    transform: scale(1);
}
.checkbox a {
    text-decoration: underline;
}
.checkbox a:hover {
    color: var(--color-jelovica);
}
.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;
}
.checkbox--smaller {
    font-size: 14px;
    line-height: 1.6;
}
.dropdown {
    width: 100%;
    position: relative;
    user-select: none;
    max-width: 800px;
}
.dropdown__label {
    position: relative;
    margin: 0 0 4px;
    display: block;
    z-index: 4;
}
.dropdown__placeholder {
    position: relative;
    width: 100%;
    height: 48px;
    border: 1px solid var(--color-background);
    background-color: var(--color-background);
    border-radius: 4px;
    outline: none;
    z-index: 1;
    cursor: pointer;
    padding: 8px 10px;
    font-size: 14px;
    display: flex;
    align-items: center;
    color: rgba(67, 48, 40, 0.6);
    transition: border-color 0.3s ease, color 0.3s ease, background-color 0.3s ease;
}
.dropdown__placeholder .icon {
    width: 14px;
    height: 10px;
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -4px;
    pointer-events: none;
    transition: transform 0.3s ease;
}
.dropdown__placeholder .icon::before {
    background-color: var(--color-hrast);
}
.dropdown__placeholder-text {
    transition: transform 0.3s ease, opacity 0.3s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    padding-right: 40px;
}
.dropdown__list {
    position: absolute;
    top: 100%;
    margin-top: -1px;
    width: 100%;
    z-index: 9;
    left: 0;
    overflow: hidden;
    border-radius: 0 0 4px 4px;
    border: 1px solid var(--color-border);
    font-weight: 500;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}
.dropdown__list-item {
    position: relative;
}
.dropdown__list-inner {
    overflow: auto;
    max-height: 228px;
    background-color: var(--color-background);
}
@media only screen and (min-width: 1023px) {
    .dropdown__list-inner {
        scrollbar-track-color: rgba(186, 177, 163, 0.2);
        scrollbar-face-color: #bab1a3;
        scrollbar-arrow-color: #bab1a3;
        /* width */
        /* Track */
        /* Handle */
        /* Handle on hover */
    }
    .dropdown__list-inner::-webkit-scrollbar {
        width: 4px;
    }
    .dropdown__list-inner::-webkit-scrollbar-track {
        -webkit-border-radius: 0;
        border-radius: 0;
        background: rgba(186, 177, 163, 0.2);
    }
    .dropdown__list-inner::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(186, 177, 163, 0.6);
    }
    .dropdown__list-inner::-webkit-scrollbar-thumb {
        background: #bab1a3;
        width: 4px;
        border-radius: 0;
    }
    .dropdown__list-inner::-webkit-scrollbar-thumb:hover {
        background: rgba(186, 177, 163, 0.84);
    }
}
.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: rgba(67, 48, 40, 0.2);
}
.dropdown__list-option {
    cursor: pointer;
    margin: 0;
    width: 100%;
    display: flex;
    align-items: center;
    min-height: 46px;
    border-bottom: 1px solid var(--color-border);
    padding: 8px 10px;
    background-color: transparent;
    transition: color 0.3s ease, background-color 0.3s ease;
}
.dropdown__list-option.is-active, .dropdown__list-option:hover {
    background: rgba(67, 48, 40, 0.1);
}
.dropdown__list-option.is-disabled {
    background-color: var(--color-background-dark);
    pointer-events: none;
}
.dropdown__search {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 8px;
    z-index: 3;
    opacity: 0;
    border: 1px solid var(--color-border);
    pointer-events: none;
    background-color: var(--color-background);
}
.dropdown__search input {
    background-color: transparent;
    width: 100%;
    height: 40px;
    border-radius: 0;
    padding: 0 10px;
    outline: none;
    color: inherit;
    font-size: 16px;
    border: 1px solid var(--color-border);
    transition: border-color 0.3s ease;
}
.dropdown:hover .dropdown__placeholder {
    border-color: var(--border-color);
}
.dropdown.is-open .dropdown__placeholder {
    border-radius: 4px 4px 0 0;
}
.dropdown.is-open .icon {
    transform: scaleY(-1);
}
.dropdown.is-open .dropdown__list {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}
.dropdown--search .dropdown__list {
    padding-top: 58px;
}
.dropdown--search .dropdown__search {
    opacity: 1;
    pointer-events: all;
}
.dropdown.is-validation-failed .dropdown__placeholder {
    border-color: var(--color-validation-failed);
}
.dropdown.is-validation-failed .fv-plugins-message-container {
    margin-top: 4px;
}
.dropdown.is-selected .dropdown__placeholder-text {
    color: var(--color-hrast);
}
.dropdown .fv-plugins-message-container {
    font-weight: 600;
    letter-spacing: 0.5px;
}
.icon::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}

.icon {
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
}
.icon::before {
    background-color: currentColor;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: background-color 0.3s ease;
}
.icon-arrow-right, .icon-arrow-left {
    width: 16px;
    height: 14px;
}
.icon-arrow-right::before, .icon-arrow-left::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.5H0.5V7.5H1V6.5ZM13 7.5C13.2761 7.5 13.5 7.27614 13.5 7C13.5 6.72386 13.2761 6.5 13 6.5V7.5ZM1 7.5H13V6.5H1V7.5Z' fill='white'/%3E%3Cpath d='M7.55416 12.6464C7.3589 12.8417 7.3589 13.1583 7.55416 13.3536C7.74942 13.5488 8.06601 13.5488 8.26127 13.3536L7.55416 12.6464ZM13.9077 7L14.2613 7.35355C14.4565 7.15829 14.4565 6.84171 14.2613 6.64645L13.9077 7ZM8.26127 0.646447L7.90771 0.292893L7.20061 1L7.55416 1.35355L8.26127 0.646447ZM8.26127 13.3536L14.2613 7.35355L13.5542 6.64645L7.55416 12.6464L8.26127 13.3536ZM14.2613 6.64645L8.26127 0.646447L7.55416 1.35355L13.5542 7.35355L14.2613 6.64645Z' fill='white'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.5H0.5V7.5H1V6.5ZM13 7.5C13.2761 7.5 13.5 7.27614 13.5 7C13.5 6.72386 13.2761 6.5 13 6.5V7.5ZM1 7.5H13V6.5H1V7.5Z' fill='white'/%3E%3Cpath d='M7.55416 12.6464C7.3589 12.8417 7.3589 13.1583 7.55416 13.3536C7.74942 13.5488 8.06601 13.5488 8.26127 13.3536L7.55416 12.6464ZM13.9077 7L14.2613 7.35355C14.4565 7.15829 14.4565 6.84171 14.2613 6.64645L13.9077 7ZM8.26127 0.646447L7.90771 0.292893L7.20061 1L7.55416 1.35355L8.26127 0.646447ZM8.26127 13.3536L14.2613 7.35355L13.5542 6.64645L7.55416 12.6464L8.26127 13.3536ZM14.2613 6.64645L8.26127 0.646447L7.55416 1.35355L13.5542 7.35355L14.2613 6.64645Z' fill='white'/%3E%3C/svg%3E%0A");
}
.icon-arrow-right-half, .icon-arrow-left-half {
    width: 22px;
    height: 8px;
}
.icon-arrow-right-half::before, .icon-arrow-left-half::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='22' height='8' viewBox='0 0 22 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7.15385H21L13.9825 1' stroke='%23433028' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='22' height='8' viewBox='0 0 22 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7.15385H21L13.9825 1' stroke='%23433028' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-arrow-up, .icon-arrow-down {
    width: 14px;
    height: 16px;
}
.icon-arrow-up::before, .icon-arrow-down::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='13' height='16' viewBox='0 0 13 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.88326 15.4443L0.258261 9.81929C0.17546 9.73043 0.130384 9.6129 0.132526 9.49146C0.134669 9.37002 0.183865 9.25416 0.269748 9.16827C0.355631 9.08239 0.471497 9.0332 0.592935 9.03105C0.714373 9.02891 0.831902 9.07399 0.920761 9.15679L5.74576 13.981L5.74576 1.36304C5.74576 1.23872 5.79515 1.11949 5.88306 1.03158C5.97096 0.943673 6.09019 0.894287 6.21451 0.894287C6.33883 0.894287 6.45806 0.943673 6.54597 1.03158C6.63388 1.11949 6.68326 1.23872 6.68326 1.36304L6.68326 13.981L11.5083 9.15679C11.5971 9.07399 11.7147 9.02891 11.8361 9.03105C11.9575 9.0332 12.0734 9.08239 12.1593 9.16827C12.2452 9.25416 12.2944 9.37002 12.2965 9.49146C12.2986 9.6129 12.2536 9.73043 12.1708 9.81929L6.54576 15.4443C6.45787 15.5321 6.33873 15.5814 6.21451 15.5814C6.09029 15.5814 5.97115 15.5321 5.88326 15.4443Z' fill='white'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='13' height='16' viewBox='0 0 13 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.88326 15.4443L0.258261 9.81929C0.17546 9.73043 0.130384 9.6129 0.132526 9.49146C0.134669 9.37002 0.183865 9.25416 0.269748 9.16827C0.355631 9.08239 0.471497 9.0332 0.592935 9.03105C0.714373 9.02891 0.831902 9.07399 0.920761 9.15679L5.74576 13.981L5.74576 1.36304C5.74576 1.23872 5.79515 1.11949 5.88306 1.03158C5.97096 0.943673 6.09019 0.894287 6.21451 0.894287C6.33883 0.894287 6.45806 0.943673 6.54597 1.03158C6.63388 1.11949 6.68326 1.23872 6.68326 1.36304L6.68326 13.981L11.5083 9.15679C11.5971 9.07399 11.7147 9.02891 11.8361 9.03105C11.9575 9.0332 12.0734 9.08239 12.1593 9.16827C12.2452 9.25416 12.2944 9.37002 12.2965 9.49146C12.2986 9.6129 12.2536 9.73043 12.1708 9.81929L6.54576 15.4443C6.45787 15.5321 6.33873 15.5814 6.21451 15.5814C6.09029 15.5814 5.97115 15.5321 5.88326 15.4443Z' fill='white'/%3E%3C/svg%3E%0A");
}
.icon-chevron-right, .icon-chevron-left {
    width: 9px;
    height: 15px;
}
.icon-chevron-right::before, .icon-chevron-left::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='14' viewBox='0 0 10 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L8 7L0.999999 1' stroke='%23433028' stroke-width='2'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='10' height='14' viewBox='0 0 10 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L8 7L0.999999 1' stroke='%23433028' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.icon-chevron-up, .icon-chevron-down {
    width: 12px;
    height: 8px;
}
.icon-chevron-up:before, .icon-chevron-down:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 8L13 1' stroke='%23433028' stroke-width='2'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 8L13 1' stroke='%23433028' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.icon-chevron-left:before, .icon-chevron-up:before, .icon-arrow-up:before, .icon-arrow-left:before, .icon-arrow-left-half:before {
    transform: scale(-1);
}
.icon-close {
    width: 20px;
    height: 20px;
}
.icon-close: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='M1 19L19 1' stroke='%23433028' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M19 19L1 1' stroke='%23433028' stroke-width='2' stroke-linecap='round'/%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='M1 19L19 1' stroke='%23433028' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M19 19L1 1' stroke='%23433028' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.icon-plus {
    width: 24px;
    height: 24px;
}
.icon-plus: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%3Cline x1='12.5859' y1='4.37114e-08' x2='12.5859' y2='24' stroke='%23433028' stroke-width='2'/%3E%3Cline y1='12.2414' x2='24' y2='12.2414' stroke='%23433028' stroke-width='2'/%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%3Cline x1='12.5859' y1='4.37114e-08' x2='12.5859' y2='24' stroke='%23433028' stroke-width='2'/%3E%3Cline y1='12.2414' x2='24' y2='12.2414' stroke='%23433028' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.icon-minus {
    width: 24px;
    height: 24px;
}
.icon-minus:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='28' height='3' viewBox='0 0 28 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.390625' y1='1.24133' x2='27.9587' y2='1.24133' stroke='%23433028' stroke-width='2'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='28' height='3' viewBox='0 0 28 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.390625' y1='1.24133' x2='27.9587' y2='1.24133' stroke='%23433028' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.icon-search {
    width: 16px;
    height: 16px;
}
.icon-search: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%3Cpath d='M6.6 12.7C9.69279 12.7 12.2 10.1928 12.2 7.1C12.2 4.00721 9.69279 1.5 6.6 1.5C3.50721 1.5 1 4.00721 1 7.1C1 10.1928 3.50721 12.7 6.6 12.7Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 15.4998L10.8 11.2998' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%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%3Cpath d='M6.6 12.7C9.69279 12.7 12.2 10.1928 12.2 7.1C12.2 4.00721 9.69279 1.5 6.6 1.5C3.50721 1.5 1 4.00721 1 7.1C1 10.1928 3.50721 12.7 6.6 12.7Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 15.4998L10.8 11.2998' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-facebook {
    width: 42px;
    height: 42px;
}
.icon-facebook:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 42C32.598 42 42 32.598 42 21C42 9.40202 32.598 0 21 0C9.40202 0 0 9.40202 0 21C0 32.598 9.40202 42 21 42ZM17.4595 23.6593V33H22.9451V23.6593H27.0245L27.7973 19.2637H22.9324V16.4066C22.9324 15.2088 23.6166 14.033 25.7956 14.033H28V10.2967C28 10.2967 25.9856 10 24.0726 10C20.0693 10 17.4595 12.1099 17.4595 15.9121V19.2637H13V23.6593H17.4595Z' fill='%23EAE3D2'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 42C32.598 42 42 32.598 42 21C42 9.40202 32.598 0 21 0C9.40202 0 0 9.40202 0 21C0 32.598 9.40202 42 21 42ZM17.4595 23.6593V33H22.9451V23.6593H27.0245L27.7973 19.2637H22.9324V16.4066C22.9324 15.2088 23.6166 14.033 25.7956 14.033H28V10.2967C28 10.2967 25.9856 10 24.0726 10C20.0693 10 17.4595 12.1099 17.4595 15.9121V19.2637H13V23.6593H17.4595Z' fill='%23EAE3D2'/%3E%3C/svg%3E%0A");
}
.icon-instagram {
    width: 42px;
    height: 42px;
}
.icon-instagram:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 42C32.598 42 42 32.598 42 21C42 9.40202 32.598 0 21 0C9.40202 0 0 9.40202 0 21C0 32.598 9.40202 42 21 42ZM14.8508 21C14.8508 17.594 17.5974 14.8467 21.0027 14.8467C24.4079 14.8467 27.1546 17.594 27.1546 21C27.1546 24.406 24.4079 27.1533 21.0027 27.1533C17.5974 27.1533 14.8508 24.406 14.8508 21ZM17.0031 21C17.0031 23.2064 18.8021 25.0004 21.0027 25.0004C23.2032 25.0004 25.0022 23.2064 25.0022 21C25.0022 18.7936 23.2086 16.9996 21.0027 16.9996C18.7968 16.9996 17.0031 18.7936 17.0031 21ZM27.4062 16.0302C28.1987 16.0302 28.8412 15.3929 28.8412 14.595C28.8412 13.8024 28.1987 13.1598 27.4062 13.1598C26.6138 13.1598 25.9713 13.8024 25.9713 14.595C25.9713 15.3876 26.6085 16.0302 27.4062 16.0302ZM30.9775 11.023C32.3856 12.4261 32.8247 14.1291 32.9157 16.0517C33.0281 18.0331 33.0281 23.9669 32.9157 25.9483C32.8193 27.8709 32.3803 29.5739 30.9775 30.977C29.5747 32.3855 27.8721 32.8246 25.9499 32.9157C23.9689 33.0281 18.0311 33.0281 16.0501 32.9157C14.1279 32.8193 12.4307 32.3801 11.0225 30.977C9.61439 29.5739 9.17535 27.8709 9.08433 25.9483C8.97189 23.9669 8.97189 18.0278 9.08433 16.0463C9.1807 14.1237 9.61439 12.4207 11.0225 11.0176C12.4307 9.61453 14.1333 9.17539 16.0501 9.08435C18.0311 8.97188 23.9689 8.97188 25.9499 9.08435C27.8721 9.18074 29.5747 9.61988 30.9775 11.023ZM28.0755 30.3558C29.1303 29.9327 29.9388 29.1241 30.3564 28.0744C30.8937 26.724 30.8638 23.77 30.8444 21.8551C30.8412 21.5374 30.8383 21.2484 30.8383 21C30.8383 20.7516 30.8412 20.4626 30.8444 20.145C30.8638 18.2312 30.8937 15.2806 30.3564 13.9256C29.9334 12.8706 29.1249 12.0619 28.0755 11.6442C26.7211 11.1097 23.7535 11.1382 21.8396 11.1565C21.5291 11.1595 21.2463 11.1622 21.0027 11.1622C20.7543 11.1622 20.4654 11.1593 20.1479 11.1561C18.2345 11.1367 15.2845 11.1068 13.9298 11.6442C12.8751 12.0673 12.0666 12.8759 11.649 13.9256C11.1146 15.2803 11.143 18.2486 11.1614 20.1629C11.1644 20.4735 11.1671 20.7563 11.1671 21C11.1671 21.2484 11.1642 21.5374 11.1609 21.855C11.1416 23.7688 11.1117 26.7194 11.649 28.0744C12.0719 29.1294 12.8804 29.9381 13.9298 30.3558C15.2842 30.8903 18.2519 30.8618 20.1658 30.8435C20.4763 30.8405 20.759 30.8378 21.0027 30.8378C21.2511 30.8378 21.54 30.8407 21.8575 30.8439C23.7709 30.8633 26.7208 30.8932 28.0755 30.3558Z' fill='%23EAE3D2'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 42C32.598 42 42 32.598 42 21C42 9.40202 32.598 0 21 0C9.40202 0 0 9.40202 0 21C0 32.598 9.40202 42 21 42ZM14.8508 21C14.8508 17.594 17.5974 14.8467 21.0027 14.8467C24.4079 14.8467 27.1546 17.594 27.1546 21C27.1546 24.406 24.4079 27.1533 21.0027 27.1533C17.5974 27.1533 14.8508 24.406 14.8508 21ZM17.0031 21C17.0031 23.2064 18.8021 25.0004 21.0027 25.0004C23.2032 25.0004 25.0022 23.2064 25.0022 21C25.0022 18.7936 23.2086 16.9996 21.0027 16.9996C18.7968 16.9996 17.0031 18.7936 17.0031 21ZM27.4062 16.0302C28.1987 16.0302 28.8412 15.3929 28.8412 14.595C28.8412 13.8024 28.1987 13.1598 27.4062 13.1598C26.6138 13.1598 25.9713 13.8024 25.9713 14.595C25.9713 15.3876 26.6085 16.0302 27.4062 16.0302ZM30.9775 11.023C32.3856 12.4261 32.8247 14.1291 32.9157 16.0517C33.0281 18.0331 33.0281 23.9669 32.9157 25.9483C32.8193 27.8709 32.3803 29.5739 30.9775 30.977C29.5747 32.3855 27.8721 32.8246 25.9499 32.9157C23.9689 33.0281 18.0311 33.0281 16.0501 32.9157C14.1279 32.8193 12.4307 32.3801 11.0225 30.977C9.61439 29.5739 9.17535 27.8709 9.08433 25.9483C8.97189 23.9669 8.97189 18.0278 9.08433 16.0463C9.1807 14.1237 9.61439 12.4207 11.0225 11.0176C12.4307 9.61453 14.1333 9.17539 16.0501 9.08435C18.0311 8.97188 23.9689 8.97188 25.9499 9.08435C27.8721 9.18074 29.5747 9.61988 30.9775 11.023ZM28.0755 30.3558C29.1303 29.9327 29.9388 29.1241 30.3564 28.0744C30.8937 26.724 30.8638 23.77 30.8444 21.8551C30.8412 21.5374 30.8383 21.2484 30.8383 21C30.8383 20.7516 30.8412 20.4626 30.8444 20.145C30.8638 18.2312 30.8937 15.2806 30.3564 13.9256C29.9334 12.8706 29.1249 12.0619 28.0755 11.6442C26.7211 11.1097 23.7535 11.1382 21.8396 11.1565C21.5291 11.1595 21.2463 11.1622 21.0027 11.1622C20.7543 11.1622 20.4654 11.1593 20.1479 11.1561C18.2345 11.1367 15.2845 11.1068 13.9298 11.6442C12.8751 12.0673 12.0666 12.8759 11.649 13.9256C11.1146 15.2803 11.143 18.2486 11.1614 20.1629C11.1644 20.4735 11.1671 20.7563 11.1671 21C11.1671 21.2484 11.1642 21.5374 11.1609 21.855C11.1416 23.7688 11.1117 26.7194 11.649 28.0744C12.0719 29.1294 12.8804 29.9381 13.9298 30.3558C15.2842 30.8903 18.2519 30.8618 20.1658 30.8435C20.4763 30.8405 20.759 30.8378 21.0027 30.8378C21.2511 30.8378 21.54 30.8407 21.8575 30.8439C23.7709 30.8633 26.7208 30.8932 28.0755 30.3558Z' fill='%23EAE3D2'/%3E%3C/svg%3E%0A");
}
.icon-youtube {
    width: 42px;
    height: 42px;
}
.icon-youtube:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 42C32.598 42 42 32.598 42 21C42 9.40202 32.598 0 21 0C9.40202 0 0 9.40202 0 21C0 32.598 9.40202 42 21 42ZM7 16.87C7 13.6281 9.60357 11 12.8152 11H29.1848C32.3964 11 35 13.6281 35 16.87V25.13C35 28.3719 32.3964 31 29.1848 31H12.8152C9.60357 31 7 28.3719 7 25.13V16.87ZM17.5954 25.088L25.252 21.4019C25.4823 21.291 25.4862 20.9615 25.2586 20.8451L17.602 16.9286C17.3976 16.824 17.1557 16.974 17.1557 17.2053V24.8079C17.1557 25.036 17.3914 25.1862 17.5954 25.088Z' fill='%23EAE3D2'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 42C32.598 42 42 32.598 42 21C42 9.40202 32.598 0 21 0C9.40202 0 0 9.40202 0 21C0 32.598 9.40202 42 21 42ZM7 16.87C7 13.6281 9.60357 11 12.8152 11H29.1848C32.3964 11 35 13.6281 35 16.87V25.13C35 28.3719 32.3964 31 29.1848 31H12.8152C9.60357 31 7 28.3719 7 25.13V16.87ZM17.5954 25.088L25.252 21.4019C25.4823 21.291 25.4862 20.9615 25.2586 20.8451L17.602 16.9286C17.3976 16.824 17.1557 16.974 17.1557 17.2053V24.8079C17.1557 25.036 17.3914 25.1862 17.5954 25.088Z' fill='%23EAE3D2'/%3E%3C/svg%3E%0A");
}
.icon-linkedin {
    width: 42px;
    height: 42px;
}
.icon-linkedin:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 0C9.40192 0 0 9.40192 0 21C0 32.598 9.40192 41.9999 21 41.9999C32.598 41.9999 42 32.598 42 21C41.9999 9.40192 32.5978 0 21 0ZM15.3971 31.1525H10.7864V16.2564H15.3971V31.1525ZM13.0698 14.3057C11.564 14.3057 10.3432 13.075 10.3432 11.5571C10.3432 10.0391 11.5641 8.80847 13.0698 8.80847C14.5754 8.80847 15.7962 10.0391 15.7962 11.5571C15.7963 13.0751 14.5755 14.3057 13.0698 14.3057ZM32.6759 31.1525H28.0875V23.3333C28.0875 21.1887 27.2729 19.9916 25.5771 19.9916C23.7316 19.9916 22.7674 21.2384 22.7674 23.3333V31.1525H18.3452V16.2564H22.7674V18.2627C22.7674 18.2627 24.0976 15.8021 27.2562 15.8021C30.4149 15.8021 32.676 17.7307 32.676 21.7205L32.6759 31.1525Z' fill='%23EAE3D2'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 0C9.40192 0 0 9.40192 0 21C0 32.598 9.40192 41.9999 21 41.9999C32.598 41.9999 42 32.598 42 21C41.9999 9.40192 32.5978 0 21 0ZM15.3971 31.1525H10.7864V16.2564H15.3971V31.1525ZM13.0698 14.3057C11.564 14.3057 10.3432 13.075 10.3432 11.5571C10.3432 10.0391 11.5641 8.80847 13.0698 8.80847C14.5754 8.80847 15.7962 10.0391 15.7962 11.5571C15.7963 13.0751 14.5755 14.3057 13.0698 14.3057ZM32.6759 31.1525H28.0875V23.3333C28.0875 21.1887 27.2729 19.9916 25.5771 19.9916C23.7316 19.9916 22.7674 21.2384 22.7674 23.3333V31.1525H18.3452V16.2564H22.7674V18.2627C22.7674 18.2627 24.0976 15.8021 27.2562 15.8021C30.4149 15.8021 32.676 17.7307 32.676 21.7205L32.6759 31.1525Z' fill='%23EAE3D2'/%3E%3C/svg%3E%0A");
}
.icon-twitter {
    width: 42px;
    height: 42px;
}
.icon-twitter: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%3Cmask id='mask0_549_838' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Cpath d='M0 0H19.6403V20H0V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_549_838)'%3E%3Cpath d='M11.6884 8.46437L19.0006 0H17.2678L10.9191 7.34937L5.84844 0H0L7.66781 11.1137L0 19.9897H1.73281L8.43688 12.2284L13.7919 19.9897H19.6403L11.6884 8.46437ZM9.31563 11.2113L8.53875 10.105L2.35687 1.29875H5.01844L10.0069 8.40562L10.7837 9.51219L17.2684 18.75H14.6072L9.31563 11.2125V11.2119V11.2113Z' fill='%2358595B'/%3E%3C/g%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%3Cmask id='mask0_549_838' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Cpath d='M0 0H19.6403V20H0V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_549_838)'%3E%3Cpath d='M11.6884 8.46437L19.0006 0H17.2678L10.9191 7.34937L5.84844 0H0L7.66781 11.1137L0 19.9897H1.73281L8.43688 12.2284L13.7919 19.9897H19.6403L11.6884 8.46437ZM9.31563 11.2113L8.53875 10.105L2.35687 1.29875H5.01844L10.0069 8.40562L10.7837 9.51219L17.2684 18.75H14.6072L9.31563 11.2125V11.2119V11.2113Z' fill='%2358595B'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.icon-play {
    width: 58px;
    height: 58px;
}
.icon-play:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='65' height='65' viewBox='0 0 65 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.7173 61.3674C48.5774 61.3674 61.4346 48.5253 61.4346 32.6837C61.4346 16.8421 48.5774 4 32.7173 4C16.8572 4 4 16.8421 4 32.6837C4 48.5253 16.8572 61.3674 32.7173 61.3674Z' stroke='%23F07E26' stroke-width='6.06' stroke-miterlimit='10'/%3E%3Cpath d='M44.8418 32.6836L26.9238 22.3514V43.0259L44.8418 32.6836Z' stroke='%23F07E26' stroke-width='3.03' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='65' height='65' viewBox='0 0 65 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.7173 61.3674C48.5774 61.3674 61.4346 48.5253 61.4346 32.6837C61.4346 16.8421 48.5774 4 32.7173 4C16.8572 4 4 16.8421 4 32.6837C4 48.5253 16.8572 61.3674 32.7173 61.3674Z' stroke='%23F07E26' stroke-width='6.06' stroke-miterlimit='10'/%3E%3Cpath d='M44.8418 32.6836L26.9238 22.3514V43.0259L44.8418 32.6836Z' stroke='%23F07E26' stroke-width='3.03' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}
.icon-question-mark {
    width: 6px;
    height: 10px;
}
.icon-question-mark:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.0358 0C5.09785 0 6 1.00242 6 2.31884C6 4.43237 3.65155 4.55314 3.65155 6.78744V6.94444H2.14797V6.73913C2.14797 4.16667 4.25298 4.04589 4.25298 2.28261C4.25298 1.50966 3.83771 1.18357 3.02148 1.18357C2.10501 1.18357 1.74702 1.63043 1.74702 2.47585V3.07971H0V2.71739C0 1.09903 0.916467 0 3.0358 0ZM1.84726 9.11836C1.84726 8.5628 2.31981 8.21256 2.90692 8.21256C3.49403 8.21256 3.96659 8.5628 3.96659 9.11836C3.96659 9.64976 3.49403 10 2.90692 10C2.31981 10 1.84726 9.64976 1.84726 9.11836Z' fill='%23EAE3D2'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.0358 0C5.09785 0 6 1.00242 6 2.31884C6 4.43237 3.65155 4.55314 3.65155 6.78744V6.94444H2.14797V6.73913C2.14797 4.16667 4.25298 4.04589 4.25298 2.28261C4.25298 1.50966 3.83771 1.18357 3.02148 1.18357C2.10501 1.18357 1.74702 1.63043 1.74702 2.47585V3.07971H0V2.71739C0 1.09903 0.916467 0 3.0358 0ZM1.84726 9.11836C1.84726 8.5628 2.31981 8.21256 2.90692 8.21256C3.49403 8.21256 3.96659 8.5628 3.96659 9.11836C3.96659 9.64976 3.49403 10 2.90692 10C2.31981 10 1.84726 9.64976 1.84726 9.11836Z' fill='%23EAE3D2'/%3E%3C/svg%3E%0A");
}
.icon-filter {
    width: 30px;
    height: 24px;
}
.icon-filter:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='29' height='24' viewBox='0 0 29 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4H28' stroke='%23EAE3D2' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M1 20H28' stroke='%23EAE3D2' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M9 8C11.2091 8 13 6.20914 13 4C13 1.79086 11.2091 0 9 0C6.79086 0 5 1.79086 5 4C5 6.20914 6.79086 8 9 8Z' fill='%23EAE3D2'/%3E%3Cpath d='M19 24C21.2091 24 23 22.2091 23 20C23 17.7909 21.2091 16 19 16C16.7909 16 15 17.7909 15 20C15 22.2091 16.7909 24 19 24Z' fill='%23EAE3D2'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='29' height='24' viewBox='0 0 29 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4H28' stroke='%23EAE3D2' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M1 20H28' stroke='%23EAE3D2' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M9 8C11.2091 8 13 6.20914 13 4C13 1.79086 11.2091 0 9 0C6.79086 0 5 1.79086 5 4C5 6.20914 6.79086 8 9 8Z' fill='%23EAE3D2'/%3E%3Cpath d='M19 24C21.2091 24 23 22.2091 23 20C23 17.7909 21.2091 16 19 16C16.7909 16 15 17.7909 15 20C15 22.2091 16.7909 24 19 24Z' fill='%23EAE3D2'/%3E%3C/svg%3E%0A");
}
.icon-speaker {
    width: 20px;
    height: 20px;
}
.icon-speaker:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6H1V17H6L13 21V1L6 6Z' stroke='%23EAE3D2' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M16 16C18.2091 16 20 14.2091 20 12C20 9.79086 18.2091 8 16 8' stroke='%23EAE3D2' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6H1V17H6L13 21V1L6 6Z' stroke='%23EAE3D2' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M16 16C18.2091 16 20 14.2091 20 12C20 9.79086 18.2091 8 16 8' stroke='%23EAE3D2' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.icon-arrow-generic {
    width: 24px;
    height: 16px;
}
.icon-arrow-generic:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='16' viewBox='0 0 24 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.292893 7.29289C-0.0976311 7.68342 -0.0976311 8.31658 0.292893 8.70711L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41421 8L8.07107 2.34315C8.46159 1.95262 8.46159 1.31946 8.07107 0.928933C7.68054 0.538408 7.04738 0.538408 6.65685 0.928933L0.292893 7.29289ZM23.7071 8.70711C24.0976 8.31658 24.0976 7.68342 23.7071 7.2929L17.3431 0.928934C16.9526 0.538409 16.3195 0.538409 15.9289 0.928933C15.5384 1.31946 15.5384 1.95262 15.9289 2.34315L21.5858 8L15.9289 13.6569C15.5384 14.0474 15.5384 14.6805 15.9289 15.0711C16.3195 15.4616 16.9526 15.4616 17.3431 15.0711L23.7071 8.70711ZM1 9L23 9L23 7L1 7L1 9Z' fill='%23EAE3D2'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='16' viewBox='0 0 24 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.292893 7.29289C-0.0976311 7.68342 -0.0976311 8.31658 0.292893 8.70711L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41421 8L8.07107 2.34315C8.46159 1.95262 8.46159 1.31946 8.07107 0.928933C7.68054 0.538408 7.04738 0.538408 6.65685 0.928933L0.292893 7.29289ZM23.7071 8.70711C24.0976 8.31658 24.0976 7.68342 23.7071 7.2929L17.3431 0.928934C16.9526 0.538409 16.3195 0.538409 15.9289 0.928933C15.5384 1.31946 15.5384 1.95262 15.9289 2.34315L21.5858 8L15.9289 13.6569C15.5384 14.0474 15.5384 14.6805 15.9289 15.0711C16.3195 15.4616 16.9526 15.4616 17.3431 15.0711L23.7071 8.70711ZM1 9L23 9L23 7L1 7L1 9Z' fill='%23EAE3D2'/%3E%3C/svg%3E%0A");
}
.icon-novo {
    width: 36px;
    height: 14px;
}
.icon-novo:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='36' height='15' viewBox='0 0 36 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.519531 0.949219H2.43953L6.43953 10.1892V0.949219H8.35953V14.8092H6.41953L2.43953 5.56922V14.8092H0.519531V0.949219Z' fill='%23433028'/%3E%3Cpath d='M9.84961 10.4193V5.3393C9.84961 2.5293 11.1896 0.779297 13.9296 0.779297C16.6696 0.779297 18.0296 2.5293 18.0296 5.3393V10.4193C18.0296 13.2293 16.6796 14.9793 13.9296 14.9793C11.1796 14.9793 9.84961 13.2293 9.84961 10.4193ZM13.9296 13.2493C15.2296 13.2493 15.8896 12.4593 15.8896 10.9193V4.8693C15.8896 3.3293 15.2396 2.5193 13.9296 2.5193C12.6196 2.5193 11.9696 3.3093 11.9696 4.8493V10.9193C11.9696 12.4593 12.6196 13.2493 13.9296 13.2493Z' fill='%23433028'/%3E%3Cpath d='M18.6191 0.949219H20.7591L22.7491 12.5992L22.7991 12.8192L22.8491 12.6092L24.8191 0.949219H26.9491L24.2191 14.8092H21.3591L18.6191 0.949219Z' fill='%23433028'/%3E%3Cpath d='M27.5596 10.4193V5.3393C27.5596 2.5293 28.8996 0.779297 31.6396 0.779297C34.3796 0.779297 35.7396 2.5293 35.7396 5.3393V10.4193C35.7396 13.2293 34.3896 14.9793 31.6396 14.9793C28.8896 14.9793 27.5596 13.2293 27.5596 10.4193ZM31.6396 13.2493C32.9396 13.2493 33.5996 12.4593 33.5996 10.9193V4.8693C33.5996 3.3293 32.9496 2.5193 31.6396 2.5193C30.3296 2.5193 29.6796 3.3093 29.6796 4.8493V10.9193C29.6796 12.4593 30.3296 13.2493 31.6396 13.2493Z' fill='%23433028'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='36' height='15' viewBox='0 0 36 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.519531 0.949219H2.43953L6.43953 10.1892V0.949219H8.35953V14.8092H6.41953L2.43953 5.56922V14.8092H0.519531V0.949219Z' fill='%23433028'/%3E%3Cpath d='M9.84961 10.4193V5.3393C9.84961 2.5293 11.1896 0.779297 13.9296 0.779297C16.6696 0.779297 18.0296 2.5293 18.0296 5.3393V10.4193C18.0296 13.2293 16.6796 14.9793 13.9296 14.9793C11.1796 14.9793 9.84961 13.2293 9.84961 10.4193ZM13.9296 13.2493C15.2296 13.2493 15.8896 12.4593 15.8896 10.9193V4.8693C15.8896 3.3293 15.2396 2.5193 13.9296 2.5193C12.6196 2.5193 11.9696 3.3093 11.9696 4.8493V10.9193C11.9696 12.4593 12.6196 13.2493 13.9296 13.2493Z' fill='%23433028'/%3E%3Cpath d='M18.6191 0.949219H20.7591L22.7491 12.5992L22.7991 12.8192L22.8491 12.6092L24.8191 0.949219H26.9491L24.2191 14.8092H21.3591L18.6191 0.949219Z' fill='%23433028'/%3E%3Cpath d='M27.5596 10.4193V5.3393C27.5596 2.5293 28.8996 0.779297 31.6396 0.779297C34.3796 0.779297 35.7396 2.5293 35.7396 5.3393V10.4193C35.7396 13.2293 34.3896 14.9793 31.6396 14.9793C28.8896 14.9793 27.5596 13.2293 27.5596 10.4193ZM31.6396 13.2493C32.9396 13.2493 33.5996 12.4593 33.5996 10.9193V4.8693C33.5996 3.3293 32.9496 2.5193 31.6396 2.5193C30.3296 2.5193 29.6796 3.3093 29.6796 4.8493V10.9193C29.6796 12.4593 30.3296 13.2493 31.6396 13.2493Z' fill='%23433028'/%3E%3C/svg%3E%0A");
}
.icon-percentage {
    width: 22px;
    height: 26px;
}
.icon-percentage:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='22' height='27' viewBox='0 0 22 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.21965 0.199219C8.63965 0.199219 10.0196 3.01922 10.0196 5.69922C10.0196 8.37922 8.63965 11.2392 5.21965 11.2392C1.79965 11.2392 0.389648 8.41922 0.389648 5.69922C0.389648 2.97922 1.76965 0.199219 5.21965 0.199219ZM5.21965 8.60922C6.65965 8.60922 7.23965 7.54922 7.23965 5.69922C7.23965 3.84922 6.65965 2.81922 5.21965 2.81922C3.77965 2.81922 3.16965 3.87922 3.16965 5.69922C3.16965 7.51922 3.74965 8.60922 5.21965 8.60922ZM15.6196 0.519219H17.3496L6.33965 26.3692H4.57965L15.6196 0.519219ZM16.8097 15.6492C20.2297 15.6492 21.6096 18.4692 21.6096 21.1892C21.6096 23.9092 20.2297 26.6892 16.8097 26.6892C13.3897 26.6892 11.9796 23.8692 11.9796 21.1892C11.9796 18.5092 13.3597 15.6492 16.8097 15.6492ZM16.8097 24.0692C18.2497 24.0692 18.8297 23.0092 18.8297 21.1892C18.8297 19.3692 18.2497 18.2792 16.8097 18.2792C15.3696 18.2792 14.7596 19.3392 14.7596 21.1892C14.7596 23.0392 15.3397 24.0692 16.8097 24.0692Z' fill='%23433028'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='22' height='27' viewBox='0 0 22 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.21965 0.199219C8.63965 0.199219 10.0196 3.01922 10.0196 5.69922C10.0196 8.37922 8.63965 11.2392 5.21965 11.2392C1.79965 11.2392 0.389648 8.41922 0.389648 5.69922C0.389648 2.97922 1.76965 0.199219 5.21965 0.199219ZM5.21965 8.60922C6.65965 8.60922 7.23965 7.54922 7.23965 5.69922C7.23965 3.84922 6.65965 2.81922 5.21965 2.81922C3.77965 2.81922 3.16965 3.87922 3.16965 5.69922C3.16965 7.51922 3.74965 8.60922 5.21965 8.60922ZM15.6196 0.519219H17.3496L6.33965 26.3692H4.57965L15.6196 0.519219ZM16.8097 15.6492C20.2297 15.6492 21.6096 18.4692 21.6096 21.1892C21.6096 23.9092 20.2297 26.6892 16.8097 26.6892C13.3897 26.6892 11.9796 23.8692 11.9796 21.1892C11.9796 18.5092 13.3597 15.6492 16.8097 15.6492ZM16.8097 24.0692C18.2497 24.0692 18.8297 23.0092 18.8297 21.1892C18.8297 19.3692 18.2497 18.2792 16.8097 18.2792C15.3696 18.2792 14.7596 19.3392 14.7596 21.1892C14.7596 23.0392 15.3397 24.0692 16.8097 24.0692Z' fill='%23433028'/%3E%3C/svg%3E%0A");
}
.icon-upload {
    width: 32px;
    height: 32px;
}
.icon-upload:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0032 30.0032H15.0032V11.8032L7.40321 19.4032L6.00321 18.0032L16.0032 8.00321L26.0032 18.0032L24.6032 19.4032L17.0032 11.8032V30.0032ZM6.00321 8.00321H4.00321V4.00321C3.98766 3.7365 4.02873 3.46952 4.12374 3.21982C4.21875 2.97012 4.36553 2.74336 4.55445 2.55445C4.74336 2.36553 4.97012 2.21875 5.21982 2.12374C5.46952 2.02873 5.7365 1.98766 6.00321 2.00321H26.0032C26.2699 1.98766 26.5369 2.02873 26.7866 2.12374C27.0363 2.21875 27.2631 2.36553 27.452 2.55445C27.6409 2.74336 27.7877 2.97012 27.8827 3.21982C27.9777 3.46952 28.0188 3.7365 28.0032 4.00321V8.00321H26.0032V4.00321H6.00321V8.00321Z' fill='%23F07E26'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0032 30.0032H15.0032V11.8032L7.40321 19.4032L6.00321 18.0032L16.0032 8.00321L26.0032 18.0032L24.6032 19.4032L17.0032 11.8032V30.0032ZM6.00321 8.00321H4.00321V4.00321C3.98766 3.7365 4.02873 3.46952 4.12374 3.21982C4.21875 2.97012 4.36553 2.74336 4.55445 2.55445C4.74336 2.36553 4.97012 2.21875 5.21982 2.12374C5.46952 2.02873 5.7365 1.98766 6.00321 2.00321H26.0032C26.2699 1.98766 26.5369 2.02873 26.7866 2.12374C27.0363 2.21875 27.2631 2.36553 27.452 2.55445C27.6409 2.74336 27.7877 2.97012 27.8827 3.21982C27.9777 3.46952 28.0188 3.7365 28.0032 4.00321V8.00321H26.0032V4.00321H6.00321V8.00321Z' fill='%23F07E26'/%3E%3C/svg%3E%0A");
}
.icon-document {
    width: 32px;
    height: 32px;
}
.icon-document:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.0003 30H8.00028C7.73361 30.0154 7.4667 29.9742 7.21707 29.8792C6.96745 29.7841 6.74075 29.6373 6.55187 29.4484C6.36299 29.2596 6.2162 29.0329 6.12114 28.7832C6.02608 28.5336 5.98489 28.2667 6.00028 28V4.00004C5.98473 3.73333 6.0258 3.46635 6.12081 3.21665C6.21582 2.96695 6.3626 2.74019 6.55152 2.55127C6.74043 2.36236 6.96719 2.21557 7.21689 2.12057C7.46659 2.02556 7.73357 1.98448 8.00028 2.00004H18.0003C18.3009 2.05065 18.5794 2.18994 18.8003 2.40004L25.8003 9.40004C25.8984 9.58812 25.966 9.79067 26.0003 10V28C26.0157 28.2667 25.9745 28.5336 25.8794 28.7832C25.7844 29.0329 25.6376 29.2596 25.4487 29.4484C25.2598 29.6373 25.0331 29.7841 24.7835 29.8792C24.5339 29.9742 24.267 30.0154 24.0003 30ZM8.00028 4.00004V28H24.0003V12H18.0003C17.7336 12.0154 17.4667 11.9742 17.2171 11.8792C16.9674 11.7841 16.7408 11.6373 16.5519 11.4484C16.363 11.2596 16.2162 11.0329 16.1211 10.7832C16.0261 10.5336 15.9849 10.2667 16.0003 10V4.00004H8.00028ZM18.0003 4.40004V10H23.6003L18.0003 4.40004ZM22.0003 24H10.0003V22H22.0003V24ZM22.0003 18H10.0003V16H22.0003V18Z' fill='%23F07E26'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.0003 30H8.00028C7.73361 30.0154 7.4667 29.9742 7.21707 29.8792C6.96745 29.7841 6.74075 29.6373 6.55187 29.4484C6.36299 29.2596 6.2162 29.0329 6.12114 28.7832C6.02608 28.5336 5.98489 28.2667 6.00028 28V4.00004C5.98473 3.73333 6.0258 3.46635 6.12081 3.21665C6.21582 2.96695 6.3626 2.74019 6.55152 2.55127C6.74043 2.36236 6.96719 2.21557 7.21689 2.12057C7.46659 2.02556 7.73357 1.98448 8.00028 2.00004H18.0003C18.3009 2.05065 18.5794 2.18994 18.8003 2.40004L25.8003 9.40004C25.8984 9.58812 25.966 9.79067 26.0003 10V28C26.0157 28.2667 25.9745 28.5336 25.8794 28.7832C25.7844 29.0329 25.6376 29.2596 25.4487 29.4484C25.2598 29.6373 25.0331 29.7841 24.7835 29.8792C24.5339 29.9742 24.267 30.0154 24.0003 30ZM8.00028 4.00004V28H24.0003V12H18.0003C17.7336 12.0154 17.4667 11.9742 17.2171 11.8792C16.9674 11.7841 16.7408 11.6373 16.5519 11.4484C16.363 11.2596 16.2162 11.0329 16.1211 10.7832C16.0261 10.5336 15.9849 10.2667 16.0003 10V4.00004H8.00028ZM18.0003 4.40004V10H23.6003L18.0003 4.40004ZM22.0003 24H10.0003V22H22.0003V24ZM22.0003 18H10.0003V16H22.0003V18Z' fill='%23F07E26'/%3E%3C/svg%3E%0A");
}
.icon.white::before {
    background-color: var(--color-white);
}
.mod-input {
    width: 100%;
    position: relative;
}
.mod-input ::-webkit-input-placeholder {
    color: #433028;
    opacity: 0.6;
}
.mod-input ::-moz-placeholder {
    color: #433028;
    opacity: 0.6;
}
.mod-input ::-ms-input-placeholder {
    color: #433028;
    opacity: 0.6;
}
.mod-input :-moz-placeholder {
    color: #433028;
    opacity: 0.6;
}
.mod-input :-ms-input-placeholder {
    color: #433028;
    opacity: 0.6;
}
.mod-input ::placeholder {
    color: #433028;
    opacity: 0.6;
}
.mod-input__label {
    position: relative;
    margin: 0 0 4px;
    display: block;
    z-index: 4;
}
.mod-input__field {
    position: relative;
    width: 100%;
    height: 48px;
    border: 1px solid var(--color-background);
    background-color: var(--color-background);
    border-radius: 4px;
    outline: none;
    z-index: 1;
    font-size: 14px;
    font-family: var(--font-primary);
    color: var(--color-hrast);
    padding: 8px 10px;
    transition: border-color 0.3s ease;
}
@media only screen and (max-width: 740px) {
    .mod-input__field {
        font-size: 16px;
    }
}
.mod-input__field:focus, .mod-input__field:hover {
    border-color: var(--color-red);
}
.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 input:-webkit-autofill {
    color: var(--color-black) !important;
    -webkit-text-fill-color: var(--color-black) !important;
}
.mod-input input:-webkit-autofill:focus {
    color: var(--color-black) !important;
    -webkit-text-fill-color: var(--color-black) !important;
}
.mod-input__inner {
    position: relative;
}
.mod-input textarea {
    resize: none;
    height: 168px;
    padding: 8px 10px;
}
.mod-input.is-disabled ::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}
.mod-input.is-disabled ::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.mod-input.is-disabled ::-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}
.mod-input.is-disabled :-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.mod-input.is-disabled :-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}
.mod-input.is-disabled ::placeholder {
    color: #fff;
    opacity: 1;
}
.mod-input.is-disabled .mod-input__field {
    background-color: var(--color-gray-1);
    color: var(--color-white);
}
.mod-input.is-disabled .mod-input__field {
    pointer-events: none;
}
.mod-input.is-validation-failed .fv-plugins-message-container {
    margin-top: 4px;
}

.fv-plugins-message-container,
.validation-message {
    color: var(--color-validation-failed);
    position: relative;
    font-size: 14px;
    line-height: 20px;
}

.validation-message {
    display: none;
}
.is-validation-failed .validation-message {
    display: block;
}

.form-success-message,
.form-error-message {
    margin: 10px 0;
    padding: 8px 20px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 4px;
    color: var(--color-white);
}
@media only screen and (max-width: 740px) {
    .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(213, 43, 41, 0.5);
    border: 1px solid var(--color-validation-failed);
}

.form-success-message {
    background-color: rgba(102, 187, 106, 0.5);
    border: 1px solid var(--color-success);
}
.link__icon::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}

.link {
    user-select: none;
    display: inline-flex;
    align-items: center;
    gap: 15px;
    color: var(--color-blackish);
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}
@media only screen and (max-width: 1022px) {
    .link {
        gap: 10px;
    }
}
.link.left-icon {
    flex-direction: row-reverse;
}
.link__icon {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: var(--color-red);
    flex-shrink: 0;
    transition: background-color 0.3s ease;
    position: relative;
    overflow: hidden;
}
@media only screen and (max-width: 1022px) {
    .link__icon {
        width: 24px;
        height: 24px;
    }
}
.link__icon::before {
    background-color: var(--color-blackish);
    transform: scaleX(0);
    transform-origin: right;
    pointer-events: none;
    transition: transform 0.3s ease;
    border-radius: inherit;
}
.link .icon {
    width: 16px;
    height: 14px;
    position: relative;
    z-index: 3;
}
@media only screen and (max-width: 1022px) {
    .link .icon {
        width: 12px;
        height: 12px;
    }
}
.link .icon::before {
    background-color: var(--color-white);
}
.link:hover .link__icon::before {
    transform-origin: left;
    transform: scaleX(1);
}
.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-breza);
}
.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-hrast);
    border-radius: 50%;
    border-top: 5px solid transparent;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

/* stylelint-disable */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* stylelint-enable */
.margin {
    display: block;
    width: 100%;
}
.margin--300 {
    height: 300px;
}
@media only screen and (max-width: 1919px) {
    .margin--300 {
        height: 240px;
    }
}
@media only screen and (max-width: 1440px) {
    .margin--300 {
        height: 180px;
    }
}
@media only screen and (max-width: 1200px) {
    .margin--300 {
        height: 140px;
    }
}
@media only screen and (max-width: 1022px) {
    .margin--300 {
        height: 90px;
    }
}
.margin--260 {
    height: 260px;
}
@media only screen and (max-width: 1919px) {
    .margin--260 {
        height: 200px;
    }
}
@media only screen and (max-width: 1440px) {
    .margin--260 {
        height: 160px;
    }
}
@media only screen and (max-width: 1200px) {
    .margin--260 {
        height: 120px;
    }
}
@media only screen and (max-width: 1022px) {
    .margin--260 {
        height: 80px;
    }
}
.margin--200 {
    height: 200px;
}
@media only screen and (max-width: 1919px) {
    .margin--200 {
        height: 180px;
    }
}
@media only screen and (max-width: 1440px) {
    .margin--200 {
        height: 150px;
    }
}
@media only screen and (max-width: 1200px) {
    .margin--200 {
        height: 120px;
    }
}
@media only screen and (max-width: 1022px) {
    .margin--200 {
        height: 80px;
    }
}
.margin--180 {
    height: 180px;
}
@media only screen and (max-width: 1440px) {
    .margin--180 {
        height: 150px;
    }
}
@media only screen and (max-width: 1200px) {
    .margin--180 {
        height: 120px;
    }
}
@media only screen and (max-width: 1022px) {
    .margin--180 {
        height: 80px;
    }
}
.margin--168 {
    height: 168px;
}
@media only screen and (max-width: 1919px) {
    .margin--168 {
        height: 140px;
    }
}
@media only screen and (max-width: 1440px) {
    .margin--168 {
        height: 120px;
    }
}
@media only screen and (max-width: 1200px) {
    .margin--168 {
        height: 80px;
    }
}
.margin--160 {
    height: 160px;
}
@media only screen and (max-width: 1919px) {
    .margin--160 {
        height: 140px;
    }
}
@media only screen and (max-width: 1440px) {
    .margin--160 {
        height: 120px;
    }
}
@media only screen and (max-width: 1200px) {
    .margin--160 {
        height: 80px;
    }
}
.margin--150 {
    height: 150px;
}
@media only screen and (max-width: 1919px) {
    .margin--150 {
        height: 130px;
    }
}
@media only screen and (max-width: 1440px) {
    .margin--150 {
        height: 110px;
    }
}
@media only screen and (max-width: 1200px) {
    .margin--150 {
        height: 80px;
    }
}
.margin--140 {
    height: 140px;
}
@media only screen and (max-width: 1919px) {
    .margin--140 {
        height: 120px;
    }
}
@media only screen and (max-width: 1440px) {
    .margin--140 {
        height: 100px;
    }
}
@media only screen and (max-width: 1200px) {
    .margin--140 {
        height: 80px;
    }
}
.margin--130 {
    height: 130px;
}
@media only screen and (max-width: 1440px) {
    .margin--130 {
        height: 100px;
    }
}
@media only screen and (max-width: 1200px) {
    .margin--130 {
        height: 80px;
    }
}
.margin--120 {
    height: 120px;
}
@media only screen and (max-width: 1440px) {
    .margin--120 {
        height: 100px;
    }
}
@media only screen and (max-width: 1200px) {
    .margin--120 {
        height: 80px;
    }
}
.margin--108 {
    height: 108px;
}
@media only screen and (max-width: 1440px) {
    .margin--108 {
        height: 90px;
    }
}
@media only screen and (max-width: 1200px) {
    .margin--108 {
        height: 80px;
    }
}
.margin--104 {
    height: 104px;
}
@media only screen and (max-width: 1440px) {
    .margin--104 {
        height: 90px;
    }
}
@media only screen and (max-width: 1200px) {
    .margin--104 {
        height: 80px;
    }
}
.margin--100 {
    height: 100px;
}
@media only screen and (max-width: 1200px) {
    .margin--100 {
        height: 80px;
    }
}
@media only screen and (max-width: 1022px) {
    .margin--100 {
        height: 60px;
    }
}
.margin--96 {
    height: 96px;
}
@media only screen and (max-width: 1200px) {
    .margin--96 {
        height: 80px;
    }
}
@media only screen and (max-width: 1022px) {
    .margin--96 {
        height: 60px;
    }
}
.margin--90 {
    height: 90px;
}
@media only screen and (max-width: 1440px) {
    .margin--90 {
        height: 70px;
    }
}
@media only screen and (max-width: 1200px) {
    .margin--90 {
        height: 60px;
    }
}
@media only screen and (max-width: 740px) {
    .margin--90 {
        height: 50px;
    }
}
.margin--80 {
    height: 80px;
}
@media only screen and (max-width: 1440px) {
    .margin--80 {
        height: 70px;
    }
}
@media only screen and (max-width: 1200px) {
    .margin--80 {
        height: 60px;
    }
}
.margin--70 {
    height: 70px;
}
@media only screen and (max-width: 1440px) {
    .margin--70 {
        height: 60px;
    }
}
@media only screen and (max-width: 1200px) {
    .margin--70 {
        height: 50px;
    }
}
@media only screen and (max-width: 740px) {
    .margin--70 {
        height: 40px;
    }
}
.margin--64 {
    height: 64px;
}
@media only screen and (max-width: 1200px) {
    .margin--64 {
        height: 44px;
    }
}
@media only screen and (max-width: 740px) {
    .margin--64 {
        height: 36px;
    }
}
.margin--60 {
    height: 60px;
}
@media only screen and (max-width: 1200px) {
    .margin--60 {
        height: 40px;
    }
}
@media only screen and (max-width: 740px) {
    .margin--60 {
        height: 30px;
    }
}
.margin--50 {
    height: 50px;
}
@media only screen and (max-width: 1200px) {
    .margin--50 {
        height: 40px;
    }
}
@media only screen and (max-width: 740px) {
    .margin--50 {
        height: 30px;
    }
}
.margin--40 {
    height: 40px;
}
@media only screen and (max-width: 1200px) {
    .margin--40 {
        height: 30px;
    }
}
@media only screen and (max-width: 740px) {
    .margin--40 {
        height: 20px;
    }
}
.margin--32 {
    height: 32px;
}
@media only screen and (max-width: 740px) {
    .margin--32 {
        height: 20px;
    }
}
.margin--30 {
    height: 30px;
}
@media only screen and (max-width: 740px) {
    .margin--30 {
        height: 20px;
    }
}
.margin--24 {
    height: 24px;
}
.margin--20 {
    height: 20px;
}
.margin--16 {
    height: 16px;
}
.radio-button {
    position: relative;
    transition: opacity 0.3s ease;
}
.radio-button.is-disabled {
    opacity: 0.5;
    pointer-events: none;
}
.radio-button.is-disabled input {
    pointer-events: none;
}
.radio-button__image {
    height: 132px;
}
.radio-button__image img {
    max-width: 132px;
    object-fit: contain;
}
.radio-button__image--mask {
    background-color: currentColor;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: background-color 0.3s ease;
}
.radio-button__image--mask:has(+ input:checked) {
    background-color: var(--color-jelovica);
}
.radio-button__label {
    position: relative;
    padding-left: 36px;
    cursor: pointer;
    margin: 0;
    font-weight: 600;
    display: block;
}
.radio-button__label::after, .radio-button__label:before {
    content: "";
    left: 0;
    top: 0;
    position: absolute;
    pointer-events: none;
}
.radio-button__label:before {
    width: 24px;
    height: 24px;
    border: 1px solid #433028;
    background-color: transparent;
    border-radius: 100%;
    transition: background-color 0.3s ease, border 0.3s ease;
}
.radio-button__label::after {
    top: 4px;
    left: 4px;
    width: 16px;
    height: 16px;
    transform: scale(0);
    border-radius: 100%;
    transition: transform 0.3s ease, opacity 0.3s ease;
    background: currentColor;
}
.radio-button:hover .radio-button__label::before {
    background-color: rgba(67, 48, 40, 0.2);
}
.radio-button input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    cursor: pointer;
}
.radio-button input:checked ~ label::after {
    transform: scale(1);
}
.radio-button a {
    text-decoration: underline;
    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-primary-bright-red);
}
.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;
    }
}
@media only screen and (min-width: 1023px) {
    .radio-button--sort .radio-button__label-text {
        display: none;
    }
    .radio-button--sort .radio-button__label {
        display: flex;
        align-items: center;
        padding-left: 0;
        opacity: 0.6;
        transition: opacity 0.3s ease;
        gap: 8px;
    }
    .radio-button--sort .radio-button__label .icon {
        flex-shrink: 0;
        width: 14px;
        height: 10px;
    }
    .radio-button--sort .radio-button__label::before, .radio-button--sort .radio-button__label::after {
        display: none;
    }
    .radio-button--sort input:checked + .radio-button__label {
        opacity: 1;
    }
}
@media only screen and (max-width: 1022px) {
    .radio-button--sort .icon,
    .radio-button--sort .radio-button__sort-text {
        display: none;
    }
}
.section-anchor {
    position: relative;
    min-height: 1px;
    display: block;
    pointer-events: none;
}
.section-anchor__inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: var(--section-height, 0px);
}

.tag {
    display: inline-flex;
    min-height: 32px;
    padding: 2px 14px;
    color: var(--color-background);
    border-radius: 40px;
    background-color: var(--color-jelovica);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
}
.tag--green {
    background-color: var(--color-trata);
}
.tag--coffee {
    background-color: var(--color-hrast);
}
.title--h6, .title--h5, .title--h4, .title--h3, .title--h2, .title--h1 {
    line-height: 1.2;
    font-weight: 600;
}

.title--h1 {
    font-size: 112px;
}
@media only screen and (max-width: 1440px) {
    .title--h1 {
        font-size: 100px;
    }
}
@media only screen and (max-width: 1200px) {
    .title--h1 {
        font-size: 80px;
    }
}
@media only screen and (max-width: 740px) {
    .title--h1 {
        font-size: 58px;
    }
}

.title--h2 {
    font-size: 64px;
}
@media only screen and (max-width: 1200px) {
    .title--h2 {
        font-size: 50px;
    }
}
@media only screen and (max-width: 740px) {
    .title--h2 {
        font-size: 44px;
    }
}

.title--h3 {
    font-size: 48px;
    line-height: 1.4;
    letter-spacing: 0;
}
@media only screen and (max-width: 1022px) {
    .title--h3 {
        font-size: 40px;
    }
}
@media only screen and (max-width: 740px) {
    .title--h3 {
        font-size: 32px;
    }
}

.title--h4 {
    font-size: 32px;
    line-height: 1.4;
}
@media only screen and (max-width: 1440px) {
    .title--h4 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 740px) {
    .title--h4 {
        font-size: 25px;
    }
}

.title--h5 {
    font-size: 21px;
    line-height: 1.5;
    letter-spacing: 0.5px;
}
@media only screen and (max-width: 740px) {
    .title--h5 {
        font-size: 18px;
        letter-spacing: 0.8px;
    }
}

.title--h6 {
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 1.05px;
}

.title strong {
    font-style: italic;
    font-weight: 300;
}
.mod-toggle {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-flex;
    gap: 12px;
    align-items: center;
    font-size: 0;
    line-height: 0;
    position: relative;
}
.mod-toggle__text {
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
}
.mod-toggle__label {
    margin-bottom: 0;
}
.mod-toggle__switch {
    position: relative;
    display: flex;
    align-items: center;
    width: 54px;
    height: 30px;
    cursor: pointer;
}
.mod-toggle__switch::before, .mod-toggle__switch::after {
    position: absolute;
    display: block;
    content: "";
}
.mod-toggle__switch:before {
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: 20px;
    border: 1px solid var(--color-hrast);
    transition: box-shadow 0.3s ease, background-color 0.3s ease, border 0.3s ease;
}
.mod-toggle__switch::after {
    top: 3px;
    left: 3px;
    width: 24px;
    height: 24px;
    background-color: var(--color-hrast);
    border-radius: 50%;
    transition: transform 0.3s ease, background-color 0.3s ease;
}
.mod-toggle input {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    top: 0;
    left: 0;
    cursor: pointer;
}
.mod-toggle input:checked + .mod-toggle__label .mod-toggle__switch::before {
    background-color: var(--color-hrast);
    border-color: var(--color-hrast);
}
.mod-toggle input:checked + .mod-toggle__label .mod-toggle__switch::after {
    transform: translate(23px, 0);
    background-color: var(--color-background);
}
.mod-toggle.is-disabled .mod-toggle__switch {
    cursor: not-allowed;
}
.mod-toggle.is-disabled .mod-toggle__switch::before {
    background-color: rgba(0, 0, 0, 0.05);
}
.mod-toggle.is-disabled .mod-toggle__switch::after {
    background-color: rgba(0, 0, 0, 0.3);
}
.tooltip {
    position: relative;
    color: var(--color-breza);
    font-size: 13px;
    line-height: 1.54;
}
@media only screen and (max-width: 1200px) {
    .tooltip {
        font-size: 12px;
    }
}
.tooltip__trigger {
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background-color: var(--color-hrast);
}
.tooltip__trigger:focus-visible {
    outline: rgba(67, 48, 40, 0.3) solid 2px;
}
.tooltip__trigger:focus-visible + .tooltip__content {
    opacity: 1;
    visibility: visible;
}
.tooltip .icon::before {
    background-color: currentColor;
}
.tooltip__content {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 14px);
    z-index: 9;
    transform: translate(-50%, 0);
    opacity: 0;
    visibility: hidden;
    transition: visibility 0.3s ease, opacity 0.3s ease;
}
.tooltip__content-inner {
    background-color: var(--color-hrast);
    padding: 12px;
    min-width: 256px;
    border-radius: 8px;
    position: relative;
}
@media only screen and (max-width: 1200px) {
    .tooltip__content-inner {
        padding: 10px;
    }
}
.tooltip__content-inner::after {
    content: "";
    position: absolute;
    bottom: -6px;
    width: 18px;
    height: 18px;
    border-radius: 2px;
    background-color: var(--color-hrast);
    left: 50%;
    transform: translate(-50%, 0) rotate(45deg);
}
.tooltip__content p {
    margin: 0 0 20px;
}
.tooltip__content p:last-child {
    margin-bottom: 0;
}
@media only screen and (max-width: 740px) {
    .tooltip__content .editor-text p {
        margin: 0 0 12px;
    }
}
.tooltip__content .editor-text p:last-child {
    margin-bottom: 0;
}
.tooltip__content .editor-text table {
    border: 0;
}
@media only screen and (max-width: 1022px) {
    .tooltip__content .editor-text table {
        margin: 12px 0;
    }
}
.tooltip__content .editor-text table tr {
    border: 0;
}
.tooltip__content .editor-text table th,
.tooltip__content .editor-text table td {
    padding: 4px 4px 4px 0;
}
.tooltip__content .editor-text table th:not(:first-child),
.tooltip__content .editor-text table td:not(:first-child) {
    border-left: 0;
}
.tooltip:hover .tooltip__trigger {
    outline: 2px transparent;
}
.tooltip:hover .tooltip__content {
    opacity: 1;
    visibility: visible;
}
.advance-cookie-banner {
    font-size: 15px;
}
.advance-cookie-banner__title {
    color: var(--color-jelovica);
}
.advance-cookie-banner__title .open {
    display: none;
}
.advance-cookie-banner__left {
    padding-right: 48px;
}
@media only screen and (max-width: 1022px) {
    .advance-cookie-banner__left {
        padding-right: 0;
    }
}
.advance-cookie-banner__bar {
    position: fixed;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 998;
    max-height: 100dvh;
    transition: opacity 0.5s ease;
    padding: 48px 0 52px;
    opacity: 0;
    pointer-events: none;
    color: #eae3d2;
    background-color: #281913;
}
@media only screen and (max-width: 1022px) {
    .advance-cookie-banner__bar {
        padding: 32px 0 48px;
    }
}
.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: 166px 1fr auto;
    grid-gap: 24px;
    align-items: start;
}
@media only screen and (max-width: 1022px) {
    .advance-cookie-banner__inner {
        grid-template-columns: 1fr;
        grid-gap: 16px;
    }
}
.advance-cookie-banner a {
    text-decoration: underline;
}
.advance-cookie-banner a:hover {
    text-decoration: none;
    color: var(--color-jelovica);
}
.advance-cookie-banner__button {
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 1022px) {
    .advance-cookie-banner__button {
        margin-top: 12px;
    }
}
.advance-cookie-banner .btn {
    border: 2px solid #f07e26;
    color: #f07e26;
    background-color: transparent;
}
.advance-cookie-banner .btn--cookie-setting {
    text-decoration: underline;
    font-weight: 800;
    transition: color 0.3s ease;
}
.advance-cookie-banner .btn--cookie-setting:hover {
    color: var(--color-jelovica);
}
.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 {
    width: 100%;
    overflow: auto;
    display: none;
}
@media only screen and (max-width: 740px) {
    .advance-cookie-banner__modal {
        font-size: 14px;
        padding-bottom: 20px;
    }
}
.advance-cookie-banner__modal.is-open-modal {
    display: block;
}
.advance-cookie-banner__modal-body {
    position: relative;
    width: 100%;
}
.advance-cookie-banner__modal-item {
    align-items: flex-start;
    padding-top: 28px;
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 12px;
}
.advance-cookie-banner__modal-item.is-necessary .mod-toggle {
    pointer-events: none;
}
.advance-cookie-banner__modal-item .mod-toggle {
    padding-top: 3px;
}
.advance-cookie-banner__modal-item .mod-toggle__switch {
    height: 24px;
    width: 24px;
    border-radius: 3px;
    border: 2px solid #f07e26;
}
.advance-cookie-banner__modal-item .mod-toggle__switch::before {
    display: none;
}
.advance-cookie-banner__modal-item .mod-toggle__switch::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f07e26 url("data:image/svg+xml, %3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.5L5 10L13.5 1' stroke='%23EAE3D2' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/16px auto;
    opacity: 0;
    transition: 0.3s ease;
    border-radius: 0;
}
.advance-cookie-banner__modal-item .mod-toggle input:checked + .mod-toggle__label .mod-toggle__switch::after {
    transform: none;
    background: #f07e26 url("data:image/svg+xml, %3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.5L5 10L13.5 1' stroke='%23EAE3D2' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/16px auto;
    opacity: 1;
}
.advance-cookie-banner__modal-cookie-title {
    margin-bottom: 8px;
}
.advance-cookie-banner__modal-active-label {
    position: absolute;
    right: 12px;
    top: 0;
    font-weight: 600;
    color: var(--color-primary);
}
.advance-cookie-banner__modal-footer {
    margin-top: 50px;
}
.advance-cookie-banner__close {
    position: absolute;
    top: -80px;
    right: -84px;
    z-index: 3;
    width: 64px;
    height: 64px;
    border-radius: 4px;
    background-color: #281913;
}
@media only screen and (max-width: 1200px) {
    .advance-cookie-banner__close {
        right: 0;
    }
}
@media only screen and (max-width: 1022px) {
    .advance-cookie-banner__close {
        width: 52px;
        height: 52px;
        top: -60px;
    }
}
.advance-cookie-banner__close .icon {
    width: 18px;
    height: 18px;
}
.advance-cookie-banner__close .icon::before {
    background-color: #fff;
}
.advance-cookie-banner__close:hover {
    background-color: #f07e26;
}
.advance-cookie-banner.is-open .advance-cookie-banner__bar {
    overflow: auto;
}
.advance-cookie-banner.is-open .advance-cookie-banner__button {
    margin-top: auto;
}
.advance-cookie-banner.is-open .advance-cookie-banner__close {
    top: -24px;
}
.advance-cookie-banner.is-open .advance-cookie-banner__title .open {
    display: block;
}
.advance-cookie-banner.is-open .advance-cookie-banner__title .closed {
    display: none;
}
.accordion {
    position: relative;
    max-width: 734px;
    width: 100%;
    border-bottom: 1px solid rgba(67, 48, 40, 0.3);
}
@media only screen and (max-width: 1022px) {
    .accordion {
        max-width: 100%;
    }
}
.accordion:first-child {
    border-top: 1px solid rgba(67, 48, 40, 0.3);
}
.accordion__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 30px;
    min-height: 80px;
    padding: 8px 20px 8px 0;
    transition: 0.6s ease;
    text-align: left;
}
@media only screen and (max-width: 1022px) {
    .accordion__title {
        padding-right: 0;
        font-size: 21px;
        line-height: 1.5;
        letter-spacing: 0.5px;
    }
}
.accordion__title-icon {
    position: relative;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
}
.accordion__title-icon .icon {
    transition: 0.3s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.accordion__title-icon .icon-minus {
    opacity: 0;
}
.accordion__content {
    max-width: 544px;
    width: 100%;
    display: none;
}
.accordion__content-inner {
    padding-bottom: 50px;
    display: flex;
    flex-direction: column;
}
.accordion .editor-text {
    margin-bottom: 20px;
}
.accordion .editor-text strong {
    color: var(--color-jelovica);
}
.accordion__video-link {
    display: block;
    position: relative;
    overflow: hidden;
    padding-bottom: 64%;
    max-width: 522px;
    height: 0;
    width: 100%;
}
.accordion__video-link:hover .accordion__video-play .icon {
    transform: scale(1.1);
}
.accordion__video-play {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
}
.accordion__video-play .icon {
    transform: scale(1);
    transition: transform 0.6s ease;
}
.accordion__video-play .icon::before {
    background-color: var(--color-jelovica);
}
.accordion__image {
    padding-bottom: 64%;
    max-width: 522px;
    height: 0;
    width: 100%;
    position: relative;
}
.accordion.is-open .accordion__title-icon .icon {
    transform: translate(-50%, -50%) rotate(180deg);
}
.accordion.is-open .accordion__title-icon .icon-plus {
    opacity: 0;
}
.accordion.is-open .accordion__title-icon .icon-minus {
    opacity: 1;
}
.blog-card {
    position: relative;
    max-width: 355px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 24px;
}
@media only screen and (max-width: 1022px) {
    .blog-card {
        gap: 30px;
    }
}
.blog-card__image {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    z-index: 1;
    padding-bottom: 75%;
}
.blog-card__image img {
    transform: scale(1.0001);
    transition: transform 0.3s ease;
}
.blog-card__title.title {
    font-size: 21px;
    line-height: 32.55px;
    margin-bottom: 10px;
}
.blog-card__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}
@media only screen and (max-width: 1022px) {
    .blog-card__content {
        gap: 8px;
    }
}
.blog-card__text {
    min-height: 78px;
}
.blog-card__link {
    margin-top: 32px;
}
@media only screen and (max-width: 1022px) {
    .blog-card__link {
        margin-top: 44px;
    }
}
.blog-card:hover .blog-card__image img {
    transform: scale(1.04);
}
.blog-card:hover .btn {
    padding-right: 16px;
    padding-left: 56px;
}
.blog-card:hover .btn::after {
    transform: translate(calc(100% + 16px), -50%);
}
.blog-card:hover .btn::before {
    transform: translate(0, -50%);
}
.blog-card:hover .btn .btn__animate {
    flex: auto;
}
.breadcrumbs {
    width: 100%;
    position: relative;
}
.breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.breadcrumbs__item {
    position: relative;
    padding-right: 4px;
    margin-right: 0;
    letter-spacing: 0.33px;
}
.breadcrumbs__link {
    position: relative;
    white-space: nowrap;
    font-weight: 500;
}
.breadcrumbs .icon {
    position: absolute;
    right: 0;
    top: 5px;
    width: 8px;
    height: 8px;
}
.breadcrumbs .icon::before {
    color: currentColor;
}
.breadcrumbs .is-active {
    font-weight: 800;
}
.card {
    position: relative;
    max-width: 355px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 26px;
    flex-direction: column;
    border: 1px solid rgba(67, 48, 40, 0.3);
    border-radius: 6px;
    transition: background-color 0.3s ease;
    padding: 26px 0;
    overflow: hidden;
}
.card__image {
    position: relative;
    width: 100%;
    height: 320px;
    overflow: hidden;
    z-index: 1;
    padding: 0 30px;
    flex: 0 0 auto;
}
@media only screen and (max-width: 740px) {
    .card__image {
        height: 280px;
    }
}
.card__image img {
    object-fit: contain;
    transform: scale(1.0001);
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.card__image-hover {
    opacity: 0 !important;
}
.card__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    height: 100%;
    padding: 0 32px;
}
.card__link {
    margin-top: auto;
}
.card__category {
    color: var(--color-jelovica);
}
.card__header {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}
.card__details {
    display: grid;
    grid-gap: 8px;
    margin-top: 6px;
}
.card__item {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}
.card__text {
    min-height: 78px;
}
.card__divider {
    width: 2px;
    min-height: 1px;
    background-color: var(--color-jelovica);
    display: none;
}
.card__eko-sklad {
    position: absolute;
    top: 18px;
    right: 20px;
    width: 64px;
}
.card__energy-level {
    margin-top: 6px;
}
.card__energy-level-row {
    display: flex;
    height: 16px;
    background-color: #fffbf1;
    border-radius: 100px;
}
.card__energy-level-item {
    flex-shrink: 0;
    width: calc(20% + 10px);
    margin-right: -12px;
    border-radius: 100px;
    display: none;
}
.card__energy-level-item:nth-child(1) {
    width: calc(20% + 9px);
    background-color: #b8be68;
}
.card__energy-level-item:nth-child(2) {
    width: calc(20% + 9px);
    background-color: #a6ac54;
}
.card__energy-level-item:nth-child(3) {
    background-color: #868c39;
}
.card__energy-level-item:nth-child(4) {
    background-color: #5f7238;
}
.card__energy-level-item:nth-child(5) {
    background-color: #113a29;
}
.card .level--one .card__energy-level-item:nth-child(-n+1) {
    display: block;
}
.card .level--two .card__energy-level-item:nth-child(-n+2) {
    display: block;
}
.card .level--three .card__energy-level-item:nth-child(-n+3) {
    display: block;
}
.card .level--four .card__energy-level-item:nth-child(-n+4) {
    display: block;
}
.card .level--five .card__energy-level-item {
    display: block;
}
.card .stretched-link {
    z-index: 5;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.card__secondary-title {
    display: flex;
    flex: 0 0 100%;
    gap: 8px;
}
.card__compare-btn {
    position: absolute;
    top: 16px;
    right: 14px;
    z-index: 6;
    cursor: pointer;
    width: 62px;
    height: 62px;
    flex-direction: column;
    text-transform: uppercase;
    font-size: 8px;
    font-weight: 800;
    line-height: 1;
    background-color: var(--color-background);
    border-radius: 100%;
    overflow: hidden;
    font-family: var(--font-primary);
    gap: 6px;
    transition: background-color 0.3s ease;
}
.card__compare-btn:hover {
    background-color: var(--color-background-hover);
}
.card:hover {
    background-color: var(--color-background-hover);
}
.card:hover .has-hover-image img {
    transform: scale(1.0001) !important;
}
.card:hover .has-hover-image .card__image-default {
    opacity: 0 !important;
}
.card:hover .has-hover-image .card__image-hover {
    opacity: 1 !important;
}
.card:hover .btn {
    padding-right: 16px;
    padding-left: 46px;
}
.card:hover .btn::before {
    transform: translate(0, -50%);
}
.card:hover .btn::after {
    transform: translate(100%, -50%);
}
.card.has-link:hover .card__image img {
    transform: scale(1.04);
}
.card--layout-4, .card--rounded-image, .card--layout-2 {
    max-width: 278px;
    border: 0;
    padding: 0;
}
.card--layout-4 .card__image, .card--rounded-image .card__image, .card--layout-2 .card__image {
    padding: 0;
    justify-content: flex-start;
}
.card--layout-4 .card__image img, .card--rounded-image .card__image img, .card--layout-2 .card__image img {
    max-width: 276px;
}
@media only screen and (max-width: 1200px) {
    .card--layout-4 .card__image img, .card--rounded-image .card__image img, .card--layout-2 .card__image img {
        max-width: 236px;
    }
}
@media only screen and (max-width: 740px) {
    .card--layout-4 .card__image img, .card--rounded-image .card__image img, .card--layout-2 .card__image img {
        max-width: 208px;
    }
}
.card--layout-4 .card__content, .card--rounded-image .card__content, .card--layout-2 .card__content {
    padding: 0;
}
.card--layout-4 .card__header, .card--rounded-image .card__header, .card--layout-2 .card__header {
    margin-bottom: 8px;
    justify-content: flex-start;
}
.card--layout-4 .card__text, .card--rounded-image .card__text, .card--layout-2 .card__text {
    margin-bottom: 8px;
}
.card--layout-4 .card__category, .card--rounded-image .card__category, .card--layout-2 .card__category {
    color: currentColor;
}
.card--layout-4:hover, .card--rounded-image:hover, .card--layout-2:hover {
    background-color: transparent;
}
.card--layout-3 {
    max-width: initial;
    width: auto;
    border: 0;
    padding: 0;
    gap: 15px;
    align-items: flex-start;
}
.card--layout-3 .card__image {
    max-width: 332px;
    min-height: 332px;
    padding-bottom: 0;
}
.card--layout-3 .card__content {
    flex-direction: row;
    gap: 18px;
    padding: 0 26px;
}
.card--layout-3 .card__text {
    max-width: 280px;
    width: 100%;
}
.card--layout-3 .card__divider {
    display: block;
}
.card--layout-3:hover {
    background-color: transparent;
}
.card--layout-1 .card__link, .card--layout-3 .card__link {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.card--layout-4 {
    max-width: 365px;
    gap: 50px;
}
.card--layout-4 .card__category--top {
    display: none;
}
.card--layout-4 .card__image {
    padding: 10px 0;
    height: auto;
}
.card--layout-4 .card__image img {
    max-width: 215px;
}
.card--layout-4 .card__header {
    margin-bottom: 12px;
    flex-wrap: wrap;
}
.card--with-secondary-title .card__image img {
    max-width: 326px;
}
.card--rounded-image {
    gap: 0;
    max-width: 266px;
}
@media only screen and (max-width: 740px) {
    .card--rounded-image {
        max-width: 240px;
    }
}
.card--rounded-image .card__image {
    width: 100%;
    height: 0;
    border-radius: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    margin-bottom: 42px;
}
.card--rounded-image .card__image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: initial;
    object-fit: cover;
}
.card--rounded-image .card__title {
    line-height: 1.3;
}
.card--rounded-image .card__text {
    margin-bottom: 40px;
}
.card--rounded-image .card__text:last-child {
    margin-bottom: 0;
}
.card--house-card {
    padding: 0;
}
.card--house-card .card__image {
    height: 0;
    padding: 0 0 59.24%;
    margin: 0 0 4px;
}
.card--house-card .card__image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.card--house-card .card__link {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
}
.card--house-card .card__content {
    gap: 8px;
    padding-bottom: 32px;
}
.card--house-card .card__details {
    margin-top: 2px;
}
.card--blended .card__image {
    background-color: var(--color-breza);
}
.card--blended .card__image img {
    mix-blend-mode: multiply;
}
.hise .card--layout-1:not(.has-link) {
    border: 0;
    padding: 0;
}
.hise .card--layout-1:not(.has-link) .card__image {
    padding: 0;
}
.hise .card--layout-1:not(.has-link) .card__content {
    padding: 0;
}
.hise .card--layout-1:not(.has-link):hover {
    background-color: transparent;
}
.checkbox-group__label {
    margin-bottom: 16px;
}
.checkbox-group__list {
    display: grid;
    grid-gap: 16px;
}
.checkbox-group__list.rows {
    grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 1022px) {
    .checkbox-group__list.rows {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (max-width: 740px) {
    .checkbox-group__list.rows {
        grid-template-columns: 1fr;
    }
}
.checkbox-group .checkbox .fv-plugins-message-container,
.checkbox-group .checkbox .validation-message {
    display: none;
}
.checkbox-group .fv-plugins-message-container,
.checkbox-group .validation-message {
    display: none;
    margin-top: 0;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.checkbox-group.failed .fv-plugins-message-container.group-error,
.checkbox-group.failed .validation-message {
    display: block;
    margin-top: 16px;
}
.checkbox-group.failed .checkbox__label::before {
    border-color: var(--color-validation-failed);
}
.color-selection__list-link::after, .color-selection__list-link::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}

.color-selection {
    position: relative;
    display: grid;
    align-items: flex-start;
    gap: 25px;
    grid-template-columns: 1fr 258px;
}
@media only screen and (max-width: 1022px) {
    .color-selection {
        grid-template-columns: 1fr 232px;
    }
}
@media only screen and (max-width: 740px) {
    .color-selection {
        display: flex;
        flex-direction: column-reverse;
        grid-gap: 0;
        gap: 24px;
    }
}
.color-selection__list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 14px 22px;
    margin-top: 4px;
    line-height: 0;
}
@media only screen and (max-width: 1022px) {
    .color-selection__list {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
    }
}
@media only screen and (max-width: 740px) {
    .color-selection__list {
        margin-top: 0;
        grid-gap: 12px;
    }
}
.color-selection__list-link {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
}
.color-selection__list-link::after, .color-selection__list-link::before {
    border-radius: 100%;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.color-selection__list-link::before {
    z-index: 1;
    border: 2px solid var(--color-hrast);
}
.color-selection__list-link::after {
    z-index: 2;
    border: 3px solid var(--color-hrast);
}
.color-selection__list-link:hover::before {
    opacity: 1;
}
.color-selection__list-link.is-active::after {
    opacity: 1;
}
.color-selection__list-link.is-active::before {
    opacity: 0;
}
.color-selection__body {
    width: 100%;
}
.color-selection__selected {
    display: grid;
    grid-gap: 22px;
    text-align: center;
}
@media only screen and (max-width: 740px) {
    .color-selection__selected {
        max-width: 210px;
        margin: 0 auto;
    }
}
.color-selection__selected-color {
    width: 100%;
    padding-bottom: 100%;
    border-radius: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
}
.color-selection__selected-text {
    letter-spacing: 1px;
    text-transform: uppercase;
}
.floater {
    position: relative;
}
.floater__overlay {
    position: fixed;
    left: 0;
    top: 90px;
    width: 100%;
    height: calc(100% - 90px);
    z-index: 999;
    background-color: var(--color-hrast);
    mix-blend-mode: multiply;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s ease, opacity 0.5s ease;
}
@media only screen and (max-width: 740px) {
    .floater__overlay {
        top: 70px;
        height: calc(100% - 70px);
    }
}
.is-open-floater .floater__overlay {
    opacity: 1;
    pointer-events: all;
}
.floater__trigger {
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translate(-100%, -50%) scale(-1);
    background-color: var(--color-background);
    padding: 10px 14px 10px 10px;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    border-radius: 0 4px 4px 0;
    min-height: 244px;
    transition: background-color 0.5s ease, color 0.5s ease;
}
@media only screen and (max-width: 740px) {
    .floater__trigger {
        padding: 8px;
        min-height: 190px;
    }
}
.floater__close {
    position: absolute;
    right: 25px;
    top: 25px;
    width: 40px;
    height: 40px;
}
@media only screen and (max-width: 1200px) {
    .floater__close {
        right: 20px;
        top: 20px;
    }
}
.floater__body {
    position: fixed;
    z-index: 1000;
    right: 0;
    top: 90px;
    width: 100%;
    height: calc(100% - 90px);
    max-width: 376px;
    background-color: var(--color-background);
    display: flex;
    flex-direction: column;
    transform: translate(100%, 0);
    transition: transform 0.5s ease;
}
@media only screen and (max-width: 740px) {
    .floater__body {
        width: 344px;
        top: 70px;
        max-width: calc(100% - 48px);
        height: calc(100% - 70px);
    }
}
.is-open-floater .floater__body {
    transform: translate(0, 0);
}
.floater__body-inner {
    overflow: auto;
    flex: auto;
    padding: 130px 46px 40px;
}
@media only screen and (min-width: 1023px) {
    .floater__body-inner {
        scrollbar-track-color: rgba(67, 48, 40, 0.2);
        scrollbar-face-color: rgba(67, 48, 40, 0.2);
        scrollbar-arrow-color: rgba(67, 48, 40, 0.2);
        /* width */
        /* Track */
        /* Handle */
        /* Handle on hover */
    }
    .floater__body-inner::-webkit-scrollbar {
        width: 4px;
    }
    .floater__body-inner::-webkit-scrollbar-track {
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background: rgba(67, 48, 40, 0.2);
    }
    .floater__body-inner::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(67, 48, 40, 0.2);
    }
    .floater__body-inner::-webkit-scrollbar-thumb {
        background: rgba(67, 48, 40, 0.2);
        width: 4px;
        border-radius: 4px;
    }
    .floater__body-inner::-webkit-scrollbar-thumb:hover {
        background: rgba(67, 48, 40, 0.2);
    }
}
@media only screen and (max-width: 740px) {
    .floater__body-inner {
        padding: 100px 30px 40px;
    }
}
@media only screen and (max-width: 1440px) {
    .floater__title {
        font-size: 32px;
    }
}
.floater__super-title {
    color: var(--color-jelovica);
    margin-top: 16px;
}
@media only screen and (max-width: 1440px) {
    .floater__super-title {
        font-size: 21px;
    }
}
.floater__text {
    margin-top: 14px;
}
.floater__button {
    margin-top: 28px;
}
.floater__image {
    position: relative;
    height: 0;
    padding-bottom: 88%;
    margin-top: 76px;
}
@media only screen and (max-width: 1200px) {
    .floater__image {
        margin-top: 34px;
    }
}
.floater__link {
    margin-top: 16px;
    display: inline-block;
    font-weight: 400;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}
.floater__link:hover {
    color: var(--color-jelovica);
}
.form-component {
    width: 100%;
    position: relative;
}
.form-component__title {
    margin-bottom: 52px;
}
@media only screen and (max-width: 1022px) {
    .form-component__title {
        margin-bottom: 24px;
    }
}
@media only screen and (min-width: 1023px) {
    .form-component__title {
        font-size: 36px;
    }
}
.form-component__item {
    margin-bottom: 32px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 32px 24px;
}
@media only screen and (max-width: 1022px) {
    .form-component__item {
        grid-gap: 24px;
    }
}
@media only screen and (max-width: 740px) {
    .form-component__item {
        margin-bottom: 24px;
    }
}
.form-component__item.double {
    grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 740px) {
    .form-component__item.double {
        grid-template-columns: 1fr;
    }
}
.form-component__item.thirds {
    grid-template-columns: 1fr 2.25fr;
}
@media only screen and (max-width: 740px) {
    .form-component__item.thirds {
        grid-template-columns: 1fr;
    }
}
.form-component__inner {
    width: 100%;
}
.form-component__row {
    display: grid;
    grid-gap: 16px 48px;
}
@media only screen and (max-width: 1440px) {
    .form-component__row {
        grid-gap: 16px 30px;
    }
}
@media only screen and (max-width: 740px) {
    .form-component__row {
        grid-gap: 16px;
    }
}
.form-component__row.col-6 {
    padding: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 740px) {
    .form-component__row.col-6 {
        grid-template-columns: 1fr;
    }
}
.form-component__row.checkbox-title + .form-component__row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 8px;
}
.form-component__row.checkbox-title + .form-component__row .checkbox {
    margin-top: 0;
}
.form-component__row.checkbox-title + .form-component__row .checkbox .checkbox__label::before,
.form-component__row.checkbox-title + .form-component__row .checkbox .checkbox__label::after {
    top: 3px;
}
.form-component__form {
    position: relative;
    margin: 0 auto;
    max-width: 1000px;
}
.form-component__submit {
    margin-top: 88px;
}
@media only screen and (max-width: 1022px) {
    .form-component__submit {
        margin-top: 40px;
    }
}
.form-component__submit .btn {
    white-space: nowrap;
}
.form-component__success {
    display: none;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
    gap: 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 .title {
    color: inherit;
}
.form-component .upload-box {
    max-width: 100%;
}
.form-component [data-validator] + [data-validator] {
    display: none;
}
.form-component.show-thankyou .form-component__form {
    display: none;
}
.form-component.show-thankyou .form-component__success {
    display: flex;
}
.gallery-modal__thumb-image::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}

.gallery-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 62px;
    z-index: 999;
    opacity: 0;
    padding: 80px 0;
    visibility: hidden;
    overflow: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media only screen and (max-width: 1022px) {
    .gallery-modal {
        padding: 40px 0;
    }
}
.gallery-modal.is-open-modal {
    visibility: visible;
    opacity: 1;
}
.gallery-modal__close {
    position: absolute;
    right: 32px;
    top: 32px;
    width: 40px;
    height: 40px;
    z-index: 1;
}
@media only screen and (max-width: 740px) {
    .gallery-modal__close {
        right: 8px;
        top: 8px;
    }
}
.gallery-modal__close .icon::before {
    background-color: var(--color-breza);
}
.gallery-modal__main-slider {
    position: relative;
    padding: 0 40px;
    width: 100%;
}
@media only screen and (max-width: 1022px) {
    .gallery-modal__main-slider {
        padding: 0;
    }
}
.gallery-modal__image {
    position: relative;
    width: 100%;
    height: calc(100vh - 220px);
    padding-bottom: 24px;
}
@media only screen and (max-width: 740px) {
    .gallery-modal__image {
        height: calc(100vh - 180px);
    }
}
.gallery-modal__image-inner {
    max-height: 100%;
}
.gallery-modal__image img {
    object-fit: contain;
}
.gallery-modal__thumb-image {
    position: relative;
    width: 136px;
    min-height: 100px;
    cursor: pointer;
}
.gallery-modal__thumb-image::before {
    opacity: 0;
    z-index: 2;
    transition: opacity 0.3s ease;
    border: 5px solid var(--color-breza);
}
.gallery-modal__thumb-slider {
    width: 100%;
    padding: 0 40px;
}
@media only screen and (max-width: 1022px) {
    .gallery-modal__thumb-slider {
        padding: 0;
    }
}
.gallery-modal__thumb-slider .swiper {
    overflow: visible;
}
.gallery-modal__thumb-slider .swiper-slide {
    cursor: pointer;
    width: auto;
}
.gallery-modal__thumb-slider .swiper-slide-thumb-active .gallery-modal__thumb-image::before {
    opacity: 1;
}
.gallery-modal__nav-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -88px;
    width: 40px;
    height: 40px;
    z-index: 1;
}
@media only screen and (max-width: 1200px) {
    .gallery-modal__nav-arrow {
        left: -40px;
    }
}
@media only screen and (max-width: 1022px) {
    .gallery-modal__nav-arrow {
        display: none;
    }
}
.gallery-modal__nav-arrow[aria-disabled=true] {
    opacity: 0.5;
}
.gallery-modal__nav-arrow.arrow-right {
    left: initial;
    right: -88px;
}
@media only screen and (max-width: 1200px) {
    .gallery-modal__nav-arrow.arrow-right {
        right: -40px;
    }
}
.gallery-modal__nav-arrow .icon {
    width: 15px;
    height: 20px;
}
.gallery-modal__nav-arrow .icon::before {
    background-color: var(--color-breza);
}
.house-info .title {
    font-size: 32px;
    line-height: 1.6;
}

.house-info {
    max-width: 732px;
    width: 100%;
}
.house-info__image {
    position: relative;
    margin-bottom: 24px;
    display: flex;
    justify-content: center;
}
.house-info__image img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.house-info__image-plan {
    display: none;
    mix-blend-mode: multiply;
}
.is-plan-visible .house-info__image .house-info__image-plan {
    display: block;
}
.is-plan-visible .house-info__image .house-info__image-house {
    display: none;
}
.house-info .mod-toggle {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 2;
}
.house-info .mod-toggle__switch:before {
    background-color: var(--color-breza);
}
.house-info .mod-toggle__text {
    text-shadow: 0px 0px 5px #fdf8ec;
}
.house-info__content-inner {
    display: grid;
    grid-template-columns: 1fr 22.5%;
    grid-gap: 30px 118px;
    align-items: flex-start;
    margin-top: 16px;
}
@media only screen and (max-width: 1200px) {
    .house-info__content-inner {
        grid-gap: 16px 50px;
        grid-template-columns: 1fr 32%;
    }
}
.house-info__buttons {
    display: flex;
    gap: 56px;
    grid-column: span 2;
}
.house-info__details {
    display: grid;
    grid-gap: 18px;
}
.house-info__details-item {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 20px;
    align-items: center;
}
.house-info__details-item sup {
    font-size: 60%;
}
.house-tabs {
    display: grid;
    grid-gap: 16px;
    max-width: 166px;
    width: 100%;
}
.house-tabs__btn {
    position: relative;
    text-align: center;
    font-weight: 600;
    min-height: 56px;
    border-radius: 50px;
    color: var(--color-hrast);
    border: 1px solid var(--color-hrast);
    transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
    padding: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.house-tabs__btn.is-active, .house-tabs__btn:hover {
    background-color: var(--color-background);
    border-color: var(--color-background);
}
.icon-text {
    position: relative;
    max-width: 220px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.icon-text__image {
    position: relative;
    width: 100%;
    height: 122px;
    justify-content: flex-start;
}
@media only screen and (max-width: 740px) {
    .icon-text__image {
        height: auto;
    }
}
.image-card-list__item-image::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}

.image-card-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 24px 25px;
    max-width: 735px;
    width: 100%;
}
.image-card-list__item {
    position: relative;
    width: 100%;
    cursor: pointer;
}
.image-card-list__item-image {
    position: relative;
    padding-bottom: 60.5%;
}
.image-card-list__item-image::before {
    z-index: 1;
    background: linear-gradient(0deg, rgba(40, 25, 19, 0.6) 0%, rgba(0, 0, 0, 0) 68.4%);
}
.image-card-list__item-image img {
    transform: scale(1.0001);
    transition: transform 0.3s ease;
}
.image-card-list__item-title {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 12px;
    display: flex;
    align-items: flex-end;
    width: 100%;
    color: var(--color-white);
}
.image-card-list__item:hover .image-card-list__item-image img {
    transform: scale(1.04);
}
.language-switch {
    position: relative;
    text-transform: uppercase;
}
@media only screen and (max-width: 740px) {
    .language-switch {
        display: none;
    }
}
.language-switch__button {
    padding: 8px;
    gap: 8px;
    min-width: 90px;
    min-height: 90px;
    transition: background-color 0.3s ease, color 0.3s ease;
}
@media only screen and (max-width: 740px) {
    .language-switch__button {
        min-width: 1px;
        min-height: 1px;
        padding: 0;
    }
}
.language-switch__button .icon {
    width: 14px;
    height: 10px;
    transition: transform 0.3s ease;
}
.language-switch__image {
    position: relative;
    display: none;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    overflow: hidden;
}
@media only screen and (max-width: 740px) {
    .language-switch__image {
        display: flex;
    }
}
.language-switch__list {
    width: 100%;
    top: 100%;
    transition: 0.3s ease;
    position: absolute;
    left: 0;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    transform: translate(0, 10px);
    pointer-events: none;
}
@media only screen and (max-width: 740px) {
    .language-switch__list {
        pointer-events: all;
        display: none;
        opacity: 1;
        visibility: visible;
        transform: translate(0, 0);
        position: relative;
        top: 8px;
    }
}
.language-switch__list-inner {
    display: grid;
}
@media only screen and (min-width: 741px) {
    .language-switch__list-inner {
        background-color: var(--color-background);
    }
}
.language-switch__link {
    padding: 4px 4px 4px 25px;
    justify-content: flex-start;
    color: var(--color-hrast);
    min-height: 52px;
    transition: background-color 0.3s ease;
}
@media only screen and (max-width: 740px) {
    .language-switch__link {
        padding: 6px 0;
        min-height: 1px;
        gap: 8px;
    }
}
@media only screen and (max-width: 740px) {
    .b2b .language-switch__link {
        color: var(--color-breza);
    }
}
@media only screen and (min-width: 741px) {
    .language-switch__link.is-active, .language-switch__link:hover {
        background-color: var(--color-background-dark);
    }
}
@media only screen and (min-width: 741px) {
    .language-switch:hover .language-switch__button {
        background-color: var(--color-background);
        color: var(--color-hrast);
    }
    .language-switch:hover .language-switch__button .icon {
        transform: scaleY(-1);
    }
    .language-switch:hover .language-switch__list {
        transform: translate(0, 0);
        opacity: 1;
        pointer-events: all;
        visibility: visible;
    }
}
@media only screen and (max-width: 740px) {
    .language-switch.is-open .language-switch__button .icon {
        transform: scaleY(-1);
    }
}
.logo-card {
    position: relative;
    max-width: 260px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 104px;
    transition: background-color 0.3s ease;
    padding: 4px;
}
@media only screen and (max-width: 740px) {
    .logo-card {
        padding: 8px;
        min-height: 80px;
    }
}
.logo-card img {
    object-fit: contain;
}
.logo-card:hover {
    background-color: rgba(67, 48, 40, 0.2);
}
.menu__dropdown-link {
    background-image: linear-gradient(var(--color-hrast), var(--color-hrast));
    background-size: 0% 2px;
    background-repeat: no-repeat;
    transition: background-size 0.3s ease, color 0.3s ease;
    background-position: 0 100%;
}
.menu__dropdown-link:hover {
    background-size: 100% 2px;
}

.menu {
    user-select: none;
}
@media only screen and (min-width: 1201px) {
    .menu {
        display: block !important;
    }
}
@media only screen and (max-width: 1200px) {
    .menu {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100dvh;
        overflow: auto;
        padding-top: 24px;
        display: flex;
        flex-direction: column;
        background-color: var(--color-breza);
        border-top: 1px solid var(--color-border);
        visibility: hidden;
        opacity: 0;
        z-index: 9;
        transition: opacity 0.3s ease, visibility 0.3s ease;
    }
    .is-open-menu .menu {
        opacity: 1;
        visibility: visible;
    }
    .b2b .menu {
        background-color: var(--color-hrast);
        border-color: rgba(234, 227, 210, 0.2);
    }
    .okna .menu {
        background-color: var(--color-jelovica);
        border-color: rgba(67, 48, 40, 0.2);
    }
}
@media only screen and (max-width: 1200px) {
    .menu__footer {
        display: flex;
        order: 99;
        margin-top: auto;
        flex-direction: row-reverse;
    }
}
.menu__footer-link {
    min-height: 75px;
    padding: 8px;
    font-size: 18px;
    flex: 1;
}
.b2b .menu__footer-link.bg-b2b {
    display: none;
}
.okna .menu__footer-link.bg-okna {
    display: none;
}
.menu__footer-link.bg-hise {
    display: none;
}
.b2b .menu__footer-link.bg-hise, .okna .menu__footer-link.bg-hise {
    display: flex;
}
.menu__list.level-1 {
    display: flex;
    gap: 32px;
}
@media only screen and (max-width: 1440px) {
    .menu__list.level-1 {
        gap: 16px;
    }
}
@media only screen and (max-width: 1200px) {
    .menu__list.level-1 {
        gap: 0;
        flex-direction: column;
        justify-content: flex-start;
    }
}
.menu__item {
    position: relative;
}
@media only screen and (max-width: 1200px) {
    .menu__item-wrap {
        display: flex;
        padding: 0 32px;
    }
}
@media only screen and (min-width: 1023px) {
    .menu__item:hover .menu__link {
        color: var(--color-jelovica);
    }
    .okna .menu__item:hover .menu__link {
        opacity: 0.7;
        color: var(--color-hrast);
    }
}
@media only screen and (min-width: 1023px) {
    .menu__item.is-active .menu__link {
        color: var(--color-jelovica);
    }
    .okna .menu__item.is-active .menu__link {
        opacity: 1;
        color: var(--color-hrast);
    }
    .menu__item.is-active .menu__link::before, .menu__item.is-active .menu__link::after {
        width: 100%;
        left: 0;
    }
}
.menu__link.level-1 {
    display: flex;
    align-items: center;
    min-height: 90px;
    padding: 0 8px;
    position: relative;
    z-index: 9;
    transition: color 0.3s ease, opacity 0.3s ease;
}
@media only screen and (max-width: 1200px) {
    .menu__link.level-1 {
        min-height: 1px;
        display: inline-flex;
        gap: 10px;
        padding: 15px 0;
        font-size: 21px;
    }
}
.menu__link.level-1 .icon {
    width: 16px;
    height: 10px;
    transition: transform 0.3s ease;
}
.is-open-submenu .menu__link.level-1 .icon {
    transform: scaleY(-1);
}
@media only screen and (max-width: 1200px) {
    .menu__link.level-1 .icon {
        display: none;
    }
}
.menu__link.level-1::before, .menu__link.level-1::after {
    content: "";
    position: absolute;
    width: 0;
    right: 0;
    background-color: var(--color-jelovica);
    pointer-events: none;
    bottom: 0;
    height: 6px;
}
@media only screen and (max-width: 1200px) {
    .menu__link.level-1::before, .menu__link.level-1::after {
        display: none;
    }
}
.okna .menu__link.level-1::before, .okna .menu__link.level-1::after {
    background-color: var(--color-hrast);
}
.menu__link.level-1::after {
    transition: width 0.2s cubic-bezier(0.29, 0.18, 0.26, 0.83);
}
.menu__link.level-1::before {
    transition: width 0.4s cubic-bezier(0.51, 0.18, 0, 0.88) 0.1s;
}
@media only screen and (max-width: 1200px) {
    .menu__arrow {
        flex: auto;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
}
.menu__arrow .icon {
    transition: transform 0.3s ease;
}
@media only screen and (max-width: 1200px) {
    .is-open-submenu .menu__arrow .icon {
        transform: scaleY(-1);
    }
}
@media only screen and (min-width: 1023px) {
    .menu__dropdown {
        position: fixed;
        left: 0;
        top: 118px;
        width: 100%;
        z-index: 2;
        visibility: hidden;
        opacity: 0;
        display: block !important;
        transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease, top 0.3s ease;
    }
    .is-scrolled .menu__dropdown {
        top: 68px;
    }
}
@media only screen and (min-width: 1023px) and (max-width: 1440px) {
    .is-scrolled .menu__dropdown {
        top: 78px;
    }
}
@media only screen and (max-width: 1200px) {
    .menu__dropdown {
        top: 104px;
    }
}
@media only screen and (max-width: 1022px) {
    .menu__dropdown {
        top: 0;
        display: none;
    }
}
@media only screen and (min-width: 1023px) {
    .is-open-mega-menu .menu__dropdown {
        opacity: 1;
        visibility: visible;
    }
}
@media only screen and (max-width: 1022px) {
    .menu__dropdown .container--large {
        max-width: 100%;
    }
}
@media only screen and (min-width: 1023px) {
    .menu__dropdown-body {
        background-color: var(--color-white);
        padding: 25px 80px;
        overflow: auto;
        max-height: calc(100dvh - 135px);
        scrollbar-track-color: rgba(213, 43, 41, 0);
        scrollbar-face-color: rgba(213, 43, 41, 0.4);
        scrollbar-arrow-color: rgba(213, 43, 41, 0.4);
        /* width */
        /* Track */
        /* Handle */
        /* Handle on hover */
        border-radius: 0 0 20px 20px;
        position: relative;
    }
    .menu__dropdown-body::-webkit-scrollbar {
        width: 4px;
    }
    .menu__dropdown-body::-webkit-scrollbar-track {
        -webkit-border-radius: 8px;
        border-radius: 8px;
        background: rgba(213, 43, 41, 0);
    }
    .menu__dropdown-body::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(213, 43, 41, 0.2);
    }
    .menu__dropdown-body::-webkit-scrollbar-thumb {
        background: rgba(213, 43, 41, 0.4);
        width: 4px;
        border-radius: 8px;
    }
    .menu__dropdown-body::-webkit-scrollbar-thumb:hover {
        background: rgba(213, 43, 41, 0.32);
    }
}
@media only screen and (max-width: 1200px) {
    .menu__dropdown-body {
        padding: 10px 10px 20px;
    }
}
@media only screen and (max-width: 1022px) {
    .menu__dropdown-body {
        max-height: initial;
    }
}
.menu__dropdown-close {
    position: absolute;
    right: 40px;
    top: 36px;
    z-index: 3;
}
@media only screen and (max-width: 1022px) {
    .menu__dropdown-close {
        display: none;
    }
}
.menu__dropdown-close:hover .icon::before {
    background-color: var(--color-red);
}
.menu__dropdown-title {
    margin-bottom: 26px;
}
@media only screen and (max-width: 1440px) {
    .menu__dropdown-title {
        margin-bottom: 32px;
    }
}
.menu__dropdown-row {
    display: grid;
    align-items: flex-start;
}
@media only screen and (min-width: 1023px) {
    .menu__dropdown-row {
        grid-gap: 56px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 1440px) {
    .menu__dropdown-row {
        grid-gap: 24px;
    }
}
.menu__dropdown-col {
    display: grid;
    padding: 0;
}
@media only screen and (min-width: 1023px) {
    .menu__dropdown-col {
        grid-gap: 24px;
    }
}
@media only screen and (max-width: 1440px) {
    .menu__dropdown-col {
        grid-gap: 16px;
    }
}
@media only screen and (max-width: 1022px) {
    .menu__dropdown-col {
        grid-gap: 10px;
    }
}
.menu__dropdown-col-title {
    padding: 0;
    text-transform: uppercase;
}
.menu__dropdown-nav {
    display: grid;
    grid-gap: 14px;
}
@media only screen and (max-width: 1440px) {
    .menu__dropdown-nav {
        grid-gap: 8px;
    }
}
@media only screen and (max-width: 1022px) {
    .menu__dropdown-nav {
        grid-gap: 10px;
    }
}
.menu__dropdown-link {
    position: relative;
}
@media only screen and (max-width: 1022px) {
    .menu__dropdown-link {
        font-size: 16px;
    }
}
.menu__dropdown-link.is-active, .menu__dropdown-link:hover {
    color: var(--color-red);
}
.menu .language-switch {
    display: none;
}
@media only screen and (max-width: 740px) {
    .menu .language-switch {
        display: block;
        padding: 0 32px;
        margin: 16px 0 40px;
    }
}
.modal {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    will-change: opacity, visibility;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.modal.is-open-modal {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.modal__body {
    max-width: 800px;
    width: 100%;
    padding: 54px;
    position: relative;
    z-index: 5;
    margin: auto;
    border-radius: 8px;
    background-color: var(--color-background);
}
@media only screen and (max-width: 740px) {
    .modal__body {
        padding: 60px 24px 30px;
    }
}
.modal__close {
    width: 40px;
    height: 40px;
    transition: border-color 0.3s ease, background-color 0.3s ease;
    position: absolute;
    right: 16px;
    top: 16px;
}
.modal__row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 16px;
    margin-top: 74px;
}
@media only screen and (max-width: 1022px) {
    .modal__row {
        margin-bottom: 60px;
        grid-template-columns: 1fr;
        gap: 40px;
    }
}
.modal__row.span-2 {
    grid-template-columns: 1fr;
}
.modal__title {
    margin-bottom: 10px;
}
.modal .editor-text p a {
    color: inherit;
}
.modal .section-header {
    max-width: 100%;
    gap: 12px;
    margin-bottom: 0;
}
.modal__image {
    margin-top: 16px;
}
.modal__image img {
    width: 100%;
    height: auto;
}
.modal__button {
    margin-top: 44px;
}
.modal--smaller .modal__body {
    max-width: 600px;
    padding: 40px;
}
@media only screen and (max-width: 740px) {
    .modal--smaller .modal__body {
        padding: 60px 24px 30px;
    }
}
.modal--smaller .section-header__text {
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
}
.pagination {
    position: relative;
    text-align: center;
    width: 100%;
}
.pagination nav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2px;
}
.pagination .page-numbers {
    width: 28px;
    height: 28px;
    transition: background-color 0.3s ease, color 0.3s ease;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0;
}
.pagination .page-numbers .icon {
    width: 18px;
    height: 14px;
    pointer-events: none;
    transition: transform 0.3s ease;
}
.pagination .page-numbers.prev:hover .icon {
    transform: translateX(-5px);
}
.pagination .page-numbers.next:hover .icon {
    transform: translateX(5px);
}
.pagination .page-numbers[href]:not(.prev):not(.next):hover, .pagination .page-numbers.is-active {
    background-color: var(--color-hrast);
    color: var(--color-breza);
}
.pagination .page-numbers.is-active {
    pointer-events: none;
}
.pagination .page-numbers.is-disabled {
    pointer-events: none;
    opacity: 0.5;
}
.product-filter {
    position: relative;
    width: 100%;
    margin-bottom: 16px;
}
@media only screen and (max-width: 1022px) {
    .product-filter {
        margin-bottom: 0;
    }
}
.product-filter__body {
    position: relative;
    z-index: 10;
}
@media only screen and (max-width: 1022px) {
    .product-filter__body {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        z-index: 101;
    }
    .is-open-filter .product-filter__body {
        opacity: 1;
        visibility: visible;
    }
}
@media only screen and (max-width: 1022px) {
    .product-filter__body-inner {
        position: relative;
        z-index: 9;
        max-height: calc(100dvh - 60px);
        background-color: var(--color-background);
        border-radius: 16px 16px 0 0;
        padding: 26px;
        transition: transform 0.3s ease;
        transform: translate(0, 100px);
        overflow: hidden;
        overflow-y: auto;
    }
    .is-open-filter .product-filter__body-inner {
        transform: translate(0, 0);
    }
}
@media only screen and (max-width: 1022px) {
    .product-filter__header {
        display: flex;
        align-items: center;
        gap: 16px;
        justify-content: space-between;
        padding: 4px 0;
        margin-bottom: 28px;
    }
}
.product-filter__row {
    display: grid;
    grid-gap: 24px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-top: 12px;
    border-top: 1px solid rgba(67, 48, 40, 0.3);
}
@media only screen and (max-width: 1022px) {
    .product-filter__row {
        grid-template-columns: 1fr;
        border-top: 0;
        grid-gap: 48px;
    }
}
.product-filter__item-title {
    display: flex;
    gap: 8px;
    margin-bottom: 14px;
}
@media only screen and (max-width: 1022px) {
    .product-filter__item-title {
        margin-bottom: 16px;
    }
}
.product-filter__item .title--h6 {
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
@media only screen and (max-width: 1022px) {
    .product-filter__item .title--h6 {
        font-size: 14px;
    }
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
    .product-filter__item:last-child .tooltip__content {
        transform: translate(0, 0);
        left: initial;
        right: -30px;
    }
    .product-filter__item:last-child .tooltip__content-inner::after {
        left: initial;
        right: 22px;
    }
}
.product-filter__item:nth-of-type(3n) {
    padding-left: 92px;
}
@media only screen and (max-width: 1200px) {
    .product-filter__item:nth-of-type(3n) {
        padding-left: 76px;
    }
}
@media only screen and (max-width: 1022px) {
    .product-filter__item:nth-of-type(3n) {
        padding-left: 0;
    }
}
@media only screen and (max-width: 1022px) {
    .product-filter__item--isolates {
        order: 99;
    }
}
.product-filter .tooltip {
    flex-shrink: 0;
    margin-top: 2px;
}
@media only screen and (max-width: 1022px) {
    .product-filter .tooltip__content {
        transform: translate(-30%, 0);
    }
}
@media only screen and (max-width: 1022px) {
    .product-filter .tooltip__content-inner::after {
        left: 30%;
    }
}
.product-filter__footer {
    display: grid;
    align-items: center;
    grid-template-columns: 75% 1fr;
    grid-gap: 16px;
    margin-top: 86px;
}
@media only screen and (max-width: 1022px) {
    .product-filter__footer {
        display: flex;
        grid-gap: 0;
        gap: 16px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
}
.product-filter__footer-title {
    margin-bottom: 10px;
}
.product-filter__footer .radio-button-group__label {
    text-transform: uppercase;
}
@media only screen and (min-width: 1023px) {
    .product-filter__footer .radio-button-group__label {
        display: none;
    }
}
.product-filter__footer .radio-button-group__list, .product-filter__footer-left {
    display: flex;
    gap: 32px;
    align-items: center;
}
@media only screen and (max-width: 1022px) {
    .product-filter__footer-left {
        flex-direction: column;
    }
}
@media only screen and (max-width: 1022px) {
    .product-filter__footer-right {
        margin: 74px 0 40px;
    }
}
.product-filter__footer .radio-button-group__list-item,
.product-filter__footer .radio-button-group {
    position: relative;
}
.product-filter__footer .radio-button-group__list-item:not(:last-child)::after,
.product-filter__footer .radio-button-group:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -16px;
    height: 22px;
    width: 1px;
    top: 2px;
    background-color: var(--color-hrast);
    opacity: 0.3;
}
@media only screen and (max-width: 1022px) {
    .product-filter__footer .radio-button-group__list-item:not(:last-child)::after,
    .product-filter__footer .radio-button-group:not(:last-child)::after {
        display: none;
    }
}
.product-filter__trigger.btn {
    justify-content: space-between;
    position: fixed;
    bottom: 24px;
    right: 28px;
    padding: 8px;
    min-height: 46px;
    z-index: 99;
    min-width: 1px;
}
.product-filter__trigger.btn::before, .product-filter__trigger.btn::after {
    display: none;
}
.product-filter__trigger.btn:hover {
    padding: 8px;
}
.product-filter .mod-toggle {
    flex-direction: row-reverse;
}
.product-tab {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin: -54px auto 0;
    max-width: 450px;
}
@media only screen and (max-width: 740px) {
    .product-tab {
        margin-top: 0;
        align-items: flex-start;
    }
}
.product-tab__image {
    position: relative;
    height: 490px;
}
@media only screen and (max-width: 740px) {
    .product-tab__image {
        height: 320px;
        margin-bottom: 16px;
    }
}
.product-tab__image img {
    object-fit: contain;
}
.product-tab__tab {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    border: 1px solid var(--color-hrast);
    border-radius: 4px;
    padding: 8px;
    max-width: 308px;
    margin: 0 auto;
}
@media only screen and (max-width: 740px) {
    .product-tab__tab {
        max-width: 100%;
        width: 100%;
    }
}
.product-tab__tab-link {
    padding: 4px 16px;
    letter-spacing: 1.1px;
    border-radius: 2px;
}
.product-tab__tab-link.is-active {
    background-color: var(--color-hrast);
    color: var(--color-breza);
}
.product-tab__tab-body {
    position: relative;
    display: none;
    width: 100%;
}
.product-tab__tab-body.is-active {
    display: block;
}
.product-tab__content {
    width: 100%;
}
.radio-button-group__text {
    margin-top: 16px;
}
.radio-button-group__label {
    margin-bottom: 16px;
}
.radio-button-group__list {
    display: grid;
    grid-gap: 16px;
}
.radio-button-group__list.rows {
    display: flex;
    grid-gap: 0;
    gap: 32px;
    flex-wrap: wrap;
}
.radio-button-group .radio-button .fv-plugins-message-container,
.radio-button-group .radio-button .validation-message {
    display: none;
}
.radio-button-group .fv-plugins-message-container,
.radio-button-group .validation-message {
    display: none;
    margin-top: 0;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.radio-button-group.failed .fv-plugins-message-container.group-error,
.radio-button-group.failed .validation-message {
    display: block;
    margin-top: 16px;
}
.radio-button-group.failed .radio-button__label::before {
    border-color: var(--color-validation-failed);
}
.radio-button-group--secondary .radio-button-group__list {
    grid-gap: 36px;
    position: relative;
}
@media only screen and (max-width: 1022px) {
    .radio-button-group--secondary .radio-button-group__list {
        display: flex;
        justify-content: space-between;
        grid-gap: 0;
        gap: 8px;
    }
}
.radio-button-group--secondary .radio-button-group__list::after {
    content: "";
    width: 1px;
    height: calc(100% - 18px);
    background-color: currentColor;
    position: absolute;
    left: 7px;
    top: 8px;
}
@media only screen and (max-width: 1022px) {
    .radio-button-group--secondary .radio-button-group__list::after {
        height: 1px;
        width: 100%;
        top: 8px;
        left: 0;
    }
}
.radio-button-group--secondary .radio-button__label {
    padding-left: 26px;
}
@media only screen and (max-width: 1022px) {
    .radio-button-group--secondary .radio-button__label {
        padding: 30px 0 0;
    }
}
.radio-button-group--secondary .radio-button__label:before, .radio-button-group--secondary .radio-button__label::after {
    width: 11px;
    height: 11px;
    transition: 0.3s ease;
    left: 2px;
    top: 7px;
    transform-origin: 50% 50%;
    z-index: 3;
}
@media only screen and (max-width: 1022px) {
    .radio-button-group--secondary .radio-button__label:before, .radio-button-group--secondary .radio-button__label::after {
        top: 0;
        left: 50%;
        margin-left: -5px;
        width: 14px;
        height: 14px;
    }
}
.radio-button-group--secondary .radio-button__label::before {
    background-color: var(--color-breza);
}
@media only screen and (max-width: 1022px) {
    .radio-button-group--secondary .radio-button__label::before {
        background-color: var(--color-background);
    }
}
.radio-button-group--secondary .radio-button input:checked ~ label::after {
    transform: scale(1.4);
}
@media only screen and (max-width: 1022px) {
    .radio-button-group--secondary .radio-button input:checked ~ label::after {
        transform: scale(1);
    }
}
.radio-button-group--secondary .radio-button:hover .radio-button__label::before {
    background-color: var(--color-breza);
}
@media only screen and (max-width: 1022px) {
    .radio-button-group--secondary .radio-button-group__list-item:first-child .radio-button__label:before,
    .radio-button-group--secondary .radio-button-group__list-item:first-child .radio-button__label::after {
        left: 0;
        margin: 0;
    }
}
@media only screen and (max-width: 1022px) {
    .radio-button-group--secondary .radio-button-group__list-item:last-child .radio-button__label:before,
    .radio-button-group--secondary .radio-button-group__list-item:last-child .radio-button__label::after {
        left: initial;
        right: 0;
        margin: 0;
    }
}
.radio-button-group__none {
    display: none;
}
.radio-button-group--tertiary .radio-button-group__list {
    grid-gap: 25px;
}
@media only screen and (max-width: 1200px) {
    .radio-button-group--tertiary .radio-button-group__list {
        grid-gap: 20px;
    }
}
.radio-button-group--tertiary .radio-button__label {
    text-align: right;
    min-width: 166px;
    border-radius: 4px;
    border: 1px solid var(--color-hrast);
    padding: 22px 15px 22px 40px;
    letter-spacing: 0.05em;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}
@media only screen and (max-width: 1200px) {
    .radio-button-group--tertiary .radio-button__label {
        padding: 16px 8px 16px 34px;
        font-size: 14px;
    }
}
.radio-button-group--tertiary .radio-button__label::before {
    left: 15px;
    top: 22px;
}
@media only screen and (max-width: 1200px) {
    .radio-button-group--tertiary .radio-button__label::before {
        left: 6px;
        top: 16px;
    }
}
.radio-button-group--tertiary .radio-button__label::after {
    top: 26px;
    left: 19px;
}
@media only screen and (max-width: 1200px) {
    .radio-button-group--tertiary .radio-button__label::after {
        left: 10px;
        top: 20px;
    }
}
.radio-button-group--tertiary .radio-button__label sup {
    font-size: 60%;
}
.radio-button-group--tertiary .radio-button input:checked ~ label {
    background-color: var(--color-background);
    border-color: var(--color-background);
}
.radio-button-group--tertiary .radio-button.is-disabled {
    opacity: 0.3;
}
.radio-button-group--category .radio-button-group__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 24px;
}
.radio-button-group--category .radio-button {
    text-align: center;
    min-width: 166px;
    padding: 24px 50px 0 50px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
@media only screen and (max-width: 1200px) {
    .radio-button-group--category .radio-button {
        padding: 20px 20px 0 20px;
    }
}
.radio-button-group--category .radio-button__label {
    padding: 4px 0 56px 0;
    z-index: 4;
    pointer-events: none;
}
@media only screen and (max-width: 1200px) {
    .radio-button-group--category .radio-button__label {
        padding-bottom: 46px;
    }
}
.radio-button-group--category .radio-button__label::before {
    left: 50%;
    top: initial;
    bottom: 15px;
    transform: translateX(-50%);
}
@media only screen and (max-width: 1200px) {
    .radio-button-group--category .radio-button__label::before {
        bottom: 10px;
    }
}
.radio-button-group--category .radio-button__label::after {
    top: initial;
    bottom: 19px;
    left: 50%;
    transform: translateX(-50%) scale(0);
}
@media only screen and (max-width: 1200px) {
    .radio-button-group--category .radio-button__label::after {
        bottom: 14px;
    }
}
.radio-button-group--category .radio-button__image {
    position: relative;
    z-index: 4;
    height: 64px;
    pointer-events: none;
}
@media only screen and (max-width: 1200px) {
    .radio-button-group--category .radio-button__image {
        height: 50px;
    }
}
.radio-button-group--category .radio-button input {
    border-radius: 4px;
    border: 1px solid var(--color-hrast);
    transition: background-color 0.3s ease, border-color 0.3s ease;
}
.radio-button-group--category .radio-button input:checked {
    background-color: var(--color-background);
    border-color: var(--color-background);
}
.radio-button-group--category .radio-button input:checked ~ label::after {
    transform: translateX(-50%) scale(1);
}
.radio-button-group--category .radio-button.is-disabled {
    opacity: 0.3;
}
.radio-button-group.empty .radio-button-group__none {
    display: block;
}
.range-slider .mod-input label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    border: 0;
    visibility: inherit;
    clip: rect(0, 0, 0, 0);
}

.range-slider {
    max-width: 308px;
    width: 100%;
}
.range-slider__inner {
    max-width: calc(100% - 24px);
    width: 100%;
    min-height: 28px;
    margin-left: 12px;
    position: relative;
}
.range-slider__inputs {
    position: absolute;
    opacity: 0;
    overflow: hidden;
    width: 1px;
    height: 1px;
}
.range-slider__inputs-divider {
    color: var(--color-black);
}
.range-slider .mod-input {
    margin: 0;
    text-align: center;
}
.range-slider .mod-input__field {
    padding: 6px;
    text-align: center;
    height: 46px;
    font-size: 16px;
    background-color: var(--color-white);
    color: var(--color-text);
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
    .range-slider .mod-input__field {
        font-size: 12px;
    }
}
.range-slider__divider {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}
.range-slider__divider-item {
    width: 1px;
    height: 24px;
    display: block;
    background-color: var(--color-hrast);
}
.range-slider__labels {
    display: flex;
    justify-content: space-around;
    gap: 16px;
    margin-top: 25px;
    pointer-events: none;
}

/* stylelint-disable */
.noUi-horizontal {
    height: 3px;
    border-radius: 0;
    top: 11px;
}

.noUi-target {
    border: 0;
    box-shadow: none;
    background: transparent;
}
.noUi-target::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: var(--color-hrast);
}

.noUi-connects {
    border-radius: 0;
}

.noUi-connect {
    background: var(--color-hrast);
    border: 0;
    height: 3px;
}

.noUi-horizontal .noUi-handle,
.noUi-handle {
    height: 24px;
    width: 24px;
    border-radius: 100%;
    border: 1px solid var(--color-hrast);
    background-color: var(--color-breza);
    box-shadow: none;
    top: -11px;
    right: -12px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.noUi-handle.noUi-active {
    background-color: #a49f93;
}

.noUi-handle:after,
.noUi-handle:before {
    height: 8px;
    left: 10px;
    top: 8px;
    background: var(--color-breza);
    opacity: 0;
}

.noUi-handle:after {
    left: 14px;
}

/* stylelint-enable */
.reference-card__image::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}

.reference-card__title h2,
.reference-card__title h3 {
    background-image: linear-gradient(var(--color-hrast), var(--color-hrast));
    background-size: 0% 2px;
    background-repeat: no-repeat;
    transition: background-size 0.3s ease, color 0.3s ease;
    background-position: 0 100%;
}
.reference-card__title h2:hover,
.reference-card__title h3:hover {
    background-size: 100% 2px;
}

.reference-card {
    position: relative;
    max-width: 355px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}
.reference-card__image {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    z-index: 1;
    padding-bottom: 75%;
}
.reference-card__image img {
    transform: scale(1.0001);
    transition: transform 0.3s ease;
}
.reference-card__image::after {
    background-color: rgba(240, 126, 38, 0.5);
    z-index: 2;
    mix-blend-mode: multiply;
    opacity: 0;
    will-change: opacity;
    transition: opacity 0.3s ease;
}
.reference-card__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}
.reference-card__header {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}
.reference-card__title h2,
.reference-card__title h3 {
    display: inline;
    position: relative;
    background-size: 0% 1px;
}
.reference-card__area {
    flex-shrink: 0;
    margin-top: 4px;
}
.reference-card:hover .reference-card__title h2,
.reference-card:hover .reference-card__title h3 {
    background-size: 100% 1px;
}
.reference-card:hover .reference-card__image img {
    transform: scale(1.04);
}
.reference-card:hover .reference-card__image::after {
    opacity: 1;
}
.section-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 36px;
    margin-bottom: 56px;
}
@media only screen and (max-width: 740px) {
    .section-header {
        flex-wrap: wrap;
        gap: 24px;
    }
}
.section-header__inner {
    display: grid;
    grid-gap: 22px;
    max-width: 831px;
    width: 100%;
}
.section-header__text {
    max-width: 544px;
    width: 100%;
}
@media only screen and (max-width: 1022px) {
    .section-header__text {
        max-width: 444px;
    }
}
.section-header .editor-text {
    max-width: 544px;
    width: 100%;
}
.social-nav ul {
    display: flex;
    align-items: center;
    gap: 20px;
}
@media only screen and (max-width: 1022px) {
    .social-nav ul {
        gap: 16px;
    }
}
.social-nav__link {
    display: flex;
    overflow: hidden;
    border-radius: 100%;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    position: relative;
    z-index: 3;
}
.social-nav__link .icon {
    width: 44px;
    height: 44px;
}
@media only screen and (max-width: 1022px) {
    .social-nav__link .icon {
        width: 38px;
        height: 38px;
    }
}
.social-nav__link .icon::before {
    background-color: var(--color-hrast);
}
.social-nav__link:hover {
    transform: scale(1.06);
    box-shadow: 0 0 0 3px rgba(67, 48, 40, 0.2);
}
.specifications-block {
    width: 100%;
}
.specifications-block__label {
    margin-bottom: 16px;
}
.specifications-block__items {
    border: 1px solid rgba(67, 48, 40, 0.3);
    border-radius: 8px;
    padding: 24px 46px 24px 24px;
    padding-top: 16px;
    display: flex;
    gap: 24px;
    position: relative;
    margin-bottom: 16px;
}
@media only screen and (max-width: 740px) {
    .specifications-block__items {
        display: grid;
        padding: 24px;
        gap: 12px;
    }
}
.specifications-block__items .dropdown {
    width: 260px;
    flex-shrink: 0;
}
@media only screen and (max-width: 740px) {
    .specifications-block__items .dropdown {
        width: 100%;
    }
}
.specifications-block__items.og {
    display: none;
}
.specifications-block__items:first-child .specifications-block__remove {
    display: none;
}
.specifications-block__add {
    margin-top: 8px;
    display: inline-flex;
    gap: 12px;
    align-items: center;
    cursor: pointer;
    letter-spacing: 0;
}
.specifications-block__add:hover .specifications-block__add-btn {
    background-color: rgba(67, 48, 40, 0.1);
}
.specifications-block__add-btn {
    height: 40px;
    width: 40px;
    border: 1px solid #433028;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
}
.specifications-block__add-btn .icon {
    width: 16px;
    height: 16px;
}
.specifications-block__remove {
    cursor: pointer;
    transform: rotate(45deg);
    height: 40px;
    width: 40px;
    border: 1px solid #433028;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -64px;
}
@media only screen and (max-width: 740px) {
    .specifications-block__remove {
        right: 0;
        top: 0;
        bottom: initial;
        transform: translate(50%, -50%) rotate(45deg);
        z-index: 3;
        width: 32px;
        height: 32px;
        background-color: var(--color-breza);
    }
}
.specifications-block__remove .icon {
    width: 16px;
    height: 16px;
}
.specifications-block__remove:hover {
    background-color: rgba(67, 48, 40, 0.1);
}
.specifications-block .fv-plugins-message-container,
.specifications-block .validation-message {
    font-size: 12px;
}
.step-form {
    max-width: 828px;
    width: 100%;
    position: relative;
    user-select: none;
}
.step-form .radio-button-group--modals .radio-button-group__list {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
@media only screen and (max-width: 740px) {
    .step-form .radio-button-group--modals .radio-button {
        flex: 1;
    }
}
.step-form__results {
    display: flex;
    flex-direction: column;
    gap: 64px;
}
.step-form__results-item {
    display: grid;
    grid-template-columns: 166px 1fr;
    grid-gap: 24px;
}
.step-form__results-item-title {
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 14px;
    text-transform: uppercase;
}
.step-form__results-block {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.step-form__results-block:last-child {
    display: none;
}
.step-form__results + .step-form__row {
    display: none;
}
.step-form__row {
    display: grid;
    grid-gap: 28px 24px;
    max-width: 544px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
@media only screen and (max-width: 1022px) {
    .step-form__row {
        max-width: 100%;
    }
}
@media only screen and (max-width: 740px) {
    .step-form__row {
        grid-template-columns: 1fr;
        grid-gap: 24px;
    }
}
.step-form__item {
    grid-column: span 6;
}
@media only screen and (max-width: 740px) {
    .step-form__item {
        grid-column: span 1;
    }
}
.step-form__item.span-3 {
    grid-column: span 3;
}
@media only screen and (max-width: 740px) {
    .step-form__item.span-3 {
        grid-column: span 1;
    }
}
.step-form__item.span-4 {
    grid-column: span 4;
}
@media only screen and (max-width: 740px) {
    .step-form__item.span-4 {
        grid-column: span 1;
    }
}
.step-form__item.span-2 {
    grid-column: span 2;
}
@media only screen and (max-width: 740px) {
    .step-form__item.span-2 {
        grid-column: span 1;
    }
}
.step-form__item.span-6 {
    grid-column: span 6;
}
@media only screen and (max-width: 740px) {
    .step-form__item.span-6 {
        grid-column: span 1;
    }
}
.step-form__inner {
    width: 100%;
    display: grid;
    margin-top: 40px;
    grid-gap: 40px;
}
@media only screen and (max-width: 740px) {
    .step-form__inner {
        grid-gap: 20px;
    }
}
@media only screen and (max-width: 1022px) {
    .step-form__title {
        font-size: 16px;
        font-weight: 500;
    }
}
.step-form__submit {
    margin-top: 88px;
    display: flex;
    gap: 24px;
}
@media only screen and (max-width: 1022px) {
    .step-form__submit {
        margin-top: 40px;
    }
}
.step-form__submit .btn {
    white-space: nowrap;
}
@media only screen and (max-width: 740px) {
    .step-form__submit .btn {
        min-width: 1px;
    }
}
.step-form__alert {
    padding: 16px;
    width: 100%;
    border-radius: 10px;
    text-align: left;
    margin-top: 20px;
    border: 1px solid currentColor;
    font-size: 16px;
}
.step-form__alert-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.step-form__alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.step-form__success {
    display: none;
    max-width: 700px;
    flex-direction: column;
    justify-content: center;
    min-height: 400px;
    gap: 24px;
}
@media only screen and (max-width: 740px) {
    .step-form__success {
        min-height: 400px;
    }
}
@media only screen and (max-width: 740px) {
    .step-form__success-title {
        font-size: 14px;
    }
}
.step-form__success-icon {
    width: 92px;
    height: 92px;
    border-radius: 100%;
    margin: 0 auto 50px;
    background-color: var(--color-green);
}
@media only screen and (max-width: 740px) {
    .step-form__success-icon {
        width: 62px;
        height: 62px;
        margin-bottom: 22px;
    }
}
.step-form__success-icon .icon {
    width: 46px;
    height: 34px;
}
@media only screen and (max-width: 740px) {
    .step-form__success-icon .icon {
        width: 30px;
        height: 24px;
    }
}
.step-form__success-icon .icon::before {
    background-color: var(--color-white);
}
.step-form .title {
    color: inherit;
}
.step-form__indicator {
    display: flex;
    gap: 16px;
    margin-bottom: 60px;
    width: 100%;
    max-width: 450px;
}
@media only screen and (max-width: 740px) {
    .step-form__indicator {
        grid-gap: 8px;
        margin-bottom: 32px;
    }
}
.step-form__indicator-btn {
    position: relative;
    flex: 1;
    transition: background-color 0.3s ease, border 0.3s ease;
    height: 6px;
    border-radius: 8px;
    background-color: rgba(67, 48, 40, 0.3);
    font-size: 0;
    line-height: 0;
}
.step-form__indicator-btn.is-completed, .step-form__indicator-btn.is-active {
    pointer-events: all;
    background-color: var(--color-jelovica);
}
.step-form__step {
    display: none;
}
.step-form__step.is-active {
    display: block;
}
.step-form__step .editor-text {
    line-height: 24px;
    margin-bottom: 16px;
}
.step-form__step .editor-text p {
    margin: 18px 0;
}
.step-form__step .editor-text p:first-child {
    margin-top: 0;
}
.step-form__step .editor-text p:last-child {
    margin-bottom: 0;
}
.step-form [data-validator] + [data-validator] {
    display: none;
}
.step-form__prev-step {
    padding-right: 16px;
    padding-left: 46px;
}
.step-form__prev-step.hide {
    display: none;
}
.step-form__prev-step .btn__animate {
    flex: auto;
}
.step-form__prev-step::after {
    right: initial;
    left: 16px;
}
.step-form__prev-step::before {
    right: 16px;
    left: initial;
    transform: translate(calc(100% + 16px), -50%);
}
.step-form__prev-step:hover {
    padding-right: 36px;
    padding-left: 16px;
}
.step-form__prev-step:hover .btn__animate {
    flex: 0;
}
.step-form__prev-step:hover::before {
    left: initial;
    transform: translate(0, -50%);
}
.step-form__prev-step:hover::after {
    right: initial;
    transform: translate(calc(-100% - 16px), -50%);
}
.step-form .checkbox-group,
.step-form .radio-button-group {
    margin-top: 16px;
    width: calc(100% + 400px);
}
@media only screen and (max-width: 1022px) {
    .step-form .checkbox-group,
    .step-form .radio-button-group {
        width: 100%;
    }
}
.step-form .specifications-block {
    margin-top: 28px;
    min-width: 828px;
}
@media only screen and (max-width: 1022px) {
    .step-form .specifications-block {
        min-width: 1px;
    }
}
.step-form.show-thankyou .step-form__indicator,
.step-form.show-thankyou .step-form__form {
    display: none;
}
.step-form.show-thankyou .step-form__success {
    display: flex;
}

.specifications-result {
    grid-template-columns: 1fr;
    margin-top: 32px;
}
.specifications-result .step-form__results-item-inner {
    border: 1px solid rgba(67, 48, 40, 0.3);
    border-radius: 8px;
    padding: 24px;
    display: grid;
    gap: 16px;
    max-width: 700px;
    width: 100%;
}
@media only screen and (max-width: 740px) {
    .specifications-result .step-form__results-item-inner {
        padding: 16px;
    }
}
.specifications-result__label {
    flex: 1;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5;
}
.specifications-result__label-row {
    gap: 16px;
    display: none;
}
@media only screen and (max-width: 740px) {
    .specifications-result__label-row {
        height: 1px;
        background-color: currentColor;
        opacity: 0.4;
    }
}
.specifications-result__label-row:first-child {
    display: flex;
}
@media only screen and (max-width: 740px) {
    .specifications-result__label-row:first-child {
        display: none;
        height: auto;
        opacity: 1;
    }
}
.specifications-result__row {
    display: flex;
    gap: 16px;
}
@media only screen and (max-width: 740px) {
    .specifications-result__row {
        flex-direction: column;
    }
}
.specifications-result__item {
    flex: 1;
}
@media only screen and (max-width: 740px) {
    .specifications-result__item {
        display: flex;
        gap: 16px;
    }
}
@media only screen and (max-width: 740px) {
    .specifications-result__value {
        flex: 1;
    }
}
.tab {
    width: 100%;
    position: relative;
    margin-bottom: 64px;
}
.tab::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(67, 48, 40, 0.3);
    opacity: 0;
}
@media only screen and (max-width: 1022px) {
    .tab {
        margin-bottom: 40px;
    }
}
.tab__list {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
@media only screen and (max-width: 740px) {
    .tab__list {
        overflow: auto;
        width: calc(100% + 54px);
        padding: 0 27px;
        left: -27px;
        position: relative;
        flex-wrap: nowrap;
    }
}
.tab__link {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 4px 28px;
    min-height: 42px;
    transition: color 0.3s ease, border 0.3s ease;
    color: var(--color-hrast);
    border: 1px solid currentColor;
    border-radius: 50px;
    white-space: nowrap;
}
.tab__link::after {
    position: absolute;
    content: "";
    width: 0;
    height: 4px;
    left: 0;
    bottom: 0;
    z-index: 2;
    background-color: var(--color-jelovica);
    opacity: 0;
    transition: width 0.3s ease, opacity 0.3s ease;
}
.tab__link:hover, .tab__link.is-active {
    color: var(--color-jelovica);
}
.tab--secondary {
    margin-bottom: 34px;
}
.tab--secondary::after {
    opacity: 1;
}
.tab--secondary .tab__list {
    gap: 16px 55px;
}
@media only screen and (max-width: 1440px) {
    .tab--secondary .tab__list {
        gap: 40px;
    }
}
.tab--secondary .tab__link {
    border: 0;
    padding: 4px 0 16px;
    letter-spacing: 0.5px;
}
.tab--secondary .tab__link:hover, .tab--secondary .tab__link.is-active {
    color: var(--color-jelovica);
}
.tab--secondary .tab__link:hover::after, .tab--secondary .tab__link.is-active::after {
    width: 100%;
    opacity: 1;
}
.tab--tertiary::after {
    display: none;
}
.tab--tertiary .tab__list {
    overflow: hidden;
    width: auto;
    left: 0;
    display: inline-flex;
    position: relative;
    border: 1px solid var(--color-hrast);
    border-radius: 4px;
    padding: 8px;
    gap: 0;
}
.tab--tertiary .tab__link {
    padding: 4px 20px;
    letter-spacing: 1.1px;
    border-radius: 2px;
    border: 0;
    min-height: 1px;
    transition: none;
}
.tab--tertiary .tab__link:hover {
    color: var(--color-hrast);
}
.tab--tertiary .tab__link.is-active {
    background-color: var(--color-hrast);
    color: var(--color-breza);
}
.view-360 {
    position: relative;
    user-select: none;
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 450px;
}
@media only screen and (max-width: 740px) {
    .view-360 {
        max-width: 280px;
    }
}
.view-360__body {
    position: relative;
    min-height: 490px;
}
@media only screen and (max-width: 740px) {
    .view-360__body {
        width: 100%;
        min-height: 320px;
    }
}
.view-360__logo {
    top: 54px;
    right: -60px;
    position: absolute;
    z-index: 3;
}
@media only screen and (max-width: 1440px) {
    .view-360__logo {
        right: -10px;
    }
}
@media only screen and (max-width: 1022px) {
    .view-360__logo {
        right: 6px;
    }
}
@media only screen and (max-width: 740px) {
    .view-360__logo {
        right: -30px;
        top: 0;
        max-width: 40px;
    }
}

.cloudimage-360-magnifier-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 100% !important;
    background: var(--color-hrast) !important;
    position: relative;
}
.cloudimage-360-magnifier-icon::before {
    content: "";
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    width: 14px;
    position: absolute;
    height: 14px;
    -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%3Cpath d='M6.6 12.7C9.69279 12.7 12.2 10.1928 12.2 7.1C12.2 4.00721 9.69279 1.5 6.6 1.5C3.50721 1.5 1 4.00721 1 7.1C1 10.1928 3.50721 12.7 6.6 12.7Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 15.4998L10.8 11.2998' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%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%3Cpath d='M6.6 12.7C9.69279 12.7 12.2 10.1928 12.2 7.1C12.2 4.00721 9.69279 1.5 6.6 1.5C3.50721 1.5 1 4.00721 1 7.1C1 10.1928 3.50721 12.7 6.6 12.7Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 15.4998L10.8 11.2998' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-color: var(--color-breza);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.cloudimage-360-icons-container {
    z-index: 9 !important;
    top: 130px !important;
    right: -47px !important;
    height: calc(100% - 160px) !important;
}
@media only screen and (max-width: 1440px) {
    .cloudimage-360-icons-container {
        right: 3px !important;
    }
}
@media only screen and (max-width: 740px) {
    .cloudimage-360-icons-container {
        top: 55px !important;
        right: -15px !important;
    }
}

.cloudimage-360-img-magnifier-glass {
    border: 2px solid var(--color-hrast);
    border-radius: 50%;
    background-color: var(--color-breza) !important;
}

.cloudimage-360 {
    overflow: visible !important;
    height: 100%;
}

.cloudimage-360-inner-box {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.upload-box__main::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}

.upload-box {
    width: 100%;
    max-width: 538px;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}
@media only screen and (max-width: 740px) {
    .upload-box {
        max-width: 100%;
        font-size: 14px;
    }
}
.upload-box__label {
    position: relative;
    display: block;
    z-index: 4;
    font-weight: 600;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.upload-box__text {
    font-weight: 500;
}
.upload-box__text strong {
    text-decoration: underline;
}
.upload-box__info-text {
    opacity: 0.5;
}
.upload-box__inner {
    position: relative;
    gap: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    height: 220px;
    width: 100%;
    border-radius: 10px;
    background-color: var(--color-background);
    overflow: hidden;
    border: 1px dashed var(--color-hrast);
    transition: border 0.3s ease;
}
.upload-box__inner .icon {
    margin-bottom: 8px;
}
.upload-box__main {
    position: relative;
}
.upload-box__main::before {
    pointer-events: none;
    border: 1px solid var(--color-hrast);
    z-index: 2;
    left: 0;
    top: 0;
    border-radius: 10px;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.upload-box__main:hover::before {
    opacity: 1;
}
.upload-box input[type=file] {
    font-size: 0;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.upload-box .icon {
    pointer-events: none;
}
.upload-box .icon::before {
    background-color: var(--color-jelovica);
}
.upload-box__list {
    font-size: 16px;
    line-height: 1.2;
}
.upload-box__list-text-wrapper {
    position: relative;
}
.upload-box__list li {
    position: relative;
    height: 220px;
    width: 100%;
    border: 1px solid var(--color-hrast);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
    z-index: 4;
    background-color: var(--color-background);
    padding: 20px;
}
.upload-box__list li:first-child {
    margin-top: -220px;
}
.upload-box__list li + li {
    margin-top: 10px;
}
.upload-box__list-icon {
    margin-bottom: 16px;
}
.upload-box__list-size {
    font-size: 14px;
    opacity: 0.5;
    margin-top: 16px;
}
.upload-box__list-remove {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 3;
    right: 8px;
    top: 8px;
    width: 40px;
    height: 40px;
}
.upload-box__list-remove .icon {
    width: 20px;
    height: 20px;
}
.upload-box__list-remove .icon::before {
    background-color: var(--color-hrast);
}
.upload-box .fv-plugins-message-container > div {
    margin-top: 12px;
}
.team-card {
    position: relative;
    max-width: 260px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 24px;
}
.team-card__image {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    z-index: 1;
    padding-bottom: 100%;
    background-color: var(--color-background);
}
.team-card__image img {
    transform: scale(1.0001);
    transition: transform 0.3s ease;
}
.team-card__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}
.team-card:hover .blog-card__image img {
    transform: scale(1.04);
}
@media only screen and (max-width: 740px) {
    .page-404 {
        min-height: 1px;
        padding: 26px 0;
    }
}
.page-404__inner {
    display: grid;
    justify-items: flex-start;
}
.page-404__image {
    margin-bottom: 40px;
}
@media only screen and (max-width: 740px) {
    .page-404__image {
        margin-bottom: 36px;
    }
}
@media only screen and (max-width: 740px) {
    .page-404__image img {
        max-width: 84px;
    }
}
.page-404 .title {
    margin-bottom: 36px;
}
@media only screen and (max-width: 740px) {
    .page-404 .title {
        margin-bottom: 8px;
    }
}
@media only screen and (max-width: 1440px) {
    .page-404 .title--h1 {
        font-size: 80px;
    }
}
@media only screen and (max-width: 740px) {
    .page-404 .title--h1 {
        margin-bottom: 24px;
    }
}
.page-404 .editor-text {
    margin-top: 26px;
    max-width: 354px;
    width: 100%;
}
@media only screen and (max-width: 1022px) {
    .page-404 .btn {
        margin-top: 24px;
    }
}
.accordion-list {
    position: relative;
}
.accordion-list__body {
    display: grid;
}
.accordion-list__title {
    margin-bottom: 24px;
}
.accordion-list .accordion {
    max-width: 100%;
}
.article-nav {
    max-width: 638px;
    width: 100%;
    display: flex;
    gap: 68px;
    justify-content: space-between;
}
@media only screen and (max-width: 740px) {
    .article-nav {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }
}
.article-nav__left .is-disabled, .article-nav__right .is-disabled {
    opacity: 0.5;
    pointer-events: none;
}
.article-nav__left {
    flex: 1;
}
.article-nav__left .btn {
    padding-right: 0;
    padding-left: 46px;
}
.article-nav__left .btn::after {
    right: initial;
    left: 0;
}
.article-nav__left .btn::before {
    right: 0;
    left: initial;
    transform: translate(calc(100% + 16px), -50%);
}
.article-nav__left .btn:hover {
    padding-right: 46px;
    padding-left: 0;
}
.article-nav__left .btn:hover::before {
    left: initial;
    transform: translate(0, -50%);
}
.article-nav__left .btn:hover::after {
    right: initial;
    transform: translate(calc(-100% - 16px), -50%);
}
.article-nav__right {
    flex: 1;
    text-align: right;
}
@media only screen and (max-width: 740px) {
    .article-nav__right {
        display: flex;
        justify-content: flex-end;
    }
}
.article-nav__right .btn:hover {
    padding-right: 0;
    padding-left: 46px;
}
.article-nav--full-width {
    max-width: 100%;
}
.card-list {
    position: relative;
    padding: 0;
    overflow: hidden;
}
.card-list__super-title {
    margin-bottom: 10px;
}
.card-list__super-title + .card-list__body {
    margin-top: 40px;
}
.card-list__header {
    max-width: 544px;
    width: 100%;
    display: grid;
    gap: 16px;
    margin-bottom: 64px;
}
.card-list .swiper-slide {
    width: 355px;
    height: auto;
}
@media only screen and (max-width: 1200px) {
    .card-list .swiper-slide {
        width: 275px;
    }
}
.card-list .swiper {
    overflow: visible;
}
.card-list .reference-card {
    max-width: 100%;
}
.card-list__filter-list {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 125px;
    margin: 78px 0 64px;
    scrollbar-track-color: transparent;
    scrollbar-face-color: transparent;
    scrollbar-arrow-color: transparent;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}
.card-list__filter-list::-webkit-scrollbar {
    width: 0;
}
.card-list__filter-list::-webkit-scrollbar-track {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: transparent;
}
.card-list__filter-list::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0);
}
.card-list__filter-list::-webkit-scrollbar-thumb {
    background: transparent;
    width: 0;
    border-radius: 0;
}
.card-list__filter-list::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0);
}
@media only screen and (max-width: 1022px) {
    .card-list__filter-list {
        gap: 45px;
        overflow: auto;
        width: calc(100% + 54px);
        flex-wrap: nowrap;
        margin: 50px 0;
    }
}
.card-list__filter-list::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: rgba(67, 48, 40, 0.3);
    bottom: 0;
    left: 0;
    z-index: -1;
}
.card-list__filter-item {
    flex: 0 0 auto;
}
.card-list__filter-link {
    display: block;
    position: relative;
    padding-bottom: 16px;
    transition: color 0.3s ease;
}
.card-list__filter-link::after {
    position: absolute;
    content: "";
    width: 0;
    height: 4px;
    background-color: var(--color-jelovica);
    bottom: 0;
    left: 0;
    transition: width 0.3s ease;
}
.card-list__filter-link.is-active, .card-list__filter-link:hover {
    color: var(--color-jelovica);
}
.card-list__filter-link.is-active::after, .card-list__filter-link:hover::after {
    width: 100%;
}
.card-list__footer [aria-label=pagination] {
    margin-top: 138px;
}
@media only screen and (max-width: 1022px) {
    .card-list__footer [aria-label=pagination] {
        margin-top: 96px;
    }
}
.card-list__nav {
    margin-top: 22px;
    display: none;
    gap: 40px;
}
@media only screen and (max-width: 1022px) {
    .card-list__nav {
        gap: 24px;
    }
}
.card-list__nav-arrow {
    background-color: var(--color-background);
    width: 32px;
    height: 32px;
    border-radius: 100%;
    transition: background-color 0.3s ease, opacity 0.3s ease;
}
.card-list__nav-arrow .icon::before {
    background-color: var(--color-hrast);
}
.card-list__nav-arrow[aria-disabled=true] {
    opacity: 0.5;
    pointer-events: none;
}
.card-list__nav-arrow.swiper-button-lock {
    display: none;
}
.card-list__nav-arrow:hover {
    background-color: var(--color-hrast);
}
.card-list__nav-arrow:hover .icon::before {
    background-color: var(--color-white);
}
.card-list--stacked .swiper-wrapper {
    transform: translate3d(0, 0, 0) !important;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 86px 24px;
}
@media only screen and (max-width: 1022px) {
    .card-list--stacked .swiper-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 740px) {
    .card-list--stacked .swiper-wrapper {
        grid-template-columns: 1fr;
        grid-gap: 70px;
    }
}
.card-list--stacked .swiper-slide {
    width: 100%;
    height: auto;
    margin: 0 !important;
}
.card-list--stacked .blog-card {
    max-width: 100%;
}
@media only screen and (min-width: 1023px) {
    .card-list--stacked.card-list--col-4 .swiper-wrapper {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-gap: 98px 22px;
    }
}
@media only screen and (min-width: 741px) and (max-width: 1200px) {
    .card-list--stacked.card-list--col-4 .swiper-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.card-list--stacked.card-list--icon-text.card-list--col-4 .swiper-wrapper {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media only screen and (max-width: 1022px) {
    .card-list--stacked.card-list--icon-text.card-list--col-4 .swiper-wrapper {
        grid-gap: 32px 20px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.card-list--has-slider .card-list__nav {
    display: flex;
}
.card-list--has-slider .swiper-wrapper:hover {
    cursor: grab;
}
.card-list--has-slider .swiper-wrapper:active {
    cursor: grabbing;
}
.card-list--icon-text .section-header {
    margin-bottom: 70px;
}
@media only screen and (max-width: 1022px) {
    .card-list--icon-text .section-header {
        margin-bottom: 50px;
    }
}
.card-list--icon-text .section-header__inner {
    grid-gap: 20px;
}
.card-list--icon-text .section-header__text {
    font-size: 15px;
    line-height: 1.7;
    font-family: var(--font-primary);
    font-weight: 400;
    max-width: 100%;
}
.card-list--rounded-image .section-header {
    margin-bottom: 52px;
}
@media only screen and (max-width: 1022px) {
    .card-list--rounded-image .section-header {
        margin-bottom: 32px;
    }
}
@media only screen and (max-width: 740px) {
    .card-list--rounded-image .swiper-slide {
        width: auto;
    }
}
.card-list--logo-card .section-header {
    margin-bottom: 74px;
    gap: 22px;
    max-width: 460px;
}
.card-list--logo-card .section-header__inner {
    grid-gap: 12px;
}
.card-list--logo-card .section-header__text {
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    max-width: 100%;
}
.card-list--logo-card.card-list--stacked.card-list--col-4 .swiper-wrapper {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 64px 22px;
}
@media only screen and (max-width: 1022px) {
    .card-list--logo-card.card-list--stacked.card-list--col-4 .swiper-wrapper {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 600px) {
    .card-list--logo-card.card-list--stacked.card-list--col-4 .swiper-wrapper {
        grid-gap: 32px 16px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.card-list--square-image .blog-card__image {
    padding-bottom: 104%;
}
.card-list--square-image .blog-card__title.title {
    margin: 0;
}
@media only screen and (min-width: 1441px) {
    .card-list--square-image.card-list--stacked .swiper-wrapper {
        grid-gap: 56px 24px;
    }
}
.catalog-module {
    position: relative;
    padding: 80px 0;
}
@media only screen and (max-width: 740px) {
    .catalog-module {
        padding: 100px 0;
    }
}
.catalog-module__image {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
@media only screen and (max-width: 1022px) {
    .catalog-module__image {
        margin-bottom: 40px;
    }
}
.catalog-module__image img {
    object-fit: contain;
}
@media only screen and (max-width: 1022px) {
    .catalog-module__image img {
        max-width: 400px;
    }
}
@media only screen and (max-width: 740px) {
    .catalog-module__image img {
        max-width: 100%;
    }
}
.catalog-module__icons {
    align-items: center;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px 62px;
    max-width: 300px;
    width: 100%;
}
@media only screen and (max-width: 1022px) {
    .catalog-module__icons {
        margin-bottom: 60px;
    }
}
.catalog-module__icons-item {
    width: 110px;
    height: 110px;
}
.catalog-module__icons img {
    object-fit: contain;
}
.catalog-module__content {
    max-width: 460px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 122px;
    min-height: 225px;
}
@media only screen and (max-width: 1022px) {
    .catalog-module__content {
        max-width: 100%;
        gap: 72px;
    }
}
.catalog-module__content-top {
    max-width: 460px;
    width: 100%;
}
@media only screen and (max-width: 740px) {
    .catalog-module__content-top {
        max-width: 100%;
    }
}
.catalog-module__content-bottom {
    max-width: 460px;
    width: 100%;
}
@media only screen and (max-width: 740px) {
    .catalog-module__content-bottom {
        max-width: 100%;
    }
}
.catalog-module__super-title {
    margin-bottom: 8px;
}
.catalog-module__text {
    margin-bottom: 32px;
}
@media only screen and (max-width: 740px) {
    .catalog-module__text {
        margin-bottom: 18px;
    }
}
@media only screen and (min-width: 1201px) {
    .catalog-module--without-image {
        padding: 100px 0 126px;
    }
}
.catalog-module--without-image .catalog-module__image {
    display: none;
}
.catalog-module--without-image .catalog-module__content {
    max-width: 100%;
    flex-direction: row;
    align-items: start;
    gap: 12px;
}
@media only screen and (max-width: 740px) {
    .catalog-module--without-image .catalog-module__content {
        flex-direction: column;
        gap: 72px;
    }
}
.catalog-module--without-image .catalog-module__content-bottom {
    margin-top: 42px;
}
@media only screen and (max-width: 740px) {
    .catalog-module--without-image .catalog-module__content-bottom {
        margin-top: 0;
    }
}
.catalog-module--without-image .btn {
    min-width: 1px;
}
.catalog-module--full-width {
    padding: 120px 0;
}
@media only screen and (max-width: 740px) {
    .catalog-module--full-width {
        padding: 80px 0;
    }
}
.catalog-module--full-width .catalog-module__content {
    max-width: 100%;
    gap: 20px;
}
.catalog-module--full-width .catalog-module__content-top, .catalog-module--full-width .catalog-module__content-bottom {
    max-width: 100%;
}
.catalog-module--full-width .catalog-module__content-top .btn, .catalog-module--full-width .catalog-module__content-bottom .btn {
    margin-top: 42px;
}
.catalog-module--full-width .catalog-module__super-title {
    margin-bottom: 18px;
}
.catalog-module--full-width .catalog-module__title {
    line-height: 1.4;
}
.certificates-module {
    position: relative;
    padding: 76px 0;
    overflow: hidden;
}
@media only screen and (max-width: 1022px) {
    .certificates-module {
        padding: 50px 0;
    }
}
.certificates-module__list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 70px;
    margin-top: 30px;
}
@media only screen and (max-width: 1200px) {
    .certificates-module__list {
        gap: 40px;
    }
}
@media only screen and (max-width: 1022px) {
    .certificates-module__list {
        flex-wrap: wrap;
    }
}
.certificates-module__item {
    position: relative;
    max-width: 118px;
    min-height: 137px;
}
@media only screen and (max-width: 1022px) {
    .certificates-module__item {
        max-width: 100px;
        min-height: 120px;
    }
}
.certificates-module__item img {
    width: 100%;
    object-fit: contain;
    max-width: 70px;
    max-height: 90px;
}
.certificates-module__slider {
    width: 100%;
}
@media only screen and (max-width: 1200px) {
    .certificates-module__slider {
        overflow: visible;
    }
}
.certificates-module .swiper-slide {
    width: auto;
    height: auto;
}
@media only screen and (min-width: 1201px) {
    .certificates-module .swiper-wrapper {
        transform: translate3d(0px, 0px, 0px) !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    }
}
.choose-house {
    position: relative;
    background-color: var(--color-background);
    padding: 96px 0;
}
@media only screen and (max-width: 1022px) {
    .choose-house {
        padding: 80px 0;
    }
}
@media only screen and (max-width: 740px) {
    .choose-house .row {
        gap: 60px;
    }
}
.choose-house__header {
    width: 100%;
    max-width: 448px;
    margin-bottom: 56px;
    display: grid;
    grid-gap: 20px;
}
.choose-house__item-title {
    display: flex;
    gap: 8px;
    margin-bottom: 18px;
}
.choose-house__item-title .title--h6 {
    letter-spacing: 0;
    text-transform: uppercase;
}
@media only screen and (max-width: 1022px) {
    .choose-house__item-title .title--h6 {
        font-size: 14px;
    }
}
.choose-house .tooltip {
    flex-shrink: 0;
    margin-top: 2px;
}
@media only screen and (max-width: 1022px) {
    .choose-house .tooltip__content {
        transform: translate(-30%, 0);
    }
}
@media only screen and (max-width: 1022px) {
    .choose-house .tooltip__content-inner::after {
        left: 30%;
    }
}
.choose-house .range-slider {
    max-width: 100%;
}
.choose-house .range-slider__labels {
    width: calc(100% + 24px);
    margin-left: -12px;
    justify-content: space-between;
}
.choose-house .radio-button-group__list {
    display: flex;
    gap: 16px 24px;
    flex-wrap: wrap;
}
@media only screen and (min-width: 741px) and (max-width: 1022px) {
    .choose-house .radio-button-group__list {
        gap: 16px 12px;
    }
}
.choose-house__roofs {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.choose-house__roofs-label {
    height: 72px;
    width: 72px;
    border-radius: 4px;
    border: 1px solid var(--color-hrast);
    margin: 0;
    transition: background-color 0.3s ease;
}
.choose-house__roofs-image {
    width: 46px;
    height: 46px;
    background-color: currentColor;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: background-color 0.3s ease;
}
.choose-house__roofs input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    cursor: pointer;
}
.choose-house__roofs input:checked + label {
    background-color: var(--color-hrast);
}
.choose-house__roofs input:checked + label .choose-house__roofs-image {
    background-color: var(--color-breza);
}
.choose-house__footer {
    margin-top: 92px;
}
@media only screen and (max-width: 740px) {
    .choose-house__footer {
        margin-top: 60px;
    }
}
.color-switcher {
    position: relative;
}
.color-switcher .title {
    margin-bottom: 20px;
    line-height: 1.35;
}
.color-switcher__row {
    display: grid;
    grid-gap: 120px;
    grid-template-columns: 1fr 450px;
    border-bottom: 1px solid rgba(67, 48, 40, 0.3);
    padding-bottom: 80px;
}
@media only screen and (max-width: 1440px) {
    .color-switcher__row {
        grid-gap: 80px;
    }
}
@media only screen and (max-width: 1022px) {
    .color-switcher__row {
        grid-template-columns: 1fr;
        grid-gap: 40px;
    }
}
@media only screen and (max-width: 740px) {
    .color-switcher__row {
        padding-bottom: 60px;
    }
}
.color-switcher__row:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
.color-switcher__list {
    display: grid;
    grid-gap: 24px;
}
@media only screen and (max-width: 740px) {
    .color-switcher__list {
        grid-gap: 60px;
    }
}
.compare-house-popup__house-title {
    background-image: linear-gradient(var(--color-hrast), var(--color-hrast));
    background-size: 0% 2px;
    background-repeat: no-repeat;
    transition: background-size 0.3s ease, color 0.3s ease;
    background-position: 0 100%;
}
.compare-house-popup__house-title:hover {
    background-size: 100% 2px;
}

.compare-house-popup {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    transform: translateY(100%);
    will-change: transform;
    transition: transform 0.4s ease;
    background-color: var(--color-background);
    border-top: 1px solid rgba(67, 48, 40, 0.3);
    padding: 16px 0;
}
@media only screen and (max-width: 1022px) {
    .compare-house-popup {
        padding: 40px 0;
    }
}
.compare-house-popup.is-added {
    transform: translateY(0);
}
.compare-house-popup.is-open {
    transform: translateY(0);
}
@media only screen and (min-width: 1023px) {
    .is-scrolled .compare-house-popup {
        transform: translateY(0);
    }
}
.compare-house-popup.is-empty {
    transform: translateY(100%);
}
.compare-house-popup__trigger {
    background-color: var(--color-background);
    border: 1px solid rgba(67, 48, 40, 0.3);
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    padding: 10px 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    bottom: 100%;
    left: 28px;
    letter-spacing: 1px;
    transition: padding 0.3s ease, transform 0.3s ease, opacity 0.3s ease;
}
.compare-house-popup__trigger .icon {
    width: 14px;
    height: 10px;
    transform: scaleY(-1);
    transition: transform 0.3s ease;
}
.is-open .compare-house-popup__trigger {
    padding: 4px 14px;
}
.is-open .compare-house-popup__trigger .icon {
    transform: scaleY(1);
}
.is-empty .compare-house-popup__trigger {
    opacity: 0;
    pointer-events: none;
}
.compare-house-popup__inner {
    display: grid;
    grid-gap: 35px;
    align-items: center;
    grid-template-columns: 31% 1fr 14%;
}
@media only screen and (max-width: 1200px) {
    .compare-house-popup__inner {
        grid-template-columns: 23% 1fr 16%;
        grid-gap: 20px;
    }
}
@media only screen and (max-width: 1022px) {
    .compare-house-popup__inner {
        grid-template-columns: 1fr;
        grid-gap: 32px;
    }
}
@media only screen and (max-width: 740px) {
    .compare-house-popup .container {
        max-width: 100%;
    }
}
.compare-house-popup__list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 24px;
}
@media only screen and (max-width: 740px) {
    .compare-house-popup__list {
        grid-gap: 14px;
        width: 400px;
        grid-template-columns: repeat(3, minmax(0, 116px));
    }
}
@media only screen and (max-width: 740px) {
    .compare-house-popup__list-wrapper {
        overflow: auto;
        width: calc(100% + 26px);
        padding: 0 28px;
    }
    .compare-house-popup__list-wrapper::-webkit-scrollbar {
        height: 0;
        width: 0;
    }
}
.compare-house-popup__house {
    height: 90px;
    background-color: var(--color-background-light);
    position: relative;
    border: 1px solid transparent;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    text-align: center;
}
.compare-house-popup__house:not(:first-child) .compare-house-popup__house-inner {
    border-left: 1px solid rgba(67, 48, 40, 0.3);
}
.compare-house-popup__house-inner {
    height: 100%;
    width: 100%;
    position: relative;
    display: none;
}
.compare-house-popup__house-image {
    width: 72px;
    height: 58px;
    margin: 0 auto 12px;
}
.compare-house-popup__house-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.compare-house-popup__house-title {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    line-height: normal;
    display: inline-flex;
}
.compare-house-popup__house-remove {
    width: 24px;
    height: 24px;
    position: absolute;
    right: -2px;
    top: -8px;
    z-index: 3;
    border-radius: 100%;
    transition: background-color 0.3s ease;
}
@media only screen and (max-width: 1022px) {
    .compare-house-popup__house-remove {
        top: 0;
    }
}
.compare-house-popup__house-remove .icon {
    width: 12px;
    height: 12px;
}
.compare-house-popup__house-remove:hover {
    background-color: var(--color-hrast);
}
.compare-house-popup__house-remove:hover .icon::before {
    background-color: var(--color-white);
}
.compare-house-popup__house.is-active {
    border: 0;
    background-color: transparent;
}
.compare-house-popup__house.is-active .compare-house-popup__house-inner {
    display: block;
}
.compare-house-popup__house.is-active .compare-house-popup__house-page-link {
    display: none;
}
.compare-house-popup__house:hover {
    border-color: var(--color-hrast);
}
.compare-house-popup__house:hover .compare-house-popup__house-title {
    background-size: 100% 2px;
}
@media only screen and (min-width: 1023px) {
    .compare-house-popup .btn {
        min-width: 100%;
    }
}
@media only screen and (max-width: 1022px) {
    .compare-house-popup .btn {
        justify-self: flex-start;
    }
}
@media only screen and (max-width: 740px) {
    .compare-house-popup .btn {
        margin-left: 28px;
    }
}
.counter-module .section-header {
    margin-bottom: 72px;
}
@media only screen and (max-width: 740px) {
    .counter-module .section-header {
        margin-bottom: 56px;
    }
}
.counter-module__inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1110px;
    gap: 30px;
}
@media only screen and (max-width: 740px) {
    .counter-module__inner {
        display: grid;
        gap: 0;
        grid-gap: 32px 20px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.counter-module__number {
    color: var(--color-jelovica);
    display: flex;
}
.counter-module__item {
    display: flex;
    gap: 12px;
    flex-direction: column;
    align-items: center;
    min-width: 130px;
    flex: 1;
}
.counter-module__item:first-child {
    align-items: flex-start;
}
@media only screen and (max-width: 740px) {
    .counter-module__item:first-child {
        align-items: center;
    }
}
.comparison-module {
    position: relative;
}
.comparison-module .mod-loader {
    align-items: flex-start;
    padding: 250px 0;
}
.comparison-module__inner {
    display: grid;
    grid-template-columns: 23% 1fr;
    grid-gap: 28px;
    align-items: flex-start;
}
@media only screen and (max-width: 1440px) {
    .comparison-module__inner {
        grid-template-columns: 20% 1fr;
    }
}
@media only screen and (max-width: 1022px) {
    .comparison-module__inner {
        display: block;
        width: 100%;
    }
}
@media only screen and (min-width: 1023px) {
    .comparison-module__inner {
        overflow: hidden;
    }
}
.comparison-module__inner.d-none {
    display: none;
}
@media only screen and (max-width: 1022px) {
    .comparison-module .container {
        max-width: 100%;
    }
}
.comparison-module__empty {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 100px 0;
}
@media only screen and (max-width: 1022px) {
    .comparison-module__empty {
        padding: 100px 28px;
    }
}
.comparison-module__empty .title {
    margin-bottom: 20px;
}
.comparison-module__list {
    display: grid;
    grid-template-columns: 43% 43%;
    grid-gap: 28px;
    align-items: flex-start;
}
@media only screen and (max-width: 1022px) {
    .comparison-module__list {
        grid-gap: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 0 8px 0 28px;
    }
}
@media only screen and (max-width: 740px) {
    .comparison-module__list {
        overflow: auto;
        padding-left: 28px;
    }
}
@media (max-width: 380px) {
    .comparison-module__list {
        grid-template-columns: 180px 180px;
    }
}
.comparison-module__list::-webkit-scrollbar {
    height: 0;
    width: 0;
}
@media only screen and (max-width: 1022px) {
    .comparison-module__list-wrapper {
        overflow: hidden;
    }
}
.comparison-module__group {
    display: grid;
    grid-template-columns: 43% 43%;
    grid-gap: 28px;
    align-items: flex-start;
}
@media only screen and (max-width: 1022px) {
    .comparison-module__group {
        grid-gap: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        position: sticky;
        position: -webkit-sticky;
        top: 90px;
        left: 0;
        z-index: 3;
        padding: 0 8px 0 28px;
        transition: background-color 0.3s ease;
    }
}
@media only screen and (max-width: 740px) {
    .comparison-module__group {
        top: 70px;
        overflow: auto;
        width: 100%;
    }
}
@media (max-width: 380px) {
    .comparison-module__group {
        grid-template-columns: 180px 180px;
    }
}
.comparison-module__group::-webkit-scrollbar {
    height: 0;
    width: 0;
}
@media only screen and (max-width: 1022px) {
    .comparison-module__group.is-sticky {
        background-color: var(--color-background);
    }
}
@media only screen and (max-width: 1022px) {
    .comparison-module__group .comparison-module__item .comparison-module__data {
        border-bottom: 1px solid rgba(67, 48, 40, 0.3);
    }
}
.comparison-module__group .comparison-module__item .comparison-module__data:first-child {
    border-bottom: 0;
}
@media only screen and (min-width: 1023px) {
    .comparison-module__group .comparison-module__item .comparison-module__data:first-child {
        padding-top: 0;
    }
}
.comparison-module__group .comparison-module__item .comparison-module__data:first-child::after {
    display: none;
}
.comparison-module__group .comparison-module__item .comparison-module__data:first-child .comparison-module__heading {
    display: none;
}
.comparison-module__data {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 80px;
    padding: 24px 0;
}
@media only screen and (max-width: 1022px) {
    .comparison-module__data {
        min-height: 1px;
        padding-right: 20px;
        flex-direction: column;
        align-items: flex-start;
    }
}
@media only screen and (max-width: 1022px) {
    .comparison-module__heading-col {
        display: none;
    }
}
.comparison-module__heading-col .comparison-module__data {
    position: relative;
    align-items: flex-start;
}
.comparison-module__heading-col .comparison-module__data:not(:first-child)::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100vw;
    height: 1px;
    background-color: rgba(67, 48, 40, 0.3);
}
.comparison-module__item-heading {
    padding: 52px 0;
    border: 1px solid rgba(67, 48, 40, 0.3);
    position: relative;
    border-radius: 6px;
    width: 100%;
    transition: border-color 0.3s ease;
}
@media only screen and (max-width: 1200px) {
    .comparison-module__item-heading {
        padding: 35px 0;
    }
}
@media only screen and (max-width: 1022px) {
    .comparison-module__item-heading {
        padding: 20px 0;
    }
}
.comparison-module__item-heading-inner {
    padding: 0 32px;
}
@media only screen and (max-width: 1440px) {
    .comparison-module__item-heading-inner {
        padding: 0 20px;
    }
}
@media only screen and (max-width: 740px) {
    .comparison-module__item-heading-inner {
        padding: 0 10px;
    }
}
.comparison-module__item-heading:hover {
    border-color: var(--color-jelovica);
}
.comparison-module__item:not(:first-child) .comparison-module__heading {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
@media only screen and (max-width: 1022px) {
    .comparison-module__item .comparison-module__data {
        border-bottom: 1px solid rgba(67, 48, 40, 0.3);
    }
}
@media only screen and (max-width: 1200px) {
    .comparison-module__title {
        font-size: 23px;
        line-height: 32px;
    }
}
@media only screen and (max-width: 1022px) {
    .comparison-module__heading {
        margin-bottom: 8px;
        font-size: 18px;
        line-height: 28px;
        white-space: nowrap;
    }
}
@media only screen and (max-width: 1022px) {
    .comparison-module .editor-text {
        font-size: 13px;
        line-height: 22px;
    }
}
.comparison-module__image {
    position: relative;
    height: 0;
    padding-bottom: 56.24%;
    margin-bottom: 24px;
}
@media only screen and (max-width: 1022px) {
    .comparison-module__image {
        padding-bottom: 48%;
        margin-bottom: 12px;
    }
}
.comparison-module__image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    object-fit: contain;
}
.comparison-module__category {
    color: var(--color-jelovica);
    letter-spacing: 1px;
}
@media only screen and (max-width: 1022px) {
    .comparison-module__category {
        font-size: 12px;
        line-height: 16px;
    }
}
.comparison-module__remove {
    position: absolute;
    z-index: 2;
    right: 16px;
    top: 16px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    transition: background-color 0.3s ease;
}
@media only screen and (max-width: 1200px) {
    .comparison-module__remove {
        width: 32px;
        height: 32px;
        top: 1px;
        right: 1px;
    }
}
.comparison-module__remove:hover {
    background-color: var(--color-background);
}
@media only screen and (max-width: 1200px) {
    .comparison-module__remove .icon {
        width: 16px;
        height: 16px;
    }
}
.comparison-module__popup-trigger {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: var(--color-hrast);
    position: absolute;
    z-index: 2;
    top: 14px;
    left: -6px;
    border: 1px solid var(--color-hrast);
    transition: background-color 0.3s ease;
}
@media only screen and (max-width: 1022px) {
    .comparison-module__popup-trigger {
        left: 0;
        background-color: transparent;
        border: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
}
.comparison-module__popup-trigger .icon {
    width: 18px;
    height: 16px;
}
@media only screen and (max-width: 1022px) {
    .comparison-module__popup-trigger .icon {
        display: none;
    }
}
.comparison-module__popup-trigger .icon::before {
    background-color: var(--color-white);
}
.comparison-module__popup-trigger:hover, .comparison-module__popup-trigger:focus {
    background-color: var(--color-background);
}
@media only screen and (max-width: 1022px) {
    .comparison-module__popup-trigger:hover, .comparison-module__popup-trigger:focus {
        background-color: transparent;
    }
}
.comparison-module__popup-trigger:hover .icon::before, .comparison-module__popup-trigger:focus .icon::before {
    background-color: var(--color-hrast);
}
.comparison-module__plan-list {
    position: relative;
    display: grid;
    grid-gap: 10px;
    width: 100%;
}
.comparison-module__plan-image {
    position: relative;
    height: 0;
    padding-bottom: 70%;
    display: block;
}
.comparison-module__plan-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    object-fit: contain;
    mix-blend-mode: multiply;
}
.comparison-module .swiper-button-lock {
    display: none;
}
.comparison-module--three-col .comparison-module__group .comparison-module__item:first-child .comparison-module__data {
    border-bottom: 0;
}
.comparison-module--three-col .comparison-module__group,
.comparison-module--three-col .comparison-module__list {
    grid-template-columns: 31% 31% 31%;
}
@media only screen and (max-width: 1440px) {
    .comparison-module--three-col .comparison-module__group,
    .comparison-module--three-col .comparison-module__list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 1022px) {
    .comparison-module--three-col .comparison-module__group,
    .comparison-module--three-col .comparison-module__list {
        grid-gap: 0;
    }
}
@media only screen and (max-width: 740px) {
    .comparison-module--three-col .comparison-module__group,
    .comparison-module--three-col .comparison-module__list {
        padding-right: 0;
        grid-template-columns: 180px 180px 180px;
    }
}
@media only screen and (min-width: 1201px) {
    .comparison-module--three-col .comparison-module__image {
        padding-bottom: 73%;
        margin-bottom: 40px;
    }
}
@media only screen and (min-width: 1201px) {
    .comparison-module--three-col .comparison-module__item-heading {
        padding: 40px 0;
    }
}
.comparison-module--one-col .comparison-module__group,
.comparison-module--one-col .comparison-module__list {
    grid-template-columns: 1fr;
}
.comparison-module--one-col .comparison-module__item:first-child .comparison-module__data::after {
    width: 100%;
}

.sc-comparison-module .gallery-modal__thumb-image img,
.sc-comparison-module .gallery-modal__image img {
    background-color: var(--color-breza);
}

.detail-page-header {
    position: relative;
}
.detail-page-header__date {
    margin-bottom: 16px;
}
@media only screen and (max-width: 1022px) {
    .detail-page-header__date {
        margin-top: 28px;
    }
}
.detail-page-header__text {
    max-width: 642px;
    line-height: 1.6;
    margin-top: 32px;
}
@media only screen and (max-width: 740px) {
    .detail-page-header__text {
        font-size: 20px;
        line-height: 1.55;
        letter-spacing: 0.5px;
    }
}
@media only screen and (max-width: 1022px) {
    .detail-page-header__social {
        margin: 24px 0 30px;
    }
}
@media only screen and (min-width: 1023px) {
    .detail-page-header__footer {
        position: relative;
        min-height: 1px;
        width: 100%;
    }
}
@media only screen and (min-width: 1023px) {
    .detail-page-header__footer-inner {
        position: relative;
    }
}
@media only screen and (min-width: 1023px) {
    .detail-page-header__footer-body {
        position: absolute;
        right: 0;
        transform: translate(100%, 0);
        top: 0;
        padding-left: 26px;
    }
}
@media only screen and (min-width: 1023px) {
    .detail-page-header .social-nav {
        margin-top: 20px;
    }
}
@media only screen and (max-width: 1022px) {
    .detail-page-header__link .margin {
        height: 44px;
    }
}
@media only screen and (max-width: 1022px) {
    .detail-page-header .margin--80 {
        height: 38px;
    }
}

.sc-detail-page-header {
    position: relative;
    z-index: 5;
}
.documents-download__title {
    margin-bottom: 34px;
}
@media only screen and (max-width: 1022px) {
    .documents-download__title {
        margin-bottom: 24px;
    }
}
.documents-download__links {
    border-left: 1px solid rgba(67, 48, 40, 0.3);
    padding-left: 24px;
    padding-bottom: 8px;
}
@media only screen and (max-width: 1022px) {
    .documents-download__links {
        margin-top: 40px;
    }
}
.documents-download__links-title {
    font-weight: 600;
    letter-spacing: 0.8px;
    margin-bottom: 24px;
}
.documents-download__links-items {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 26px;
}
.documents-download__text {
    padding-right: 92px;
    display: flex;
    flex-direction: column;
    gap: 28px;
}
@media only screen and (max-width: 1022px) {
    .documents-download__text {
        padding-right: 0;
    }
}
.documents-download__text .editor-text img {
    width: auto;
    border-radius: 0;
    margin: 0;
}
.documents-download__text-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    padding-right: 36px;
}
@media only screen and (max-width: 1022px) {
    .documents-download__text-links {
        grid-template-columns: 1fr;
        grid-gap: 12px;
    }
}
.documents-download__text-links > * {
    color: #f07e26;
    font-weight: 800;
}
.documents-download__text-links > *:nth-of-type(even) {
    text-align: right;
}
@media only screen and (max-width: 1022px) {
    .documents-download__text-links > *:nth-of-type(even) {
        text-align: left;
    }
}
.documents-download__link {
    color: #f07e26;
    font-weight: 800;
    text-decoration: underline;
}
.documents-download__btn {
    margin-top: 68px;
}
@media only screen and (max-width: 1022px) {
    .documents-download__btn {
        margin-top: 40px;
    }
}
.editor-text h6, .editor-text blockquote, .editor-text h5, .editor-text h4, .editor-text h3, .editor-text h2, .editor-text h1 {
    line-height: 1.2;
    font-weight: 600;
}

.editor-text h1 {
    font-size: 112px;
}
@media only screen and (max-width: 1440px) {
    .editor-text h1 {
        font-size: 100px;
    }
}
@media only screen and (max-width: 1200px) {
    .editor-text h1 {
        font-size: 80px;
    }
}
@media only screen and (max-width: 740px) {
    .editor-text h1 {
        font-size: 58px;
    }
}

.editor-text h2 {
    font-size: 64px;
}
@media only screen and (max-width: 1200px) {
    .editor-text h2 {
        font-size: 50px;
    }
}
@media only screen and (max-width: 740px) {
    .editor-text h2 {
        font-size: 44px;
    }
}

.editor-text h3 {
    font-size: 48px;
    line-height: 1.4;
    letter-spacing: 0;
}
@media only screen and (max-width: 1022px) {
    .editor-text h3 {
        font-size: 40px;
    }
}
@media only screen and (max-width: 740px) {
    .editor-text h3 {
        font-size: 32px;
    }
}

.editor-text h4 {
    font-size: 32px;
    line-height: 1.4;
}
@media only screen and (max-width: 1440px) {
    .editor-text h4 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 740px) {
    .editor-text h4 {
        font-size: 25px;
    }
}

.editor-text blockquote, .editor-text h5 {
    font-size: 21px;
    line-height: 1.5;
    letter-spacing: 0.5px;
}
@media only screen and (max-width: 740px) {
    .editor-text blockquote, .editor-text h5 {
        font-size: 18px;
        letter-spacing: 0.8px;
    }
}

.editor-text h6 {
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 1.05px;
}

.editor-text {
    width: 100%;
}
.container .editor-text .container {
    max-width: 100%;
    padding: 0;
}
.editor-text h1,
.editor-text h2,
.editor-text h3,
.editor-text h4,
.editor-text h5,
.editor-text h6 {
    margin-bottom: 18px;
}
.editor-text h1:first-child,
.editor-text h2:first-child,
.editor-text h3:first-child,
.editor-text h4:first-child,
.editor-text h5:first-child,
.editor-text h6:first-child {
    margin-top: 0;
}
.editor-text 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 {
    margin-bottom: 0;
}
.editor-text p,
.editor-text ul,
.editor-text ol,
.editor-text figure,
.editor-text table,
.editor-text blockquote {
    margin-top: 28px;
    margin-bottom: 28px;
}
.editor-text p:first-child,
.editor-text ul:first-child,
.editor-text ol:first-child,
.editor-text figure:first-child,
.editor-text table:first-child,
.editor-text blockquote:first-child {
    margin-top: 0;
}
.editor-text p:last-child,
.editor-text ul:last-child,
.editor-text ol:last-child,
.editor-text figure:last-child,
.editor-text table:last-child,
.editor-text blockquote:last-child {
    margin-bottom: 0;
}
.editor-text p a,
.editor-text ul a,
.editor-text ol a,
.editor-text figure a,
.editor-text table a,
.editor-text blockquote a {
    color: var(--color-jelovica);
    text-decoration: underline;
}
.editor-text p a:hover,
.editor-text ul a:hover,
.editor-text ol a:hover,
.editor-text figure a:hover,
.editor-text table a:hover,
.editor-text blockquote a:hover {
    color: var(--color-jelovica-rollover);
    text-decoration: none;
}
.editor-text p + h1, .editor-text p + h2, .editor-text p + h3, .editor-text p + h4, .editor-text p + h5, .editor-text p + h6,
.editor-text ul + h1,
.editor-text ul + h2,
.editor-text ul + h3,
.editor-text ul + h4,
.editor-text ul + h5,
.editor-text ul + h6,
.editor-text ol + h1,
.editor-text ol + h2,
.editor-text ol + h3,
.editor-text ol + h4,
.editor-text ol + h5,
.editor-text ol + h6 {
    margin-top: 56px;
}
.editor-text img {
    width: 100%;
    height: auto;
    margin: 26px 0;
}
@media only screen and (max-width: 740px) {
    .editor-text img {
        margin: 16px 0;
    }
}
.editor-text img:first-child {
    margin-top: 0;
}
.editor-text img:last-child {
    margin-bottom: 0;
}
.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 ol,
.editor-text ul {
    display: grid;
    padding-left: 0;
}
@media only screen and (max-width: 740px) {
    .editor-text ol,
    .editor-text ul {
        padding-left: 16px;
    }
}
.editor-text ol:last-child,
.editor-text ul:last-child {
    margin-bottom: 0;
}
.editor-text ol:first-child,
.editor-text ul:first-child {
    margin-top: 0;
}
.editor-text ol li,
.editor-text ul li {
    position: relative;
    padding-left: 24px;
}
.editor-text ol li::before,
.editor-text ul li::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 12px;
}
.editor-text ul li::before {
    border-radius: 100%;
    background-color: var(--color-hrast);
    width: 4px;
    height: 4px;
}
.editor-text ol {
    counter-reset: ol_text_counter;
}
.editor-text ol li {
    counter-increment: ol_text_counter;
    padding-left: 32px;
}
.editor-text ol li:before {
    content: counter(ol_text_counter) ".";
    top: 0;
}
.editor-text ol li:nth-of-type(n + 10) {
    padding-left: 40px;
}
.editor-text ol li:nth-of-type(n + 100) {
    padding-left: 52px;
}
.editor-text table {
    border: 1px solid;
    width: 100%;
}
.editor-text table tr {
    border-bottom: 1px solid;
}
.editor-text table th,
.editor-text table td {
    padding: 0.5em;
    height: auto !important;
}
.editor-text table th:not(:first-child),
.editor-text table td:not(:first-child) {
    border-left: 1px solid;
}
.editor-text blockquote {
    position: relative;
    padding-left: 42px;
    line-height: 1.55;
    max-width: 640px;
}
@media only screen and (max-width: 1022px) {
    .editor-text blockquote {
        max-width: 100%;
    }
}
@media only screen and (max-width: 740px) {
    .editor-text blockquote {
        padding-left: 32px;
    }
}
.editor-text blockquote::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color-jelovica);
}
.editor-text iframe {
    width: 100%;
    aspect-ratio: 16/9;
    height: auto;
    margin: 36px 0;
    border: 0;
}
.editor-text iframe:last-child {
    margin-bottom: 0;
}
.editor-text iframe:first-child {
    margin-top: 0;
}
.editor-text .wp-caption {
    width: 100% !important;
    margin-bottom: 40px;
}
.editor-text .wp-caption img {
    margin-bottom: 12px;
}
.editor-text .wp-caption img:last-child {
    margin-bottom: 0;
}
.editor-text .wp-caption p {
    margin: 0;
    font-size: 13px;
}
.site-footer {
    position: relative;
    width: 100%;
    background-color: #433028;
    color: #eae3d2;
    padding: 88px 0 56px;
    font-size: 15px;
}
@media only screen and (max-width: 1022px) {
    .site-footer {
        font-size: 14px;
    }
}
@media only screen and (max-width: 740px) {
    .site-footer {
        padding: 54px 0;
    }
}
.site-footer__logo {
    display: inline-flex;
    position: relative;
    margin-bottom: 140px;
    transition: 0.3s ease;
    padding-left: 94px;
}
@media only screen and (max-width: 1440px) {
    .site-footer__logo {
        padding-left: 86px;
        margin-bottom: 80px;
    }
}
@media only screen and (max-width: 1200px) {
    .site-footer__logo {
        padding-left: 74px;
    }
}
@media only screen and (max-width: 1022px) {
    .site-footer__logo {
        padding-left: 0;
    }
}
.site-footer__logo:hover {
    opacity: 0.5;
}
.site-footer__logo-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
}
.site-footer__logo-icon img {
    object-fit: contain;
    width: 100%;
    height: auto;
}
.site-footer__copyright {
    margin-top: 204px;
}
@media only screen and (max-width: 1200px) {
    .site-footer__copyright {
        margin-top: 120px;
    }
}
@media only screen and (max-width: 1022px) {
    .site-footer__copyright {
        font-size: 15px;
    }
}
.site-footer__copyright br {
    display: none;
}
@media only screen and (max-width: 1022px) {
    .site-footer__copyright br {
        display: inline;
    }
}
.site-footer__row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 88px;
}
@media only screen and (max-width: 1440px) {
    .site-footer__row {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media only screen and (max-width: 1022px) {
    .site-footer__row {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media only screen and (max-width: 740px) {
    .site-footer__row {
        grid-gap: 88px 44px;
        grid-template-columns: repeat(2, 1fr);
    }
}
.site-footer .title {
    margin-bottom: 18px;
}
@media only screen and (max-width: 740px) {
    .site-footer .title {
        margin-bottom: 16px;
    }
}
.site-footer__links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.site-footer__link, .site-footer__contact a {
    font-size: 15px;
    position: relative;
    background: linear-gradient(currentColor, currentColor) left bottom no-repeat;
    background-size: 0% 2px;
    transition: 0.3s ease;
    padding-bottom: 2px;
}
.site-footer__link:hover, .site-footer__contact a:hover {
    color: #f07e26;
    background-size: 100% 2px;
}
.site-footer__social {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
}
@media only screen and (max-width: 740px) {
    .site-footer__social {
        flex-direction: row;
    }
}
.site-footer__social-item {
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.site-footer__social-item:hover {
    transform: scale(1.06);
    box-shadow: 0 0 0 3px rgba(234, 227, 210, 0.2);
}
.site-footer__social-item .icon {
    width: 42px;
    height: 42px;
}
.site-footer__social-item .icon:before {
    background-color: var(--color-breza);
}
.site-footer .editor-text p {
    margin-bottom: 18px;
    margin-top: 18px;
}
.site-footer .editor-text p a {
    color: inherit;
    text-decoration: none;
}
.site-footer .editor-text p:first-child {
    margin-top: 0;
}
.site-footer .editor-text p:last-child {
    margin-bottom: 0;
}
@media only screen and (max-width: 740px) {
    .site-footer .col-xs-6 {
        margin-bottom: 72px;
    }
}
.form-module {
    display: grid;
    grid-template-columns: 544px 1fr;
    grid-gap: 120px;
}
@media only screen and (max-width: 1022px) {
    .form-module {
        grid-template-columns: 1fr;
        grid-gap: 80px;
    }
}
.form-module__title {
    margin-bottom: 56px;
}
@media only screen and (max-width: 1022px) {
    .form-module__title {
        margin-bottom: 32px;
    }
}
.show-thankyou .form-module__title {
    display: none;
}
.form-module__intro-text {
    margin-bottom: 56px;
}
@media only screen and (max-width: 1022px) {
    .form-module__intro-text {
        margin-top: -16px;
        margin-bottom: 32px;
    }
}
.show-thankyou .form-module__intro-text {
    display: none;
}
.form-module__text a {
    text-decoration: underline;
}
.form-module__text a:hover {
    text-decoration: none;
}
.form-module__socials {
    margin-top: 48px;
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}
.form-module__social {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    overflow: hidden;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.form-module__social:hover {
    transform: scale(1.06);
    box-shadow: 0 0 0 3px rgba(67, 48, 40, 0.2);
}
.form-module__social .icon {
    width: 32px;
    height: 32px;
}
.form-module__social .icon:before {
    background-color: var(--color-hrast);
}
.form-module .upload-box {
    margin-bottom: 0;
}
.form-module .form-component__item:last-child {
    margin-bottom: 0;
}
.form-module .form-component__checkbox {
    margin-bottom: -16px;
}
.form-module .form-component__info-text {
    margin: -16px 0 0;
}

@media only screen and (max-width: 1200px) {
    .sc-form-module .section-margin:last-child .margin {
        height: 120px;
    }
}
@media only screen and (max-width: 740px) {
    .sc-form-module .section-margin:last-child .margin {
        height: 100px;
    }
}
.get-in-touch {
    position: relative;
    padding: 124px 0;
}
@media only screen and (max-width: 1022px) {
    .get-in-touch {
        padding: 80px 0;
    }
}
.get-in-touch__super-title {
    margin-bottom: 18px;
}
.get-in-touch__title {
    margin-bottom: 84px;
}
@media only screen and (max-width: 740px) {
    .get-in-touch__title {
        margin-bottom: 40px;
    }
}
.get-in-touch__list {
    display: grid;
    grid-gap: 16px;
}
@media only screen and (max-width: 1022px) {
    .get-in-touch__list {
        grid-gap: 40px;
    }
}
.get-in-touch__item {
    display: grid;
    grid-template-columns: 1fr 300px 240px;
    grid-gap: 80px;
    padding-bottom: 36px;
    padding-right: 18px;
    border-bottom: 1px solid rgba(67, 48, 40, 0.3);
}
@media only screen and (max-width: 1022px) {
    .get-in-touch__item {
        grid-gap: 20px;
        padding-right: 0;
        grid-template-columns: 1fr;
        padding-bottom: 40px;
    }
}
.get-in-touch__item:last-child {
    border: 0;
    padding-bottom: 0;
}
@media only screen and (max-width: 1022px) {
    .get-in-touch__item .title {
        font-size: 21px;
        letter-spacing: 0.5px;
    }
}
.get-in-touch .btn:hover {
    padding-right: 0;
    padding-left: 34px;
}
.half-screen-image-button {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 1022px) {
    .half-screen-image-button {
        grid-template-columns: 1fr;
    }
}
.half-screen-image-button__item {
    position: relative;
    min-height: 720px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}
@media only screen and (max-width: 1440px) {
    .half-screen-image-button__item {
        min-height: 640px;
    }
}
@media only screen and (max-width: 1200px) {
    .half-screen-image-button__item {
        min-height: 600px;
    }
}
@media only screen and (max-width: 1022px) {
    .half-screen-image-button__item {
        min-height: 1px;
        aspect-ratio: 1/1;
    }
}
.half-screen-image-button__item:hover .btn--ghost {
    padding-right: 16px;
    padding-left: 46px;
}
.half-screen-image-button__item:hover .btn--ghost::before {
    transform: translate(0, -50%);
}
.half-screen-image-button__item:hover .btn--ghost::after {
    transform: translate(100%, -50%);
}
.half-screen-image-button__item:active .btn--ghost {
    background-color: transparent;
    color: var(--color-jelovica-rollover);
}
.half-screen-image-button__item:active .btn--ghost::before, .half-screen-image-button__item:active .btn--ghost::after {
    color: var(--color-jelovica-rollover);
}
.half-screen-image-button__image::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(to top, rgba(40, 25, 19, 0.6) 0%, rgba(0, 0, 0, 0) 68.4%);
    z-index: 2;
}
.half-screen-image-button__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    color: var(--color-breza);
    z-index: 3;
    padding: 80px;
    gap: 8px;
}
@media only screen and (max-width: 1440px) {
    .half-screen-image-button__content {
        padding: 60px;
    }
}
@media only screen and (max-width: 1022px) {
    .half-screen-image-button__content {
        padding: 50px 30px;
    }
}
.half-screen-image-button__content .btn {
    color: currentColor;
}
.hero-module {
    position: relative;
    z-index: 3;
}
.hero-module__content {
    position: relative;
    z-index: 3;
    max-width: 856px;
    width: 100%;
    color: var(--color-breza);
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
    .hero-module__content {
        padding-left: 40px;
    }
}
.hero-module .breadcrumbs, .hero-module__text, .hero-module__button, .hero-module__title {
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0;
    transform: translate(0, 100px);
}
.page-loaded .hero-module .breadcrumbs, .page-loaded .hero-module__text, .page-loaded .hero-module__button, .page-loaded .hero-module__title {
    opacity: 1;
    transform: translate(0, 0);
}
.hero-module__title {
    margin-bottom: 24px;
    transition-delay: 0.05s;
}
@media only screen and (max-width: 740px) {
    .hero-module__title {
        margin-bottom: 16px;
    }
}
.hero-module__text {
    max-width: 494px;
    width: 100%;
    margin-bottom: 56px;
    transition-delay: 0.1s;
}
@media only screen and (max-width: 740px) {
    .hero-module__text {
        margin-bottom: 36px;
    }
}
.hero-module__button {
    transition-delay: 0.2s;
}
.hero-module__image {
    z-index: -1;
}
@media only screen and (max-width: 1022px) {
    .hero-module__pagination {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: calc(100dvh - 70px);
        pointer-events: none;
        display: flex;
        align-items: flex-end;
        padding-bottom: 40px;
        justify-content: center;
    }
}
.hero-module__slide {
    display: flex;
    align-items: center;
    height: auto;
    min-height: calc(100vh - 90px);
    padding: 80px 0;
}
@media only screen and (max-width: 740px) {
    .hero-module__slide {
        min-height: calc(100vh - 70px);
        align-items: flex-start;
        padding: 56px 0;
    }
}
.hero-module__slide::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, rgba(40, 25, 19, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 2;
}
@media only screen and (max-width: 1022px) {
    .hero-module__slide::before {
        background: linear-gradient(90deg, rgba(40, 25, 19, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    }
}
.hero-module__slide--light-background::before {
    background: linear-gradient(104.64deg, rgba(234, 227, 210, 0.3) -0.62%, rgba(234, 227, 210, 0) 57.52%);
}
.hero-module__slide--dark-background::before {
    background: linear-gradient(104.64deg, rgba(0, 0, 0, 0.5) -0.62%, rgba(0, 0, 0, 0) 57.52%);
}
.hero-module__slide--no-background::before {
    display: none;
}
.hero-module .swiper-pagination-bullets {
    bottom: initial;
    top: 50%;
    right: initial;
    left: 30px;
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    transform: translate(0, -50%);
}
@media only screen and (max-width: 1022px) {
    .hero-module .swiper-pagination-bullets {
        position: relative;
        top: 0;
        transform: translate(0, 0);
        flex-direction: row;
        justify-content: center;
        left: 0;
        pointer-events: all;
    }
}
.hero-module .swiper-pagination-bullet {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: var(--color-breza);
    opacity: 1;
    transition: 0.3s ease;
    margin: 0 !important;
}
.hero-module .swiper-pagination-bullet-active {
    background-color: var(--color-jelovica);
    width: 16px;
    height: 16px;
}
.hero-module .breadcrumbs {
    margin-bottom: 36px;
}
.hero-module--small-heading .hero-module__image {
    height: 70vh;
}
@media only screen and (max-width: 740px) {
    .hero-module--small-heading .hero-module__image {
        min-height: calc(100vh - 70px);
    }
}
.hero-module--small-heading .hero-module__slide {
    align-items: flex-start;
    min-height: 70vh;
    padding: 136px 0 80px;
}
@media only screen and (max-width: 1200px) {
    .hero-module--small-heading .hero-module__slide {
        padding: 80px 0;
    }
}
@media only screen and (max-width: 740px) {
    .hero-module--small-heading .hero-module__slide {
        padding: 56px 0;
        align-items: center;
        min-height: calc(100vh - 70px);
    }
}
.hero-module--small-heading .hero-module__slide::before {
    background: linear-gradient(104.64deg, rgba(0, 0, 0, 0.5) -0.62%, rgba(0, 0, 0, 0) 57.52%);
}
.hero-module--house-hero .hero-module__slide {
    align-items: stretch;
    padding: 55px 0;
}
.hero-module--house-hero .hero-module__content,
.hero-module--house-hero .container {
    flex: auto;
    display: flex;
    flex-direction: column;
}
.hero-module--house-hero .hero-module__content {
    color: var(--color-hrast);
}
.hero-module--house-hero .hero-module__button {
    margin: auto 0 10px;
}
.house-detail__row {
    display: grid;
    grid-gap: 32px 24px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 72px;
}
@media only screen and (max-width: 740px) {
    .house-detail__row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 24px;
        margin-bottom: 40px;
    }
}
.house-detail__row:last-child {
    margin-bottom: 0;
}
.house-detail__body {
    display: grid;
    grid-gap: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 1022px) {
    .house-detail__body {
        grid-template-columns: 1fr;
    }
}
.house-detail__item {
    display: grid;
    grid-gap: 10px;
}
.house-key-visual__body::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}

.house-key-visual {
    position: relative;
}
.house-key-visual__body {
    position: relative;
    padding-bottom: 49.5%;
}
@media (min-width: 1920px) {
    .house-key-visual__body {
        padding-bottom: 46%;
    }
}
@media only screen and (max-width: 1022px) {
    .house-key-visual__body {
        padding-bottom: 56.24%;
    }
}
.house-key-visual__body::before {
    z-index: 2;
    background: linear-gradient(104.64deg, rgba(234, 227, 210, 0.5) -0.62%, rgba(234, 227, 210, 0) 57.52%);
}
.house-key-visual--dark-background .house-key-visual__body::before {
    background: linear-gradient(104.64deg, rgba(0, 0, 0, 0.5) -0.62%, rgba(0, 0, 0, 0) 57.52%);
}
.house-key-visual--image-only .house-key-visual__body::before {
    display: none;
}
.house-list {
    position: relative;
}
.house-list .product-filter {
    margin-bottom: 94px;
}
@media only screen and (max-width: 1022px) {
    .house-list .product-filter {
        margin-bottom: 0;
    }
}
@media only screen and (min-width: 1023px) {
    .house-list .product-filter__row {
        display: flex;
        grid-gap: 0;
        gap: 24px;
        flex-wrap: wrap;
    }
}
@media only screen and (min-width: 1023px) {
    .house-list .product-filter__item:nth-of-type(3n) {
        padding: 0;
    }
    .house-list .product-filter__item--radios, .house-list .product-filter__item--checkboxes {
        flex-shrink: 0;
        width: 15%;
    }
    .house-list .product-filter__item--range-slider {
        flex-shrink: 0;
        width: 40.5%;
    }
}
.house-list .checkbox__image img {
    max-width: 26px;
    height: auto;
    object-fit: contain;
}
.house-list .range-slider {
    max-width: 356px;
}
.house-list .range-slider__labels {
    width: calc(100% + 24px);
    margin-left: -12px;
    justify-content: space-between;
}
.house-list__row {
    display: grid;
    grid-gap: 24px 25px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media only screen and (max-width: 1022px) {
    .house-list__row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 740px) {
    .house-list__row {
        grid-template-columns: 1fr;
    }
}
.house-list .card {
    max-width: 100%;
}
.house-matrix .radio-button-group {
    max-width: 100%;
}
.house-matrix .radio-button-group .radio-button,
.house-matrix .radio-button-group .radio-button__label {
    min-width: 100%;
    width: 100%;
}
.house-matrix__category-selection {
    margin-bottom: 24px;
}
.house-matrix .house-tabs,
.house-matrix .house-info,
.house-matrix .image-card-list {
    max-width: 100%;
}
.house-matrix__not-found {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.house-matrix.is-open-details .house-tabs {
    display: grid;
}
.house-matrix.is-open-details .house-info {
    display: block;
}
.house-matrix.is-open-details .image-card-list {
    display: none;
}
.house-plan-tabs .tab {
    text-align: center;
    margin-bottom: 22px;
}
@media only screen and (max-width: 740px) {
    .house-plan-tabs .tab__list {
        width: 100%;
    }
}
@media only screen and (max-width: 740px) {
    .house-plan-tabs .tab__item {
        flex: auto;
    }
}
@media only screen and (max-width: 740px) {
    .house-plan-tabs .tab__link {
        width: 100%;
    }
}
.house-plan-tabs__content {
    display: none;
}
.house-plan-tabs__content.is-active {
    display: block;
}
.house-plan-tabs__inner {
    display: grid;
    grid-template-columns: 68.6% 1fr;
    grid-gap: 28px;
    align-items: flex-start;
}
@media only screen and (max-width: 1200px) {
    .house-plan-tabs__inner {
        grid-template-columns: 60% 1fr;
    }
}
@media only screen and (max-width: 1022px) {
    .house-plan-tabs__inner {
        grid-template-columns: 1fr;
    }
}
.house-plan-tabs__image {
    position: relative;
    height: 0;
    padding-bottom: 70%;
}
.house-plan-tabs__image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    object-fit: contain;
    mix-blend-mode: multiply;
}
.house-plan-tabs__image-wrapper {
    display: grid;
    grid-gap: 20px;
}
.house-plan-tabs .swiper-button-lock {
    display: none;
}
.house-plan-tabs__popup-trigger {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: var(--color-hrast);
    position: absolute;
    z-index: 2;
    top: 20px;
    left: 0;
    border: 1px solid var(--color-hrast);
    transition: background-color 0.3s ease;
}
@media only screen and (max-width: 740px) {
    .house-plan-tabs__popup-trigger {
        width: 30px;
        height: 30px;
        top: 10px;
    }
}
.house-plan-tabs__popup-trigger .icon {
    width: 18px;
    height: 16px;
}
.house-plan-tabs__popup-trigger .icon::before {
    background-color: var(--color-white);
}
.house-plan-tabs__popup-trigger:hover, .house-plan-tabs__popup-trigger:focus {
    background-color: var(--color-background);
}
.house-plan-tabs__popup-trigger:hover .icon::before, .house-plan-tabs__popup-trigger:focus .icon::before {
    background-color: var(--color-hrast);
}
.house-plan-tabs__area-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.house-plan-tabs__area-info p:last-child {
    flex-shrink: 0;
}
.house-plan-tabs__area-info-number {
    margin-right: 10px;
}
.house-plan-tabs__area-info-list {
    display: grid;
    grid-gap: 4px;
    margin-top: 44px;
}
@media only screen and (max-width: 1022px) {
    .house-plan-tabs__area-info-list {
        margin-top: 0;
    }
}
.house-plan-tabs__area-info-list sup {
    font-size: 60%;
}
.house-plan-tabs__area-info-total {
    margin-top: 5px;
    padding-top: 8px;
    border-top: 2px solid var(--color-hrast);
}
.house-plan-tabs__footer {
    margin-top: 56px;
}
@media only screen and (max-width: 740px) {
    .house-plan-tabs__footer {
        margin-top: 40px;
    }
}
.house-plan-tabs .gallery-modal img {
    background-color: var(--color-breza);
}
.image-text {
    position: relative;
}
.image-text__image {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 78.5%;
}
.image-text__content {
    display: flex;
    flex-direction: column;
    grid-gap: 24px;
}
@media only screen and (max-width: 1022px) {
    .image-text__content {
        margin-top: 40px;
    }
}
.image-text__content .title {
    line-height: 1.35;
}
.image-text__text {
    margin-bottom: 30px;
}
@media only screen and (max-width: 1022px) {
    .image-text__text {
        margin-bottom: 16px;
    }
}
.image-text--reverse {
    flex-direction: row-reverse;
    gap: 8px;
}
@media only screen and (max-width: 1022px) {
    .image-text--reverse {
        flex-direction: column;
        gap: 30px;
    }
}
.image-with-caption {
    position: relative;
}
.image-with-caption .container {
    position: relative;
    z-index: 3;
}
.image-with-caption .container .container {
    max-width: 100%;
    padding: 0;
    width: 100%;
}
.image-with-caption__image {
    position: relative;
    margin: 0;
}
@media only screen and (max-width: 1022px) {
    .image-with-caption__image {
        width: calc(100% + 54px);
        left: -27px;
    }
}
.image-with-caption__image img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
}
.image-with-caption__caption {
    padding: 12px 0;
    line-height: 1.5;
    position: relative;
    z-index: 1;
}
@media only screen and (max-width: 1022px) {
    .image-with-caption__caption {
        padding: 12px 27px;
    }
}
.image-with-caption__date {
    margin-bottom: 20px;
}
.image-with-caption--full-width .section-header__inner {
    max-width: 100%;
}
@media only screen and (max-width: 1022px) {
    .image-with-caption--full-screen .image-with-caption__image {
        width: 100%;
        left: 0;
    }
}
.map {
    width: 100%;
    position: relative;
}
.map-pins {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.map-items {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    display: flex;
    align-items: center;
    padding: 40px;
}
@media only screen and (max-width: 1022px) {
    .map-items {
        padding: 0;
        position: relative;
    }
}
.map-items.hide {
    display: none;
}
.map-item {
    background-color: #fff9eb;
    border-radius: 8px;
    padding: 48px 48px 48px 56px;
    width: 432px;
    position: relative;
    z-index: 1;
    display: none;
    max-height: 100%;
    overflow: auto;
    pointer-events: auto;
}
.map-item.is-active {
    display: block;
}
@media only screen and (max-width: 1022px) {
    .map-item {
        border-radius: 0;
        width: 100%;
        padding: 48px 24px;
    }
}
.map-item__content .editor-text a {
    color: currentColor;
    transition: 0.3s ease;
}
.map-item__content .editor-text a:hover {
    color: #f07e26;
}
.map-item__title {
    margin-bottom: 20px;
}
.map-item__legend {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}
.map-item__legend-item {
    display: flex;
    align-items: center;
    gap: 8px;
}
.map-item__close {
    position: absolute;
    right: 22px;
    top: 22px;
    z-index: 3;
}
.map-item__close .icon {
    transition: transform 0.3s ease;
}
.map-item__close:hover .icon {
    transform: scale(1.1);
}
.map-item__close:hover .icon::before {
    background-color: var(--color-hrast-rollover);
}
.map-switcher {
    background-color: #fff9eb;
    padding: 8px;
    border-radius: 48px;
    position: absolute;
    top: 70px;
    right: 40px;
    display: inline-flex;
    gap: 8px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
}
@media only screen and (max-width: 1022px) {
    .map-switcher {
        top: 40px;
        right: 24px;
    }
}
.map-switcher__btn {
    padding: 8px 16px;
    border-radius: 48px;
    cursor: pointer;
    transition: 0.3s ease;
}
.map-switcher__btn:hover, .map-switcher__btn.is-active {
    background-color: #eae3d2;
}
.map-ui {
    position: absolute;
    bottom: 60px;
    right: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
@media only screen and (max-width: 1022px) {
    .map-ui {
        bottom: auto;
        right: 24px;
        top: 400px;
    }
}
.map-ui > div {
    background-color: #fff9eb;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s ease;
}
.map-ui > div:hover {
    background-color: #eae3d2;
}
.map-ui > div .icon {
    width: 18px;
}
.map-init {
    width: 100%;
    height: 676px;
}
@media only screen and (max-width: 1022px) {
    .map-init {
        height: 540px;
    }
}
.image-gallery {
    position: relative;
    overflow: hidden;
}
.image-gallery__image {
    position: relative;
    width: 760px;
    height: 0;
    padding-bottom: 66.5%;
    cursor: pointer;
    overflow: hidden;
}
@media only screen and (max-width: 1200px) {
    .image-gallery__image {
        width: 600px;
    }
}
@media only screen and (max-width: 1022px) {
    .image-gallery__image {
        width: 100%;
    }
}
.image-gallery__image img {
    transform: scale(1.00001);
    transition: transform 0.6s ease;
}
.image-gallery__image:hover img {
    transform: scale(1.08);
}
.image-gallery .swiper {
    overflow: visible;
}
.image-gallery .swiper-slide {
    width: auto;
}
.image-gallery__nav {
    margin-top: 22px;
    display: flex;
    gap: 40px;
}
@media only screen and (max-width: 1022px) {
    .image-gallery__nav {
        gap: 24px;
    }
}
.image-gallery__nav-arrow {
    background-color: var(--color-background);
    width: 32px;
    height: 32px;
    border-radius: 100%;
    transition: background-color 0.3s ease, opacity 0.3s ease;
}
.image-gallery__nav-arrow .icon::before {
    background-color: var(--color-hrast);
}
.image-gallery__nav-arrow[aria-disabled=true] {
    opacity: 0.5;
    pointer-events: none;
}
.image-gallery__nav-arrow:hover {
    background-color: var(--color-hrast);
}
.image-gallery__nav-arrow:hover .icon::before {
    background-color: var(--color-white);
}
.image-gallery .swiper-wrapper:hover {
    cursor: grab;
}
.image-gallery .swiper-wrapper:active {
    cursor: grabbing;
}
.newsletter-banner {
    padding: 56px 0;
    background-color: #281913;
    color: #eae3d2;
}
@media only screen and (max-width: 1022px) {
    .newsletter-banner {
        padding: 80px 0;
    }
}
.newsletter-banner.is-sent .newsletter-banner__title,
.newsletter-banner.is-sent .newsletter-banner__left-content {
    display: none;
}
.newsletter-banner.is-sent .newsletter-banner__left-sent,
.newsletter-banner.is-sent .newsletter-banner__right-sent {
    display: block;
}
.newsletter-banner.is-sent .newsletter-banner__right-form {
    margin: 0;
}
@media only screen and (max-width: 1022px) {
    .newsletter-banner.is-sent .newsletter-banner__right-form {
        margin-top: 20px;
    }
}
.newsletter-banner .title {
    margin-bottom: 12px;
    max-width: 50%;
}
@media only screen and (max-width: 1022px) {
    .newsletter-banner .title {
        font-size: 25px;
        max-width: 100%;
        letter-spacing: 0;
        margin-bottom: 16px;
    }
}
@media only screen and (max-width: 1022px) {
    .newsletter-banner__text {
        font-size: 13px;
    }
}
.newsletter-banner__left-sent {
    display: none;
}
.newsletter-banner__right-sent {
    display: none;
}
.newsletter-banner__right-sent__email {
    opacity: 0.6;
    margin-bottom: 8px;
}
.newsletter-banner .mod-input ::-webkit-input-placeholder {
    color: #433028;
    opacity: 1;
}
.newsletter-banner .mod-input ::-moz-placeholder {
    color: #433028;
    opacity: 1;
}
.newsletter-banner .mod-input ::-ms-input-placeholder {
    color: #433028;
    opacity: 1;
}
.newsletter-banner .mod-input :-moz-placeholder {
    color: #433028;
    opacity: 1;
}
.newsletter-banner .mod-input :-ms-input-placeholder {
    color: #433028;
    opacity: 1;
}
.newsletter-banner .mod-input ::placeholder {
    color: #433028;
    opacity: 1;
}
.newsletter-banner .mod-input__inner {
    width: 100%;
}
.newsletter-banner .mod-input__field {
    font-weight: 600;
    padding: 8px 170px 8px 14px;
    border-radius: 6px;
    background-color: var(--color-background);
}
.newsletter-banner .mod-input__field:focus {
    border-color: var(--color-background);
}
.is-validation-failed .newsletter-banner .mod-input__field, .newsletter-banner .mod-input__field.is-validation-failed {
    border-color: var(--color-background);
}
.newsletter-banner .form-component__item {
    margin: 0 0 16px;
}
.newsletter-banner .form-component__item:last-child {
    margin-bottom: 0;
}
.newsletter-banner .form-component__submit {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}
@media only screen and (max-width: 1022px) {
    .newsletter-banner .form-component__submit .btn {
        min-width: 120px;
    }
}
.newsletter-banner .btn__icon {
    display: none;
}
.newsletter-banner .fv-plugins-message-container {
    font-size: 12px;
}
.newsletter-banner .form-component__alert {
    padding: 5px 16px;
}
.newsletter-banner__content {
    display: grid;
    grid-template-columns: 354px 1fr;
    grid-gap: 120px;
}
@media only screen and (max-width: 1200px) {
    .newsletter-banner__content {
        grid-gap: 96px;
    }
}
@media only screen and (max-width: 1022px) {
    .newsletter-banner__content {
        grid-template-columns: 1fr;
        grid-gap: 24px;
    }
}
.newsletter-banner__confirm-link {
    color: var(--color-jelovica);
    display: inline-block;
}
.newsletter-banner__confirm-link[href] {
    background: linear-gradient(currentColor, currentColor) left bottom no-repeat;
    transition: 0.3s ease;
    padding-bottom: 1px;
    background-size: 0% 2px;
}
.newsletter-banner__confirm-link[href]:hover {
    background-size: 100% 2px;
}
.newsletter-banner__resend-link {
    display: inline-flex;
    color: var(--color-jelovica);
    transition: 0.3s ease;
    padding-bottom: 1px;
    text-decoration: underline;
    margin-top: 40px;
}
.newsletter-banner__resend-link:hover {
    text-decoration: none;
}
@media only screen and (max-width: 1022px) {
    .newsletter-banner__resend-link {
        margin-top: 12px;
    }
}
.newsletter-banner .checkbox {
    font-size: 14px;
    user-select: none;
}
.newsletter-banner .checkbox__label:before, .newsletter-banner .checkbox__label::after {
    width: 22px;
    height: 22px;
    top: 2px;
}
.newsletter-banner .checkbox__label:before {
    border: 1px solid var(--color-breza);
}
.newsletter-banner .checkbox__label::after {
    background-size: 12px auto;
}
.newsletter-banner .mod-loader {
    background-color: #281913;
}
.newsletter-banner .mod-loader__spinner {
    border: 5px solid var(--color-breza);
    border-top: 5px solid transparent;
}
.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%;
}
.one-col-text {
    position: relative;
    padding: 0;
}
.one-col-text__title {
    margin-bottom: 36px;
    line-height: 1.4;
    padding: 0;
}
.one-col-text .editor-text p {
    margin-top: 0;
}
.one-col-text .editor-text p + h1, .one-col-text .editor-text p + h2, .one-col-text .editor-text p + h3, .one-col-text .editor-text p + h4, .one-col-text .editor-text p + h5, .one-col-text .editor-text p + h6 {
    margin-top: 30px;
    margin-bottom: 0;
}
.one-col-text .editor-text h4,
.one-col-text .editor-text h5,
.one-col-text .editor-text h6 {
    font-weight: 800;
}
.page-header {
    position: relative;
}
.page-header__image {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 48%;
}
@media only screen and (max-width: 1022px) {
    .page-header__image {
        padding-bottom: 56.24%;
        width: calc(100% + 54px);
        left: -27px;
    }
}
@media only screen and (max-width: 740px) {
    .page-header__image {
        padding-bottom: 86%;
    }
}
.page-header__link {
    margin-bottom: 56px;
}
@media only screen and (max-width: 1022px) {
    .page-header__link {
        margin-bottom: 24px;
    }
}
.page-header .section-header:last-child {
    margin-bottom: 0;
}
.page-header .section-header__inner {
    grid-gap: 36px;
}
@media only screen and (max-width: 1022px) {
    .page-header .section-header__inner {
        grid-gap: 24px;
    }
}
.product-detail {
    position: relative;
}
.product-detail__header {
    position: relative;
    margin-bottom: 72px;
}
@media only screen and (max-width: 740px) {
    .product-detail__header {
        margin-bottom: 30px;
    }
}
.product-detail__header .section-header {
    margin-bottom: 30px;
}
.product-detail__header .section-header__text {
    line-height: 1.55;
}
.product-detail__header .btn {
    position: fixed;
    top: 140px;
    z-index: 20;
    right: 90px;
}
@media only screen and (max-width: 740px) {
    .product-detail__header .btn {
        top: initial;
        right: 50%;
        bottom: 30px;
        transform: translate(50%, 0);
        white-space: nowrap;
    }
}
.product-detail__row {
    display: grid;
    grid-template-columns: 220px 1fr 168px;
    justify-content: center;
    grid-gap: 12px;
}
@media only screen and (max-width: 1022px) {
    .product-detail__row {
        grid-template-columns: 200px 1fr 150px;
    }
}
@media only screen and (max-width: 740px) {
    .product-detail__row {
        grid-template-columns: 1fr;
        grid-gap: 64px;
    }
}
.product-detail__left {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.product-detail__left-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
@media only screen and (max-width: 740px) {
    .product-detail__left-item {
        gap: 10px;
    }
}
@media only screen and (max-width: 740px) {
    .product-detail__left-item .title {
        letter-spacing: 0.33px;
    }
}
.product-detail__middle {
    position: relative;
}
@media only screen and (max-width: 740px) {
    .product-detail__middle {
        order: -1;
    }
}
.product-detail__labels {
    position: absolute;
    left: 52px;
    top: 0;
    z-index: 3;
    display: grid;
    grid-gap: 16px;
}
@media only screen and (max-width: 1440px) {
    .product-detail__labels {
        left: 0;
    }
}
@media only screen and (max-width: 740px) {
    .product-detail__labels {
        grid-gap: 8px;
    }
}
.product-detail__labels-item {
    width: 58px;
    height: 58px;
    background-color: var(--color-jelovica);
    border-radius: 100%;
    overflow: hidden;
}
@media only screen and (max-width: 740px) {
    .product-detail__labels-item {
        width: 40px;
        height: 40px;
    }
}
.product-detail__labels-item .icon {
    color: var(--color-hrast);
}
@media only screen and (max-width: 740px) {
    .product-detail__labels .icon-novo {
        width: 24px;
        height: 12px;
    }
}
@media only screen and (max-width: 740px) {
    .product-detail__labels .icon-percentage {
        width: 14px;
        height: 16px;
    }
}
.product-detail__right {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
@media only screen and (max-width: 740px) {
    .product-detail__right {
        margin-top: -25px;
        gap: 10px;
    }
}
.product-detail__eco-logo {
    max-width: 130px;
    width: 100%;
    margin-top: 50px;
}
@media only screen and (max-width: 740px) {
    .product-detail__eco-logo {
        margin-top: 46px;
        max-width: 150px;
    }
}
.product-detail__eco-logo img {
    object-fit: contain;
}
.product-detail__materials {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
@media only screen and (max-width: 740px) {
    .product-detail__materials {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 16px 50px;
    }
}
.product-detail__materials-item {
    display: flex;
    align-items: center;
    gap: 16px;
}
.product-detail__materials-item-image {
    width: 51px;
    height: 51px;
    border-radius: 100%;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
}
.product-features {
    position: relative;
}
@media only screen and (max-width: 1022px) {
    .product-features .row {
        flex-direction: column-reverse;
    }
}
.product-features__header {
    margin-bottom: 74px;
    max-width: 448px;
}
@media only screen and (max-width: 1022px) {
    .product-features__header {
        margin-bottom: 44px;
    }
}
.product-features__image {
    position: relative;
    width: 100%;
}
@media only screen and (max-width: 1022px) {
    .product-features__image {
        max-width: 260px;
        margin: 0 auto 50px;
    }
}
.product-features__image img {
    width: 100%;
    height: auto;
}
.product-features__item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.product-features__properties {
    display: grid;
    grid-gap: 40px 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 520px) {
    .product-features__properties {
        grid-template-columns: 1fr;
        grid-gap: 24px;
    }
}
.product-features__properties-with-icons {
    grid-template-columns: 1fr;
    grid-gap: 40px;
}
@media (max-width: 520px) {
    .product-features__properties-with-icons {
        grid-template-columns: 1fr;
        grid-gap: 24px;
    }
}
.product-features__properties-item {
    display: flex;
    gap: 24px;
}
.product-features__properties-icon {
    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    background-color: var(--color-gray);
    flex-shrink: 0;
}
.product-features__properties-content {
    display: flex;
    gap: 10px;
    flex-direction: column;
}
@media only screen and (max-width: 740px) {
    .product-features__properties-content {
        gap: 8px;
    }
}
.product-features__info {
    display: flex;
    flex-direction: column;
    gap: 28px;
}
.product-features__info-item {
    display: flex;
    gap: 24px;
}
.product-features__info-image {
    position: relative;
    width: 70px;
    height: 70px;
    background-color: var(--color-gray);
    border-radius: 100%;
    flex-shrink: 0;
    overflow: hidden;
}
.product-features-single-col-property--image .product-features__properties {
    grid-template-columns: 1fr;
}
@media only screen and (max-width: 1022px) {
    .product-features-three-col-property--indent .row {
        flex-direction: column;
    }
}
@media only screen and (max-width: 1022px) {
    .product-features-three-col-property--indent .product-features__properties-with-icons {
        margin-top: 40px;
    }
}
.product-features-two-col-property--text .product-features__properties, .product-features-single-col-property--text--indent .product-features__properties {
    grid-template-columns: 1fr;
    grid-gap: 32px;
}
@media (max-width: 520px) {
    .product-features-two-col-property--text .product-features__properties, .product-features-single-col-property--text--indent .product-features__properties {
        grid-gap: 24px;
    }
}
@media only screen and (max-width: 1022px) {
    .product-features-two-col-property--text .row, .product-features-single-col-property--text--indent .row {
        flex-direction: column;
    }
}
@media only screen and (max-width: 1022px) {
    .product-features-two-col-property--text .editor-text, .product-features-single-col-property--text--indent .editor-text {
        margin-top: 40px;
    }
}
.product-features__title {
    margin-bottom: 36px;
}
.product-features__energy {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.product-features__energy-title {
    margin-top: 68px;
}
.product-features__energy-icon {
    position: relative;
    width: 14px;
    height: 14px;
}
.product-features__energy-icon::before, .product-features__energy-icon::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--color-hrast);
    transform: rotate(0);
}
.product-features__energy-icon.plus:after {
    transform: rotate(90deg);
}
.product-features__energy-level svg {
    width: 100%;
}
.product-features__energy-level svg rect {
    display: none;
}
.product-features__energy .level svg {
    width: 100%;
}
.product-features__energy .level svg rect {
    display: none;
}
.product-features__energy .level--one rect:nth-child(-n+2) {
    display: block;
}
.product-features__energy .level--two rect:nth-child(-n+3) {
    display: block;
}
.product-features__energy .level--three rect:nth-child(-n+4) {
    display: block;
}
.product-features__energy .level--four rect:nth-child(-n+5) {
    display: block;
}
.product-features__energy .level--five rect {
    display: block;
}
@media (min-width: 521px) {
    .product-features-two-col-property--text .product-features__properties {
        grid-gap: 32px 18.5%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 1440px) {
    .product-features-two-col-property--text .product-features__properties {
        grid-gap: 24px;
    }
}

.sc-product-features:first-child .section-margin:first-child {
    height: 100px;
}
@media only screen and (max-width: 1022px) {
    .sc-product-features:first-child .section-margin:first-child {
        height: 60px;
    }
}
.product-list {
    position: relative;
}
.product-list__header {
    max-width: 548px;
    width: 100%;
    margin-bottom: 74px;
    display: grid;
    grid-gap: 20px;
}
@media only screen and (max-width: 740px) {
    .product-list__header {
        margin-bottom: 36px;
    }
}
.product-list__row {
    display: grid;
    grid-gap: 24px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media only screen and (max-width: 1200px) {
    .product-list__row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 740px) {
    .product-list__row {
        grid-template-columns: 1fr;
    }
}
@media only screen and (min-width: 1441px) {
    .product-list__row .card {
        padding: 26px 0 64px;
    }
}
.hise .product-list__row .card:not(.has-link) {
    padding: 26px 0;
}
@media only screen and (max-width: 1200px) {
    .hise .product-list__row .card:not(.has-link) {
        padding: 10px 0;
    }
}
.product-list__row--with-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media only screen and (max-width: 1200px) {
    .product-list__row--with-col-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 740px) {
    .product-list__row--with-col-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 420px) {
    .product-list__row--with-col-4 {
        grid-template-columns: 1fr;
    }
}
.product-list__row--with-col-4 .card {
    padding: 26px 0;
}
.product-list__row--with-col-4 .card__image {
    height: 215px;
}
.product-list__row--with-col-4 .card__image img {
    width: 100%;
    height: 100%;
}
.product-list__row--with-col-4 .card__text {
    min-height: 1px;
    font-size: 13px;
}
.product-list .card {
    width: 100%;
    max-width: 100%;
}
@media only screen and (max-width: 740px) {
    .product-list .card__content {
        padding: 0 14px;
    }
}
.product-list .card__title {
    font-size: 30px;
}
@media only screen and (max-width: 1440px) {
    .product-list .card__title {
        font-size: 26px;
    }
}
@media only screen and (max-width: 740px) {
    .product-list .card__title {
        font-size: 24px;
    }
}
@media only screen and (min-width: 1441px) {
    .product-list--cards-without-border .section-header {
        margin-bottom: 94px;
    }
}
.product-list--cards-without-border .card {
    padding: 0;
    gap: 16px;
    border: 0;
    align-items: flex-start;
}
.product-list--cards-without-border .card:hover {
    background-color: transparent;
}
.product-list--cards-without-border .card__image {
    padding: 0;
    height: 238px;
}
.product-list--cards-without-border .card__content {
    max-width: 196px;
    padding: 0;
}
@media only screen and (max-width: 1440px) {
    .product-list--cards-without-border .card__content {
        max-width: 100%;
    }
}
.products-tab {
    position: relative;
}
.products-tab__section-title {
    margin-bottom: 38px;
}
.products-tab .tab {
    margin-bottom: 24px;
}
@media only screen and (max-width: 1022px) {
    .products-tab__images {
        margin-bottom: 24px;
    }
}
.products-tab__image {
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: none;
    padding-right: 16px;
}
.products-tab__image.is-active {
    display: block;
}
.products-tab__image img {
    object-fit: contain;
    display: block;
    margin: 0 auto;
}
@media only screen and (max-width: 1022px) {
    .products-tab__image img {
        max-width: 320px;
    }
}
.products-tab__row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 28px;
    align-items: flex-start;
}
@media only screen and (max-width: 740px) {
    .products-tab__row {
        grid-gap: 40px;
        grid-template-columns: 1fr;
    }
}
.products-tab__text {
    font-size: 15px;
    line-height: 1.5;
    max-width: 544px;
    width: 100%;
    margin-bottom: 48px;
}
@media only screen and (max-width: 1022px) {
    .products-tab__text {
        margin-bottom: 24px;
    }
}
.products-tab__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
}
.products-tab__item-title {
    display: block;
}
.products-tab__item-sub-title {
    margin: 8px 0 0;
}
.products-tab__item-highlights {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 26px 24px;
    width: 100%;
    align-items: flex-start;
    margin-bottom: 12px;
}
@media only screen and (max-width: 1200px) {
    .products-tab__item-highlights {
        grid-gap: 12px;
    }
}
@media only screen and (max-width: 740px) {
    .products-tab__item-highlights {
        margin-bottom: 0;
    }
}
.products-tab__item-highlights-item {
    display: flex;
    gap: 16px;
    align-items: center;
}
.products-tab__item-highlights-icon {
    position: relative;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    overflow: hidden;
}
.products-tab__item-image {
    height: 248px;
}
.products-tab__item-image img {
    width: auto;
    height: auto;
    object-fit: contain;
}
.products-tab__item-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 100%;
}
.products-tab__item-list li {
    display: flex;
    gap: 24px;
    justify-content: space-between;
}
@media only screen and (max-width: 1440px) {
    .products-tab__item-list li {
        gap: 12px;
    }
}
.products-tab__item-list-value {
    flex-shrink: 0;
    text-align: right;
}
.products-tab__item-list.has-number-bullets {
    counter-reset: ol_text_counter;
}
.products-tab__item-list.has-number-bullets li {
    position: relative;
    padding-left: 20px;
    counter-increment: ol_text_counter;
}
.products-tab__item-list.has-number-bullets li:before {
    content: counter(ol_text_counter) ".";
    position: absolute;
    left: 0;
    top: 0;
}
.products-tab__content {
    font-size: 13px;
    line-height: 1.5;
}
.products-tab__content-item {
    display: none;
}
.products-tab__content-item.is-active {
    display: block;
}
.secondary-nav {
    border-bottom: 1px solid transparent;
    display: flex;
    align-items: center;
    z-index: 99;
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
    pointer-events: all;
    transform: translateY(0);
    padding-top: 38px;
    background-color: var(--color-breza);
    transition: top 0.3s ease, background-color 0.3s ease, border 0.3s ease;
}
@media only screen and (max-width: 740px) {
    .secondary-nav {
        top: 70px;
        padding-top: 26px;
    }
}
.is-scrolled .secondary-nav, .secondary-nav.has-border {
    border-bottom: 1px solid rgba(67, 48, 40, 0.2);
}
@media only screen and (max-width: 1022px) {
    .secondary-nav__item.house-matrix-nav {
        display: none;
    }
}
.secondary-nav__list {
    display: flex;
    gap: 48px;
    flex-wrap: nowrap;
}
@media only screen and (max-width: 1200px) {
    .secondary-nav__list {
        gap: 24px;
    }
}
@media only screen and (max-width: 1022px) {
    .secondary-nav__list {
        gap: 40px;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: auto;
        width: 100vw;
        left: -27px;
        position: relative;
        padding: 0 27px;
    }
}
.secondary-nav__link {
    position: relative;
    display: flex;
    padding-bottom: 8px;
    white-space: nowrap;
}
.secondary-nav__link:hover {
    color: var(--color-jelovica);
}
.secondary-nav__link::before, .secondary-nav__link::after {
    height: 3px;
    content: "";
    position: absolute;
    width: 0;
    right: 0;
    background-color: var(--color-jelovica);
    pointer-events: none;
    bottom: 0;
}
.secondary-nav__link::after {
    transition: width 0.2s cubic-bezier(0.29, 0.18, 0.26, 0.83);
}
.secondary-nav__link::before {
    transition: width 0.4s cubic-bezier(0.51, 0.18, 0, 0.88) 0.1s;
}
.secondary-nav__link.is-active::before, .secondary-nav__link.is-active::after {
    width: 100%;
    left: 0;
}
.secondary-nav__spacer {
    height: 72px;
}
@media only screen and (max-width: 740px) {
    .secondary-nav__spacer {
        height: 60px;
    }
}

.sc-secondary-nav {
    position: absolute;
    left: 0;
    top: 90px;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
@media only screen and (max-width: 740px) {
    .sc-secondary-nav {
        top: 70px;
    }
}
.quote-module {
    position: relative;
}
.quote-module__text {
    position: relative;
    padding-left: 42px;
    line-height: 1.55;
    margin: 0;
}
@media only screen and (max-width: 740px) {
    .quote-module__text {
        padding-left: 32px;
    }
}
.quote-module__text::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color-jelovica);
}
.services-module {
    position: relative;
}
.services-module .section-header {
    margin-bottom: 92px;
}
@media only screen and (max-width: 1022px) {
    .services-module .section-header {
        margin-bottom: 56px;
    }
}
.services-module__row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 24px;
}
@media only screen and (max-width: 1200px) {
    .services-module__row {
        grid-template-columns: 1fr;
        grid-gap: 60px;
    }
}
.services-module__title {
    font-weight: 800;
}
.services-module__items {
    display: flex;
    gap: 22px;
    align-items: flex-start;
}
.services-module__items .title {
    color: var(--color-jelovica);
    line-height: 0.9;
}
@media only screen and (max-width: 740px) {
    .services-module__items {
        flex-direction: column;
    }
}
.services-module__content {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
@media only screen and (max-width: 1200px) {
    .services-module__content {
        gap: 16px;
    }
}
.services-module__divider {
    width: 2px;
    height: 80px;
    flex-shrink: 0;
    background-color: var(--color-jelovica);
}
@media only screen and (max-width: 740px) {
    .services-module__divider {
        width: 50px;
        height: 2px;
    }
}
.hamburger:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}

.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;
}

.site-header {
    width: 100%;
    user-select: none;
    position: fixed;
    left: 0;
    top: 0;
    transition: transform 0.3s ease, border 0.3s ease, top 0.3s ease;
    z-index: 100;
    background-color: var(--color-breza);
    font-size: 18px;
}
.okna .site-header {
    background-color: var(--color-jelovica);
}
.b2b .site-header {
    background-color: var(--color-hrast);
    color: var(--color-breza);
}
.hise .site-header {
    border-bottom: 1px solid rgba(67, 48, 40, 0.2);
}
.is-scrolled .site-header {
    border-color: rgba(67, 48, 40, 0.2);
}
.site-header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
@media only screen and (max-width: 740px) {
    .site-header__inner {
        padding: 0 6px 0 14px;
    }
}
.site-header__left {
    display: flex;
    position: relative;
    padding-left: 16px;
}
@media only screen and (max-width: 740px) {
    .site-header__left {
        padding-left: 0;
    }
}
.site-header__logo {
    max-width: 198px;
    position: relative;
    z-index: 9;
}
.site-header__logo-text {
    font-size: 18px;
    white-space: nowrap;
    position: absolute;
    right: 4px;
    bottom: 13px;
    transform: translate(100%, 0);
    padding-left: 0;
    font-weight: 600;
    line-height: 1;
    display: none;
}
@media only screen and (max-width: 740px) {
    .site-header__logo-text {
        display: block;
    }
}
.b2b .site-header__logo-text {
    color: var(--color-breza);
}
.site-header__logo img {
    width: 100%;
    object-fit: contain;
    transition: opacity 0.3s ease;
}
.site-header__right {
    display: flex;
}
.site-header__link {
    padding: 8px 16px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 90px;
    transition: background-color 0.3s ease, color 0.3s ease;
}
@media only screen and (max-width: 740px) {
    .site-header__link {
        display: none !important;
    }
}
.site-header__link:hover {
    background-color: var(--color-background);
    color: var(--color-hrast);
}
.b2b .site-header__link.bg-b2b {
    display: none;
}
.okna .site-header__link.bg-okna {
    display: none;
}
.site-header__link.bg-hise {
    display: none;
    border-bottom: 1px solid rgba(67, 48, 40, 0.2);
}
.b2b .site-header__link.bg-hise, .okna .site-header__link.bg-hise {
    display: flex;
}

.hamburger {
    cursor: pointer;
    z-index: 12;
    position: relative;
    flex-direction: column;
    width: 90px;
    height: 90px;
    gap: 6px;
    transition: 0.3s ease;
}
@media only screen and (max-width: 740px) {
    .hamburger {
        width: 70px;
        height: 70px;
    }
}
.hamburger:after {
    z-index: 9;
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
}
.hamburger__bar {
    background-color: var(--color-hrast);
    height: 2px;
    display: block;
    width: 26px;
    pointer-events: none;
    border-radius: 8px;
    position: relative;
    transition: background-color 0.3s ease, transform 0.3s ease;
}
.b2b .hamburger__bar {
    background-color: var(--color-breza);
}
.is-open-menu .hamburger__bar:first-child {
    transform: translateY(8px) rotate(225deg);
}
.is-open-menu .hamburger__bar:nth-child(2) {
    transform: scale(0);
}
.is-open-menu .hamburger__bar:last-child {
    transform: translateY(-8px) rotate(315deg);
}
.steps-form-module {
    position: relative;
}
.steps-form-module .section-header {
    max-width: 544px;
    gap: 30px;
}
.steps-form-module .section-header__text {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
}
.tab-module {
    position: relative;
    overflow: hidden;
}
.tab-module__block {
    display: none;
}
.tab-module__block.is-active {
    display: block;
}
.tab-module__header {
    margin-bottom: 88px;
}
@media only screen and (max-width: 1022px) {
    .tab-module__header {
        margin-bottom: 60px;
    }
}
.tab-module__body {
    display: grid;
}
.tab-module__body .editor-text {
    max-width: 640px;
}
.tab-module .accordion:first-child {
    border-top: 0;
}
.tab-module .accordion__content {
    max-width: 100%;
}
.tab-module .accordion__content .editor-text {
    max-width: 100%;
}
.table-module {
    position: relative;
}
.table-module__section-title {
    margin-bottom: 60px;
}
@media only screen and (max-width: 740px) {
    .table-module__body {
        overflow: auto;
        width: calc(100% + 27px);
    }
}
.table-module__row {
    gap: 24px;
    display: flex;
    border-bottom: 1px solid rgba(67, 48, 40, 0.3);
    padding: 24px 0;
    align-items: center;
}
@media only screen and (max-width: 1440px) {
    .table-module__row {
        padding: 16px 0;
    }
}
@media only screen and (max-width: 740px) {
    .table-module__row {
        min-width: 800px;
        gap: 16px;
    }
}
.table-module__row--header {
    color: var(--color-jelovica);
    border-bottom: 0;
    padding: 0;
    align-items: flex-start;
}
@media only screen and (max-width: 740px) {
    .table-module__row--header {
        align-items: stretch;
    }
}
.table-module__data {
    flex: 1;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.table-module__data:first-child {
    max-width: 256px;
    flex: 0 0 256px;
    text-align: left;
}
@media only screen and (max-width: 740px) {
    .table-module__data:first-child {
        max-width: 150px;
        flex: 0 0 150px;
        position: -webkit-sticky;
        position: sticky;
        z-index: 3;
        left: 0;
        top: 0;
        background-color: var(--color-breza);
    }
}
.table-module__data-image {
    display: block;
    margin: 22px auto 0;
    max-width: 200px;
}
@media only screen and (max-width: 740px) {
    .table-module .title--h5 {
        font-size: 16px;
    }
}
.team-module {
    position: relative;
}
.team-module .team-card {
    max-width: 100%;
}
.team-module .section-header {
    margin-bottom: 26px;
}
.team-module__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 64px 24px;
}
@media only screen and (max-width: 1200px) {
    .team-module__list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 740px) {
    .team-module__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 32px 24px;
    }
}
@media (max-width: 340px) {
    .team-module__list {
        grid-template-columns: 1fr;
    }
}
.text-background-image {
    position: relative;
}
.text-background-image__body {
    position: relative;
    z-index: 3;
}
.text-background-image__title {
    margin-bottom: 56px;
}
@media only screen and (max-width: 1022px) {
    .text-background-image__title {
        margin-bottom: 44px;
    }
}
@media only screen and (max-width: 1022px) {
    .text-background-image .title--h5 {
        font-size: 25px;
        line-height: 35px;
    }
}
.text-background-image__row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 24px;
}
@media only screen and (max-width: 1022px) {
    .text-background-image__row {
        grid-template-columns: 1fr;
        gap: 68px;
    }
}
.text-background-image__button {
    margin-top: 84px;
}
@media only screen and (max-width: 1022px) {
    .text-background-image__button {
        margin-top: 60px;
    }
}
.text-background-image__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 70px;
    height: 100%;
}
@media only screen and (max-width: 1022px) {
    .text-background-image__item {
        gap: 28px;
    }
}
.text-background-image__item .title {
    margin-bottom: 18px;
    line-height: 1.4;
}
.text-background-image__item-button .btn {
    color: currentColor;
}
.text-background-image__image::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(67, 48, 40, 0.5);
    mix-blend-mode: multiply;
    z-index: 1;
}
.text-background-image--with-image .text-background-image__title {
    margin-bottom: 60px;
    text-transform: initial;
}
.text-background-image--with-image .text-background-image__body {
    color: var(--color-breza);
    min-height: 725px;
    padding: 120px 0;
}
@media only screen and (max-width: 1022px) {
    .text-background-image--with-image .text-background-image__body {
        padding: 100px 0;
        min-height: 100vw;
    }
}
.text-background-image--with-image .text-background-image__item-title {
    margin-bottom: 18px;
}
.text-background-image--secondary .text-background-image__image::before {
    width: 50%;
    background: linear-gradient(90deg, rgba(40, 25, 19, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
@media only screen and (max-width: 1022px) {
    .text-background-image--secondary .text-background-image__image::before {
        width: 100%;
    }
}
.text-background-image--secondary .text-background-image__body {
    color: var(--color-breza);
    min-height: 668px;
    padding: 80px 0;
    gap: 48px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
@media only screen and (max-width: 1200px) {
    .text-background-image--secondary .text-background-image__body {
        min-height: 600px;
    }
}
@media only screen and (max-width: 1022px) {
    .text-background-image--secondary .text-background-image__body {
        min-height: 100vw;
        gap: 30px;
        padding: 50px 0;
    }
}
.text-background-image--secondary .text-background-image__title {
    margin-bottom: 0;
}
.text-background-image--secondary .text-background-image__button {
    margin-top: 0;
}
.text-background-image--secondary .btn--ghost {
    color: inherit;
}
.text-background-image.disable-overlay .text-background-image__image::before {
    display: none;
}
.text-image {
    position: relative;
    overflow: hidden;
}
.text-image__row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 20px;
}
@media only screen and (max-width: 1022px) {
    .text-image__row {
        grid-template-columns: 1fr;
        grid-gap: 0;
    }
}
.text-image__content {
    padding: 80px 0;
    width: 100%;
    min-height: 686px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
@media only screen and (max-width: 1022px) {
    .text-image__content {
        min-height: 1px;
    }
}
.text-image__content-inner {
    max-width: 462px;
}
.text-image__super-title {
    margin-bottom: 14px;
}
.text-image__title {
    margin-bottom: 12px;
    line-height: 1.4;
}
.text-image .btn {
    margin-top: 54px;
    color: currentColor;
}
.text-image__image {
    position: absolute;
    width: 50vw;
    height: 100%;
    left: 0;
    top: 0;
}
@media only screen and (max-width: 1022px) {
    .text-image__image {
        width: calc(100% + 54px);
        left: -27px;
        height: 0;
        padding-bottom: 100%;
        position: relative;
    }
}
.text-image__image-wrapper {
    position: relative;
    width: 100%;
    min-height: 44vw;
}
@media (min-width: 1920px) {
    .text-image__image-wrapper {
        min-height: 40vw;
    }
}
.text-module {
    position: relative;
}
.text-module__title {
    margin-bottom: 28px;
    line-height: 1.4;
}
.three-col-grid {
    position: relative;
    padding: 0;
}
.three-col-grid__header {
    margin-bottom: 52px;
}
@media only screen and (max-width: 1022px) {
    .three-col-grid__header {
        margin-bottom: 50px;
    }
}
.three-col-grid__row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 24px;
}
@media only screen and (max-width: 1022px) {
    .three-col-grid__row {
        grid-template-columns: 1fr;
        grid-gap: 40px;
    }
}
.three-col-grid__item-header {
    padding: 0 0 0 20px;
    display: grid;
    grid-gap: 9px;
    border-left: 2px solid var(--color-jelovica);
    margin-bottom: 24px;
}
.three-col-grid__item-sub-title {
    text-transform: uppercase;
    letter-spacing: 1px;
}
.three-col-grid__item .editor-text ul,
.three-col-grid__item .editor-text ol,
.three-col-grid__item .editor-text p {
    margin: 0 0 18px;
}
.three-col-grid__item .editor-text ul:last-child,
.three-col-grid__item .editor-text ol:last-child,
.three-col-grid__item .editor-text p:last-child {
    margin-bottom: 0;
}
.three-col-grid__item .editor-text ul,
.three-col-grid__item .editor-text ol {
    padding: 0;
    grid-gap: 1px;
}
.three-col-grid__item .editor-text ul li,
.three-col-grid__item .editor-text ol li {
    padding-left: 16px;
}
.three-col-grid__item .editor-text ul li::before,
.three-col-grid__item .editor-text ol li::before {
    left: 0;
    top: 10px;
}
.timeline-module {
    position: relative;
    overflow: hidden;
}
.timeline-module__sticky {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: -200px;
    width: 100%;
    height: 200vh;
}
@media only screen and (max-width: 740px) {
    .timeline-module__sticky {
        top: -150px;
    }
}
.timeline-module .section-header {
    margin-bottom: 95px;
    gap: 22px;
    max-width: 460px;
}
@media only screen and (max-width: 1022px) {
    .timeline-module .section-header {
        margin-bottom: 60px;
    }
}
.timeline-module .section-header__inner {
    grid-gap: 20px;
}
.timeline-module .section-header__text {
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    max-width: 100%;
}
.timeline-module__item-title {
    position: relative;
}
.timeline-module__item-title::after {
    content: "";
    position: absolute;
    background-color: var(--color-jelovica);
    left: 0;
    width: 1000%;
    bottom: -22px;
    height: 1px;
}
.timeline-module__item-title::before {
    content: "";
    position: absolute;
    background-color: var(--color-jelovica);
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    bottom: -30px;
}
@media (min-width: 767px) and (max-height: 1024px) {
    .timeline-module__item-title::before {
        width: 16px;
        height: 16px;
    }
}
@media (min-width: 767px) and (max-height: 1024px) {
    .timeline-module__item .title {
        font-size: 26px;
    }
}
.timeline-module__item-year {
    min-height: 24px;
    margin-bottom: 12px;
}
.timeline-module__item-image {
    padding-bottom: 72%;
    position: relative;
    margin-bottom: 26px;
}
@media (min-width: 767px) and (max-height: 1024px) {
    .timeline-module__item-image {
        padding-bottom: 52%;
        margin-bottom: 16px;
    }
}
@media (min-width: 767px) and (max-height: 900px) {
    .timeline-module__item-text {
        font-size: 13px;
    }
}
.timeline-module__item-separator {
    height: 60px;
    position: relative;
}
@media (min-width: 767px) and (max-height: 1024px) {
    .timeline-module__item-separator {
        height: 40px;
    }
}
.timeline-module__item-group {
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-hrast);
    margin: 16px 0 36px;
    position: relative;
}
@media only screen and (max-width: 740px) {
    .timeline-module__item-group {
        margin: 4px 0 18px;
    }
}
.timeline-module__item-group span {
    position: absolute;
    top: 0;
    height: 100%;
    width: 24px;
    z-index: 1;
}
.timeline-module__item-group span::after, .timeline-module__item-group span::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
}
.timeline-module__item-group span::before {
    top: 0;
}
.timeline-module__item-group span::after {
    bottom: 0;
}
.timeline-module__item-group-text {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1;
    padding-left: 24px;
    font-size: 15px;
}
.timeline-module__item.group-start .timeline-module__item-group-text {
    background-color: var(--color-trata);
    display: flex;
    align-items: center;
    justify-content: center;
}
@media only screen and (max-width: 1022px) {
    .timeline-module__item.group-start .timeline-module__item-group-text {
        justify-content: flex-start;
    }
}
.timeline-module__item.group-start .timeline-module__item-arrow-start {
    left: 0;
}
.timeline-module__item.group-start .timeline-module__item-arrow-start::after, .timeline-module__item.group-start .timeline-module__item-arrow-start::before {
    left: 0;
    transform: scale(-1);
    border-right: 12px solid var(--color-breza);
}
.timeline-module__item.group-start .timeline-module__item-arrow-start::before {
    top: 0;
    border-top: 12px solid transparent;
    border-bottom: 0 solid transparent;
}
.timeline-module__item.group-start .timeline-module__item-arrow-start::after {
    bottom: 0;
    border-top: 0 solid transparent;
    border-bottom: 12px solid transparent;
}
.timeline-module__item.group-end .timeline-module__item-arrow-end {
    right: 0;
}
.timeline-module__item.group-end .timeline-module__item-arrow-end::after, .timeline-module__item.group-end .timeline-module__item-arrow-end::before {
    right: 0;
    border-right: 12px solid var(--color-breza);
}
.timeline-module__item.group-end .timeline-module__item-arrow-end::before {
    top: 0;
    border-top: 0 solid transparent;
    border-bottom: 12px solid transparent;
}
.timeline-module__item.group-end .timeline-module__item-arrow-end::after {
    bottom: 0;
    border-top: 12px solid transparent;
    border-bottom: 0 solid transparent;
}
.timeline-module .swiper-slide {
    width: 330px;
    margin-right: 80px;
}
@media (min-width: 767px) and (max-height: 1024px) {
    .timeline-module .swiper-slide {
        width: 380px;
        margin-right: 60px;
    }
}
@media only screen and (max-width: 1022px) {
    .timeline-module .swiper-slide {
        margin-right: 28px;
    }
}
@media only screen and (max-width: 740px) {
    .timeline-module .swiper-slide {
        width: 250px;
    }
}
.timeline-module .swiper {
    overflow: visible;
}
.timeline-module .swiper-wrapper:hover {
    cursor: grab;
}
.timeline-module .swiper-wrapper:active {
    cursor: grabbing;
}
.timeline-module__nav {
    margin-bottom: 20px;
    gap: 12px;
    display: flex;
}
.timeline-module__nav-arrow {
    background-color: var(--color-background);
    width: 40px;
    height: 40px;
    border-radius: 100%;
    transition: background-color 0.3s ease, opacity 0.3s ease;
}
.timeline-module__nav-arrow .icon {
    width: 10px;
    height: 16px;
}
.timeline-module__nav-arrow .icon::before {
    background-color: var(--color-hrast);
}
.timeline-module__nav-arrow[aria-disabled=true] {
    opacity: 0.5;
    pointer-events: none;
}
.timeline-module__nav-arrow.swiper-button-lock {
    display: none;
}
.timeline-module__nav-arrow:hover {
    background-color: var(--color-hrast);
}
.timeline-module__nav-arrow:hover .icon::before {
    background-color: var(--color-white);
}
.timeline-module__content {
    margin-top: 16px;
    margin-bottom: 54px;
}
.timeline-module__content:last-child {
    margin-bottom: 0;
}
.timeline-module__content .title {
    margin-bottom: 10px;
}
.timeline-module__tags {
    margin-bottom: 24px;
}
@media only screen and (min-width: 1201px) {
    .timeline-module--secondary .timeline-module__item .title--h4 {
        font-size: 48px;
    }
}
.timeline-module--secondary .timeline-module__item .title--h5 {
    font-size: 21px;
}
.timeline-module--secondary .timeline-module__item-text {
    font-size: 15px;
}
.timeline-module--secondary .swiper-slide {
    width: 318px;
}
@media only screen and (max-width: 740px) {
    .timeline-module--secondary .swiper-slide {
        width: 250px;
    }
}
.timeline-module--light-bg {
    background-color: var(--color-background);
    padding: 100px 0;
}
@media only screen and (max-width: 1022px) {
    .timeline-module--light-bg {
        padding: 60px 0;
    }
}
.timeline-module--light-bg .timeline-module__nav-arrow {
    background-color: var(--color-hrast);
}
.timeline-module--light-bg .timeline-module__nav .icon::before {
    background-color: var(--color-background);
}
.timeline-module--house .timeline-module__item-title .title {
    font-size: 32px;
}
@media only screen and (max-width: 740px) {
    .timeline-module--house .timeline-module__item-title .title {
        font-size: 28px;
    }
}
.timeline-module--house .timeline-module__item-title::before {
    border-radius: 0;
    width: 3px;
    bottom: -20px;
    height: 18px;
}
.timeline-module--house .timeline-module__item-title::after {
    bottom: -11px;
}
.timeline-module--house .timeline-module__item-separator {
    height: 20px;
}
.timeline-module--house .timeline-module__item-text {
    font-size: 15px;
}
.timeline-module--house .timeline-module__tags {
    margin-bottom: 10px;
}
.timeline-module--house .swiper-slide {
    width: 190px;
    padding-right: 27px;
    margin-right: 0;
}
.timeline-module--house .timeline-module__content {
    margin-bottom: 34px;
}
@media only screen and (max-width: 740px) {
    .timeline-module--house .timeline-module__content {
        margin-bottom: 24px;
    }
}
.timeline-module--house .timeline-module__item-group {
    width: calc(100% + 28px);
}
.two-col-grid {
    position: relative;
    padding: 0;
}
.two-col-grid__right, .two-col-grid__left {
    display: flex;
    flex-direction: column;
    grid-gap: 24px;
}
.two-col-grid__right .title, .two-col-grid__left .title {
    line-height: 1.35;
}
.two-col-grid__image {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 78.5%;
}
.two-col-grid__title .title {
    line-height: 1.35;
}
.two-col-grid__button {
    margin-top: 32px;
}
@media only screen and (max-width: 1022px) {
    .two-col-grid .row {
        gap: 30px;
    }
}
.two-col-grid h6 {
    font-weight: 800;
}
.two-col-grid--image-text .two-col-grid__right {
    max-width: 448px;
}
@media only screen and (max-width: 1022px) {
    .two-col-grid--image-text .two-col-grid__right {
        max-width: 100%;
    }
}
.two-col-grid--reverse .two-col-grid__right {
    margin-left: auto;
}
.two-col-grid--photo-photo .two-col-grid__image {
    position: relative;
    width: 100%;
    height: 0;
    padding: 0 0 100%;
}
.two-col-grid--full-width .editor-text {
    max-width: 450px;
}
@media only screen and (max-width: 1200px) {
    .two-col-grid--full-width .editor-text {
        max-width: 100%;
    }
}
@media only screen and (max-width: 1022px) {
    .two-col-grid--text-text-with-image .row {
        gap: 80px;
    }
}
.two-col-grid--text-text-with-image .two-col-grid__image {
    width: 100%;
    height: auto;
    padding: 0;
    margin-bottom: 16px;
}
.two-col-grid--text-text-with-image .two-col-grid__image img {
    position: relative;
    height: auto;
    width: auto;
    object-fit: contain;
}
.two-col-grid--text-text-with-image .two-col-grid__title {
    margin-bottom: 8px;
}
@media only screen and (max-width: 1022px) {
    .two-col-grid--text-text-with-image .two-col-grid__title {
        margin-bottom: 0;
    }
}
.two-col-grid--text-text-with-image .editor-text {
    max-width: 354px;
}
@media only screen and (max-width: 1022px) {
    .two-col-grid--text-text-with-image .editor-text {
        max-width: 100%;
    }
}
.two-col-grid--text-text-with-image .two-col-grid__button {
    margin-top: -8px;
}
@media only screen and (max-width: 1022px) {
    .two-col-grid--text-text-with-image .two-col-grid__button {
        margin-top: 0;
    }
}
.two-col-grid--middle-aligned .row {
    align-items: center;
}
.two-col-image {
    position: relative;
    padding: 0;
}
.two-col-image__inner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 24px;
    padding: 0;
}
@media only screen and (max-width: 740px) {
    .two-col-image__inner {
        grid-template-columns: 1fr;
        grid-gap: 24px;
    }
}
.two-col-image__image {
    position: relative;
    width: 100%;
    height: 0;
    padding: 0 0 100%;
}
.video-module {
    position: relative;
}
.video-module__link {
    position: relative;
    margin: 0;
    overflow: hidden;
    height: 0;
    padding-bottom: 44.5%;
    display: block;
}
@media only screen and (max-width: 740px) {
    .video-module__link {
        min-height: 100vh;
    }
}
.video-module__link img {
    transform: scale(1.00001);
    transition: transform 0.6s ease;
}
.video-module__play {
    width: 66px;
    height: 66px;
    z-index: 3;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 0 0;
    transition: transform 0.3s ease;
}
.video-module__play .icon {
    width: 66px;
    height: 66px;
}
.video-module__play .icon::before {
    background-color: var(--color-jelovica);
}
.video-module:hover .video-module__play {
    transform: scale(1.1) translate(-50%, -50%);
}
.values-module {
    display: grid;
    grid-template-columns: 347px 1fr;
    grid-gap: 40px 66px;
}
@media only screen and (max-width: 1200px) {
    .values-module {
        grid-template-columns: 1fr;
        grid-gap: 60px;
    }
}
@media only screen and (max-width: 1022px) {
    .values-module {
        grid-gap: 40px;
    }
}
.values-module.secondary {
    grid-template-columns: 1fr 2fr;
    grid-gap: 24px;
}
@media only screen and (max-width: 1200px) {
    .values-module.secondary {
        grid-template-columns: 1fr;
        grid-gap: 60px;
    }
}
@media only screen and (max-width: 1022px) {
    .values-module.secondary {
        grid-gap: 40px;
    }
}
.values-module .section-header {
    gap: 24px;
    margin-bottom: 16px;
}
@media only screen and (max-width: 1200px) {
    .values-module .section-header {
        margin-bottom: 32px;
    }
}
.values-module .section-header__text {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.7;
}
@media only screen and (max-width: 1022px) {
    .values-module .section-header__text {
        margin-bottom: 20px;
    }
}
.values-module .section-header__inner {
    grid-gap: 28px;
}
@media only screen and (max-width: 1022px) {
    .values-module .section-header__inner {
        grid-gap: 16px;
    }
}
.values-module .section-header:last-child {
    margin-bottom: 0;
}
.values-module__right {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 44px;
    padding-top: 40px;
}
@media only screen and (max-width: 1200px) {
    .values-module__right {
        padding-top: 0;
    }
}
@media only screen and (max-width: 740px) {
    .values-module__right {
        grid-template-columns: repeat(2, 1fr);
    }
}
.values-module__right.secondary {
    grid-template-columns: repeat(2, 1fr);
    padding-top: 0;
    grid-gap: 72px 28px;
}
@media only screen and (max-width: 740px) {
    .values-module__right.secondary {
        grid-template-columns: 1fr;
        grid-gap: 40px;
    }
}
.values-module__right.secondary .icon-text {
    max-width: 100%;
}
@media only screen and (min-width: 1441px) {
    .values-module--small-title {
        grid-gap: 54px 32px;
    }
}
.values-module--small-title .icon-text__image {
    height: auto;
}
@media only screen and (min-width: 1441px) {
    .values-module--small-title .values-module__right {
        padding-top: 92px;
        max-width: 718px;
    }
}
.two-col-text {
    padding: 0;
    position: relative;
}
@media only screen and (max-width: 1022px) {
    .two-col-text .row {
        gap: 30px;
    }
}
.two-col-text h6 {
    font-weight: 800;
}
/*# sourceMappingURL=bundle.css.map */