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;
}
} @font-face {
font-family: "swiper-icons";
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff; }
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
} .swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
} .swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}  .swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
:root { }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
display: none !important;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
} .swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
} .swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
} :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;
}   .noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-target {
position: relative;
}
.noUi-base,
.noUi-connects {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
} .noUi-connects {
overflow: hidden;
z-index: 0;
}
.noUi-connect,
.noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
right: 0;
height: 100%;
width: 100%;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-webkit-transform-style: preserve-3d;
transform-origin: 0 0;
transform-style: flat;
} .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
left: 0;
right: auto;
} .noUi-vertical .noUi-origin {
top: -100%;
width: 0;
}
.noUi-horizontal .noUi-origin {
height: 0;
}
.noUi-handle {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
}
.noUi-touch-area {
height: 100%;
width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
-webkit-transition: transform 0.3s;
transition: transform 0.3s;
}
.noUi-state-drag * {
cursor: inherit !important;
} .noUi-horizontal {
height: 18px;
}
.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
right: -17px;
top: -6px;
}
.noUi-vertical {
width: 18px;
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
right: -6px;
bottom: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
left: -17px;
right: auto;
} .noUi-target {
background: #fafafa;
border-radius: 4px;
border: 1px solid #d3d3d3;
box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
}
.noUi-connects {
border-radius: 3px;
}
.noUi-connect {
background: #3fb8af;
} .noUi-draggable {
cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
cursor: ns-resize;
}
.noUi-handle {
border: 1px solid #d9d9d9;
border-radius: 3px;
background: #fff;
cursor: default;
box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
}
.noUi-active {
box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
} .noUi-handle:before,
.noUi-handle:after {
content: "";
display: block;
position: absolute;
height: 14px;
width: 1px;
background: #e8e7e6;
left: 14px;
top: 6px;
}
.noUi-handle:after {
left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
width: 14px;
height: 1px;
left: 6px;
top: 14px;
}
.noUi-vertical .noUi-handle:after {
top: 17px;
} [disabled] .noUi-connect {
background: #b8b8b8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
cursor: not-allowed;
} .noUi-pips,
.noUi-pips * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-pips {
position: absolute;
color: #999;
} .noUi-value {
position: absolute;
white-space: nowrap;
text-align: center;
}
.noUi-value-sub {
color: #ccc;
font-size: 10px;
} .noUi-marker {
position: absolute;
background: #ccc;
}
.noUi-marker-sub {
background: #aaa;
}
.noUi-marker-large {
background: #aaa;
} .noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%;
}
.noUi-value-horizontal {
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px;
} .noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%;
}
.noUi-value-vertical {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
width: 15px;
}
.noUi-tooltip {
display: block;
position: absolute;
border: 1px solid #d9d9d9;
border-radius: 3px;
background: #fff;
color: #000;
padding: 5px;
text-align: center;
white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
left: 50%;
bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
top: 50%;
right: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
-webkit-transform: translate(50%, 0);
transform: translate(50%, 0);
left: auto;
bottom: 10px;
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
-webkit-transform: translate(0, -18px);
transform: translate(0, -18px);
top: auto;
right: 28px;
} @font-face {
font-family: "PP Formula";
src: url(//jelovica-hise.specto.work/wp-content/themes/jelovica/public/fonts/PPFormula-Medium.woff2) format("woff2"), url(//jelovica-hise.specto.work/wp-content/themes/jelovica/public/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(//jelovica-hise.specto.work/wp-content/themes/jelovica/public/fonts/PPFormula-MediumItalic.woff2) format("woff2"), url(//jelovica-hise.specto.work/wp-content/themes/jelovica/public/fonts/PPFormula-MediumItalic.woff) format("woff");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "PP Formula";
src: url(//jelovica-hise.specto.work/wp-content/themes/jelovica/public/fonts/PPFormula-NarrowSemibold.woff2) format("woff2"), url(//jelovica-hise.specto.work/wp-content/themes/jelovica/public/fonts/PPFormula-NarrowSemibold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "PP Formula";
src: url(//jelovica-hise.specto.work/wp-content/themes/jelovica/public/fonts/PPFormula-Extrabold.woff2) format("woff2"), url(//jelovica-hise.specto.work/wp-content/themes/jelovica/public/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(//jelovica-hise.specto.work/wp-content/themes/jelovica/public/fonts/PPFormula-ExtraboldItalic.woff2) format("woff2"), url(//jelovica-hise.specto.work/wp-content/themes/jelovica/public/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; height: 40px;
line-height: 40px;
transform-origin: 100% 0;
background-color: #1a2e44;
padding: 0 35px;
border-radius: 15px 15px 0 0;
transform: rotate(270deg);
z-index: 99999;
font-weight: bold;
color: white;
font-size: 13px;
font-family: sans-serif;
}
.sdt-env__badge .icon {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDAuNjMiIGhlaWdodD0iMTU5LjQ0IiB2aWV3Qm94PSIwIDAgMTQwLjYzIDE1OS40NCI+PHBhdGggZD0iTTI1LjUxLDI5LjgzYy00LjMtMi40OC0yLjQ4LTMuNTMsMS4yNC01LjczUzY0LjQ1LDIuNjIsNjcuMjIsMS4xczQuMzktMS42Miw4LjU5LC43NiwzNy40MiwyMS4zOCw0MC4xOSwyMi44MiwyLjQ4LDMuMTUsMCw0LjU4LTguNzgsNS4xNS0xMC45OCw2LjExLTYuNzgsLjY3LTkuNjQtMS4wNS0xNC43LTguNS0xOC45LTExLjM2LTcuMzUtMi42Ny0xMi4zMSwuMTktMTcuMjgsMTAuMDItMjAuMDUsMTEuNDYtNi40OSwyLjM5LTEwLjEyLC40OC04LjUtNS4yNS04LjUtNS4yNVoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBhdGggZD0iTTI0Ljk4LDY0LjQ5YzIuNzcsMS40MywzNS45OSwyMC40Myw0MC4xOSwyMi44MnM1LjgyLDIuMjksOC41OSwuNzYsMzYuNzUtMjAuODEsNDAuNDgtMjMuMDFsNy4wNS0zLjY3djQ3LjM1czExLjQ2LDYuMzYsMTQuNzYsOC41NCw0LjU4LS45LDQuNTgtNC4yMVY0Ni4xMmMwLTEwLjE4LTguNC0xMi4yMi0xNS4yNy04LjY2cy0yOC40OSwxNy4xLTI4LjQ5LDE3LjFjLTIuNzcsMS40My0xNS4wOCw4LjU5LTIwLjA1LDExLjQ2cy04LjExLDMuMDUtMTIuMzEsLjE5LTE2LjA0LTkuNjQtMTguOS0xMS4zNmMwLDAtMjAuOC0xMi41NS0yOC42OS0xNi42MlMuMTEsMzcuNDcsLjExLDQ1LjM2LS4xNCwxMDguNzUsLjExLDExMi41NnMyLjA1LDYuMDgsNi44NywzLjU2YzcuMjItMy43NiwxMi43My03LjM4LDEyLjczLTcuMzhsLjc2LTQ2LjU5LDQuNTEsMi4zM1oiIHN0eWxlPSJmaWxsOiMyMmQxNzI7Ii8+PHBhdGggZD0iTTEyNS40OCwxMjMuNjFjNC4zLDIuNDgsMi40OCwzLjUzLTEuMjQsNS43M3MtNDcuNzEsMjcuNDgtNTAuNDgsMjkuMDEtNC4zOSwxLjYyLTguNTktLjc2LTQ3LjQyLTI3LjM4LTUwLjE5LTI4LjgyLTIuNDgtMy4xNSwwLTQuNTgsOC43OC01LjE1LDEwLjk4LTYuMTEsNi43OC0uNjcsOS42NCwxLjA1LDI0LjcsMTQuNSwyOC45LDE3LjM2LDcuMzUsMi42NywxMi4zMS0uMTksMjcuMjgtMTYuMDIsMzAuMDUtMTcuNDYsNi40OS0yLjM5LDEwLjEyLS40OCw4LjUsNS4yNSw4LjUsNS4yNVoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PC9zdmc+") !important;
background-position: center bottom;
background-repeat: no-repeat;
background-size: 20px 20px;
float: right;
width: 20px;
height: 30px;
margin-left: 10px;
}
.sdt-env__badge .icon::before {
background-color: transparent;
}
.sdt-env__badge .mailtrap-unread-email {
display: inline-block;
box-sizing: border-box;
margin: 12px 0 0 25px;
min-width: 18px;
height: 18px;
border-radius: 9px;
background-color: #d63638;
color: #fff;
font-size: 11px;
line-height: 1.6;
text-align: center;
z-index: 26;
}
.sdt-env__badge.local {
background-color: #fdb833;
color: #2b2b2b;
}
.sdt-env__badge.staging {
background-color: #ea3546;
}
.sdt-env__badge.production {
background-color: #1789fc;
}
img.lazyload,
img.lazyloaded {
transition: opacity 0.1s ease, transform 0.3s ease !important;
}
.grecaptcha-badge,
.g-captcha,
.g-recaptcha {
position: absolute !important;
right: 100vw !important;
top: -100vh !important;
}
#wp-admin-bar-sp-role-switcher span.on {
background-color: #d63638;
display: inline-block;
box-sizing: border-box;
margin: 1px 0 -1px 2px;
padding: 0 5px;
min-width: 18px;
height: 18px;
border-radius: 9px;
color: #fff;
font-size: 11px;
line-height: 1.6;
text-align: center;
z-index: 26;
}
#wp-admin-bar-sp-role-switcher span.on:before {
content: "\f177";
font-family: "Dashicons"; }
#wp-admin-bar-sp-role-switcher span.off:before {
content: "\f530";
font-family: Dashicons; }
#wp-admin-bar-sp-role-switcher.menupop.hover ul li.sp-switch-back a {
color: #d63638;
}
.development-error--active {
overflow: hidden;
}
.development-error__wrapper {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
z-index: 100000000000000000;
display: flex;
align-content: center;
align-items: center;
flex-direction: column;
padding: 10vh 15px 0;
}
@media (max-height: 812px) {
.development-error__wrapper {
padding: 15px 15px 0;
}
}
.development-error__wrapper.is-hidden {
display: none;
}
.development-error {
--size-gap-half: 4px;
--size-gap: 8px;
--size-gap-double: 16px;
--size-gap-triple: 24px;
--size-gap-quad: 32px;
--size-font-small: 14px;
--size-font: 16px;
--size-font-big: 20px;
--size-font-bigger: 24px;
--color-accents-1: #808080;
--color-accents-2: #222222;
--color-accents-3: #404040;
--font-stack-monospace: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
--color-ansi-selection: rgba(95, 126, 151, 0.48);
--color-ansi-bg: #111111;
--color-ansi-fg: #cccccc;
--color-ansi-white: #777777;
--color-ansi-black: #141414;
--color-ansi-blue: #00aaff;
--color-ansi-cyan: #88ddff;
--color-ansi-green: #98ec65;
--color-ansi-magenta: #aa88ff;
--color-ansi-red: #ff5555;
--color-ansi-yellow: #ffcc33;
--color-ansi-bright-white: #ffffff;
--color-ansi-bright-black: #777777;
--color-ansi-bright-blue: #33bbff;
--color-ansi-bright-cyan: #bbecff;
--color-ansi-bright-green: #b6f292;
--color-ansi-bright-magenta: #cebbff;
--color-ansi-bright-red: #ff8888;
--color-ansi-bright-yellow: #ffd966;
display: flex;
flex-direction: column;
width: 100%;
margin-right: auto;
margin-left: auto;
outline: none;
background: white;
border-radius: var(--size-gap);
box-shadow: 0 var(--size-gap-half) var(--size-gap-double) rgba(0, 0, 0, 0.25);
max-height: calc(100% - 56px);
overflow-y: hidden;
}
@media (min-width: 576px) {
.development-error {
max-width: 540px;
box-shadow: 0 var(--size-gap) var(--size-gap-quad) rgba(0, 0, 0, 0.25);
}
}
@media (min-width: 768px) {
.development-error {
max-width: 720px;
}
}
@media (min-width: 992px) {
.development-error {
max-width: 960px;
}
}
.development-error small {
font-size: 80%;
color: #757575;
}
.development-error__backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(17, 17, 17, 0.2);
pointer-events: all;
cursor: not-allowed;
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
z-index: -1;
}
.development-error__banner {
z-index: 2;
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
border-top-width: var(--size-gap-half);
border-bottom-width: 0;
border-top-style: solid;
border-bottom-style: solid;
border-color: var(--color-ansi-red);
}
.development-error__header {
position: relative;
margin-bottom: var(--size-gap-double);
}
.development-error__header button {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
padding: 20px 0 20px 20px;
font-size: 24px;
}
.development-error__title {
font-weight: 500;
font-size: 24px;
line-height: 34px;
padding: 0;
}
.development-error__content {
position: relative;
overflow-y: auto;
border: none;
margin: 0;
padding: calc(var(--size-gap-double) + var(--size-gap-half)) var(--size-gap-double);
height: 100%;
display: flex;
flex-direction: column;
}
.development-error__body {
position: relative;
flex: 1 1 auto;
}
.development-error__terminal {
border-radius: var(--size-gap-half);
background-color: var(--color-ansi-bg);
color: var(--color-ansi-fg);
}
.development-error__terminal * {
color: inherit;
background-color: transparent;
font-family: var(--font-stack-monospace);
}
.development-error__terminal > * {
margin: 0;
padding: calc(var(--size-gap) + var(--size-gap-half)) calc(var(--size-gap-double) + var(--size-gap-half));
}
.development-error__terminal pre {
white-space: pre-wrap;
word-break: break-word;
}
.development-error__terminal pre b {
color: var(--color-ansi-cyan);
}
.development-error footer {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: var(--size-gap);
}
.development-error footer button small {
color: black;
font-weight: 500;
}
.development-error footer small span {
color: black;
}
.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;
}
.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: 50px 0;
}
}
.cookie-not-set .advance-cookie-banner__bar {
opacity: 1;
pointer-events: all;
}
.advance-cookie-banner__inner {
position: relative;
z-index: 3;
display: grid;
grid-template-columns: 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--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: -40px;
left: -84px;
z-index: 3;
width: 48px;
height: 48px;
border-radius: 4px;
background-color: #281913;
transition: background-color 0.3s ease;
}
@media only screen and (max-width: 1200px) {
.advance-cookie-banner__close {
left: -60px;
}
}
@media only screen and (max-width: 1022px) {
.advance-cookie-banner__close {
top: -40px;
left: initial;
right: 0;
width: 36px;
height: 36px;
}
}
.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;
}
.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);    }
.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);    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;
} .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;
} .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);
}
.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);
}
.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;
}
.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;
}
.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;    }
.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;
} @-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .margin {
display: block;
width: 100%;
}
.margin--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;
}
@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;    }
.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;
}
}
.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);
}
.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;
}
}
.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-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-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-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-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;
}
.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;
}
}
.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;
}
.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);
}
.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;
}
}
.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%;
}
.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;
}
.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;
}
}
.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%);
}