.skip-link {
position: absolute;
left: -9999px;
background-color: var(--white-off);
color: var(--black);
text-decoration: none;
}
.skip-link:focus-visible {
left: 16px;
top: 16px;
z-index: 9999;
}
.c-header {
background-color: var(--white-off-90);
backdrop-filter: blur(8px);
position: sticky;
z-index: 20;
top: 0;
}
@media (max-width: 768px) {
.c-header {
position: static;
}
}
.c-header__availability {
width: -moz-fit-content;
width: fit-content;
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: -84px;
padding: 18px;
}
.c-header__availability--desktop {
display: flex;
}
@media (max-width: 1200px) {
.c-header__availability--desktop {
display: none;
}
}
.c-header__availability-icon {
border: unset;
width: 48px;
min-width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: var(--black);
cursor: pointer;
transition: all 0.3s;
}
.c-header__availability-icon:hover {
background-color: var(--red);
}
.c-header__availability-icon:hover svg {
color: var(--black);
}
.c-header__availability-icon svg {
transition: all 0.3s;
color: var(--white-off);
}
.c-header__availability-list {
position: absolute;
left: 0;
top: 84px;
display: flex;
flex-direction: column;
gap: 16px;
padding: 16px;
background-color: var(--white-off-90);
backdrop-filter: blur(8px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: all 0.3s;
}
.c-header__availability-list.active {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.c-header__availability-item {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 15px;
padding: 14px 16px;
border: 1px solid var(--black);
background-color: var(--white-off);
transition: all 0.3s;
cursor: pointer;
}
.c-header__availability-item:hover {
border: 1px solid var(--red);
}
.c-header__availability-item:hover .c-header__availability-sign {
color: var(--red);
}
.c-header__availability-item:hover .c-header__availability-sign svg {
color: var(--red);
}
.c-header__availability-item:disabled {
border-color: var(--grey-2);
cursor: not-allowed;
}
.c-header__availability-item:disabled .c-header__availability-text,
.c-header__availability-item:disabled .c-header__availability-sign {
color: var(--grey-2);
cursor: not-allowed;
}
.c-header__availability-item:disabled .c-header__availability-text svg,
.c-header__availability-item:disabled .c-header__availability-sign svg {
color: var(--grey-2);
}
.c-header__availability-text {
cursor: pointer;
transition: all 0.3s;
color: var(--black);
font-weight: 500;
font-size: 1rem;
line-height: 100%;
}
.c-header__availability-sign {
cursor: pointer;
transition: all 0.3s;
color: var(--black);
font-weight: 500;
font-size: 1rem;
line-height: 100%;
}
.c-header__availability-sign svg {
color: var(--black);
}
.c-header__nav {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 20px 0;
position: sticky;
}
.c-header__name {
position: fixed;
left: -200%;
top: 0;
}
.c-header__list {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 32px;
}
.c-header__logo {
width: auto;
max-width: calc(42% - var(--step) * 7%);
display: flex;
align-items: flex-start;
color: var(--black);
}
.c-header__logo svg {
max-height: 44px;
width: auto;
}
@media (max-width: 1200px) {
.c-header__logo {
max-width: 100%;
position: relative;
}
.c-header__logo svg {
transition: all 0.3s;
max-height: 36px;
width: auto;
}
}
.c-header__menu {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
gap: 32px;
}
.c-header__menu--desktop {
display: flex;
}
@media (max-width: 1200px) {
.c-header__menu--desktop {
display: none;
}
}
.c-header__item {
all: unset;
position: relative;
display: flex;
align-items: center;
flex-direction: row;
gap: 2px;
transition: all 0.3s;
}
.c-header__item:hover .c-header__submenu {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.c-header__item:hover .c-header__link::after {
width: 100%;
}
.c-header__item:hover .c-header__arrow {
color: var(--red);
}
.c-header__item:focus-visible {
outline: 2px solid var(--red);
outline-offset: 2px;
}
.c-header__link {
height: -moz-fit-content;
height: fit-content;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 2px;
transition: all 0.3s;
color: var(--black);
text-wrap: nowrap;
text-decoration: none;
font-weight: 500;
font-size: 1rem;
position: relative;
}
.c-header__link::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 1px;
background-color: var(--red);
transition: all 0.5s;
}
.c-header__link:focus-visible {
outline: 2px solid var(--red);
outline-offset: 2px;
}
.c-header__arrow {
color: var(--black);
}
.c-header__submenu {
position: absolute;
top: 100%;
left: -8px;
width: 100%;
min-width: -moz-fit-content;
min-width: fit-content;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
gap: 9px;
padding: 4px 8px 5px;
background-color: var(--white-pure);
list-style: none;
overflow: hidden;
transition: all 0.3s;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.c-header__submenu.active {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.c-header__submenu-toggle {
all: unset;
display: flex;
align-items: center;
justify-content: center;
height: 44px;
width: 44px;
margin-left: -15px;
margin-right: -20px;
color: var(--black);
cursor: pointer;
}
.c-header__submenu-toggle:focus-visible {
outline: 2px solid var(--red);
outline-offset: 2px;
}
.c-header__subitem {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
transition: all 0.3s;
color: var(--black);
text-wrap: nowrap;
text-decoration: none;
font-weight: 500;
font-size: 1rem;
position: relative;
}
.c-header__subitem:hover::after {
width: 100%;
}
.c-header__subitem::after {
content: "";
position: absolute;
z-index: 4;
left: 0;
bottom: 0;
width: 0;
height: 1px;
background-color: var(--red);
transition: all 0.4s;
}
.c-header__search {
all: unset;
display: flex;
align-items: center;
justify-content: center;
color: var(--black);
height: 44px;
width: 44px;
margin-left: -15px;
margin-right: -20px;
cursor: pointer;
color: var(--black);
transition: all 0.3s;
}
.c-header__search:hover {
color: var(--red);
}
.c-header__search:focus-visible {
outline: 2px solid var(--red);
outline-offset: 2px;
}
.c-header__media {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
position: absolute;
right: 16px;
top: 18px;
}
.c-header__media--desktop {
display: flex;
}
@media (max-width: 1200px) {
.c-header__media--desktop {
display: none;
}
}
.c-header .c-sm-button {
background-color: var(--white-off-90);
backdrop-filter: blur(8px);
}
.c-header .c-sm-button--bip:hover {
background-color: var(--red);
}
.c-header-info {
position: fixed;
z-index: 20;
right: 16px;
bottom: 32px;
}
@media (max-width: 1200px) {
.c-header-info {
right: 8px;
bottom: 95px;
}
}
.c-header-info__icon {
width: 56px;
height: 56px;
align-items: center;
justify-content: center;
background-color: var(--white-off-90);
backdrop-filter: blur(8px);
border-radius: 50% 50% 0 50%;
border: 1px solid var(--black);
transition: all 0.3s ease-in;
transform-origin: bottom right;
cursor: pointer;
}
.c-header-info__icon svg {
transition: all 0.3s ease-in;
color: var(--black);
height: 20px;
width: 20px;
max-width: 20px;
}
.c-header-info__icon:hover {
width: 64px;
height: 64px;
border-color: var(--red);
background-color: var(--white-off);
}
.c-header-info__icon:hover svg {
color: var(--red);
}
.c-header-info__content {
overflow: hidden;
position: absolute;
right: 0;
bottom: 0;
width: 328px;
max-width: 0;
max-height: 0;
display: flex;
align-items: flex-start;
flex-direction: column;
gap: 16px;
padding: 24px;
opacity: 0;
background-color: var(--white-off);
border-radius: 24px 24px 0 24px;
border: 1px solid var(--red);
transition: all 0.4s ease-in;
transition: opacity 0.2s ease-in, max-width 0.4s ease-in, max-height 0.5s ease-in;
transform-origin: bottom right;
}
.c-header-info__content.active {
max-height: 500px;
max-width: 500px;
height: -moz-fit-content;
height: fit-content;
opacity: 1;
}
.c-header-info__title {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 8px;
}
.c-header-info__close {
all: unset;
min-width: 20px;
width: 20px;
height: 44px;
padding-top: 5px;
display: flex;
align-items: flex-start;
justify-content: center;
cursor: pointer;
}
.c-header-info__close svg {
color: var(--black);
position: relative;
}
.c-header-info__close svg::before {
position: absolute;
left: 0;
top: 0;
width: 44px;
height: 44px;
}
.c-header-info__close:focus-visible {
outline: 2px solid var(--red);
outline-offset: 2px;
}
.c-header-info__btn {
display: flex;
gap: 8px;
align-items: center;
justify-content: center;
flex-direction: row;
text-decoration: none;
color: var(--black);
font-weight: 500;
line-height: 120%;
transition: all 0.3s ease;
}
.c-header-info__btn:hover {
color: var(--red);
border-color: var(--red);
}
@media (max-width: 992px) {
.c-header-info__btn {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
padding: 16px;
border: 1px solid var(--black);
background-color: transparent;
color: var(--black);
cursor: pointer;
font-size: 1rem;
font-weight: 500;
line-height: 100%;
}
}
.c-header-info__btn-icon, .c-header-info__btn-tel {
display: flex;
font-size: 2rem;
}
@media (max-width: 992px) {
.c-header-info__btn-icon, .c-header-info__btn-tel {
display: none;
}
}
.c-header-info__btn-text {
display: none;
}
@media (max-width: 992px) {
.c-header-info__btn-text {
display: flex;
}
}.c-header-mobile {
display: none;
position: fixed;
z-index: 25;
bottom: 0;
left: 0;
width: 100%;
border-top: 1px solid var(--black);
background-color: var(--white-off-90);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
@media (max-width: 1200px) {
.c-header-mobile {
display: flex;
}
}
.c-header-mobile__logo-top {
position: sticky;
z-index: 21;
top: 0;
padding-top: 20px;
margin-bottom: -56px;
display: none;
}
@media (max-width: 768px) {
.c-header-mobile__logo-top {
display: block;
}
}
.c-header-mobile__logo {
max-width: 100%;
position: relative;
}
.c-header-mobile__logo svg {
transition: all 0.3s;
max-height: 36px;
width: auto;
}
.c-header-mobile__logo svg.mobile {
color: var(--black);
height: 100%;
width: auto;
display: block;
transition: all 0.3s;
}
.c-header-mobile__wrap {
display: flex;
flex-direction: column-reverse;
position: relative;
}
.c-header-mobile__content {
overflow: hidden;
height: 100%;
max-height: 0;
transition: all 0.3s ease-out;
}
.c-header-mobile__content.open {
height: -moz-fit-content;
height: fit-content;
padding: 0 5px 32px;
max-height: 85svh;
}
.c-header-mobile__content.auto {
overflow: auto;
}
.c-header-mobile__availability {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
padding-top: 32px;
}
.c-header-mobile__availability-item {
height: 44px;
width: 44px;
min-width: 44px;
min-height: 44px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--black);
background-color: var(--white-off-90);
border-radius: 50%;
transition: all 0.3s;
color: var(--black);
font-weight: 400;
font-size: 1.25rem;
}
.c-header-mobile__availability-item svg {
color: var(--black);
height: 20px;
width: 20px;
min-width: 20px;
min-height: 20px;
}
.c-header-mobile__availability-item:disabled {
border-color: var(--grey-2);
color: var(--grey-2);
cursor: not-allowed;
}
.c-header-mobile__menu {
display: flex;
flex-direction: column;
gap: 8px;
}
.c-header-mobile__item {
padding: 11.5px 0 12.5px;
display: flex;
flex-direction: row;
align-items: center;
}
.c-header-mobile__item--with-submenu {
display: grid;
grid-template-columns: 1fr 44px;
justify-items: stretch;
}
.c-header-mobile__submenu-toggle {
all: unset;
width: 100%;
height: auto;
aspect-ratio: 1/1;
display: flex;
justify-content: center;
align-items: center;
}
.c-header-mobile__submenu-toggle:focus-visible {
outline: 2px solid var(--red);
outline-offset: 2px;
}
.c-header-mobile__link {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
color: var(--black);
text-decoration: none;
font-weight: 500;
font-size: 1.25rem;
}
.c-header-mobile__arrow {
position: relative;
width: 20px;
height: 20px;
min-height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.c-header-mobile__arrow::after {
content: "";
position: absolute;
z-index: 2;
left: -16px;
top: 50%;
height: 110%;
width: 1px;
transform: translateY(-50%);
background-color: var(--black);
}
.c-header-mobile__arrow.open svg {
transform: rotate(180deg);
}
.c-header-mobile__arrow svg {
color: var(--red);
transition: all 0.3s ease-out;
}
.c-header-mobile__submenu {
display: none;
flex-direction: column;
height: 100%;
max-height: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: all 0.3s ease-out;
}
.c-header-mobile__submenu.open {
grid-row: span 2;
height: -moz-fit-content;
height: fit-content;
max-height: unset;
display: flex;
opacity: 1;
visibility: visible;
pointer-events: all;
height: fit-content;
max-height: 100vh;
border-bottom: 1px solid var(--black);
transform-origin: bottom;
}
.c-header-mobile__subitem {
all: unset;
display: flex;
flex-direction: column;
text-decoration: none;
color: var(--black);
font-weight: 500;
font-size: 1rem;
}
.c-header-mobile__sublink {
all: unset;
display: flex;
padding: 11.5px 0 12.5px;
color: var(--black);
text-decoration: none;
font-weight: 500;
font-size: 1rem;
}
.c-header-mobile__sublink:focus-visible {
outline: 2px solid var(--red);
outline-offset: 2px;
}
.c-header-mobile__media {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.c-header-mobile__nav {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}
.c-header-mobile__nav-list {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
gap: 16px;
padding: 12px 20px;
}
@media (max-width: 576px) {
.c-header-mobile__nav-list {
padding: 12px 0;
justify-content: space-between;
}
}
.c-header-mobile__nav-item {
all: unset;
min-width: 68px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
padding: 8px;
transition: all 0.3s ease-out;
color: var(--black);
text-decoration: none;
font-weight: 500;
font-size: 0.75rem;
text-align: center;
}
@media (max-width: 576px) {
.c-header-mobile__nav-item {
min-width: 44px;
}
}
.c-header-mobile__nav-item:focus-visible {
outline: 2px solid var(--red);
outline-offset: 2px;
}
.c-header-mobile__nav-item.isActive {
background-color: var(--white-pure);
border-radius: 8px;
}
.c-header-mobile__nav-item.isActive svg {
color: var(--red);
}
.c-header-mobile__nav-item svg {
color: var(--black);
width: 24px;
height: 24px;
min-width: 24px;
min-height: 24px;
transition: all 0.3s ease-out;
opacity: 1;
visibility: visible;
pointer-events: all;
}
.c-header-mobile__nav-item svg.inactive {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.c-header-mobile__nav-icons {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.c-header-mobile__nav-icons svg.menu-close {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.c-header-mobile .skip-link {
width: -moz-fit-content;
width: fit-content;
position: absolute;
right: -9999px;
background-color: var(--white-off);
color: var(--black);
text-decoration: none;
}
.c-header-mobile .skip-link:focus-visible {
right: 0;
top: 16px;
z-index: 9999;
}.c-top-bar {
position: relative;
background-color: var(--black);
}
.c-top-bar--red {
background-color: var(--red);
}
.c-top-bar__content {
min-height: 45px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 16px;
}
@media (max-width: 992px) {
.c-top-bar__content {
flex-direction: flex;
}
}
@media (max-width: 768px) {
.c-top-bar__content {
flex-direction: column;
gap: 8px;
padding: 12px 0;
}
}
.c-top-bar__text {
color: var(--white-off);
font-weight: 400;
font-size: 1rem;
line-height: 100%;
}
@media (max-width: 768px) {
.c-top-bar__text {
padding: 0;
}
}
.c-top-bar__text--red {
color: var(--black);
}
.c-top-bar .c-button {
width: -moz-fit-content;
width: fit-content;
height: unset;
margin: 6.5px 0;
padding: 8px 16px;
color: var(--white-off);
border-color: var(--white-off);
transition: all 0.3s;
font-weight: 500;
font-size: 1rem;
line-height: 100%;
}
.c-top-bar .c-button--red {
color: var(--black);
border-color: var(--black);
}
@media (max-width: 768px) {
.c-top-bar .c-button {
margin: 0;
}
}
.c-top-bar__close {
all: unset;
position: absolute;
right: 0;
top: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
max-width: 44px;
height: 44px;
max-height: 44px;
aspect-ratio: 1/1;
transform: translateY(-50%);
cursor: pointer;
color: var(--white-off);
}
.c-top-bar__close svg {
color: var(--white-off);
}
.c-top-bar__close:focus-visible {
outline: 2px solid var(--red);
outline-offset: 2px;
}
.c-top-bar__close--red {
color: var(--black);
}
.c-top-bar__close--red svg {
color: var(--black);
}
@media (max-width: 768px) {
.c-top-bar__close {
flex-direction: column;
right: 0px;
top: 0px;
transform: translateY(0);
}
}.c-search {
width: 100%;
height: 100%;
top: 0;
position: fixed;
background: transparent;
z-index: 21;
display: none;
}
@media (max-width: 768px) {
.c-search .container {
--bs-gutter-x: 0px;
}
}
.c-search--open {
display: flex;
}
.c-search::before {
content: "";
position: fixed;
inset: 0;
backdrop-filter: blur(8px);
background: var(--white-off-90);
z-index: -1;
}
.c-search__close {
height: 48px;
width: 48px;
position: absolute;
top: 18px;
right: 16px;
}
@media (max-width: 576px) {
.c-search__close {
display: none;
}
}
.c-search__content {
max-width: 790px;
width: 100%;
margin: 152px auto 0;
}
@media (max-width: 576px) {
.c-search__content {
margin: 0;
}
}
@media (max-width: 576px) {
.c-search__heading {
display: none;
}
}
.c-search__input-wrapper {
position: relative;
margin-top: 18px;
}
@media (max-width: 576px) {
.c-search__input-wrapper {
margin: 0;
}
}
.c-search__input {
width: 100%;
height: 48px;
position: relative;
padding: 12.5px 44px 12.5px 16px;
border: 0;
border-bottom: 1px solid var(--grey-2);
transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
background: var(--white-pure);
font-weight: 400;
font-size: 1.125rem;
line-height: 130%;
font-family: inherit;
color: var(--black);
}
.c-search__input::-moz-placeholder {
color: var(--grey-2);
}
.c-search__input::placeholder {
color: var(--grey-2);
}
.c-search__input:hover {
box-shadow: inset 0 -2px 0 0 var(--red);
}
.c-search__input:focus-visible {
outline: 0;
box-shadow: inset 0 -2px 0 0 var(--red);
caret-color: var(--red);
}
.c-search__input:focus-visible ~ .c-search__button--search {
color: var(--red);
}
.c-search__input:focus-visible ~ .c-search__button--search svg path {
fill: var(--red);
transition: fill 0.3s ease;
}
.c-search__input:focus-visible::-moz-placeholder {
color: transparent;
}
.c-search__input:focus-visible::placeholder {
color: transparent;
}
.c-search__input::-webkit-search-cancel-button {
-webkit-appearance: none;
appearance: none;
}
@media (max-width: 576px) {
.c-search__input {
padding: 12.5px 44px 12.5px 42px;
}
}
.c-search__button {
border: 0;
content: "";
position: absolute;
top: 0;
width: 48px;
height: 48px;
z-index: 3;
background: transparent;
cursor: pointer;
}
.c-search__button--close {
left: 0;
display: none;
}
@media (max-width: 576px) {
.c-search__button--close {
display: block;
}
}
.c-search__button--close svg {
color: var(--black);
}
.c-search__button--reset {
right: 30px;
color: var(--black);
display: none;
}
.c-search__button--search {
right: 0;
color: var(--black);
}
.c-search__button--search svg {
margin-top: 3px;
}
.c-search__history {
display: none;
}
.c-search__history-remove {
position: absolute;
right: 0;
height: 48px;
width: 48px;
border: 0;
background: transparent;
cursor: pointer;
color: var(--black);
}
.c-search__result-item {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 12.5px 18px 12.5px 16px;
text-decoration: none;
font-size: 1.125rem;
font-family: Strawford, "sans-serif";
font-weight: 400;
line-height: 130%;
transition: all 0.3s ease;
position: relative;
z-index: 1;
color: var(--black);
}
.c-search__result-item-wrap {
display: flex;
align-items: center;
gap: 8px;
}
.c-search__result-item-wrap svg {
min-width: 14px;
}
.c-search__result-item-wrap svg path {
fill: var(--black);
}
.c-search__result-item-type {
font-weight: 400;
font-size: 12px;
line-height: 125%;
color: var(--grey-4);
display: flex;
margin-top: 5px;
}
.c-search__result-item:hover {
background-color: var(--white-off);
}: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-slide,
.swiper-cube-shadow {
transform-style: preserve-3d;
}
} .swiper-css-mode {
> .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; &::-webkit-scrollbar {
display: none;
}
}
> .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
&.swiper-horizontal {
> .swiper-wrapper {
scroll-snap-type: x mandatory;
}
> .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-slides-offset-before);
scroll-margin-inline-start: var(--swiper-slides-offset-before);
}
> .swiper-wrapper > .swiper-slide:last-child {
margin-inline-end: var(--swiper-slides-offset-after);
}
}
&.swiper-vertical {
> .swiper-wrapper {
scroll-snap-type: y mandatory;
}
> .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-slides-offset-before);
scroll-margin-block-start: var(--swiper-slides-offset-before);
}
> .swiper-wrapper > .swiper-slide:last-child {
margin-block-end: var(--swiper-slides-offset-after);
}
}
&.swiper-free-mode {
> .swiper-wrapper {
scroll-snap-type: none;
}
> .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
}
&.swiper-centered {
> .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
> .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
}
&.swiper-centered.swiper-horizontal {
> .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
> .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
}
&.swiper-centered.swiper-vertical {
> .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
> .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
}
}  .swiper-3d {
.swiper-slide-shadow,
.swiper-slide-shadow-left,
.swiper-slide-shadow-right,
.swiper-slide-shadow-top,
.swiper-slide-shadow-bottom,
.swiper-slide-shadow,
.swiper-slide-shadow-left,
.swiper-slide-shadow-right,
.swiper-slide-shadow-top,
.swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.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-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);
}
}  .pswp {
--pswp-bg: #000;
--pswp-placeholder-bg: #222;
--pswp-root-z-index: 100000;
--pswp-preloader-color: rgba(79, 79, 79, 0.4);
--pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9); --pswp-icon-color: #fff;
--pswp-icon-color-secondary: #4f4f4f;
--pswp-icon-stroke-color: #4f4f4f;
--pswp-icon-stroke-width: 2px;
--pswp-error-text-color: var(--pswp-icon-color);
} .pswp {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: var(--pswp-root-z-index);
display: none;
touch-action: none;
outline: 0;
opacity: 0.003;
contain: layout style size;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} .pswp:focus {
outline: 0;
}
.pswp * {
box-sizing: border-box;
}
.pswp img {
max-width: none;
}
.pswp--open {
display: block;
}
.pswp,
.pswp__bg {
transform: translateZ(0);
will-change: opacity;
}
.pswp__bg {
opacity: 0.005;
background: var(--pswp-bg);
}
.pswp,
.pswp__scroll-wrap {
overflow: hidden;
}
.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pswp__img,
.pswp__zoom-wrap {
width: auto;
height: auto;
}
.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
cursor: zoom-in;
}
.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
cursor: move;
cursor: grab;
}
.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
cursor: grabbing;
} .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
cursor: zoom-out;
} .pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.pswp__item { z-index: 1;
overflow: hidden;
}
.pswp__hidden {
display: none !important;
} .pswp__content {
pointer-events: none;
}
.pswp__content > * {
pointer-events: auto;
}  .pswp__error-msg-container {
display: grid;
}
.pswp__error-msg {
margin: auto;
font-size: 1em;
line-height: 1;
color: var(--pswp-error-text-color);
} .pswp .pswp__hide-on-close {
opacity: 0.005;
will-change: opacity;
transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
z-index: 10; pointer-events: none; } .pswp--ui-visible .pswp__hide-on-close {
opacity: 1;
pointer-events: auto;
} .pswp__button {
position: relative;
display: block;
width: 50px;
height: 60px;
padding: 0;
margin: 0;
overflow: hidden;
cursor: pointer;
background: none;
border: 0;
box-shadow: none;
opacity: 0.85;
-webkit-appearance: none;
-webkit-touch-callout: none;
}
.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
transition: none;
padding: 0;
background: none;
border: 0;
box-shadow: none;
opacity: 1;
}
.pswp__button:disabled {
opacity: 0.3;
cursor: auto;
}
.pswp__icn {
fill: var(--pswp-icon-color);
color: var(--pswp-icon-color-secondary);
}
.pswp__icn {
position: absolute;
top: 14px;
left: 9px;
width: 32px;
height: 32px;
overflow: hidden;
pointer-events: none;
}
.pswp__icn-shadow {
stroke: var(--pswp-icon-stroke-color);
stroke-width: var(--pswp-icon-stroke-width);
fill: none;
}
.pswp__icn:focus {
outline: 0;
} div.pswp__img--placeholder,
.pswp__img--with-bg {
background: var(--pswp-placeholder-bg);
}
.pswp__top-bar {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 60px;
display: flex;
flex-direction: row;
justify-content: flex-end;
z-index: 10; pointer-events: none !important;
}
.pswp__top-bar > * {
pointer-events: auto; will-change: opacity;
} .pswp__button--close {
margin-right: 6px;
} .pswp__button--arrow {
position: absolute;
top: 0;
width: 75px;
height: 100px;
top: 50%;
margin-top: -50px;
}
.pswp__button--arrow:disabled {
display: none;
cursor: default;
}
.pswp__button--arrow .pswp__icn {
top: 50%;
margin-top: -30px;
width: 60px;
height: 60px;
background: none;
border-radius: 0;
}
.pswp--one-slide .pswp__button--arrow {
display: none;
} .pswp--touch .pswp__button--arrow {
visibility: hidden;
} .pswp--has_mouse .pswp__button--arrow {
visibility: visible;
}
.pswp__button--arrow--prev {
right: auto;
left: 0px;
}
.pswp__button--arrow--next {
right: 0px;
}
.pswp__button--arrow--next .pswp__icn {
left: auto;
right: 14px; transform: scale(-1, 1);
} .pswp__button--zoom {
display: none;
}
.pswp--zoom-allowed .pswp__button--zoom {
display: block;
} .pswp--zoomed-in .pswp__zoom-icn-bar-v {
display: none;
} .pswp__preloader {
position: relative;
overflow: hidden;
width: 50px;
height: 60px;
margin-right: auto;
}
.pswp__preloader .pswp__icn {
opacity: 0;
transition: opacity 0.2s linear;
animation: pswp-clockwise 600ms linear infinite;
}
.pswp__preloader--active .pswp__icn {
opacity: 0.85;
}
@keyframes pswp-clockwise {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .pswp__counter {
height: 30px;
margin-top: 15px;
margin-inline-start: 20px;
font-size: 14px;
line-height: 30px;
color: var(--pswp-icon-color);
text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
opacity: 0.85;
}
.pswp--one-slide .pswp__counter {
display: none;
}
.l-single__mobile-breadcrumbs {
display: none;
}
@media (max-width: 992px) {
.l-single__mobile-breadcrumbs {
display: block;
order: 1;
}
}
.l-single__header-info-box {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 24px;
row-gap: 8px;
padding-top: 16px;
padding-bottom: 16px;
border-top: 1px solid var(--black);
}
.l-single__header-info-single {
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
line-height: 100%;
}
.l-single__breadcrumbs {
width: 100%;
display: flex;
justify-content: flex-start;
}
@media (max-width: 992px) {
.l-single__breadcrumbs {
display: none;
}
}
.l-single__header {
display: flex;
justify-content: space-between;
gap: 32px;
margin-bottom: 106px;
}
@media (max-width: 992px) {
.l-single__header {
flex-direction: column;
gap: 12px;
margin-bottom: 32px;
}
}
.l-single__left {
flex: 1 1 0;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: end;
}
@media (max-width: 992px) {
.l-single__left {
order: 3;
}
}
.l-single__info-box {
display: flex;
flex-direction: column;
gap: 24px;
justify-content: space-between;
align-items: flex-start;
margin-top: 48px;
margin-bottom: 48px;
}
@media (max-width: 992px) {
.l-single__info-box {
width: 100%;
margin-bottom: 32px;
}
}
.l-single__info-box--activity {
margin-top: 24px;
margin-bottom: 24px;
}
.l-single__info-box--post {
margin: 48px 0 24px 0;
}
@media (max-width: 992px) {
.l-single__info-box--post {
margin: 28px 0 16px 0;
}
}
.l-single__button-box {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin-top: 24px;
margin-bottom: 19px;
}
@media (max-width: 768px) {
.l-single__button-box {
display: flex;
flex-direction: column;
gap: 16px;
margin: 0 0 32px 0;
}
}
.l-single__button-box a {
flex: 1 1 0;
}
@media (max-width: 768px) {
.l-single__button-box a {
max-width: unset;
}
}
.l-single__subtitle {
color: var(--grey-1);
}
.l-single__info {
border-top: 1px solid var(--black);
display: flex;
flex-wrap: wrap;
gap: 24px;
row-gap: 8px;
justify-content: flex-start;
padding-top: 16px;
padding-bottom: 16px;
}
@media (max-width: 992px) {
.l-single__info {
width: 100%;
}
}
.l-single__single-info {
display: flex;
align-items: center;
gap: 4px;
}
.l-single__single-info svg {
display: block;
margin-top: 1px;
}
.l-single__single-info--post {
margin: 24px 0 48px 0;
}
@media (max-width: 992px) {
.l-single__single-info--post {
margin: 16px 0;
}
}
.l-single__categories {
margin-top: 102px;
color: var(--grey-1);
font-weight: 500;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.05rem;
text-transform: uppercase;
}
@media (max-width: 992px) {
.l-single__categories {
margin-top: 0;
}
}
.l-single__categories--post {
margin: 0;
}
.l-single__pretitle {
color: var(--grey-1);
font-weight: 500;
font-size: 0.75rem;
line-height: 1rem;
letter-spacing: 0.05rem;
text-transform: uppercase;
}
.l-single__button-bar {
width: 100%;
display: flex;
gap: 24px;
margin: 24px 0 53px 0;
}
.l-single__button-bar .c-button {
flex: 1 1 0;
}
@media (max-width: 768px) {
.l-single__button-bar .c-button {
max-width: unset;
}
}
@media (max-width: 992px) {
.l-single__button-bar {
flex-direction: column;
gap: 16px;
}
}
@media (max-width: 768px) {
.l-single__button-bar {
margin: 0;
}
}
.l-single__right {
flex: 1 1 0;
overflow: hidden;
}
@media (max-width: 992px) {
.l-single__right {
overflow: unset;
order: 2;
}
}
.l-single__image {
width: 100%;
height: auto;
display: none;
}
@media (max-width: 992px) {
.l-single__image {
display: flex;
}
}
@media (max-width: 992px) {
.l-single__image--post {
margin-bottom: 32px;
}
}
.l-single__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
aspect-ratio: 1/1;
}
.l-single__content-box {
display: flex;
flex-direction: row;
-moz-column-gap: 66px;
column-gap: 66px;
}
@media (max-width: 992px) {
.l-single__content-box {
flex-direction: column;
}
}
.l-single__header-desc {
margin-top: 24px;
}
.l-single__content {
flex: 2 2 0;
}
.l-single__content p {
margin: 1rem 0;
}
.l-single__content ul, .l-single__content ol {
margin-left: 2rem;
}
.l-single__post-nav {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
gap: 32px;
padding: 56px 0;
border-top: 1px solid var(--black);
}
@media (max-width: 576px) {
.l-single__post-nav {
flex-direction: column;
}
}
.l-single__post-box {
width: 100%;
max-width: 32%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
gap: 16px;
}
@media (max-width: 992px) {
.l-single__post-box {
max-width: 40%;
}
}
@media (max-width: 576px) {
.l-single__post-box {
max-width: unset;
width: 100%;
}
}
@media (max-width: 576px) {
.l-single__post-name {
display: none;
}
}
.l-single__post-button {
text-transform: lowercase;
gap: 32px;
}
.l-event__similar {
padding: 56px 0;
border-top: 1px solid var(--black);
}
.l-event__similar .swiper-slide {
width: 100%;
height: auto;
}
.l-event__similar-title {
margin-bottom: 32px;
}
.l-event__similar-wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
}
@media (max-width: 992px) {
.l-event__similar-wrapper {
display: block;
grid-template-columns: unset;
gap: unset;
}
}.c-calendar-dropdown {
flex: 1 1 0;
position: relative;
}
.c-calendar-dropdown__menu {
position: absolute;
top: 100%;
left: 0;
width: 100%;
min-width: 220px;
height: -moz-fit-content;
height: fit-content;
max-height: 0;
overflow: hidden;
background: var(--white-off);
z-index: 100;
border-radius: 4px;
transition: all 0.3s;
}
.c-calendar-dropdown__menu.is-active {
max-height: 1000px;
}
.c-calendar-dropdown__menu a {
margin-top: 5px;
max-width: unset;
}.c-breadcrumbs {
width: 100%;
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: 4px;
margin: 0 0 -20px;
color: var(--black);
font-weight: 400;
font-size: 0.75rem;
line-height: 125%;
letter-spacing: 0;
}
.c-breadcrumbs a,
.c-breadcrumbs svg {
height: 44px;
display: flex;
align-items: center;
text-decoration: none;
flex-shrink: 0;
color: var(--black);
}
.c-breadcrumbs .lowText {
text-transform: lowercase;
}
@media (max-width: 992px) {
.c-breadcrumbs span {
display: block;
flex: 0 1 auto;
min-width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}.c-sidebar {
flex: 1 1 0;
}
.c-sidebar__img {
width: 100%;
height: 100%;
aspect-ratio: 1/1;
}
@media (max-width: 992px) {
.c-sidebar__img {
display: none;
}
}
.c-sidebar__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.c-sidebar__box {
display: flex;
flex-direction: column;
gap: 40px;
margin-bottom: 56px;
}
.c-sidebar__item-group {
display: flex;
flex-direction: column;
gap: 24px;
}
.c-sidebar__item-group a {
color: var(--black);
}.c-footer {
margin-top: auto;
color: var(--black);
overflow: hidden;
}
@media (max-width: 1200px) {
.c-footer {
padding-bottom: 90px;
}
}
.c-footer__newsletter {
display: flex;
gap: 32px;
justify-content: flex-end;
padding: 0 0 56px 0;
}
@media (max-width: 992px) {
.c-footer__newsletter {
flex-direction: column;
}
}
@media (max-width: 768px) {
.c-footer__newsletter {
gap: 16px;
}
}
.c-footer__newsletter--top {
border-top: 1px solid var(--black);
gap: 16px;
}
.c-footer__newsletter-subtitle {
font-weight: 500;
font-size: 1.5rem;
line-height: 125%;
}
@media (max-width: 768px) {
.c-footer__newsletter-subtitle {
font-size: 1rem;
}
}
.c-footer__newsletter-subtitle--space {
margin-bottom: 26px;
}
@media (max-width: 768px) {
.c-footer__newsletter-subtitle--space {
margin: 0;
}
}
@media (max-width: 768px) {
.c-footer__newsletter-btn {
margin-bottom: 40px;
}
}
.c-footer__newsletter-left, .c-footer__newsletter-right {
width: 100%;
flex: 1;
}
.c-footer__newsletter-left--top, .c-footer__newsletter-right--top {
border-top: 1px solid var(--black);
}
.c-footer__newsletter-left {
display: flex;
flex-direction: column;
gap: 16px;
padding: 56px 0 0 0;
}
.c-footer__newsletter-left a {
max-width: 379px;
}
.c-footer__newsletter-right {
display: flex;
align-items: flex-end;
}
.c-footer__newsletter-right--column {
flex-direction: column;
align-items: start;
gap: 16px;
padding: 56px 0 0 0;
}
.c-footer__block-logo-wrap {
display: flex;
justify-content: flex-start;
max-width: 480px;
width: 100%;
margin: 40px 0;
background: var(--white-off);
}
@media (max-width: 768px) {
.c-footer__block-logo-wrap {
max-width: unset;
margin: 0;
}
}
.c-footer__block-logo {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-footer__logo-contrast {
display: none;
}
body[data-wcag-color-preference=yellow] .c-footer__logo-default {
display: none;
}
body[data-wcag-color-preference=yellow] .c-footer__logo-contrast {
display: block;
}
.c-footer .c-form {
display: flex;
flex-direction: column;
gap: 16px;
}
.c-footer .c-form__wrap {
display: flex;
gap: 16px;
}
@media (max-width: 768px) {
.c-footer .c-form__wrap {
flex-direction: column;
}
}
.c-footer .c-form__input-wrap {
display: flex;
flex-direction: column;
position: relative;
width: 100%;
}
.c-footer .c-form__input-wrap:has(input[type=email]:not(:-moz-placeholder)) .c-form__label {
opacity: 1;
visibility: visible;
}
.c-footer .c-form__input-wrap:has(input[type=email]:focus) .c-form__label, .c-footer .c-form__input-wrap:has(input[type=email]:not(:placeholder-shown)) .c-form__label {
opacity: 1;
visibility: visible;
}
.c-footer .c-form__input-wrap p {
display: flex;
gap: 16px;
}
@media (max-width: 768px) {
.c-footer .c-form__input-wrap p {
flex-direction: column;
}
}
.c-footer .c-form__label {
font-weight: 400;
font-size: 0.875rem;
line-height: 100%;
color: var(--grey-2);
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, visibility 0.2s;
}
.c-footer .c-form .c-button {
max-width: 173px;
}
@media (max-width: 768px) {
.c-footer .c-form .c-button {
max-width: unset;
}
}
.c-footer .c-form__link {
color: var(--black);
}
.c-footer .c-form .wpcf7-form-control-wrap {
width: 100%;
}
.c-footer .c-form .wpcf7-spinner {
position: absolute;
}
.c-footer .c-form .wpcf7-list-item {
margin: 0;
}
.c-footer .c-form .wpcf7-list-item input {
margin: -5px 4px 0 0;
}
.c-footer__logos-section {
display: flex;
flex-direction: column;
gap: 8px;
padding: 64px 0 56px 0;
border-top: 1px solid var(--black);
}
@media (max-width: 992px) {
.c-footer__logos-section {
padding: 56px 0 56px 0;
}
}
.c-footer__logos-subtitle {
font-weight: 500;
font-size: 1.5rem;
line-height: 125%;
}
.c-footer__logos {
display: flex;
flex-wrap: wrap;
gap: 51px;
margin-top: 32px;
background: var(--logos-bg);
padding: 8px 0;
position: relative;
}
@media (max-width: 992px) {
.c-footer__logos {
display: grid;
grid-template-columns: repeat(3, 1fr);
place-items: center;
row-gap: 20px;
-moz-column-gap: 16px;
column-gap: 16px;
margin: 0;
}
}
.c-footer__logos a {
height: 52px;
width: -moz-fit-content;
width: fit-content;
}
@media (max-width: 992px) {
.c-footer__logos a {
height: 40px;
}
}
.c-footer__logos:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 99vw;
transform: translateX(-50%);
background: var(--logos-bg);
z-index: -1;
}
.c-footer__logo {
height: 52px;
width: auto;
mix-blend-mode: darken;
}
@media (max-width: 992px) {
.c-footer__logo {
height: 40px;
}
}
@media (max-width: 576px) {
.c-footer__logo {
max-width: 96px;
}
}
.c-footer__subsidies-section {
border-top: 1px solid var(--black);
padding: 22px 0;
}
@media (max-width: 992px) {
.c-footer__subsidies-section {
padding: 42px 0 39px 0;
}
}
.c-footer__subsidies-wrap {
display: flex;
justify-content: space-between;
background: var(--logos-bg);
padding: 10px 0;
position: relative;
}
.c-footer__subsidies-wrap a {
height: 48px;
}
@media (max-width: 768px) {
.c-footer__subsidies-wrap a {
max-height: 28px;
}
}
.c-footer__subsidies-wrap:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 99vw;
transform: translateX(-50%);
background: var(--logos-bg);
z-index: -1;
}
.c-footer__subsidies-logo {
width: auto;
max-height: 48px;
height: 100%;
}
@media (max-width: 768px) {
.c-footer__subsidies-logo {
max-height: 28px;
}
}
.c-footer__content {
display: flex;
flex-direction: column;
gap: 44px;
padding: 39px 0 44px 0;
border-top: 1px solid var(--black);
}
@media (max-width: 992px) {
.c-footer__content {
padding: 42px 0 49px 0;
gap: 30px;
}
}
.c-footer__box {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
}
@media (max-width: 992px) {
.c-footer__box {
flex-direction: column;
align-items: flex-start;
}
}
.c-footer__name {
font-weight: 700;
line-height: 1.5rem;
letter-spacing: 0.0015em;
margin-bottom: 16px;
}
.c-footer__contact {
display: flex;
flex-direction: column;
}
.c-footer__link {
text-decoration: none;
font-weight: 400;
line-height: 130%;
color: var(--black);
padding: 2px 0;
}
.c-footer__link a {
color: var(--black);
}
.c-footer__wrap {
display: flex;
gap: 32px;
}
@media (max-width: 992px) {
.c-footer__wrap {
gap: 11.2px;
padding: 24px 0 28px 0;
}
}
.c-footer__icon {
max-width: 28px;
}
.c-footer__copyright {
display: flex;
flex-direction: column;
gap: 17px;
}
.c-footer__bottom-icon {
width: 100%;
height: 42px;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTYiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA5NiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF80MzZfNjg2OSkiPg0KPHBhdGggZD0iTTAgNDEuOTQ2OEgyOC44MzgzVjMxLjQ2MDFIMTQuODI5NUwyOC4zODc0IDE3LjkwMjJMMjAuOTczMyAxMC40ODY4TDAgMzEuNDYwMVY0MS45NDY4WiIgZmlsbD0iIzFBMUExQSIvPg0KPHBhdGggZD0iTTAuMDAwMTQ4NzczIDIwLjk3MzFIMTAuNDg2OEwxMC40ODY4IC0wLjAwMDE5MDczNUgwLjAwMDE0ODc3M0wwLjAwMDE0ODc3MyAyMC45NzMxWiIgZmlsbD0iIzFBMUExQSIvPg0KPHBhdGggZD0iTTQxLjk0NjUgMEgzNC4wODE1VjEwLjQ4NjdINDEuOTQ2NUM0Ny43Mjg2IDEwLjQ4NjcgNTIuNDMzMiAxNS4xOTEyIDUyLjQzMzIgMjAuOTczM0M1Mi40MzMyIDI2Ljc1NTQgNDcuNzI4NiAzMS40NiA0MS45NDY1IDMxLjQ2SDM0LjA4MTVWNDEuOTQ2N0g0MS45NDc5QzUzLjUzMDQgNDEuOTQ2NyA2Mi45MTk5IDMyLjU1NTkgNjIuOTE5OSAyMC45NzMzQzYyLjkxOTkgOS4zOTA4MSA1My41MzA0IDAgNDEuOTQ2NSAwWiIgZmlsbD0iIzFBMUExQSIvPg0KPHBhdGggZD0iTTk0LjkwNDIgNy40MTY4NUw4Ny40ODg4IDAuMDAxNDY0ODRMNjYuNTE0MiAyMC45NzM1TDg3LjQ4NzUgNDEuOTQ2OEw5NC45MDI5IDM0LjUzMTRMODEuMzQ0OSAyMC45NzM1TDk0LjkwNDIgNy40MTY4NVoiIGZpbGw9IiMxQTFBMUEiLz4NCjwvZz4NCjxkZWZzPg0KPGNsaXBQYXRoIGlkPSJjbGlwMF80MzZfNjg2OSI+DQo8cmVjdCB3aWR0aD0iOTUuMzMzMyIgaGVpZ2h0PSI0MS45NDY3IiBmaWxsPSJ3aGl0ZSIvPg0KPC9jbGlwUGF0aD4NCjwvZGVmcz4NCjwvc3ZnPg0K);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTYiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA5NiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF80MzZfNjg2OSkiPg0KPHBhdGggZD0iTTAgNDEuOTQ2OEgyOC44MzgzVjMxLjQ2MDFIMTQuODI5NUwyOC4zODc0IDE3LjkwMjJMMjAuOTczMyAxMC40ODY4TDAgMzEuNDYwMVY0MS45NDY4WiIgZmlsbD0iIzFBMUExQSIvPg0KPHBhdGggZD0iTTAuMDAwMTQ4NzczIDIwLjk3MzFIMTAuNDg2OEwxMC40ODY4IC0wLjAwMDE5MDczNUgwLjAwMDE0ODc3M0wwLjAwMDE0ODc3MyAyMC45NzMxWiIgZmlsbD0iIzFBMUExQSIvPg0KPHBhdGggZD0iTTQxLjk0NjUgMEgzNC4wODE1VjEwLjQ4NjdINDEuOTQ2NUM0Ny43Mjg2IDEwLjQ4NjcgNTIuNDMzMiAxNS4xOTEyIDUyLjQzMzIgMjAuOTczM0M1Mi40MzMyIDI2Ljc1NTQgNDcuNzI4NiAzMS40NiA0MS45NDY1IDMxLjQ2SDM0LjA4MTVWNDEuOTQ2N0g0MS45NDc5QzUzLjUzMDQgNDEuOTQ2NyA2Mi45MTk5IDMyLjU1NTkgNjIuOTE5OSAyMC45NzMzQzYyLjkxOTkgOS4zOTA4MSA1My41MzA0IDAgNDEuOTQ2NSAwWiIgZmlsbD0iIzFBMUExQSIvPg0KPHBhdGggZD0iTTk0LjkwNDIgNy40MTY4NUw4Ny40ODg4IDAuMDAxNDY0ODRMNjYuNTE0MiAyMC45NzM1TDg3LjQ4NzUgNDEuOTQ2OEw5NC45MDI5IDM0LjUzMTRMODEuMzQ0OSAyMC45NzM1TDk0LjkwNDIgNy40MTY4NVoiIGZpbGw9IiMxQTFBMUEiLz4NCjwvZz4NCjxkZWZzPg0KPGNsaXBQYXRoIGlkPSJjbGlwMF80MzZfNjg2OSI+DQo8cmVjdCB3aWR0aD0iOTUuMzMzMyIgaGVpZ2h0PSI0MS45NDY3IiBmaWxsPSJ3aGl0ZSIvPg0KPC9jbGlwUGF0aD4NCjwvZGVmcz4NCjwvc3ZnPg0K);
-webkit-mask-repeat: space;
mask-repeat: space;
-webkit-mask-size: contain;
mask-size: contain;
background-color: var(--black);
}
@media (max-width: 992px) {
.c-footer__bottom-icon {
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzYiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCA3NiAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMjM5XzUxMzAxKSI+DQo8cGF0aCBkPSJNMCAzM0gyMi45OVYyNC43NUgxMS44MjIxTDIyLjYzMDUgMTQuMDgzOEwxNi43MiA4LjI1TDAgMjQuNzVWMzNaIiBmaWxsPSIjMUExQTFBIi8+DQo8cGF0aCBkPSJNMS42MjEyNWUtMDUgMTYuNUg4LjM2MDAyTDguMzYwMDIgMEgxLjYyMTI1ZS0wNUwxLjYyMTI1ZS0wNSAxNi41WiIgZmlsbD0iIzFBMUExQSIvPg0KPHBhdGggZD0iTTMzLjQ0IDBIMjcuMTdWOC4yNUgzMy40NEMzOC4wNDk1IDguMjUgNDEuOCAxMS45NTEyIDQxLjggMTYuNUM0MS44IDIxLjA0ODggMzguMDQ5NSAyNC43NSAzMy40NCAyNC43NUgyNy4xN1YzM0gzMy40NDExQzQyLjY3NDcgMzMgNTAuMTYgMjUuNjEyMSA1MC4xNiAxNi41QzUwLjE2IDcuMzg3ODcgNDIuNjc0NyAwIDMzLjQ0IDBaIiBmaWxsPSIjMUExQTFBIi8+DQo8cGF0aCBkPSJNNzUuNjU4IDUuODM0NzZMNjkuNzQ2NCAwLjAwMDk3NjU2Mkw1My4wMjU0IDE2LjQ5OTlMNjkuNzQ1NCAzMi45OTk5TDc1LjY1NyAyNy4xNjYyTDY0Ljg0ODUgMTYuNDk5OUw3NS42NTggNS44MzQ3NloiIGZpbGw9IiMxQTFBMUEiLz4NCjwvZz4NCjxkZWZzPg0KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMjM5XzUxMzAxIj4NCjxyZWN0IHdpZHRoPSI3NiIgaGVpZ2h0PSIzMyIgZmlsbD0id2hpdGUiLz4NCjwvY2xpcFBhdGg+DQo8L2RlZnM+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzYiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCA3NiAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMjM5XzUxMzAxKSI+DQo8cGF0aCBkPSJNMCAzM0gyMi45OVYyNC43NUgxMS44MjIxTDIyLjYzMDUgMTQuMDgzOEwxNi43MiA4LjI1TDAgMjQuNzVWMzNaIiBmaWxsPSIjMUExQTFBIi8+DQo8cGF0aCBkPSJNMS42MjEyNWUtMDUgMTYuNUg4LjM2MDAyTDguMzYwMDIgMEgxLjYyMTI1ZS0wNUwxLjYyMTI1ZS0wNSAxNi41WiIgZmlsbD0iIzFBMUExQSIvPg0KPHBhdGggZD0iTTMzLjQ0IDBIMjcuMTdWOC4yNUgzMy40NEMzOC4wNDk1IDguMjUgNDEuOCAxMS45NTEyIDQxLjggMTYuNUM0MS44IDIxLjA0ODggMzguMDQ5NSAyNC43NSAzMy40NCAyNC43NUgyNy4xN1YzM0gzMy40NDExQzQyLjY3NDcgMzMgNTAuMTYgMjUuNjEyMSA1MC4xNiAxNi41QzUwLjE2IDcuMzg3ODcgNDIuNjc0NyAwIDMzLjQ0IDBaIiBmaWxsPSIjMUExQTFBIi8+DQo8cGF0aCBkPSJNNzUuNjU4IDUuODM0NzZMNjkuNzQ2NCAwLjAwMDk3NjU2Mkw1My4wMjU0IDE2LjQ5OTlMNjkuNzQ1NCAzMi45OTk5TDc1LjY1NyAyNy4xNjYyTDY0Ljg0ODUgMTYuNDk5OUw3NS42NTggNS44MzQ3NloiIGZpbGw9IiMxQTFBMUEiLz4NCjwvZz4NCjxkZWZzPg0KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMjM5XzUxMzAxIj4NCjxyZWN0IHdpZHRoPSI3NiIgaGVpZ2h0PSIzMyIgZmlsbD0id2hpdGUiLz4NCjwvY2xpcFBhdGg+DQo8L2RlZnM+DQo8L3N2Zz4NCg==);
height: 33px;
}
}
.c-footer input[type=checkbox] {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
width: 12px;
height: 12px;
border: 1px solid var(--black);
border-radius: 0;
margin: 0;
padding: 0;
background-color: transparent;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
transition: all 0.3s ease;
vertical-align: middle;
box-sizing: border-box;
}
.c-footer input[type=checkbox]:checked {
border-color: var(--red-btn);
background-color: var(--red-btn);
box-shadow: inset 0 0 0 2px var(--white-off);
}
.c-footer input[type=checkbox]:checked {
outline: none;
}
.c-footer input[type=checkbox]:focus-visible {
outline: 2px solid var(--red-btn);
outline-offset: 2px;
}
.c-footer input[type=email] {
width: 100%;
height: 48px;
padding: 14px 16px;
border: 0;
border-bottom: 1px solid var(--grey-2);
font-size: 1rem;
font-family: inherit;
transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
background: var(--white-pure);
color: var(--black);
}
@media (max-width: 768px) {
.c-footer input[type=email] {
width: 100%;
}
}
.c-footer input[type=email]::-moz-placeholder {
font-weight: 400;
font-size: 1rem;
line-height: 130%;
color: var(--grey-2);
}
.c-footer input[type=email]::placeholder {
font-weight: 400;
font-size: 1rem;
line-height: 130%;
color: var(--grey-2);
}
.c-footer input[type=email]:hover {
border-bottom: 1px solid var(--red);
box-shadow: inset 0 -1px 0 0 var(--red);
}
.c-footer input[type=email]:focus-visible {
outline: 0;
border-bottom: 1px solid var(--red);
box-shadow: inset 0 -1px 0 0 var(--red);
caret-color: var(--red);
font-size: 1rem;
}
.c-footer input[type=email]:focus-visible::-moz-placeholder {
color: transparent;
}
.c-footer input[type=email]:focus-visible::placeholder {
color: transparent;
}
.c-footer input[type=email].wpcf7-not-valid {
background-color: var(--red-subtle);
color: var(--red);
border-bottom: 1px solid var(--red);
background-image: url("data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi41MzMyIDkuODY2NzhDNi43MzMyIDkuODY2NzggNi44OTk4NyA5LjgwMDExIDcuMDMzMiA5LjY2Njc4QzcuMTc3NjUgOS41MzM0NSA3LjI0OTg3IDkuMzYxMjIgNy4yNDk4NyA5LjE1MDExQzcuMjQ5ODcgOC45NTAxMSA3LjE3NzY1IDguNzgzNDUgNy4wMzMyIDguNjUwMTFDNi44OTk4NyA4LjUwNTY3IDYuNzMzMiA4LjQzMzQ1IDYuNTMzMiA4LjQzMzQ1QzYuMzMzMiA4LjQzMzQ1IDYuMTYwOTggOC41MDU2NyA2LjAxNjU0IDguNjUwMTFDNS44ODMyIDguNzgzNDUgNS44MTY1NCA4Ljk1MDExIDUuODE2NTQgOS4xNTAxMUM1LjgxNjU0IDkuMzUwMTEgNS44ODMyIDkuNTIyMzQgNi4wMTY1NCA5LjY2Njc4QzYuMTYwOTggOS44MDAxMSA2LjMzMzIgOS44NjY3OCA2LjUzMzIgOS44NjY3OFpNNS44MzMyIDcuMzMzNDVINy4yMzMyVjMuMjUwMTFINS44MzMyVjcuMzMzNDVaTTYuNTMzMiAxMy4wNjY4QzUuNjMzMiAxMy4wNjY4IDQuNzgzMiAxMi45MDAxIDMuOTgzMiAxMi41NjY4QzMuMTk0MzEgMTIuMjIyMyAyLjQ5OTg3IDExLjc1NTcgMS44OTk4NyAxMS4xNjY4QzEuMzEwOTggMTAuNTY2OCAwLjg0NDMxNCA5Ljg3MjM0IDAuNDk5ODcgOS4wODM0NUMwLjE2NjUzNyA4LjI4MzQ1IC0wLjAwMDEzMDE3NyA3LjQzMzQ1IC0wLjAwMDEzMDE3NyA2LjUzMzQ1Qy0wLjAwMDEzMDE3NyA1LjYyMjM0IDAuMTY2NTM3IDQuNzcyMzQgMC40OTk4NyAzLjk4MzQ1QzAuODQ0MzE0IDMuMTk0NTYgMS4zMTA5OCAyLjUwNTY3IDEuODk5ODcgMS45MTY3OEMyLjQ5OTg3IDEuMzE2NzggMy4xOTQzMSAwLjg1MDExMyAzLjk4MzIgMC41MTY3OEM0Ljc4MzIgMC4xNzIzMzYgNS42MzMyIDAuMDAwMTEzNDg3IDYuNTMzMiAwLjAwMDExMzQ4N0M3LjQ0NDMxIDAuMDAwMTEzNDg3IDguMjk0MzEgMC4xNzIzMzYgOS4wODMyIDAuNTE2NzhDOS44NzIwOSAwLjg1MDExMyAxMC41NjEgMS4zMTY3OCAxMS4xNDk5IDEuOTE2NzhDMTEuNzQ5OSAyLjUwNTY3IDEyLjIxNjUgMy4yMDAxMSAxMi41NDk5IDQuMDAwMTFDMTIuODk0MyA0Ljc4OSAxMy4wNjY1IDUuNjMzNDUgMTMuMDY2NSA2LjUzMzQ1QzEzLjA2NjUgNy40MzM0NSAxMi44OTQzIDguMjgzNDUgMTIuNTQ5OSA5LjA4MzQ1QzEyLjIxNjUgOS44NzIzNCAxMS43NDk5IDEwLjU2NjggMTEuMTQ5OSAxMS4xNjY4QzEwLjU2MSAxMS43NTU3IDkuODY2NTQgMTIuMjIyMyA5LjA2NjU0IDEyLjU2NjhDOC4yNzc2NSAxMi45MDAxIDcuNDMzMiAxMy4wNjY4IDYuNTMzMiAxMy4wNjY4Wk02LjUzMzIgMTEuNjgzNEM3Ljk2NjU0IDExLjY4MzQgOS4xODMyIDExLjE4MzQgMTAuMTgzMiAxMC4xODM0QzExLjE4MzIgOS4xODM0NSAxMS42ODMyIDcuOTY2NzggMTEuNjgzMiA2LjUzMzQ1QzExLjY4MzIgNS4xMDAxMSAxMS4xODMyIDMuODgzNDUgMTAuMTgzMiAyLjg4MzQ1QzkuMTgzMiAxLjg4MzQ1IDcuOTY2NTQgMS4zODM0NSA2LjUzMzIgMS4zODM0NUM1LjA5OTg3IDEuMzgzNDUgMy44ODMyIDEuODgzNDUgMi44ODMyIDIuODgzNDVDMS44ODMyIDMuODgzNDUgMS4zODMyIDUuMTAwMTEgMS4zODMyIDYuNTMzNDVDMS4zODMyIDcuOTY2NzggMS44ODMyIDkuMTgzNDUgMi44ODMyIDEwLjE4MzRDMy44ODMyIDExLjE4MzQgNS4wOTk4NyAxMS42ODM0IDYuNTMzMiAxMS42ODM0WiIgZmlsbD0iI0ZGMzIyRCIvPjwvc3ZnPg0K");
background-repeat: no-repeat;
background-position: calc(100% - 14px) 50%;
}
.c-footer input[type=email].wpcf7-not-valid::-moz-placeholder {
color: var(--red);
}
.c-footer input[type=email].wpcf7-not-valid::placeholder {
color: var(--red);
}