@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,regular,600,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Bebas+Neue:regular&display=swap);
@font-face {
  font-family: Bebas Neue;
  font-display: swap;
  src: url(/catalog/view/theme/default/html/fonts/Bebas_Neue_Cyrillic.woff2) format("woff2");
  font-weight: 400;
  font-style: normal
}
* {
  padding: 0;
  margin: 0;
  border: 0
}
*,
*::after,
*::before {
  box-sizing: border-box
}
*::after,
*::before {
  display: inline-block
}
body,
html {
  height: 100%;
  min-width: 320px
}
body {
  color: #303030;
  line-height: 1;
  font-family: "Open Sans";
  font-size: 1rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
button,
input,
textarea {
  font-family: "Open Sans";
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background-color: transparent
}
input,
textarea {
  width: 100%
}
label {
  display: inline-block
}
button,
option,
select {
  cursor: pointer
}
a {
  display: inline-block;
  color: inherit;
  text-decoration: none
}
ul li {
  list-style: none
}
img {
  vertical-align: top
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit
}
.lock body {
  overflow: hidden;
  touch-action: none;
  -ms-scroll-chaining: none;
  overscroll-behavior: none
}
.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden
}
@supports (overflow:clip) {
  .wrapper {
    overflow: clip
  }
}
.wrapper > main {
  flex: 1 1 auto
}
.wrapper > * {
  min-width: 0
}
[class*=__container] {
  max-width: 79.875rem;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  padding: 0 .9375rem
}
.news__container{
  z-index: 3;
}
.button {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .875rem 1.5rem;
  background-color: #39af4a;
  color: #fff;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.32px;
  border-radius: 2.6875rem;
  transition: all .3s ease 0s
}
.button--border {
  border: 1px solid #39af4a;
  color: #39af4a;
  background-color: #fff
}
.button--arrow::after {
  content: "";
  width: .75rem;
  height: .75rem;
  background: url(/image/newdesign/icons/arrow.svg) center/cover no-repeat
}
.button--arrow-green::after {
  background: url(/image/newdesign/icons/arrow-green.svg) center/cover no-repeat
}
.button--arrow-prev {
  flex-direction: row-reverse
}
.button--arrow-prev::after {
  rotate: 180deg
}
.button-link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  color: #23983e;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.32px;
  transition: scale .3s
}
.button-link::after {
  content: "";
  width: .75rem;
  height: .75rem;
  background: url(/image/newdesign/icons/arrow-green.svg) center/cover no-repeat
}
input[type=email],
input[type=tel],
input[type=text],
textarea {
  -webkit-appearance: none;
  appearance: none
}
.input {
  width: 100%;
  display: block;
  padding: 0 1rem;
  height: 2.25rem;
  caret-color: inherit;
  font-size: .875rem;
  border-radius: 3.125rem;
  border: 1px solid rgba(57,175,74,.4);
  background-color: #fff;
  outline: 0
}
.input.--error {
  border: 1px solid rgba(175,57,57,.4)
}
.input.--error:focus {
  box-shadow: 0 0 3px .5px rgba(175,57,57,.2);
  -webkit-box-shadow: 0 0 3px .5px rgba(175,57,57,.2);
  -moz-box-shadow: 0 0 3px .5px rgba(175,57,57,.2)
}
.input:focus {
  box-shadow: 0 0 3px .5px rgba(35,152,62,.6352941176);
  -webkit-box-shadow: 0 0 3px .5px rgba(35,152,62,.6352941176);
  -moz-box-shadow: 0 0 3px .5px rgba(35,152,62,.6352941176)
}
.input::-webkit-input-placeholder {
  color: #b3b3b3;
  font-size: .875rem
}
.input:-ms-input-placeholder {
  color: #b3b3b3;
  font-size: .875rem
}
.input::-ms-input-placeholder {
  color: #b3b3b3;
  font-size: .875rem
}
.input::placeholder {
  color: #b3b3b3;
  font-size: .875rem
}
.input[placeholder]:not([data-placeholder-nohiden])::-webkit-input-placeholder {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.input[placeholder]:not([data-placeholder-nohiden]):-ms-input-placeholder {
  -ms-transition: opacity .3s;
  transition: opacity .3s
}
.input[placeholder]:not([data-placeholder-nohiden])::-ms-input-placeholder {
  -ms-transition: opacity .3s;
  transition: opacity .3s
}
.input[placeholder]:not([data-placeholder-nohiden])::placeholder {
  transition: opacity .3s
}
.input[placeholder]:not([data-placeholder-nohiden]):focus::-webkit-input-placeholder {
  opacity: 0
}
.input[placeholder]:not([data-placeholder-nohiden]):focus:-ms-input-placeholder {
  opacity: 0
}
.input[placeholder]:not([data-placeholder-nohiden]):focus::-ms-input-placeholder {
  opacity: 0
}
.input[placeholder]:not([data-placeholder-nohiden]):focus::placeholder {
  opacity: 0
}
textarea.input {
  border-radius: .375rem;
  resize: none;
  padding: 1rem;
  min-height: 10.9375rem;
  height: 100%;
  background-color: #fff
}
.options {
  width: 100%;
  display: flex;
  gap: .375rem
}
.options__item {
  width: 100%;
  position: relative;
  cursor: pointer;
  border-radius: 2.6875rem;
  background: #fbfbfb
}
.options__input {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute
}
.options__input:focus-visible + .options__label:before {
  box-shadow: 0 0 5px #000
}
.options__input:checked + .options__label {
  border: 1px solid #23983e
}
.options__label {
  border-radius: 2.6875rem;
  border: 1px solid transparent;
  padding: .9375rem;
  width: 100%;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  gap: 10px;
  text-align: center;
  color: #303030;
  font-weight: 600;
  letter-spacing: -.32px;
  transition: border .3s
}
.options__label:before {
  content: "";
  align-self: flex-start;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 50%;
  background: url(/image/newdesign/icons/checked.svg) center/cover no-repeat
}
.options__label[for=no]:before {
  background: url(/image/newdesign/icons/cross.svg) center/cover no-repeat
}
.menu {
  position: relative;
  transition: color .3s
}
.menu::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: #f8f8f8;
  z-index: 3;
  transition: background-color .3s;
  cursor: pointer
}
.menu::before {
  content: "";
  position: fixed;
  width: 100%;
  height: 5rem;
  left: 0;
  top: 0;
  transition: left .3s;
  z-index: 2;
  background-color: #fff;
  pointer-events: none
}
.menu-open .menu::after {
  background-color: #f8f8f8!important
}
.menu__body {
  position: absolute;
  width: 19.0625rem;
  right: -.9375rem;
  top: -100%;
  -webkit-transform: translate(0,-100%);
  transform: translate(0,-100%);
  overflow: auto;
  padding: 2.875rem .9375rem 2.875rem 2.875rem;
  background: linear-gradient(180deg,#39af4a 0,#1b882a 100%);
  transition: top .3s,-webkit-transform .3s;
  transition: top .3s,transform .3s;
  transition: top .3s,transform .3s,-webkit-transform .3s
}
.menu-open .menu__body {
  top: 3.75rem;
  -webkit-transform: translate(0,0);
  transform: translate(0,0)
}
.menu__item:not(:last-child) {
  margin-bottom: 1.25rem
}
.menu__link {
  width: 100%;
  color: #fff;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  line-height: 2.37;
  letter-spacing: -.32px;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s
}
.menu__link::after {
  content: "";
  width: .75rem;
  height: .75rem;
  background: url(/image/newdesign/icons/arrow.svg) center/cover no-repeat;
  margin-left: .5rem
}
.icon-menu {
  display: block;
  width: 1rem;
  height: .75rem;
  z-index: 5;
  position: relative
}
.menu-open .icon-menu span,
.menu-open .icon-menu::after,
.menu-open .icon-menu::before {
  background-color: #eb3d44!important
}
.icon-menu span,
.icon-menu::after,
.icon-menu::before {
  content: "";
  transition: all .3s ease 0s;
  right: 0;
  position: absolute;
  width: 100%;
  height: .125rem;
  background-color: #000
}
.icon-menu::before {
  top: 0
}
.icon-menu::after {
  bottom: 0
}
.icon-menu span {
  top: calc(50% - .0625rem)
}
.menu-open .icon-menu span {
  width: 0
}
.menu-open .icon-menu::before {
  top: calc(50% - .0625rem);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.menu-open .icon-menu::after {
  bottom: calc(50% - .0625rem);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.ok-bar .tabs {
  display: grid
}
.ok-bar .tabs__navigation {
  display: grid;
  gap: 1.5625rem
}
.ok-bar .tabs__title {
  border-left: .25rem solid transparent;
  padding: 0 0 0 2rem
}
.ok-bar .tabs__title._tab-active {
  border-left: .25rem solid #39af4a
}
.ok-bar .tabs__picture {
  aspect-ratio: 600/350;
  overflow: hidden;
  border-radius: .375rem
}
.title-tab {
  text-align: left
}
.title-tab > * {
  margin-bottom: .5rem
}
.title-tab > *:last-child {
  margin-bottom: 0
}
.title-tab__name {
  color: #d0d0d0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.6px;
  transition: color .3s
}
._tab-active .title-tab__name {
  color: #000
}
.title-tab__text {
  color: #818181;
  font-size: .875rem;
  line-height: 1.5;
  transition: color .3s
}
._tab-active .title-tab__text {
  color: #303030
}
.title-tab__link {
  position: relative;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: all .3s
}
._tab-active .title-tab__link {
  opacity: 1;
  pointer-events: all
}
.page-account .tabs__navigation {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem 2rem;
  margin-bottom: 3.875rem
}
.page-account .tabs__title {
  cursor: pointer;
  position: relative;
  font-family: "Bebas Neue";
  font-size: 3rem;
  color: #ebebeb;
  transition: color .3s;
  padding-bottom: .75rem
}
.page-account .tabs__title::before {
  content: "";
  position: absolute;
  width: 0;
  height: .25rem;
  background-color: #39af4a;
  bottom: 0;
  left: 0;
  transition: width .3s
}
.page-account .tabs__title._tab-active {
  color: #303030
}
.page-account .tabs__title._tab-active::before {
  width: 100%
}
[class*=ibg] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.page {
  padding-top: 7.75rem
}
.page--circle {
  position: relative
}
.page--circle > * {
  position: relative;
  z-index: 2
}
.page--circle::after,
.page--circle::before {
  content: "";
  position: absolute;
  z-index: -1
}
.page--circle::before {
  width: 61.625rem;
  top: 8.4375rem;
  -webkit-transform: translate(40%,-100%);
  transform: translate(40%,-100%);
  aspect-ratio: 1/1;
  background: url(/image/newdesign/icons/decor/red-circle.svg) center/cover no-repeat
}
.text-page .article {
  grid-column: span 2;
  max-width: 43.125rem;
  margin: 0 auto
}
.header-section > * {
  margin-bottom: 1rem
}
.header-section > *:last-child {
  margin-bottom: 0
}
.reg-account--access .header-section {
  flex: 1 1 100%
}
.reg-account--success .header-section {
  margin-bottom: 4.25rem!important
}
.header-section__top {
  flex: 1 1 100%
}
.header-section__label {
  display: inline-block;
  color: #47a638;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 5.76px;
  text-transform: uppercase
}
.header-section__label:not(:last-child) {
  margin-bottom: 1rem
}
.header-section__title {
  color: #000;
  font-family: "Bebas Neue";
  font-size: 3rem;
  transition: color .3s
}
.header-section__title:not(:last-child) {
  margin-bottom: 1.5rem
}
.header-section__sub-title {
  color: #000;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.6px
}
.header-section__list:not(:last-child) {
  margin-block: 2rem
}
.header-section__item {
  display: flex;
  align-items: center;
  gap: .875rem;
  color: #303030;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.32px
}
.header-section__item:not(:last-child) {
  margin-bottom: .75rem
}
.header-section__item::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url(/image/newdesign/icons/checked.svg) left/contain no-repeat;
  align-content: center
}
.header-section__text {
  max-width: 39.6875rem;
  line-height: 1.55;
  letter-spacing: -.16px
}
.header-section__text:not(:last-child) {
  margin-bottom: 1rem
}
.header-section__buttons {
  display: flex;
  align-items: center;
  gap: .375rem;
  flex-wrap: wrap
}
.header-section__buttons:not(:last-child) {
  margin-bottom: 1.5rem
}
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .5rem
}
.pagination > * {
  cursor: pointer;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: color .3s,background-color .3s,opacity .3s
}
.pagination__arrow {
  border-radius: 8px;
  background-color: #fbfbfb
}
.pagination__arrow.--disable {
  opacity: 0
}
.pagination__arrow:first-child svg {
  rotate: 180deg
}
.pagination__number {
  color: rgba(48,48,48,.5);
  border-radius: 50%;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -.16px
}
.pagination__number.--active {
  background-color: #39af4a;
  color: #fff
}
.pagination-slide {
  position: absolute;
  top: 50%;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: .75rem;
  border-radius: 1.875rem;
  background: rgba(255,255,255,.3);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  padding: .625rem
}
.pagination-slide .swiper-pagination-bullet {
  cursor: pointer;
  flex: 0 0 .75rem;
  width: .75rem;
  height: .75rem;
  border-radius: 50%;
  background-color: #fff;
  transition: background-color .3s
}
.pagination-slide .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #39af4a
}
.hero__pagination {
  -webkit-transform: translate(0,-215%);
  transform: translate(0,-215%);
  right: 2rem
}
.restoran__pagination {
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  right: 1.5rem
}
.promo-title {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #70a833;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -.96px
}
.promo-title::before {
  content: "";
  flex: 0 0 3.3125rem;
  height: 3.3125rem;
  width: 3.3125rem;
  background: url(/image/newdesign/icons/promo.webp) center/cover no-repeat
}
.--bottom-decor {
  position: relative
}
.--bottom-decor > * {
  position: relative;
  z-index: 2
}
.--bottom-decor::before {
  content: "";
  position: absolute;
  width: 54.4375rem;
  height: 8.625rem;
  bottom: -4.5rem;
  right: 0;
  -webkit-transform: translate(31%,0);
  transform: translate(31%,0);
  background: url(/image/newdesign/icons/decor/bottom.svg) center/contain no-repeat;
  pointer-events: none
}
.--blue-decor {
  position: relative
}
.--blue-decor > * {
  position: relative;
  z-index: 2
}
.--blue-decor::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  background: url(/image/newdesign/icons/decor/blue-circle.svg) center/contain no-repeat;
  pointer-events: none
}
.--red-decor {
  position: relative
}
.--red-decor > * {
  position: relative;
  z-index: 2
}
.--red-decor::before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0,-65%);
  transform: translate(0,-65%);
  background: url(/image/newdesign/icons/decor/red-circle.svg) center/contain no-repeat;
  pointer-events: none
}
.--green-decor {
  position: relative
}
.--green-decor > * {
  position: relative;
  z-index: 2
}
.--green-decor::before {
  content: "";
  position: absolute;
  top: -1.875rem;
  left: 0;
  -webkit-transform: translate(-73%,0);
  transform: translate(-73%,0);
  background: url(/image/newdesign/icons/decor/green-circle.svg) center/contain no-repeat;
  pointer-events: none;
  z-index: -1
}
.language-header {
  padding-top: 20px;
  display: flex;
  align-items: center;
  order: 2;
  gap: 10px
}
.language-header__item {
  color: #fff;
  height: 1.75rem;
  position: relative;
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.125;
  text-transform: uppercase;
  cursor: pointer;
  transition: color .3s ease 0s
}
.language-header__item:nth-child(1)::before {
  content: "";
  position: absolute;
  width: .0625rem;
  height: 1.75rem;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  top: 50%;
  right: 0;
  background-color: #fff
}
.language-header__item:nth-child(1) {
  padding-right: 10px
}
.language-header__item.--active {
  color: #2b0202
}
.language-header__flag {
  display: none;
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%)
}
.language-header__item.--active:hover {
  color: #fff
}
.language-header__item:hover {
  color: #000
}
.footer__container .language-header__item {
  height: 1.25rem;
  padding: 0 .375rem;
  font-size: .875rem
}
.language-header__item:nth-child(1)::before {
  height: 1.25rem
}
.language-header__flag {
  width: .875rem;
  height: .875rem
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  padding-block: 1.165625rem;
  z-index: 20;
  border-bottom: .0625rem solid #f2f4fc
}
.header__container {
  display: flex;
  align-items: center;
  position: relative
}
.header__logo {
  flex: 1 1 100%;
  display: inline-block;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 3
}
.header__action {
  position: relative;
  z-index: 3
}
.logo__icon {
  width: 2.625rem;
  flex: 0 0 2.625rem;
  margin-right: 1.125rem
}
.logo__text {
  -webkit-transform: translate(0,2.5px);
  transform: translate(0,2.5px)
}
.action-header {
  display: flex;
  align-items: center;
  gap: 2.5625rem;
  margin-right: .375rem
}
.action-header__marketplace {
  color: #000;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.32px;
  border-radius: 2.6875rem;
  background-color: #f8f8f8;
  padding: .625rem 1.5rem;
  transition: color .3s,background-color .3s
}
.action-header__number {
  white-space: nowrap;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -.14px;
  transition: color .3s
}
.action-header__account {
  flex: 0 0 40px;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #f8f8f8;
  transition: color .3s,background-color .3s
}
.action-header__account svg path {
  transition: fill .3s
}
.menu {
  flex: 0 0 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center
}
.footer__container {
  display: grid;
  grid-template-columns: repeat(2,43.028846%);
  justify-content: space-between;
  gap: 2.5rem .625rem;
  padding-top: 3rem
}
.footer__logo {
  display: inline-flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: .5rem;
  margin-bottom: 1.5rem
}
.footer__logo .logo__icon {
  margin: 0
}
.footer__logo .logo__text {
  display: block!important
}
.footer__text {
  color: #303030;
  font-size: .875rem;
  line-height: 1.5
}
.footer__navigation {
  display: flex;
  gap: 1.5625rem .625rem;
  justify-content: space-between
}
.footer__item:not(:last-child) {
  margin-bottom: .5rem
}
.footer__title {
  display: inline-block;
  color: #303044;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 5.76px;
  text-transform: uppercase;
  margin-bottom: 1.5rem
}
.footer___link {
  color: #303030;
  font-size: .8125rem;
  line-height: 1.5;
  transition: color .2s
}
.bottom-footer {
  padding-top: 2.4375rem;
  padding-bottom: 2.9375rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  flex-wrap: wrap;
  border-top: 1px solid #ededed
}
.bottom-footer__copy {
  color: #d1d1d1;
  font-size: .875rem;
  line-height: 1.5;
  letter-spacing: -.28px
}
.bottom-footer__social {
  display: flex;
  align-items: center;
  gap: 1.125rem
}
.bottom-footer__link {
  transition: scale .3s
}
.home__farm-rows {
  padding-block: 4.5rem
}
.home__restoran {
  padding-block: 4.5rem
}
.home__ok-bar {
  padding-block: 4rem
}
.home__map {
  padding-block: 4rem
}
.hero {
  margin-top: 5rem
}
.hero__main {
  position: relative;
  z-index: 2;
  background: linear-gradient(90deg,rgba(255,255,255,.86) 0,rgba(255,255,255,.96) 75%)
}
.hero__slider {
  position: relative
}
.hero__wrapper {
  min-height: 50vh
}
.hero__header-section {
  padding: 4.5rem 0 4.5rem;
  position: relative;
  margin-top: -21.25rem
}
.farm-rows {
  position: relative;
  z-index: 2;
  background-color: #fff
}
.farm-rows__header-section {
  margin-bottom: 4.5rem
}
.farm-rows__items {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(18.375rem,1fr));
  gap: 1.5rem
}
.item-farm {
  display: flex;
  flex-direction: column;
  border-radius: .375rem;
  background-color: #fbfbfb;
  padding: 1rem
}
.item-farm__picture {
  flex: 0 0 17rem;
  display: block;
  aspect-ratio: 262/272;
  overflow: hidden
}
.item-farm__picture .ibg {
  transition: scale .3s
}
.item-farm__picture:not(:last-child) {
  margin-bottom: 1rem
}
.item-farm__link-name {
  display: inline-block;
  color: #000;
  transition: color .3s
}
.item-farm__link-name:not(:last-child) {
  margin-bottom: .5rem
}
.item-farm__name {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.6px
}
.item-farm__text {
  flex: 1 1 100%;
  font-size: .8125rem;
  line-height: 1.5
}
.item-farm__text:not(:last-child) {
  margin-bottom: 1rem
}
.restoran {
  position: relative;
  z-index: 3
}
.restoran__slider {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  aspect-ratio: 1440/480
}
.restoran__container {
  pointer-events: none
}
.restoran__header-section {
  pointer-events: all;
  max-width: 32.75rem;
  margin: 0 0 0 auto;
  padding: 2rem;
  position: relative;
  border-radius: .375rem;
  background: linear-gradient(90deg,rgba(255,255,255,.86) 0,rgba(255,255,255,.96) 75%)
}
.restoran__header-section .header-section__text {
  margin-bottom: 3rem
}
.ok-bar__header-section {
  margin-bottom: 4rem
}
.map__header-section {
  border-radius: .375rem;
  background-color: #fbfbfb;
  padding: 4rem
}
.news {
  padding-block: 4rem
}
.news__header-section {
  margin-bottom: 4rem
}
.news__body {
  display: grid;
  grid-template-columns: 1fr 1fr 33.974359%;
  grid-auto-rows: 1fr;
  gap: 1.5rem
}
.news__body:not(:last-child) {
  margin-bottom: 4rem
}
.item-news {
  display: flex;
  flex-direction: column;
  gap: .9375rem;
  position: relative;
  border-radius: .625rem;
  padding: 2rem;
  border-radius: 6px;
  overflow: hidden;
  background: linear-gradient(0deg,#fbfbfb 0,#fbfbfb 100%),#fff
}
.item-news--big {
  padding: 0;
  grid-column: span 2;
  grid-row: span 2;
  margin-top: 0!important;
  gap: 0
}
.item-news--big .header-section {
  padding: 1.5rem
}
.item-news--big .header-section .header-section__title {
  font-size: 3rem
}
.item-news--big .item-news__picture {
  aspect-ratio: 800/367;
  width: 100%;
  height: 100%;
  overflow: visible
}
.item-news__picture {
  flex: 0 0 4rem;
  width: 4rem;
  height: 4rem;
  overflow: hidden;
  border-radius: .125rem
}
.item-news__header-section {
  display: flex;
  flex-direction: column;
  height: 100%
}
.item-news__header-section .header-section__title {
  font-size: 2rem;
  margin-bottom: .875rem;
  letter-spacing: .32px
}
.item-news__header-section .header-section__text {
  flex: 1 1 100%
}
.news-page__news {
  padding-block: 0
}
.news-page__news .header-section__text {
  max-width: 40.8125rem
}
.news-page .news__body {
  grid-template-columns: repeat(2,1fr)
}
.article-page__picture {
  align-self: start;
  aspect-ratio: 463/425;
  overflow: hidden;
  border-radius: .375rem
}
.article-page--promo .article-page__item {
  max-width: 43.125rem;
  margin: 0 auto
}
.article-page__header-section {
  margin-bottom: 1.5rem
}
.article-page__buttons{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.article-page__buttons > * {
  min-width: 250px;
  text-align: center;
  justify-content: center;
}
@media (max-width: 36.875em) {
  .article-page__buttons > * {
    width: 100%;
  }
}
.article > * {
  margin-bottom: 1.5rem
}
.article li,
.article p {
  line-height: 1.55;
  letter-spacing: -.16px
}
.article h3,
.article h4,
.article h5,
.article h6 {
  color: #000;
  font-weight: 600;
  line-height: 1.55;
  letter-spacing: -.16px
}
.article h6 {
  margin-bottom: .125rem
}
.article > :last-child {
  margin-bottom: 0
}
.article li,
.article ul {
  list-style: disc
}
.article li {
  margin-left: .9375rem
}
.article mark {
  background-color: transparent;
  border-bottom: 1px solid #39af4a
}
.article__buttons {
  display: flex;
  align-items: center;
  gap: .75rem
}
.article__button {
  display: none
}
.register-page {
  margin-top: 5.0625rem;
  position: relative;
  padding-block: 6rem
}
.register-page .header-section:not(:last-child) {
  margin-bottom: 1.5rem
}
.register-page .header-section__title {
  line-height: .9
}
.register-page .header-section__item {
  gap: .375rem;
  font-size: 13px;
  font-weight: 400;
  color: #9f9f9f
}
.register-page .header-section__item:not(:last-child) {
  margin-bottom: .0625rem
}
.register-page__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
.reg-account--access .header-section {
  flex: 1 1 100%
}
.body-register {
  padding: 3rem 3rem .9375rem 3rem;
  border-radius: .375rem;
  background-color: #fff;
  margin: 0 auto
}
.body-register .header-section {
  display: flex;
  align-items: center;
  gap: .625rem;
  flex-wrap: wrap;
  justify-content: space-between
}
.body-register .header-section .header-section__title {
  margin-bottom: 0
}
.reg-account--access .body-register {
  display: flex;
  flex-direction: column;
  min-height: 31.4375rem
}
.form-register {
  display: flex;
  flex-direction: column;
  gap: .625rem
}
.reg-account--access .form-register {
  gap: 1.5rem
}
.reg-account--success .form-register {
  gap: 4.25rem
}
.form-register:not(:last-child) {
  margin-bottom: 1.5rem
}
.registration--mailing .form-register {
  max-width: 15.625rem;
  text-align: center;
  margin: 0 0 0 auto
}
.registration--mailing .form-register .header-section__item {
  justify-content: center
}
.form-register__title {
  color: #000;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.18px
}
.form-register__input:not(:last-child) {
  margin-bottom: .375rem
}
.form-register__alert {
  min-height: 1.25rem;
  color: #000;
  text-align: center;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.2
}
.reg-account--success .form-register__alert {
  color: #2ea43f;
  position: relative
}
.reg-account--success .form-register__alert::before {
  content: "";
  width: 5.875rem;
  aspect-ratio: 1/1;
  background: url(/image/newdesign/icons/tick.svg) center/cover no-repeat;
  margin-bottom: 1rem
}
.form-register__label {
  color: #000;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.5
}
.form-register__input {
  height: 3rem
}
.form-register__buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .375rem
}
.form-register__buttons:last-child {
  margin-top: 1.375rem
}
.form-register__button {
  flex-grow: 1;
  justify-content: center
}
.link-register {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  color: rgba(0,0,0,.3);
  text-align: center;
  font-size: .8125rem;
  line-height: 1.5;
  transition: color .3s
}
.link-register:not(:last-child) {
  margin-bottom: .3125rem
}
.reg-account__container {
  position: relative;
  z-index: 1
}
.reg-account__body {
  max-width: 24.1875rem
}
.registration__container {
  position: relative;
  z-index: 2
}
.registration__body {
  display: flex;
  flex-direction: column;
  max-width: 50rem;
  min-height: 33.4375rem
}
.registration__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1
}
.registration__content .form-register__inputs {
  display: flex;
  gap: 1rem
}
.registration__content .form-register__input {
  height: 2.25rem
}
.registration__form {
  flex-grow: 1;
  justify-content: center
}
.registration__bottom {
  margin: 0 0 0 auto
}
.registration__button {
  justify-content: center;
  width: 15.625rem
}
.registration__button:not(:last-child) {
  margin-bottom: .75rem
}
.steps-registration {
  display: flex;
  align-items: center;
  gap: 2.125rem;
  line-height: 1.15;
  letter-spacing: -.6px
}
.steps-registration__step {
  color: #d6d6d6;
  font-size: 1.25rem
}
.steps-registration__name {
  color: #303030;
  font-size: 1.25rem;
  font-weight: 700
}
.page-account {
  margin-top: 5.0625rem;
  position: relative;
  padding-block: 3rem
}
.page-account .registration__bottom {
  margin: 0 auto 0 0
}
.page-account .registration--mailing .form-register {
  max-width: 25.375rem;
  margin: 0;
  gap: 1rem
}
.page-account .header-section__item {
  gap: .375rem;
  font-size: 13px;
  font-weight: 400;
  color: #9f9f9f;
  margin-bottom: 0;
  justify-content: start!important
}
.page-account .header-section__list:not(:last-child) {
  margin-block: 0
}
.page-account .registration__content {
  min-height: 24.4375rem
}
.question {
  padding-block: 4.5rem
}
.question__container {
  position: relative;
  z-index: 2
}
.form-question {
  display: grid;
  gap: .875rem;
  align-self: start
}
.form-question > * {
  grid-column: span 2
}
.form-question__input {
  height: 3rem;
  border-radius: .375rem
}
.form-question__input--double {
  grid-column: span 1
}
.breadcrumbs {
  max-width: 79.875rem;
  padding: 0 .9375rem;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .0625rem 1.25rem;
  margin-bottom: 2.5rem
}
.breadcrumbs__item:not(:last-child)::after {
  position: relative;
  left: .625rem;
  color: #939393;
  content: "/"
}
.breadcrumbs__item:last-child {
  pointer-events: none
}
.breadcrumbs__link {
  color: #939393;
  line-height: 1.55;
  letter-spacing: -.16px
}
.input-error-text {
  color: #d90000;
  font-size: .8125rem;
  line-height: 1.5
}
.contact-page__title {
  margin-bottom: 1.125rem
}
.contact-page__title-list {
  color: #333;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.1666666667
}
.contact-page__link {
  font-size: 1rem;
  line-height: 1.1875;
  color: #4f4f4f
}
.contact-page__link:not(:last-child) {
  margin-bottom: .3125rem
}
.contact-page__link a {
  color: #23a1d1
}
.swiper {
  overflow: hidden
}
.swiper-initialized {
  touch-action: pan-y
}
.swiper-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  display: flex;
  position: relative
}
.swiper-vertical .swiper-wrapper {
  flex-direction: column
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start
}
.swiper-initialized .swiper-slide {
  flex-shrink: 0
}
.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}
.swiper-button-lock {
  display: none!important
}
@media (min-width:33.4375em) {
  .bottom-footer {
    grid-column: span 2
  }
}
@media (min-width:47.99875em) {
  .page--circle::after {
    width: 58.6875rem;
    aspect-ratio: 1/1;
    top: 3.75rem;
    left: 0;
    -webkit-transform: translate(-90%,0);
    transform: translate(-90%,0);
    background: url(/image/newdesign/icons/decor/blue-circle.svg) center/cover no-repeat
  }
  .hero__wrapper {
    min-height: 100vh;
    max-height: 100vh
  }
  .map__container {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 1.5rem
  }
  .map__header-section .header-section__list,
  .map__header-section .header-section__text {
    max-width: 26.8125rem
  }
  .map__header-section .header-section__list {
    margin-bottom: 3.5rem
  }
  .article-page__container {
    display: grid;
    grid-template-columns: 37.099359% 1fr
  }
  .article-page--promo .article-page__container {
    grid-template-columns: auto
  }
  .article-page--promo .article-page__picture {
    aspect-ratio: 1248/425
  }
  .registration__content .form-register__inputs {
    align-items: center;
    justify-content: flex-end
  }
  .registration__content .form-register__label {
    text-align: right
  }
  .registration__content .form-register__input {
    flex: 0 0 15.625rem;
    width: 15.625rem
  }
  .page-account .form-register__inputs {
    flex-direction: row-reverse
  }
  .page-account .form-register {
    align-items: start
  }
  .question__container {
    display: grid;
    grid-template-columns: repeat(2,1fr)
  }
  .question__header-section {
    order: 2
  }
  .question__header-section .header-section__text {
    margin-bottom: 3rem
  }
  .form-question {
    order: 1
  }
}
@media (min-width:47.99875em) and (min-width:78em) {
  .article-page__container {
    gap: 2.9375rem
  }
}
@media (min-width:47.99875em) and (min-width:79.875em) {
  .question__container {
    gap: 3rem
  }
}
@media (min-width:61.99875em) {
  .ok-bar .tabs {
    grid-template-columns: repeat(2,1fr);
    gap: 3rem;
    align-items: center
  }
  .header-section--space-between {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: nowrap;
    justify-content: space-between
  }
  .contact-page__body {
    display: grid;
    grid-template-columns: 30% 70%;
    border: 1px solid #e0e0e0
  }
}
@media (min-width:61.99875em) and (min-width:73.125em) {
  .contact-page__content {
    padding: 3.125rem
  }
  .contact-page__item:not(:last-child) {
    margin-bottom: 2.5rem
  }
  .account-page__content {
    gap: 4.375rem
  }
}
@media (min-width:73.125em) {
  .contact-page__title-list:not(:last-child) {
    margin-bottom: 1.25rem
  }
  .contact-page__body {
    margin-bottom: 9.375rem
  }
}
@media (min-width:79.875em) {
  .page--circle::before {
    width: 61.625rem
  }
  .page--circle::before {
    right: .0000000625rem
  }
  .--blue-decor::before {
    width: 58.6875rem
  }
  .--blue-decor::before {
    height: 58.6875rem
  }
}
@media (min-width:78em) {
  .--red-decor::before {
    right: -34.6875rem
  }
  .--red-decor::before {
    width: 60.5rem
  }
  .--red-decor::before {
    height: 60.5rem
  }
  .--green-decor::before {
    width: 62.8125rem
  }
  .--green-decor::before {
    height: 62.8125rem
  }
}
@media (min-width:90em) {
  .--blue-decor::before {
    left: -48rem
  }
}
@media (max-width:90em) {
  .hero__pagination {
    -webkit-transform: translate(0,-215%);
    transform: translate(0,-215%);
    right: .9375rem
  }
}
@media (max-width:20em) {
  .page--circle::before {
    width: 56.25rem
  }
  .page--circle::before {
    right: -18.75rem
  }
  .--blue-decor::before {
    width: 32.75rem
  }
  .--blue-decor::before {
    height: 32.75rem
  }
  .contact-page__title-list:not(:last-child) {
    margin-bottom: .625rem
  }
  .contact-page__body {
    margin-bottom: .9375rem
  }
}
@media (max-width:86.9375em) {
  .restoran__pagination {
    flex-direction: row;
    bottom: 0;
    top: auto
  }
}
@media (max-width:86.9375em) and (max-width:79.875em) {
  .restoran__pagination {
    right: .9375rem
  }
}
@media (max-width:61.99875em) {
  .ok-bar .tabs__navigation {
    order: 2;
    gap: .9375rem
  }
  .ok-bar .tabs__content {
    order: 1;
    margin-bottom: 1.875rem
  }
  .page {
    padding-top: 6.25rem
  }
  .restoran__pagination {
    bottom: .625rem
  }
  .footer__navigation {
    flex-wrap: wrap;
    gap: .9375rem
  }
  .ok-bar__header-section {
    margin-bottom: 2.5rem
  }
  .map__header-section {
    padding: 1.875rem
  }
  .news__body {
    grid-template-columns: repeat(2,1fr);
    grid-auto-rows: auto
  }
  .item-news--big {
    grid-row: span 1
  }
  .breadcrumbs {
    margin-bottom: 1.25rem
  }
  .contact-page__content {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 1.25rem;
    margin-bottom: 1.5625rem
  }
  .contact-page__item {
    background-color: #f2f2f2;
    padding: 1.25rem
  }
  .contact-page__map-ibg {
    aspect-ratio: 250/150
  }
}
@media (max-width:47.99875em) {
  .ok-bar .tabs__title {
    padding: 0 0 0 .9375rem
  }
  .ok-bar .tabs__content {
    margin-bottom: 1.875rem
  }
  .header-section__label:not(:last-child) {
    margin-bottom: .625rem
  }
  .header-section__title {
    font-size: 2.4375rem
  }
  .header-section__title:not(:last-child) {
    margin-bottom: .75rem
  }
  .hero__pagination {
    padding: .5rem;
    -webkit-transform: translate(0,-80%);
    transform: translate(0,-80%)
  }
  .hero__pagination .swiper-pagination-bullet {
    flex: 0 0 .625rem;
    width: .625rem;
    height: .625rem
  }
  .promo-title {
    font-size: 1.5rem
  }
  .--bottom-decor::before {
    bottom: -2.5rem;
    -webkit-transform: translate(50%,0);
    transform: translate(50%,0)
  }
  .--blue-decor::before {
    left: -31.25rem
  }
  .--blue-decor::before {
    left: -270px;
    -webkit-transform: translate(0,-90%);
    transform: translate(0,-90%);
    top: 100%
  }
  .--red-decor::before {
    -webkit-transform: translate(0,-55%);
    transform: translate(0,-55%)
  }
  .logo__text {
    display: none
  }
  .action-header__number {
    display: none
  }
  .footer__container {
    padding-top: 1.875rem
  }
  .footer__title {
    margin-bottom: .625rem
  }
  .home__farm-rows {
    padding-block: 1.25rem
  }
  .home__restoran {
    padding-top: 3rem;
    padding-bottom: 35rem
  }
  .home__ok-bar {
    padding-block: 1.875rem
  }
  .home__map {
    padding-block: 1.875rem
  }
  .hero__header-section {
    padding: 3rem 0 3rem;
    margin-top: -5rem
  }
  .farm-rows__header-section {
    margin-block: 0 2.5rem
  }
  .map__header-section {
    padding: 1.875rem 1.5625rem;
    margin-bottom: 1.4375rem
  }
  .map__iframe {
    aspect-ratio: 352/444
  }
  .news {
    padding-block: 1.875rem
  }
  .news__header-section {
    margin-block: 1.25rem
  }
  .news__body {
    grid-template-columns: auto
  }
  .news__body:not(:last-child) {
    margin-block: 1.25rem
  }
  .item-news {
    padding: .9375rem
  }
  .item-news--big .header-section .header-section__title {
    font-size: 2rem
  }
  .item-news--big {
    grid-column: span 1
  }
  .news-page .news__body {
    grid-template-columns: auto
  }
  .article-page__picture {
    margin-bottom: 1.5rem
  }
  .register-page {
    padding-block: 3.125rem
  }
  .register-page .header-section:not(:last-child) {
    margin-bottom: .75rem
  }
  .body-register {
    padding: 2.5rem 1.875rem .9375rem
  }
  .registration__content .form-register__inputs {
    flex-direction: column;
    gap: .3125rem
  }
  .registration__content .form-register__label {
    order: 1
  }
  .registration__content .form-register__input {
    order: 2
  }
  .page-account {
    padding-block: 1.25rem
  }
  .question {
    padding-block: 2.5rem
  }
  .question__header-section {
    margin-bottom: 1.875rem
  }
  .form-question {
    gap: .625rem
  }
  .input-error-text {
    order: 3
  }
}
@media (max-width:40.0625em) {
  .--green-decor::before {
    top: -2.1875rem;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0)
  }
}
@media (max-width:40.625em) {
  .contact-page__content {
    grid-template-columns: auto;
    margin-bottom: .9375rem;
    gap: .625rem
  }
}
@media (max-width:33.4375em) {
  .footer__container {
    grid-template-columns: auto;
    gap: 1.875rem
  }
  .bottom-footer {
    flex-wrap: wrap;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem
  }
  .bottom-footer__copy {
    order: 2
  }
  .bottom-footer__social {
    order: 1;
    flex: 1 1 100%;
    justify-content: center
  }
}
@media (max-width:29.99875em) {
  .farm-rows__items {
    grid-template-columns: auto
  }
  .article > * {
    margin-bottom: 1rem
  }
}
@media (max-width:24.375em) {
  .--red-decor::before {
    width: 35rem
  }
  .--red-decor::before {
    height: 35rem
  }
  .--green-decor::before {
    width: 43.0625rem
  }
  .--green-decor::before {
    height: 43.0625rem
  }
}
@media (max-width:23.125em) {
  .--red-decor::before {
    right: -30rem
  }
}
@media (max-width:23.125rem) {
  .action-header {
    gap: .3125rem;
    justify-content: center
  }
}
@media (min-width:20em) and (max-width:79.875em) {
  @supports (width:clamp(56.25rem ,54.4545929019rem + 8.9770354906vw ,61.625rem)) {
    .page--circle::before {
      width: clamp(56.25rem ,54.4545929019rem + 8.9770354906vw ,61.625rem)
    }
  }
  @supports not (width:clamp(56.25rem ,54.4545929019rem + 8.9770354906vw ,61.625rem)) {
    .page--circle::before {
      width: calc(56.25rem + 5.375 * (100vw - 20rem)/ 59.875)
    }
  }
  @supports (right:clamp(-18.75rem ,-25.0130480376rem + 31.3152401879vw ,0.0000000625rem)) {
    .page--circle::before {
      right: clamp(-18.75rem ,-25.0130480376rem + 31.3152401879vw ,.0000000625rem)
    }
  }
  @supports not (right:clamp(-18.75rem ,-25.0130480376rem + 31.3152401879vw ,0.0000000625rem)) {
    .page--circle::before {
      right: calc(-18.75rem + 18.7500000625 * (100vw - 20rem)/ 59.875)
    }
  }
  @supports (width:clamp(32.75rem ,24.0861169102rem + 43.3194154489vw ,58.6875rem)) {
    .--blue-decor::before {
      width: clamp(32.75rem ,24.0861169102rem + 43.3194154489vw ,58.6875rem)
    }
  }
  @supports not (width:clamp(32.75rem ,24.0861169102rem + 43.3194154489vw ,58.6875rem)) {
    .--blue-decor::before {
      width: calc(32.75rem + 25.9375 * (100vw - 20rem)/ 59.875)
    }
  }
  @supports (height:clamp(32.75rem ,24.0861169102rem + 43.3194154489vw ,58.6875rem)) {
    .--blue-decor::before {
      height: clamp(32.75rem ,24.0861169102rem + 43.3194154489vw ,58.6875rem)
    }
  }
  @supports not (height:clamp(32.75rem ,24.0861169102rem + 43.3194154489vw ,58.6875rem)) {
    .--blue-decor::before {
      height: calc(32.75rem + 25.9375 * (100vw - 20rem)/ 59.875)
    }
  }
}
@media (max-width:86.9375em) and (min-width:86.9375em) {
  .restoran__pagination {
    right: 4.375rem
  }
}
@media (max-width:86.9375em) and (min-width:79.875em) and (max-width:86.9375em) {
  @supports (right:clamp(0.9375rem ,-37.9397123894rem + 48.6725663717vw ,4.375rem)) {
    .restoran__pagination {
      right: clamp(.9375rem ,-37.9397123894rem + 48.6725663717vw ,4.375rem)
    }
  }
  @supports not (right:clamp(0.9375rem ,-37.9397123894rem + 48.6725663717vw ,4.375rem)) {
    .restoran__pagination {
      right: calc(.9375rem + 3.4375 * (100vw - 79.875rem)/ 7.0625)
    }
  }
}
@media (min-width:47.99875em) and (max-width:90em) {
  @supports (left:clamp(-48rem ,-12.1082110651rem + -39.8797654832vw ,-31.25rem)) {
    .--blue-decor::before {
      left: clamp(-48rem ,-12.1082110651rem + -39.8797654832vw ,-31.25rem)
    }
  }
  @supports not (left:clamp(-48rem ,-12.1082110651rem + -39.8797654832vw ,-31.25rem)) {
    .--blue-decor::before {
      left: calc(-31.25rem + -16.75 * (100vw - 47.99875rem)/ 42.00125)
    }
  }
}
@media (min-width:23.125em) and (max-width:78em) {
  @supports (right:clamp(-34.6875rem ,-28.0246298405rem + -8.5421412301vw ,-30rem)) {
    .--red-decor::before {
      right: clamp(-34.6875rem ,-28.0246298405rem + -8.5421412301vw ,-30rem)
    }
  }
  @supports not (right:clamp(-34.6875rem ,-28.0246298405rem + -8.5421412301vw ,-30rem)) {
    .--red-decor::before {
      right: calc(-30rem + -4.6875 * (100vw - 23.125rem)/ 54.875)
    }
  }
}
@media (min-width:24.375em) and (max-width:78em) {
  @supports (width:clamp(35rem ,23.4090909091rem + 47.5524475524vw ,60.5rem)) {
    .--red-decor::before {
      width: clamp(35rem ,23.4090909091rem + 47.5524475524vw ,60.5rem)
    }
  }
  @supports not (width:clamp(35rem ,23.4090909091rem + 47.5524475524vw ,60.5rem)) {
    .--red-decor::before {
      width: calc(35rem + 25.5 * (100vw - 24.375rem)/ 53.625)
    }
  }
  @supports (height:clamp(35rem ,23.4090909091rem + 47.5524475524vw ,60.5rem)) {
    .--red-decor::before {
      height: clamp(35rem ,23.4090909091rem + 47.5524475524vw ,60.5rem)
    }
  }
  @supports not (height:clamp(35rem ,23.4090909091rem + 47.5524475524vw ,60.5rem)) {
    .--red-decor::before {
      height: calc(35rem + 25.5 * (100vw - 24.375rem)/ 53.625)
    }
  }
  @supports (width:clamp(43.0625rem ,34.0852272727rem + 36.8298368298vw ,62.8125rem)) {
    .--green-decor::before {
      width: clamp(43.0625rem ,34.0852272727rem + 36.8298368298vw ,62.8125rem)
    }
  }
  @supports not (width:clamp(43.0625rem ,34.0852272727rem + 36.8298368298vw ,62.8125rem)) {
    .--green-decor::before {
      width: calc(43.0625rem + 19.75 * (100vw - 24.375rem)/ 53.625)
    }
  }
  @supports (height:clamp(43.0625rem ,34.0852272727rem + 36.8298368298vw ,62.8125rem)) {
    .--green-decor::before {
      height: clamp(43.0625rem ,34.0852272727rem + 36.8298368298vw ,62.8125rem)
    }
  }
  @supports not (height:clamp(43.0625rem ,34.0852272727rem + 36.8298368298vw ,62.8125rem)) {
    .--green-decor::before {
      height: calc(43.0625rem + 19.75 * (100vw - 24.375rem)/ 53.625)
    }
  }
}
@media (min-width:47.99875em) and (min-width:47.99875em) and (max-width:78em) {
  @supports (gap:clamp(1.25rem ,-1.4498171951rem + 5.6247656348vw ,2.9375rem)) {
    .article-page__container {
      gap: clamp(1.25rem ,-1.4498171951rem + 5.6247656348vw ,2.9375rem)
    }
  }
  @supports not (gap:clamp(1.25rem ,-1.4498171951rem + 5.6247656348vw ,2.9375rem)) {
    .article-page__container {
      gap: calc(1.25rem + 1.6875 * (100vw - 47.99875rem)/ 30.00125)
    }
  }
}
@media (min-width:47.99875em) and (max-width:47.99875em) {
  .article-page__container {
    gap: 1.25rem
  }
}
@media (min-width:47.99875em) and (min-width:20em) and (max-width:79.875em) {
  @supports (gap:clamp(1.25rem ,0.6654488518rem + 2.9227557411vw ,3rem)) {
    .question__container {
      gap: clamp(1.25rem ,.6654488518rem + 2.9227557411vw ,3rem)
    }
  }
  @supports not (gap:clamp(1.25rem ,0.6654488518rem + 2.9227557411vw ,3rem)) {
    .question__container {
      gap: calc(1.25rem + 1.75 * (100vw - 20rem)/ 59.875)
    }
  }
}
@media (min-width:47.99875em) and (max-width:20em) {
  .question__container {
    gap: 1.25rem
  }
}
@media (min-width:61.99875em) and (max-width:20em) {
  .contact-page__content {
    padding: 1.5625rem
  }
  .contact-page__item:not(:last-child) {
    margin-bottom: 1.25rem
  }
  .account-page__content {
    gap: .9375rem
  }
}
@media (min-width:20em) and (max-width:73.125em) {
  @supports (margin-bottom:clamp(0.625rem,0.3897058824rem + 1.1764705882vw,1.25rem)) {
    .contact-page__title-list:not(:last-child) {
      margin-bottom: clamp(.625rem,.3897058824rem + 1.1764705882vw,1.25rem)
    }
  }
  @supports not (margin-bottom:clamp(0.625rem,0.3897058824rem + 1.1764705882vw,1.25rem)) {
    .contact-page__title-list:not(:last-child) {
      margin-bottom: calc(.625rem + .625 * (100vw - 20rem)/ 53.125)
    }
  }
  @supports (margin-bottom:clamp(0.9375rem,-2.2389705882rem + 15.8823529412vw,9.375rem)) {
    .contact-page__body {
      margin-bottom: clamp(.9375rem,-2.2389705882rem + 15.8823529412vw,9.375rem)
    }
  }
  @supports not (margin-bottom:clamp(0.9375rem,-2.2389705882rem + 15.8823529412vw,9.375rem)) {
    .contact-page__body {
      margin-bottom: calc(.9375rem + 8.4375 * (100vw - 20rem)/ 53.125)
    }
  }
}
@media (min-width:61.99875em) and (min-width:20em) and (max-width:73.125em) {
  @supports (padding:clamp(1.5625rem,0.9742647059rem + 2.9411764706vw,3.125rem)) {
    .contact-page__content {
      padding: clamp(1.5625rem,.9742647059rem + 2.9411764706vw,3.125rem)
    }
  }
  @supports not (padding:clamp(1.5625rem,0.9742647059rem + 2.9411764706vw,3.125rem)) {
    .contact-page__content {
      padding: calc(1.5625rem + 1.5625 * (100vw - 20rem)/ 53.125)
    }
  }
  @supports (margin-bottom:clamp(1.25rem,0.7794117647rem + 2.3529411765vw,2.5rem)) {
    .contact-page__item:not(:last-child) {
      margin-bottom: clamp(1.25rem,.7794117647rem + 2.3529411765vw,2.5rem)
    }
  }
  @supports not (margin-bottom:clamp(1.25rem,0.7794117647rem + 2.3529411765vw,2.5rem)) {
    .contact-page__item:not(:last-child) {
      margin-bottom: calc(1.25rem + 1.25 * (100vw - 20rem)/ 53.125)
    }
  }
  @supports (gap:clamp(0.9375rem,-0.3566176471rem + 6.4705882353vw,4.375rem)) {
    .account-page__content {
      gap: clamp(.9375rem,-.3566176471rem + 6.4705882353vw,4.375rem)
    }
  }
  @supports not (gap:clamp(0.9375rem,-0.3566176471rem + 6.4705882353vw,4.375rem)) {
    .account-page__content {
      gap: calc(.9375rem + 3.4375 * (100vw - 20rem)/ 53.125)
    }
  }
}
@media (any-hover:hover) and (pointer:fine) {
  .button:hover {
    background-color: #23983e
  }
  .button--border:hover {
    background-color: transparent;
    box-shadow: 0 0 4px 1px rgba(35,152,62,.6352941176)
  }
  .button-link:hover {
    scale: 1.05
  }
  .menu:hover {
    color: #fff
  }
  .menu:hover::after {
    background-color: #39af4a
  }
  .menu:hover .icon-menu span,
  .menu:hover .icon-menu::after,
  .menu:hover .icon-menu::before {
    background-color: #fff
  }
  .menu__link:hover {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }
  .title-tab:hover .title-tab__name {
    color: #000
  }
  .header-section__title-link:hover .header-section__title {
    color: #23983e
  }
  .pagination__arrow:hover {
    background-color: #39af4a
  }
  .pagination__arrow:hover svg path {
    stroke: #fff
  }
  .pagination__number:hover {
    background-color: rgba(48,48,48,.4);
    color: #fff
  }
  .action-header__marketplace:hover {
    color: #fff;
    background-color: #23983e
  }
  .action-header__number:hover {
    color: #39af4a
  }
  .action-header__account:hover {
    color: #fff;
    background-color: #39af4a
  }
  .action-header__account:hover svg path {
    fill: #fff
  }
  .footer___link:hover {
    color: #23983e
  }
  .bottom-footer__link:hover {
    scale: 1.15
  }
  .item-farm:hover .ibg {
    scale: 1.05
  }
  .item-farm__link-name:hover {
    color: #23983e
  }
  .article a:hover {
    color: #23983e
  }
  .link-register:hover {
    color: #23983e
  }
  .breadcrumbs__link:hover {
    color: #23983e
  }
}
@media (any-hover:none) {
  .icon-menu {
    cursor: default
  }
}
@media (any-hover:hover) {
  .contact-page__link a:hover {
    text-decoration: underline
  }
}



.drawing__container {
  margin-bottom: clamp(0.9375rem, -1.7357673267rem + 13.3663366337vw, 9.375rem);
}
.drawing__slider {
  flex: 1 1 100%;
}
.drawing__slide {
  aspect-ratio: 856/389;
}
.drawing__arrow {
  background: #23983e;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 1px solid #23983e;
  position: relative;
  cursor: pointer;
  transition: background 0.3s ease 0s;
}
.drawing__arrow svg {
  position: absolute;
  width: 65%;
  height: 65%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: fill 0.3s ease 0s;
}
.drawing__arrow svg path {
  stroke: #fff;
  transition: stroke 0.3s ease 0s;
}
.drawing__arrow--prev {
  align-self: flex-end;
}
.drawing__arrow--prev::before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg);
}
.drawing__arrow--next svg {
  -webkit-transform: translate(-50%, -50%) rotate(-180deg);
  transform: translate(-50%, -50%) rotate(-180deg);
}
.drawing__arrow.swiper-button-disabled {
  background: 0 0;
}
.drawing__arrow.swiper-button-disabled svg path {
  stroke: #23983e;
}
.drawing__pagination {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
  font-size: 1.125rem;
}
.drawing__pagination span {
  cursor: pointer;
  display: block;
  width: 2.4375rem;
  height: 2.4375rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.drawing__pagination .swiper-pagination-bullet-active {
  border-radius: 50%;
  border: 1px solid #23983e;
  box-shadow: 0 10px 15px rgba(70, 70, 70, 0.2);
}
.slide-drawing {
  display: flex;
  flex-direction: column;
}
.slide-drawing__contant {
  flex: 0 0 17.430556%;
  display: grid;
  justify-content: center;
}
.slide-drawing__label {
  color: #4f4f4f;
  font-family: "Work Sans", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.36px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.slide-drawing__label::before {
  content: "";
  position: relative;
  flex: 0 0 1.3125rem;
  width: 1.3125rem;
  height: 1.3125rem;
  top: 0;
  left: 0;
}
.slide-drawing__label:nth-child(1)::before {
  background-color: #817a69;
}
.slide-drawing__label:nth-child(2)::before {
  background-color: #e2cb93;
}
.slide-drawing__label:nth-child(3)::before {
  background-color: #f8efda;
}
.slide-drawing__items {
  margin-top: 0.9375rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  align-items: center;
  justify-content: space-between;
  row-gap: 0.625rem;
  -webkit-column-gap: 0.625rem;
  -moz-column-gap: 0.625rem;
  column-gap: 0.625rem;
}
.slide-drawing__item {
  display: grid;
  grid-template-columns: 3.375rem auto;
  align-items: center;
  -webkit-column-gap: 0.625rem;
  -moz-column-gap: 0.625rem;
  column-gap: 0.625rem;
}
.slide-drawing__image {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-row: span 2;
  height: 3.375rem;
}
.slide-drawing__image img {
  max-width: 100%;
}
.slide-drawing__link {
  color: #23983e;
  text-decoration: underline;
  transition: all 0.3s ease 0s;
}
.swiper-slide-ibg {
  aspect-ratio: 856/389;
}
.swiper-slide-ibg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.floor-number {
  color: #23983e;
}
.drawing-search {
  display: flex;
  height: 50px;
  margin: 10px 0 20px;
  position: relative;
}
.drawing-search__input {
  font-size: 0.875rem !important;
  padding-right: 40.833333%;
  height: 50px;
}
.drawing-search__button {
  position: absolute;
  width: 150px;
  height: 100%;
  top: 0;
  right: 0;
  justify-content: center;
}

@media (min-width: 47.99875em) {
  .drawing__container {
    display: flex;
    align-items: center;
  }
  .drawing__navigation {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
  }
}
@media (min-width: 47.99875em) and (min-width: 83.125em) {
  .drawing__container {
    gap: 0.9375rem;
  }
  .drawing__navigation {
    margin-left: 0.9375rem;
  }
  .drawing__navigation {
    margin-right: 1.875rem;
  }
}
@media (min-width: 83.125em) {
  .slide-drawing__contant {
    gap: 1.5rem;
  }
}

@media (max-width: 47.99875em) {
  .drawing__container {
    display: grid;
    grid-template-rows: 1fr auto;
    grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
    row-gap: 0.3125rem;
  }
  .drawing__slider {
    grid-column: span 2;
    margin-bottom: 0.625rem;
  }
  .drawing__navigation {
    grid-row: 2;
    display: grid;
    grid-template-columns: 1fr 1.5rem;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    row-gap: 0.3125rem;
  }
  .drawing__arrow {
    width: 1.5rem;
    height: 1.5rem;
    order: 2;
  }
  .drawing__pagination {
    order: 1;
    grid-row: span 2;
    justify-content: center;
    align-items: end;
    text-align: center;
  }
  .slide-drawing__contant {
    grid-row: 2;
    justify-self: baseline;
  }
  .slide-drawing__label {
    font-size: 0.875rem;
  }
  .slide-drawing__label::before {
    flex: 0 0 1.8125rem;
    width: 1.8125rem;
    height: 0.6875rem;
  }
  .slide-drawing__item {
    row-gap: 0.3125rem;
  }
  .slide-drawing__link {
    align-self: flex-end;
  }
  .slide-drawing__text {
    align-self: flex-start;
  }
  .floor-number {
    font-size: 1rem;
  }
}
@media (max-width: 36.875em) {
  .drawing-search__input {
    height: 2.1875rem;
    padding-right: 4.375rem;
  }
  .drawing-search__button {
    max-width: 10%;
    padding: 0 1.875rem;
  }
}

@media (min-width: 20em) and (max-width: 83.125em) {
  @supports (gap: clamp(0.4375rem, 0.1008663366rem + 1.6831683168vw, 1.5rem)) {
    .slide-drawing__contant {
      gap: clamp(0.4375rem, 0.1008663366rem + 1.6831683168vw, 1.5rem);
    }
  }
  @supports not (
    gap: clamp(0.4375rem, 0.1008663366rem + 1.6831683168vw, 1.5rem)
  ) {
    .slide-drawing__contant {
      gap: calc(0.4375rem + 1.0625 * (100vw - 20rem) / 63.125);
    }
  }
}


@media (min-width: 47.99875em) and (min-width: 20em) and (max-width: 83.125em) {
  @supports (
    gap: clamp(0.3125rem, 0.114480198rem + 0.9900990099vw, 0.9375rem)
  ) {
    .drawing__container {
      gap: clamp(0.3125rem, 0.114480198rem + 0.9900990099vw, 0.9375rem);
    }
  }
  @supports not (
    gap: clamp(0.3125rem, 0.114480198rem + 0.9900990099vw, 0.9375rem)
  ) {
    .drawing__container {
      gap: calc(0.3125rem + 0.625 * (100vw - 20rem) / 63.125);
    }
  }
  @supports (
    margin-left: clamp(0.3125rem, 0.114480198rem + 0.9900990099vw, 0.9375rem)
  ) {
    .drawing__navigation {
      margin-left: clamp(0.3125rem, 0.114480198rem + 0.9900990099vw, 0.9375rem);
    }
  }
  @supports not (
    margin-left: clamp(0.3125rem, 0.114480198rem + 0.9900990099vw, 0.9375rem)
  ) {
    .drawing__navigation {
      margin-left: calc(0.3125rem + 0.625 * (100vw - 20rem) / 63.125);
    }
  }
  @supports (
    margin-right: clamp(0.3125rem, -0.182549505rem + 2.4752475248vw, 1.875rem)
  ) {
    .drawing__navigation {
      margin-right: clamp(
        0.3125rem,
        -0.182549505rem + 2.4752475248vw,
        1.875rem
      );
    }
  }
  @supports not (
    margin-right: clamp(0.3125rem, -0.182549505rem + 2.4752475248vw, 1.875rem)
  ) {
    .drawing__navigation {
      margin-right: calc(0.3125rem + 1.5625 * (100vw - 20rem) / 63.125);
    }
  }
}






@media (min-width: 47.99875em) and (max-width: 20em) {
  .drawing__container {
    gap: 0.3125rem;
  }
  .drawing__navigation {
    margin-left: 0.3125rem;
  }
  .drawing__navigation {
    margin-right: 0.3125rem;
  }
}
@media (any-hover: hover) {
  .drawing-search__button:hover {
    color: #fff;
    background-color: #1b882a;
  }
}
@media (color-hover: hover) {
  .slide-drawing__link:hover {
    color: #00243d;
  }
  .slide-drawing__text:hover {
    text-decoration: underline;
  }
}