@import url("fonts/stylesheet.css");

html,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
  outline: none !important;
}

input {
  outline: none !important;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  scroll-behavior: smooth;
}

html {
  color: #1d1d1f;
  font-family: "SF Pro Display", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.page-body {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
}

.container {
  padding: 0 2rem;
  width: 100%;
  max-width: calc(1676px + 4rem);
  margin: 0 auto;
}

.position-relative {
  position: relative;
}

.header {
  display: flex;
  width: 100%;
  align-items: center;
  position: absolute;
  top: 3.875rem;
  z-index: 100;
}

.header-secondary {
  display: flex;
  width: 100%;
  align-items: center;
  position: absolute;
  padding-top: 3.875rem;
  padding-bottom: 1rem;
  background-color: white;
  z-index: 100;
  top: 0;
}

.header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.header-logo {
  width: 15%;
}

.header-menu {
  display: flex;
  width: 50%;
}

.header-menu > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.header-menu > ul > li > a {
  color: rgba(0, 0, 0, 0.45);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.19rem;
  text-transform: uppercase;
  transition: 0.3s;
}

.header-menu > ul > .uk-active > * {
  color: rgb(0, 0, 0);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.19rem;
  text-transform: uppercase;
  padding-bottom: 0.563rem;
  border-bottom: 0.19rem solid rgb(172, 172, 172);
}

.header-menu > ul > li > a:hover {
  color: rgb(0, 0, 0);
  transition: 0.3s;
  text-decoration: none;
}

.header-lang .uk-dropdown {
  min-width: 50px;
  padding: 0.5rem 0.5rem 0.5rem 0;
  background: transparent;
  box-shadow: none;
}

.header-lang > button {
  display: flex;
  align-items: center;
  color: rgb(0, 0, 0);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.19rem;
  text-align: left;
  text-transform: uppercase;
  transition: 0.3s ease;
}

.header-lang > button:hover {
  color: rgba(0, 0, 0, 0.45);
  transition: 0.3s ease;
}

.header-lang .uk-button svg {
  transition: 0.3s;
  margin-left: 0.5rem;
}

.header-search > div {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-search > div > a {
  transition: 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.header-search > div > a:hover {
  background-color: white;
  transition: 0.3s ease;
}

.header-search > div > svg path,
.header-search > div > svg circle {
  transition: 0.3s ease;
}

.header-search > div > a:hover > svg > circle {
  stroke: #f38339;
  transition: 0.3s ease;
  opacity: 1;
}

.header-search > div > a:hover > svg > path {
  stroke: rgb(103, 177, 61);
  transition: 0.3s ease;
}

.header-login {
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header-login > a {
  transition: 0.3s ease;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.header-login > a:hover {
  background-color: white;
  transition: 0.3s ease;
}

.header-login > a > svg path,
.header-login > a > svg circle {
  transition: 0.3s ease;
}

.header-login > a:hover > svg > circle {
  fill: #f38339;
  transition: 0.3s ease;
}

.header-login > a:hover > svg > path {
  stroke: rgb(103, 177, 61);
  transition: 0.3s ease;
}

.header-lang .uk-button[aria-expanded="true"] svg {
  transform: scale(1, -1);
  transition: 0.3s;
}

.header-functional {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 15%;
}

.block1 {
  display: flex;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 62.938rem;
}

.block1-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
}

.block1-title {
  color: rgb(0, 0, 0);
  font-size: 7.04rem;
  font-weight: 700;
  line-height: 99.22%;
  text-align: left;
  max-width: 59.7rem;
  margin-top: 18.813rem;
}

.block1-subtitle {
  color: rgb(0, 0, 0);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
  max-width: 56.81rem;
  margin-top: 0.5rem;
}

.block1-button {
  color: rgb(255, 255, 255);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.19rem;
  text-align: center;
  text-transform: uppercase;
  border-radius: 12.5rem;
  width: 13.19rem;
  height: 3.44rem;
  background: rgb(103, 177, 61);
  margin-top: 2.375rem;
  opacity: 1;
  transition: 0.3s ease;
}

.block1 .block1-button:hover {
  transition: 0.3s;
  opacity: 0.5;
}

.block2 {
  display: flex;
  width: 100%;
  background-color: #f5f4ee;
  padding-bottom: 4.813rem;
}

.block2-wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.block2-left {
  display: flex;
  flex-direction: column;
  width: 45%;
}

.block2-right {
  display: flex;
  flex-direction: column;
  width: 51%;
}

.block2-title {
  color: rgb(0, 0, 0);
  font-size: 3rem;
  font-weight: 700;
  line-height: 3.56rem;
  text-align: left;
  text-transform: uppercase;
}

.block2-text {
  color: rgba(0, 0, 0, 0.7);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
  margin-top: 5.313rem;
}

.block2-button {
  margin-top: 3.75rem;
  color: rgb(0, 0, 0);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.19rem;
  text-align: center;
  text-transform: uppercase;
  border-radius: 12.5rem;
  width: 13.19rem;
  height: 3.44rem;
  background: rgb(255, 255, 255);
  transition: 0.3s ease;
}

.block2-button:hover {
  color: rgb(255, 255, 255);
  border-radius: 12.5rem;
  background: rgb(103, 177, 61);
  transition: 0.3s ease;
}

.block2-top {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.block2-card {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.block2-card-text {
  margin-top: 3.563rem;
  color: rgb(0, 0, 0);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.81rem;
  text-align: center;
}

.block2-bottom {
  color: rgb(167, 167, 167);
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.38rem;
  margin-top: 7.688rem;
}

.block3 {
  display: flex;
  width: 100%;
  padding-top: 8.063rem;
}

.block3-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.block3-top {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.block3-title {
  color: rgb(0, 0, 0);
  font-size: 3rem;
  font-weight: 700;
  line-height: 3.56rem;
  text-align: left;
  text-transform: uppercase;
}

.block3-button {
  color: rgb(0, 0, 0);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.19rem;
  text-align: center;
  text-transform: uppercase;
  border: 0.13rem solid rgba(191, 191, 191, 0.5);
  border-radius: 12.5rem;
  max-width: 13.19rem;
  width: 100%;
  padding: 1rem 0;
  transition: 0.3s;
}

.block3-button:hover {
  border: 0.13rem solid rgba(103, 177, 61, 0.5);
  transition: 0.3s;
}

a.block3-button:hover {
  text-decoration: none;
  color: rgb(0, 0, 0);
}

.block3-slider {
  margin-top: 7.75rem;
}

.block3-card {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 1.75rem;
  align-items: center;
  border-radius: 1.875rem;
  transition: 0.3s;
  border: 1px solid transparent;
}

.block3-card:hover {
  text-decoration: none;
  box-shadow: #b5d3a3 0px 15px 25px -5px, #b5d3a3 0px 8px 15px -8px;
  transition: 0.3s;
}

.block3-card-title {
  margin-top: 2.813rem;
  min-height: 87px;
}

.block3-card-title > a {
  color: rgb(0, 0, 0);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.81rem;
  text-align: center;
  transition: 0.3s;
  width: 100%;
  display: inline-flex;
}

.block3-card-title > a:hover {
  opacity: 0.5;
  text-decoration: 0;
  color: rgb(0, 0, 0);
  transition: 0.3s;
}

.block3-card-subtitle {
  color: rgb(0, 0, 0);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-align: center;
  margin-top: 0.813rem;
}

.block3-card .block1-button {
  opacity: 0.5;
  transition: 0.3s ease;
  height: unset;
  padding: 1.125rem 0;
}

.block3-card .block1-button:hover {
  opacity: 1;
  transition: 0.3s ease;
  text-decoration: none;
  color: #ffffff;
}

.uk-dotnav > * > * {
  border-radius: 2.6rem;
  background: rgb(234, 234, 234);
  width: 0.92rem;
  border: none;
  outline: none;
}

.uk-dotnav > .uk-active > * {
  width: 2.88rem;
  border-radius: 2.6rem;
  background: rgb(150, 150, 150);
}

.block4 {
  display: flex;
  width: 100%;
  padding-top: 8.063rem;
}

.block4-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.block4-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 7.75rem;
  grid-gap: 4.5rem;
}

.block4-card {
  display: flex;
  flex-direction: column;
  padding: 1.438rem;
  transition: 0.3s ease;
  border-radius: 1.875rem;
  border: 1px transparent solid;
}

.block4-card:hover {
  text-decoration: none;
  transition: 0.3s ease;
  box-shadow: #b5d3a3 0px 50px 100px -20px, #b5d3a3 0px 30px 60px -30px;
}

.block4-img {
  padding-bottom: 1.5rem;
  border-bottom: 0.19rem solid rgba(103, 177, 61, 0.3);
}

.block4-img > img {
  border-radius: 0.88rem;
  display: flex;
  width: 100%;
  height: 100%;
}

.block4-title {
  margin-top: 1.5rem;
  color: rgb(0, 0, 0);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.81rem;
  text-align: left;
}

.block4-title a {
  color: rgb(0, 0, 0);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.81rem;
  text-align: left;
}

.block4-title a:hover {
  color: rgb(0, 0, 0);
  text-decoration: none;
}

.block4-date {
  margin-top: 1.5rem;
  color: rgba(0, 0, 0, 0.56);
  font-family: Istok Web;
  font-size: 0.94rem;
  font-weight: 500;
  line-height: 1.38rem;
  text-align: left;
}

.block5 {
  display: flex;
  width: 100%;
  padding-top: 8.063rem;
}

.block5-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.block5-subtitle {
  margin-top: 1.375rem;
  color: rgb(0, 0, 0);
  font-family: Istok Web;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.88rem;
  text-align: left;
  max-width: 86.5rem;
}

.block5 > h1 {
  color: rgb(0, 0, 0);
  font-size: 3rem;
  font-weight: 700;
  line-height: 3.56rem;
  text-align: left;
  text-transform: uppercase;
}

.block5 > h2 {
  margin-top: 1.375rem;
  color: rgb(0, 0, 0);
  font-family: Istok Web;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.88rem;
  text-align: left;
  max-width: 86.5rem;
}

.block5 > p {
  margin-top: 2.125rem;
  color: rgb(0, 0, 0);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
}

.block6 {
  margin-top: 15.063rem;
  width: 100%;
}

.block6-wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.block6-right {
  display: flex;
  flex-direction: column;
  width: 45%;
}

.block6-left {
  width: 50%;
}

.block6-title {
  color: rgb(0, 0, 0);
  font-size: 3rem;
  font-weight: 700;
  line-height: 3.56rem;
  text-align: left;
  text-transform: uppercase;
}

.block6-breadcrumbs {
  margin-top: 0.75rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.94rem;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
  z-index: 2;
}

.block6-price {
  margin-top: 2.625rem;
  color: rgb(0, 0, 0);
  font-size: 3rem;
  font-weight: 700;
  line-height: 3.56rem;
  text-align: left;
  text-transform: uppercase;
}

.block6-price span {
  color: rgb(0, 0, 0);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.81rem;
  letter-spacing: 0%;
  text-align: left;
}

.block6-tags {
  margin-top: 2.25rem;
  color: rgb(0, 0, 0);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-align: center;
  display: flex;
  align-items: center;
}

.block6-left .nav-container {
  width: 200px;
}

.block6-tags span {
  color: rgb(0, 0, 0);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.19rem;
  padding: 0.63rem;
  border-radius: 12.5rem;
  background: rgb(228, 241, 221);
  margin-left: 1rem;
  border: 1px solid rgb(228, 241, 221);
}

.block6-title {
  margin-top: 3.188rem;
  color: rgb(0, 0, 0);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.81rem;
  text-align: left;
}

.block6-text {
  margin-top: 1.875rem;
  color: rgb(0, 0, 0);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: left;
}

.block6-button {
  margin-top: 4.1rem;
  max-width: 19.56rem;
  width: 100%;
  height: 3.44rem;
  border-radius: 12.5rem;
  color: rgb(255, 255, 255);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.19rem;
  text-align: center;
  text-transform: uppercase;
  background: rgb(111, 190, 66);
}

.block7 {
  display: flex;
  width: 100%;
  margin-top: 8.125rem;
}

.block7-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.block7-switcher {
  display: flex;
  list-style: none;
  width: 100%;
  justify-content: space-between;
}

.block7-switcher > li {
  display: flex;
}

.block7-switcher > li:nth-of-type(1) {
  width: 19%;
}

.block7-switcher > li:nth-of-type(2) {
  width: 14%;
}

.block7-switcher > li:nth-of-type(3) {
  width: 40%;
}

.block7-switcher > li:nth-of-type(4) {
  width: 25%;
}

.block7-switcher > li > a {
  width: 100%;
  color: rgb(0, 0, 0, 0.5);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.81rem;
  text-align: left;
  padding-bottom: 1.125rem;
  border-bottom: 0.19rem solid rgb(220, 220, 220);
  text-decoration: none;
}

.block7-switcher > li.uk-active > a {
  width: 100%;
  color: rgb(0, 0, 0);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.81rem;

  text-align: left;
  padding-bottom: 1.125rem;
  border-bottom: 0.19rem solid rgb(243, 131, 57);
  text-decoration: none;
}

.block7-wrapper > .uk-switcher.uk-margin {
  width: 100%;
  display: flex;
}

.block7 .uk-switcher.uk-margin {
  margin-top: 5.5rem !important;
}

.block7-card-wrapper.uk-active {
  display: flex;
  flex-direction: column;
}

.block7-card-wrapper2.uk-active {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.block7-cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-row-gap: 1rem;
  grid-column-gap: 1.939rem;
}

.block7-cards:not(:first-child) {
  margin-top: 2rem;
}

.block7-card {
  display: flex;
  flex-direction: column;
  padding: 0.625rem;
  width: 15.56rem;

  border-radius: 0.94rem;
  background: rgb(241, 241, 241);
  height: 100%;
  justify-content: space-between;
  max-height: 7.56rem;
  align-items: center;
}

.block7-card-title {
  display: flex;
  align-items: center;
  justify-content: center;
}

.block7-card-title span {
  margin-left: 0.625rem;
  color: rgb(0, 0, 0);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.19rem;
  text-align: left;
}

.block7-card-text {
  color: rgb(0, 0, 0);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-align: center;
  opacity: 0.5;
  max-width: 9.81rem;
  margin-top: 1rem;
}

.card-red {
  background: rgb(255, 237, 232);
}

.card-red .block7-card-text {
  color: rgb(243, 0, 0);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-align: center;
}

.card-yellow {
  background: rgb(255, 248, 214);
}

.card-yellow .block7-card-text {
  color: rgb(198, 132, 3);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-align: center;
}

.card-green {
  background: rgb(228, 241, 221);
}

.card-green .block7-card-text {
  color: rgb(49, 136, 0);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-align: center;
}

.block8 {
  display: flex;
  width: 100%;
  background-color: rgb(245, 244, 238);
  padding-top: 11.625rem;
  padding-bottom: 1.313rem;
}

.block8-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.block8-top {
  display: flex;
  width: 100%;
  align-items: center;
}

.block8-top-second {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.block8-salary {
  color: rgb(103, 177, 61);
  font-size: 3rem;
  font-weight: 700;
  line-height: 3.56rem;
  letter-spacing: 0%;
  text-align: right;
  text-transform: uppercase;
}

.block8-filter-letters {
  display: flex;
  align-items: center;
}

.block8-filter-letters li {
  color: rgb(0, 0, 0);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.19rem;
  text-align: center;
  text-transform: uppercase;
  box-sizing: border-box;
  border: 0.13rem solid rgba(191, 191, 191, 0.5);
  border-radius: 12.5rem;
  padding: 0.719rem 0.906rem;
}

.block8-filter-letters li:first-child {
  margin-right: 2.188rem;
  margin-left: 3.688rem;
  padding: 0.719rem 2.063rem;
  border: 0.13rem solid rgba(191, 191, 191, 0.5);
}

.block8-filter-letters li:not(:first-child) {
  margin-right: 1.25rem;
}

.block8-filter-letters li.uk-active {
  background: rgb(103, 177, 61);
  color: rgb(255, 255, 255);
  border: 0.13rem solid transparent;
}

.block8-switcher {
  display: flex;
  list-style: none;
  margin-left: 2.813rem;
}

.block8-switcher > li:not(:first-child) {
  margin-left: 1.625rem;
}

.block8-switcher > li > a {
  color: rgb(0, 0, 0);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.19rem;
  text-align: center;
  text-transform: uppercase;
  transition: 0.3s ease;
  padding: 0.719rem 2.188rem;
  box-sizing: border-box;
  border: 0.13rem solid rgba(191, 191, 191, 0.5);
  border-radius: 12.5rem;
  background-color: transparent;
}

.block8-switcher > li > span {
  color: rgb(0, 0, 0);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.19rem;
  text-align: center;
  text-transform: uppercase;
  transition: 0.3s ease;
  padding: 0.719rem 2.188rem;
  box-sizing: border-box;
  border: 0.13rem solid rgba(191, 191, 191, 0.5);
  border-radius: 12.5rem;
  background-color: transparent;
}

.block8-switcher > li > a:hover {
  text-decoration: none;
  background-color: rgb(103, 177, 61);
  border: 0.13rem solid transparent;
  color: rgb(255, 255, 255);
  opacity: 0.5;
}

.block8-switcher > li.uk-active > * {
  color: rgb(255, 255, 255);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.19rem;
  text-align: center;
  text-transform: uppercase;
  transition: 0.3s ease;
  box-sizing: border-box;
  border: 0.13rem solid transparent;
  background-color: rgb(103, 177, 61);
  width: 100%;
}

.block9 {
  display: flex;
  width: 100%;
  padding-top: 3.563rem;
}

.block9-wrapper {
  display: flex;
  width: 100%;
}

.block9-search {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.block9-left {
  display: flex;
  flex-direction: column;
  width: 20%;
}

.block9-right {
  display: flex;
  flex-direction: column;
  width: 80%;
}

.block9-right-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  grid-column-gap: 5.563rem;
  grid-row-gap: 6.563rem;
}

.block9-left-block {
  display: flex;
  flex-direction: column;
}

.block9-left-title {
  color: rgb(22, 22, 22);
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.38rem;
  text-align: left;
  margin-bottom: 2.813rem;
}

.block9-list-top {
  margin-bottom: 2.813rem;
}

.block9-list-top li {
  position: relative;

}

.block9-list-top li a {
  color: rgba(22, 22, 22, 0.5);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
  margin-left: 1.5rem;
  display: block;
  position: relative; /* Добавляем позиционирование для ссылки */
}

.block9-list-top li a::before {
  content: "";
  position: absolute;
  width: 11px;
  left: -1.5rem; /* Отступ слева, чтобы разместить псевдоэлемент перед текстом ссылки */
  height: 11px;
  border-radius: 50%;
  background-color: rgba(217, 217, 217, 1);
  top: 50%;
  transform: translateY(-50%);
}

.block9-list-top li.active a {
  color: rgba(22, 22, 22, 1);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
}

.block9-list-top li.active a::after {
  content: "";
  position: absolute;
  width: 18px;
  left: -1.6rem; /* Тот же отступ, что и у неактивного состояния */
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='13' viewBox='0 0 17 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.99973 7.03542L6.15429 11.19L15.1897 2.15456' stroke='%2367B13D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  top: 40%;
  transform: translateY(-50%);
}

.block9-list-top li:not(:first-child) {
  margin-top: 1rem;
}

.block9-left > .block9-left-block:not(:first-child) {
  margin-top: 3.313rem;
}

.block9-list-bottom li {
  list-style-type: none;
  position: relative;
  padding-left: 2.5rem;
  margin-bottom: 25px;
  cursor: pointer;
  user-select: none;
  color: rgb(22, 22, 22, 0.5);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
}

.block9-list-bottom li.uk-active {
  color: rgb(22, 22, 22, 1);
}

/* Создание псевдоэлемента для кастомного чекбокса */
.block9-list-bottom li::before {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  left: 0;
  top: 4px;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.4' cx='6.5' cy='6.5' r='6.5' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Отображение галочки при выборе */
.block9-list-bottom li.uk-active::after {
  position: absolute;
  content: "";
  left: 1px;
  background-image: url("data:image/svg+xml,%3Csvg width='16.202255' height='12.041504' viewBox='0 0 16.2023 12.0415' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc%3E Created with Pixso. %3C/desc%3E%3Cdefs/%3E%3Cpath id='Vector 5' d='M1.50613 6.38696L5.66069 10.5415L14.6961 1.5061' stroke='%2367B13D' stroke-opacity='1.000000' stroke-width='3.000000' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  width: 15px;
  height: 15px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.block9-filter {
  display: none;
}

.pagination {
  display: flex;
  width: 100%;
  margin-top: 6.563rem;
  justify-content: space-between;
}

.pagination-list {
  display: flex;
  width: 100%;
  justify-content: center;
}

.pagination-list > li {
  padding: 0 0.5rem;
  margin: 0 0.5rem;
}

.pagination-list > li a {
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.13rem;
  font-weight: 500;
  line-height: 1.31rem;
  letter-spacing: 16%;
  text-align: left;
  text-transform: uppercase;
}

.pagination-list > li.uk-active > * {
  color: rgba(0, 0, 0, 1);
  font-size: 1.13rem;
  font-weight: 500;
  line-height: 1.31rem;
  letter-spacing: 16%;
  text-align: left;
  text-transform: uppercase;
}

.pagination-list > li.uk-active ~ li > a {
  color: black;
}

.pagination-list > li.uk-active {
  padding-bottom: 1rem;
  border-bottom: 0.19rem solid rgb(103, 177, 61);
}

.block10 {
  display: flex;
  width: 100%;
  padding-top: 3.563rem;
  background-color: rgb(245, 244, 238);
}

.block10-wrapper {
  width: 100%;
}

.block10-card {
  display: flex;
  flex-direction: column;
  padding: 1.5rem 2.874rem;
  border-radius: 0.94rem;
  background-color: rgb(255, 255, 255);
  width: 15.56rem;
  align-items: center;
  position: relative;
  transition: 0.3s ease;
  border: 1px solid transparent;
}

.block10-card::after {
  content: "";
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  width: 0.88rem;
  height: 0.88rem;
  border-radius: 50%;
  background-color: rgb(243, 131, 57);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s ease;
}

.block10-card:hover {
  text-decoration: none;
  transition: 0.3s ease;
  box-shadow: #b5d3a3 0px 12px 28px 0px, #b5d3a3 0px 2px 4px 0px,
    #b5d3a3 0px 0px 0px 1px inset;
}

.block10-card:hover::after {
  visibility: visible;
  opacity: 100%;
}

.block10-card-title {
  color: rgb(0, 0, 0);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.19rem;
  text-align: left;
}

.block10-card-salary {
  color: rgba(0, 0, 0, 0.5);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-align: center;
  margin-top: 1.8rem;
}

.block10 .uk-dotnav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: -8px;
  margin-top: 5rem !important;
}

.dotnav-line {
  width: 100%;
  height: 5px;
  background-color: rgba(103, 177, 61, 0.52);

  margin: 30px 0;
  display: flex;
}

.dotnav-line li {
  flex: 1;
}

.dotnav-line li * {
  width: 100%;
  background: transparent;
}

.dotnav-line li *:hover {
  text-decoration: none;
  background-color: transparent;
}

.dotnav-line > .uk-active > a {
  width: auto;
  border-radius: 3px;
  background-color: #67b13d;
  box-shadow: none;
  margin-right: 0;
  margin-left: 0 !important;
  padding: 0;
}

.block11 {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 3.563rem;
  background-color: rgb(245, 244, 238);
  padding-bottom: 5.125rem;
}

.block11-wrapper {
  width: 100%;
}

.block11-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 6.688rem;
  margin-top: 4.313rem;
}

.block11-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.block11-card-img > picture > img {
  width: 6.25rem;
  height: 6.25rem;
}

.block11-card-title {
  color: rgb(0, 0, 0);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-align: left;
  margin-top: 1.563rem;
  position: relative;
  height: 3rem;
}

.block11-card-title::after {
  content: "";
  position: absolute;
  background-color: rgb(243, 131, 57);
  width: 5.75rem;
  height: 3px;
  left: 0;
  bottom: -1.313rem;
  border-radius: 20px;
}

.block11-card-text {
  margin-top: 4.375rem;
  color: rgb(0, 0, 0);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
}

.block12 {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 7.813rem;
  padding-bottom: 7.5rem;
}

.block12-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.block12-title {
  color: rgb(0, 0, 0);
  font-size: 3rem;
  font-weight: 700;
  line-height: 3.56rem;
  text-align: center;
  text-transform: uppercase;
}

.block12-text {
  margin-top: 3rem;
  color: rgb(0, 0, 0);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-align: center;
}

.block12-buttons {
  margin-top: 3rem;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.block12-separator {
  color: rgb(103, 177, 61);
  font-family: Istok Web;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.88rem;
  letter-spacing: 0%;
  text-align: left;
  margin: 0 4.75rem;
}

.block12-button {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.19rem;
  text-align: left;
  text-transform: uppercase;
  padding: 1.125rem 4.5rem;
  border-radius: 12.5rem;
  background: rgb(103, 177, 61);
  transition: 0.3s;
}

.block12-button:hover {
  opacity: 0.5;
  transition: 0.3s;
  color: rgb(255, 255, 255);
  text-decoration: none;
}

.block13 {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 3.563rem;
  background-color: rgb(245, 244, 238);
  padding-bottom: 5.125rem;
}

.block13-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.block13 h1 {
  color: rgb(0, 0, 0);
  font-family: Istok Web;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.88rem;
  text-align: left;
  max-width: 86.5rem;
  margin-bottom: 2.125rem;
}

.block13 h2 {
  color: rgb(0, 0, 0);
  font-family: Istok Web;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.19rem;
  text-align: left;
  max-width: 86.5rem;
  margin-bottom: 1.625rem;
}

.block13 p {
  color: rgb(0, 0, 0);
  font-family: SF Pro Display;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
}

.block13-bottom {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  border-top: 0.19rem solid rgb(103, 177, 61);
  padding-top: 3.563rem;
  margin-top: 3.75rem;
}

.block13-socials {
  display: flex;
  align-items: center;
}

.block13-socials-info {
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.94rem;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
  margin-left: 1.563rem;
}

.block13-socials-wrapper > a:not(:first-child) {
  margin-left: 0.813rem;
}

.block13-socials-wrapper > a > svg path {
  transition: 0.3s;
}

.block13-socials-wrapper > a:hover > svg path {
  transition: 0.3s;
  fill: rgb(103, 177, 61);
}

.block13-city {
  padding: 0.719rem 2.188rem;
  border-radius: 12.5rem;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.19rem;
  text-align: center;
  text-transform: uppercase;
}

.block14 {
  display: flex;
  width: 100%;
  padding-top: 3.563rem;
}

#block14-switcher {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 3.813rem;
  grid-row-gap: 6rem;
}

.block14-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.block14-card {
  display: flex;
  flex-direction: column;
  padding: 1.438rem;
  transition: 0.3s ease;
  border-radius: 1.875rem;
}

.block14-card:hover {
  text-decoration: none;
  transition: 0.3s ease;
  box-shadow: #b5d3a3 0px 50px 100px -20px, #b5d3a3 0px 30px 60px -30px;
}

.block14-card-img {
  display: flex;
  width: 100%;
  height: 100%;
  margin-bottom: 2.125rem;
}

.block14-card-img > img {
  width: 100%;
  height: 100%;
  display: flex;
}

.block14-card-title {
  border-top: 0.19rem solid rgba(103, 177, 61, 0.3);
  padding-top: 1.5rem;
  color: rgb(0, 0, 0);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.81rem;
  text-align: left;
}

.block14-card-date {
  margin-top: 1.5rem;
  color: rgba(0, 0, 0, 0.56);
  font-family: Istok Web;
  font-size: 0.94rem;
  font-weight: 500;
  line-height: 1.38rem;
  letter-spacing: 0%;
  text-align: left;
}

.block15 {
  display: flex;
  width: 100%;
  padding-top: 3.563rem;
  padding-bottom: 5.125rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 65.6rem;
  position: relative;
}

.block15:before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  width: 100%;
  height: 40%;
  background: rgb(255, 255, 255);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6418942577030813) 17%,
    rgba(255, 255, 255, 0.9220063025210083) 40%,
    rgba(255, 255, 255, 1) 62%
  );

  z-index: 1;
}

.block15-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.block15-title {
  color: rgb(0, 0, 0);
  font-family: SF Pro Display;
  font-size: 3rem;
  font-weight: 700;
  line-height: 3.56rem;
  text-align: left;
  text-transform: uppercase;
  max-width: 83.19rem;
  margin-top: 45rem;
  z-index: 10;
}

.block15-date {
  margin-top: 1.688rem;
  color: rgb(0, 0, 0);
  font-family: Istok Web;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0%;
  text-align: left;
  z-index: 10;
}

.block16 {
  display: flex;
  width: 100%;
  padding-bottom: 5.125rem;
}

.block16-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.block16-top {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.block16-left {
  width: 65%;
}

.block16-right {
  width: 30%;
}

.block16-title {
  color: rgb(0, 0, 0);
  font-family: Istok Web;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.88rem;
  letter-spacing: 0%;
  text-align: left;
}

.block16-subtitle {
  color: rgb(0, 0, 0);
  font-family: Istok Web;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.19rem;
  text-align: left;
  margin-top: 2.813rem;
}

.block16-text {
  color: rgb(0, 0, 0);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
  margin-top: 1.875rem;
}

.block16 + .block4 {
  padding-top: 0rem;
}

.block17 {
  display: flex;
  width: 100%;
}

.block17-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  background-image: url("../images/block17.png");
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

.block17-title {
  color: rgb(65, 65, 65);
  font-size: 3rem;
  font-weight: 700;
  line-height: 57px;
  text-align: center;
  text-transform: uppercase;
  max-width: 43.63rem;
  margin-top: 25.188rem;
}

.block17-button {
  color: rgb(255, 255, 255);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.19rem;
  text-align: center;
  text-transform: uppercase;
  border-radius: 12.5rem;
  padding: 1rem 3.813rem;
  background: rgb(103, 177, 61);
  margin-top: 4.438rem;
  opacity: 1;
  transition: 0.3s ease;
}

.block17-button:hover {
  color: rgb(255, 255, 255);
  transition: 0.3s ease;
  text-decoration: none;
  opacity: 0.5;
}

.block17-bottom {
  margin-top: 18.5rem;
  text-align: left;
  align-self: flex-start;
  color: rgb(0, 0, 0);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 150%;
  max-width: 56.81rem;
}

.block18 {
  display: flex;
  width: 100%;
  position: relative;
  z-index: 5;
  overflow: hidden; /* чтобы псевдоэлемент не выходил за пределы блока */
  background-color: #f5f4ee;
}

.block18::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 33%; /* высота градиента сверху */
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 20%,
    rgba(255, 255, 255, 0.5018382352941176) 49%,
    rgba(255, 255, 255, 0.1) 68%
  );
  z-index: 2;
}

.block18::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25%; /* высота градиента снизу */
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 20%,
    rgba(255, 255, 255, 0.5018382352941176) 49%,
    rgba(255, 255, 255, 0.1) 68%
  );
  z-index: 2;
}

.block18-absolute {
  position: absolute;
  width: 50%;
  right: 0;
  top: 0;
  z-index: 0;
  height: 68.38rem;
}

.block18-absolute > img {
  height: 68.38rem;
  display: flex;
  width: 100%;
}

.block18-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  z-index: 10;
  position: relative;
}

.block18-title {
  margin-top: 16.875rem;
  max-width: 59.688rem;
  color: rgb(0, 0, 0);
  font-size: 7.04rem;
  font-weight: 700;
  line-height: 99.22%;
  text-align: left;
}

.block18-subtitle {
  margin-top: 0.375rem;
  max-width: 56.81rem;
  color: rgb(0, 0, 0);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
}

.block18-address {
  color: rgb(0, 0, 0);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.81rem;
  text-align: left;
  margin-top: 4.75rem;
}

.block18-phone > svg,
.block18-email > svg,
.block18-address > svg {
  margin-right: 3rem;
}

.block18-phone {
  margin-top: 1.875rem;
  color: rgb(0, 0, 0);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.81rem;
  text-align: left;
  transition: 0.3s ease;
}

.block18-phone:hover {
  color: rgb(0, 0, 0);
  transition: 0.3s ease;
  text-decoration: underline;
}

.block18-email {
  margin-top: 1.875rem;
  padding-bottom: 18.375rem;
  color: rgb(0, 0, 0);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.81rem;
  text-align: left;
  transition: 0.3s ease;
}

.block18-email:hover {
  color: rgb(0, 0, 0);
  transition: 0.3s ease;
  text-decoration: underline;
}

.block19 {
  display: flex;
  width: 100%;
  position: relative;
  padding-bottom: 5rem;
}

.block19-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.block19-form {
  margin-top: 15rem;
  max-width: 50.13rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: white;
  padding: 2.688rem 4.125rem;
  border-radius: 0.88rem;
  box-shadow: 0rem 6.06rem 13.96rem 0rem rgba(103, 177, 61, 0.13);
  align-items: center;
  border: 1px solid rgba(103, 177, 61, 0.3);
}

.block19-form-inner {
  max-width: 20.44rem;
}

.block19-form-inner {
  width: 100%;
}

.block19-form-inner input:not([type="checkbox"]) {
  height: 2.25rem;
  border-radius: 3.13rem;
  background: rgb(245, 244, 238);
}

.block19-form-inner-wide input:not([type="checkbox"]) {
  height: 2.25rem;
  border-radius: 3.13rem;
  background: rgb(245, 244, 238);
  width: 100%;
}

.block19-form-inner input:not([type="checkbox"]):focus {
  border-color: rgb(103, 177, 61);
}

.block19-form-inner-wide input:not([type="checkbox"]):focus {
  border-color: rgb(103, 177, 61);
}

.block19-title {
  color: rgb(0, 0, 0);
  font-family: Istok Web;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.88rem;
  text-align: center;
  padding-bottom: 0.844rem;
  border-bottom: 0.19rem solid rgba(103, 177, 61, 0.3);
  width: 100%;
  margin-bottom: 0.5rem;
}

.block19-title-product {
  color: rgb(0, 0, 0);
  font-family: Istok Web;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.88rem;
  text-align: start;
  padding-bottom: 0.844rem;
  border-bottom: 0.19rem solid rgba(103, 177, 61, 0.3);
  width: 100%;
  margin-bottom: 1rem;
}

.block19-title-register {
  color: rgb(0, 0, 0);
  font-family: Istok Web;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.88rem;
  text-align: center;
  padding-bottom: 0.844rem;
  border-bottom: 0.19rem solid rgba(243, 131, 57, 0.3);
  width: 100%;
  margin-bottom: 2.75rem;
}

.block19-title-forgot {
  color: rgb(0, 0, 0);
  font-family: Istok Web;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.88rem;
  text-align: center;
  padding-bottom: 0.844rem;
  border-bottom: 0.19rem solid rgba(255, 31, 0, 0.3);
  width: 100%;
  margin-bottom: 0.5rem;
}

.block19-button {
  border-radius: 12.5rem;
  background-color: rgb(103, 177, 61);
  color: rgb(255, 255, 255);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.19rem;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0.5rem;
  padding: 0.719rem 5.781rem;
  transition: 0.3s ease;
  position: relative;
}

.block19-button-2 {
  border-radius: 12.5rem;
  background-color: rgb(103, 177, 61);
  color: rgb(255, 255, 255);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.19rem;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0.5rem;
  padding: 0.719rem 5.781rem;
  transition: 0.3s ease;
}

.block19-button:hover,
.block19-button-2:hover {
  opacity: 0.5;
  transition: 0.3s ease;
}

.block19-bottom {
  margin-top: 2.438rem;
}

.block19-bottom > div a {
  color: rgb(134, 134, 139) !important;
  font-family: Inter;
  font-size: 0.94rem;
  font-weight: 500;
  line-height: 1.13rem;
  letter-spacing: 0%;
  text-align: left;
  text-decoration-line: underline;
}

.block19-middle {
  display: flex;
  justify-content: space-between;
}

.block19-middle > div {
  margin: 0 !important;
  width: 50%;
}

.block19-middle > div:not(:first-child) {
  margin-left: 1rem !important;
}

.block19-form-inner-wide .form-action {
  display: flex;
  align-items: center;
  justify-content: center;
}

#box-user-profile-form-profile-company,
#box-user-register-form-register-company {
  margin: 0 !important;
  margin-bottom: 3.563rem !important;
}

.block19-form-inner-wide > .block19-middle:nth-of-type(2) {
  margin-top: 1.5rem;
}

.block19-form-inner-wide > .block19-middle:nth-of-type(3) {
  margin-top: 1.188rem;
  margin-bottom: 3.5rem;
}

.block20 {
  display: flex;
  width: 100%;
  position: relative;
  z-index: 5;
  overflow: hidden; /* чтобы псевдоэлемент не выходил за пределы блока */
  background-image: url("../images/block20.png");
  background-size: cover;
  background-position: center;
  padding-bottom: 5.813rem;
  background-repeat: no-repeat;
}

.block20-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  z-index: 10;
  position: relative;
}

.block20 .block8-top-second {
  margin-top: 11.625rem;
}

.block20-phone svg,
.block20-email svg {
  margin-right: 3rem;
}

.block20-phone {
  /* [object Object] */
  color: rgb(0, 0, 0);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.81rem;
  text-align: left;
  margin-top: 3.313rem;
}

.block20-email {
  color: rgb(0, 0, 0);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.81rem;
  letter-spacing: 0%;
  text-align: left;
  text-decoration-line: underline;
  margin-top: 2rem;
}

.block20-company {
  margin-top: 5.375rem;
  color: rgb(0, 0, 0);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.81rem;
  text-align: left;
}

.block20-name {
  color: rgba(0, 0, 0, 0.51);
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 99.22%;
  letter-spacing: 0%;
  text-align: left;
  max-width: 62.56rem;
}

.block20-name span {
  font-weight: 700;
}

.block20-button {
  color: rgb(255, 255, 255);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.19rem;
  text-align: center;
  text-transform: uppercase;
  border-radius: 12.5rem;
  background: rgb(243, 131, 57);
  padding: 0.719rem 2.594rem;
  margin-top: 4rem;
  transition: 0.3s ease;
}

.block20-button-exit {
  color: rgb(255, 255, 255);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.19rem;
  text-align: center;
  text-transform: uppercase;
  border-radius: 12.5rem;
  background: red;
  padding: 0.719rem 2.594rem;
  margin-top: 4rem;
  transition: 0.3s ease;
}

.block20-button:hover {
  color: rgb(255, 255, 255);
  text-decoration: none;
  opacity: 0.5;
  transition: 0.3s ease;
}

.block21-card {
  display: flex;
  flex-direction: column;
  border-radius: 0.88rem;
  padding: 1.625rem 1.875rem;
  max-width: 32.75rem;
}

.block21-slider {
  margin-top: 7.75rem;
}

.block21-slider li:nth-child(4n + 1) .block21-card {
  background: rgb(245, 244, 238);
}

.block21-slider li:nth-child(4n + 2) .block21-card {
  background: rgb(238, 245, 245);
}

.block21-slider li:nth-child(4n + 3) .block21-card {
  background: rgb(245, 238, 238);
}

.block21-slider li:nth-child(4n + 4) .block21-card {
  background: #eef6ea;
}

.block21-card-top-top {
  color: rgb(0, 0, 0);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-align: left;
  transition: 0.3s ease;
}

.block21-card-top-top:hover {
  color: rgb(0, 0, 0);
  text-decoration: none;
  opacity: 0.5;
  transition: 0.3s ease;
}

.block21-card-top {
  margin-top: 1.2rem;
  color: rgb(0, 0, 0);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-align: left;
}

.block21-card-bottom {
  margin-top: 2.625rem;
  display: flex;
  align-items: center;
}

.block21-card-bottom-bottom {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
}

.block21-card-bottom-bottom > *:not(:first-child) {
  margin-left: 1rem;
}

.block21-date {
  color: rgba(0, 0, 0, 0.56);
  font-family: Istok Web;
  font-size: 0.94rem;
  font-weight: 500;
  line-height: 1.38rem;
  text-align: left;
}

.block21-name {
  color: rgba(0, 0, 0, 0.69);
  font-size: 1rem;
  font-weight: 700;
  line-height: 99.22%;
  text-align: left;
  margin-left: 1.813rem;
}

.block21-delete {
  color: red;
  transition: 0.3s ease;
}

.block21-edit {
  transition: 0.3s ease;
}

.block21-edit:hover {
  text-decoration: none;
  transition: 0.3s ease;
  opacity: 0.5;
}

.block21-delete:hover {
  color: red;
  text-decoration: none;
  transition: 0.3s ease;
  opacity: 0.5;
}

#modal-review-edit > .uk-modal-dialog {
  border-radius: 0.88rem;
}

#modal-review-user > .uk-modal-dialog {
  border-radius: 0.88rem;
}

#modal-review-edit .uk-modal-title {
  color: rgb(0, 0, 0);
  font-family: Istok Web;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.88rem;
  text-align: center;
  padding-bottom: 0.844rem;
  border-bottom: 0.19rem solid rgba(103, 177, 61, 0.3);
  width: 100%;
  margin-bottom: 4.75rem;
}

#modal-review-user .uk-modal-title {
  color: rgb(0, 0, 0);
  font-family: Istok Web;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.88rem;
  text-align: center;
  padding-bottom: 0.844rem;
  border-bottom: 0.19rem solid rgba(103, 177, 61, 0.3);
  width: 100%;
  margin-bottom: 3rem;
}

#modal-review-edit #review-review {
  height: 10rem;
  resize: none;
  border-radius: 0.88rem;
}

#modal-review-edit #review-review:focus {
  border-color: rgb(103, 177, 61);
}

#modal-review-edit .block19-button {
  margin-top: 2rem;
}

#modal-review-user #review-review {
  height: 10rem;
  resize: none;
  border-radius: 0.88rem;
}

#modal-review-user #review-review:focus {
  border-color: rgb(103, 177, 61);
}

#modal-review-user .block19-button {
  margin: 2rem 0;
}

#review-user-email {
  height: 2.25rem;
  border-radius: 3.13rem;
  background: rgb(245, 244, 238);
}

#review-user-email:focus {
  border-color: rgb(103, 177, 61);
}

#review-user-password {
  height: 2.25rem;
  border-radius: 3.13rem;
  background: rgb(245, 244, 238);
  margin-top: 2rem;
}

#review-user-password:focus {
  border-color: rgb(103, 177, 61);
}

.block19-href {
  margin-top: 1rem;
  color: rgb(134, 134, 139) !important;
  font-family: Inter;
  font-size: 0.94rem;
  font-weight: 500;
  line-height: 1.13rem;
  text-align: left;
  text-decoration-line: underline;
}

.block7-card-wrapper2 li .block21-card {
  width: 100%;
  max-width: unset;
}

.block7-card-wrapper2 li:nth-child(4n + 1) .block21-card {
  background: rgb(245, 244, 238);
}

.block7-card-wrapper2 li:nth-child(4n + 2) .block21-card {
  background: rgb(238, 245, 245);
}

.block7-card-wrapper2 li:nth-child(4n + 3) .block21-card {
  background: rgb(245, 238, 238);
}

.block7-card-wrapper2 li:nth-child(4n + 4) .block21-card {
  background: #eef6ea;
}

.block7-card-wrapper3 {
}

.block7-card-wrapper3 h1 {
  color: rgb(0, 0, 0);
  font-family: Istok Web;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.88rem;
  text-align: left;
  max-width: 86.5rem;
  margin-bottom: 2.125rem;
}

.block7-card-wrapper3 h2 {
  color: rgb(0, 0, 0);
  font-family: Istok Web;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.19rem;
  text-align: left;
  max-width: 86.5rem;
  margin: 1rem 0;
}

.block7-card-wrapper3 p {
  color: rgb(0, 0, 0);
  font-family: SF Pro Display;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
}

.product-specifications tbody > tr:nth-child(even) {
  background-color: rgb(234, 234, 234);
}

.uk-comment-list > :nth-child(n + 2) {
  margin-top: 3rem;
}

#modal-review-user [class*="uk-modal-close-"] {
  top: 41px !important;
  right: 27px !important;
}

.block7-wrapper .block19-button {
  margin-top: 3rem;
}

.product-reviews {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
}

.uk-comment-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.uk-comment-list li {
  display: flex;
  width: 100%;
}

.search-results-items .block3-card:not(:first-child) {
  margin-top: 2rem;
}

#dropdown-search-box {
  border-radius: 20px;
}

.block9-search .block19-button {
  margin-top: 0;
  padding: 0.6rem 3.781rem;
}

.block9-search input {
  height: 2.25rem;
  border-radius: 3.13rem;
  background: rgb(245, 244, 238);
  width: 100%;
}

.block9-search input:focus {
  background: rgb(245, 244, 238);
  width: 100%;
  border-color: rgb(103, 177, 61);
}

.block9-search-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 5.563rem;
  grid-row-gap: 6.563rem;
}

#dropdown-search-box {
  left: 50% !important;
  transform: translateX(-50%);
}

.search-href {
  color: rgb(134, 134, 139) !important;
  font-family: Inter;
  font-size: 0.94rem;
  font-weight: 500;
  line-height: 1.13rem;
  letter-spacing: 0%;
  text-align: left;
  text-decoration-line: underline;
}

.block11-b {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 3.563rem;
  padding-bottom: 5.125rem;
}

.block11-c-subtitle {
  color: rgb(0, 0, 0);
  font-family: Istok Web;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.88rem;
  text-align: left;
  margin-top: 5.313rem;
}

.block11-c-text {
  margin-top: 1.125rem;
  color: rgb(0, 0, 0);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
}

.block11-c-card-title {
  color: rgb(0, 0, 0);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-align: left;
  margin-top: 1.563rem;
  position: relative;
  height: 3rem;
}

.block11-c-card-title::after {
  content: "";
  position: absolute;
  background-color: rgb(103, 177, 61);
  width: 5.75rem;
  height: 3px;
  left: 0;
  bottom: -1.313rem;
  border-radius: 20px;
}

.block22 {
  display: flex;
  width: 100%;
}

.block22-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.block22-top {
  display: flex;
  flex-direction: column;
}

.block22-title {
  color: rgb(0, 0, 0);
  font-size: 3rem;
  font-weight: 700;
  line-height: 3.56rem;
  text-align: left;
  text-transform: uppercase;
  margin-top: 10.625rem;
}

.block22-middle {
  display: flex;
  justify-content: space-between;
  margin-top: 3.75rem;
}

.block22-middle li {
  width: 100%;
  border-bottom: 0.19rem solid rgb(220, 220, 220);
  padding-bottom: 1.125rem;
  transition: 0.3s ease;
}

.block22-middle li:hover {
  width: 100%;
  border-bottom: 0.19rem solid rgb(243, 131, 57);
  padding-bottom: 1.125rem;
  transition: 0.3s ease;
}

.block22-middle li * {
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.81rem;
  text-align: center;
  transition: 0.3s ease;
}

.block22-middle li:hover a {
  color: rgb(0, 0, 0);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.81rem;
  text-align: center;
  transition: 0.3s ease;
  text-decoration: none;
}

.block23 {
  display: flex;
  width: 100%;
}

.block23-wrapper {
  display: flex;
  width: 100%;
}

.block23-left {
  display: flex;
  flex-direction: column;
  width: 50%;
}

.block23-right {
  display: flex;
  width: 50%;
  height: 70%;
  padding: 4rem;
}

.block23-right img {
  display: flex;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.block23-title {
  margin-top: 3.75rem;
  color: rgb(0, 0, 0);
  font-family: Istok Web;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.88rem;
  text-align: left;
}

.block23-text {
  margin-top: 2.563rem;
  color: rgb(0, 0, 0);
  font-family: SF Pro Display;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
}

.block24 {
  display: flex;
  width: 100%;
  padding-top: 4.125rem;
}

.block24-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.block24-switcher {
  margin-top: 4rem;
  display: flex;
  width: 100%;
}

.block24-switcher > li > a {
  color: rgb(0, 0, 0);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.19rem;
  text-align: center;
  text-transform: uppercase;
  transition: 0.3s ease;
  padding: 0.719rem 2.25rem;
  box-sizing: border-box;
  border: 0.13rem solid rgba(191, 191, 191, 0.5);
  border-radius: 12.5rem;
  background-color: transparent;
}

.block24-switcher > li > a:hover {
  color: rgb(255, 255, 255);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.19rem;
  text-align: center;
  text-transform: uppercase;
  border-radius: 12.5rem;
  background: rgb(103, 177, 61);
  padding: 0.719rem 2.25rem;
  border: 0.13rem solid transparent;
  opacity: 0.5;
  transition: 0.3s ease;
  text-decoration: none;
}

.block24-switcher > li.uk-active > a {
  color: rgb(255, 255, 255);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.19rem;
  text-align: center;
  text-transform: uppercase;
  border-radius: 12.5rem;
  background: rgb(103, 177, 61);
  padding: 0.719rem 2.25rem;
  border: 0.13rem solid transparent;
}

.block24-switcher > li:not(:first-child) {
  margin-left: 2rem;
}

.block24 .block3-card img {
  border-radius: 0.875rem;
  overflow: hidden;
}

.block25 {
  display: flex;
  width: 100%;
  padding-top: 4.125rem;
  padding-bottom: 4.125rem;
  overflow: hidden;
}

.block25-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.block25 .uk-dotnav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: -8px;
  margin-top: 5rem !important;
  padding-bottom: 20px;
  background-color: transparent;
  position: relative;
}

.block25 .uk-dotnav:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: rgba(103, 177, 61, 0.52);
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}

.block25 .dotnav-line li a {
  height: 18px;
  width: 18px;
  border-radius: 50%;
  border: 3px solid #67b13d;
  background: white !important;
}

.block25 .dotnav-line li.uk-active a {
  background: #67b13d !important;
}

.block25 .dotnav-line li {
  flex: 1;
  display: flex;
  justify-content: center;
}

.block25-card-list {
  margin-top: 4.25rem;
}

.block25 .uk-dotnav > li > span {
  color: rgb(0, 0, 0);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-align: left;
  background: transparent;
  width: fit-content;
  height: fit-content;
  border-radius: 0;
  z-index: 10;
  display: block;
  position: absolute;
  bottom: -33px;
  text-indent: inherit;
}

.block25 .uk-dotnav > .uk-active > span {
  color: rgb(0, 0, 0);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-align: left;
  background: transparent;
  width: fit-content;
  height: fit-content;
  border-radius: 0;
  z-index: 10;
  display: block;
  position: absolute;
  bottom: -33px;
  text-indent: inherit;
  overflow: visible;
}

.block25 .uk-slider-container {
  overflow: visible;
}

.block25-card {
  max-width: 49.88rem;
  border-radius: 0.88rem;
  background: rgb(245, 244, 238);
  display: flex;
  flex-direction: column;
  padding: 2.063rem 4.188rem;
}

.block25-card-title {
  color: rgb(0, 0, 0);
  font-family: Istok Web;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.88rem;
  text-align: left;
  margin-top: 1.125rem;
}

.block25-card-text {
  margin-top: 2.125rem;
  color: rgb(0, 0, 0);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
}

.block25-card-date {
  color: rgba(0, 0, 0, 0.56);
  font-family: Istok Web;
  font-size: 0.94rem;
  font-weight: 500;
  line-height: 1.38rem;
  text-align: left;
  margin-top: 0.625rem;
}

.footer {
  display: flex;
  width: 100%;
  align-items: center;
  margin-top: 3.75rem;
}

.footer-top {
  border-top: 0.19rem solid rgba(103, 177, 61, 30%);
  padding-top: 4.188rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 2.25rem;
  padding-bottom: 2.188rem;
}

.footer-logo {
  width: 15%;
}

.footer-menu {
  display: flex;
  width: 50%;
}

.footer-menu > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.footer-menu > ul > li > a {
  color: rgba(0, 0, 0, 0.45);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.19rem;
  text-transform: uppercase;
  transition: 0.3s;
}

.footer-menu > ul > .uk-active > span {
  color: rgb(0, 0, 0);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.19rem;
  text-transform: uppercase;
  padding-bottom: 0.563rem;
  border-bottom: 0.19rem solid rgb(103, 177, 61);
}

.footer-menu > ul > li > a:hover {
  color: rgb(0, 0, 0);
  transition: 0.3s;
  text-decoration: none;
}

.footer-functional {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 15%;
}

.footer-copyright {
  color: rgba(0, 0, 0, 0.24);
  font-family: Istok Web;
  font-size: 0.94rem;
  font-weight: 500;
  line-height: 1.38rem;
  letter-spacing: 0%;
  text-align: left;
}

.footer-oleus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgba(0, 0, 0, 0.24);
  font-family: Istok Web;
  font-size: 0.94rem;
  font-weight: 500;
  line-height: 1.38rem;
  letter-spacing: 0%;
  text-align: left;
  transition: 0.3s ease;
}

.footer-oleus:hover {
  transition: 0.3s ease;
  text-decoration: none;
  color: rgb(103, 177, 61);
}

.footer-oleus > svg {
  margin-left: 0.2rem;
}

.footer .header-lang button svg {
  margin-left: 0.5rem;
}

.footer .header-lang button svg path {
  opacity: 1;
  stroke-opacity: 1;
  stroke: #67b13d;
}

.header-mobile {
  display: none;
}

.services-slider {
  display: flex;
  max-width: 600px;
  width: 100%;
}

.nav-container .slick-slide {
  position: relative;
}

.nav-container .slick-slide:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: orange;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
}

.nav-container .slick-slide.slick-current:after {
  opacity: 1;
  visibility: visible;
}

.nav-container > .slider-nav .slick-list {
  height: 548px !important;
}

.slider-main {
  width: 100%;
}

.main-container {
  width: 100%;
}

.nav-container img {
  max-height: 135px;
}

.nav-container .slick-slide {
}

.services-slider .slick-track {
  margin-right: 60px;
}

.uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column)::before {
  content: "|";
}

#modal-product-buy-one-click > .uk-modal-dialog {
  padding: 1rem 2rem;
  border-radius: 0.88rem;
}

#modal-product-buy-one-click [class*="uk-modal-close-"] {
  position: absolute;
  z-index: 1010;
  top: 29px;
  right: 28px;
  padding: 5px;
}

.one-click-card {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 2.5rem 0;
  flex-direction: column;
  border: 2px solid #0000000f;
  border-radius: 1.125rem;
  transition: 0.3s ease;
  width: 13rem;
}

.one-click-card:hover {
  border: 2px solid #67b13d;
  box-shadow: 0px 23px 26.799999237060547px 0px #67b13d1f;
  transition: 0.3s ease;
}

.one-click-name {
  color: #86868b;
  font-size: 0.938rem;
  font-weight: 500;
  max-width: 6rem;
  margin-top: 1rem;
}

.one-click-card:hover .one-click-name {
  text-decoration: none;
}

.one-click-card:hover .one-click-name:hover {
  text-decoration: none;
}

#modal-product-buy-one-click a {
  text-decoration: none;
}

.blind-body .nav-container .slick-slide:after,
.blind-body picture,
.blind-body .block24 .block3-slider,
.blind-body img {
  opacity: 0;
  display: none;
}

.blind-body * {
  background-image: none !important;
  background-color: #ffffff !important;
  border-color: transparent;
  color: black !important;
}

.blind-body .block11-card-title::after,
.blind-body .block11-c-card-title::after,
.blind-body .block9-list-top li.active::before {
  background-color: black;
}

.blind-body .block4-card:hover {
  box-shadow: none;
  border: 1px solid black;
}

.blind-body .block2-card-text {
  margin-top: 8.563rem;
}

.blind-body .block3-card-title {
  margin-top: 0;
}

.blind-body .block4-img {
  padding-bottom: 0;
}

.blind-body .block4-title {
  margin-top: 0;
}

.blind-body .block15-title {
  margin-top: 8rem;
}

.blind-body .block15 {
  min-height: 20rem;
}

.blind-body .block19-form-inner-wide input:not([type="checkbox"]),
.blind-body .block19-form-inner input:not([type="checkbox"]) {
  border-color: black;
}

.blind-body .footer-menu > ul > .uk-active > span,
.blind-body .block7-switcher > li.uk-active > a,
.blind-body .header-menu > ul > .uk-active > * {
  border-bottom: 0.19rem solid rgb(0, 0, 0);
}

.blind-body .dotnav-line > .uk-active > * {
  background: black;
}

.blind-body .header-logo picture img,
.blind-body .header-logo picture {
  display: block !important;
  opacity: 1 !important;
  filter: grayscale(1);
}

#map {
  width: 100%;
  height: 100%;
}

#preloader {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ffffff;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blind-body #preloader picture img,
.blind-body #preloader picture {
  display: block !important;
  opacity: 1 !important;
}

.blind-body .footer .header-lang button svg path {
  filter: grayscale(1);
}

.blind-body .footer .footer-font svg path {
  filter: grayscale(1);
}

.blind-body .footer-oleus > svg {
  filter: grayscale(1);
}

.blind-body .block25 .dotnav-line li a {
  filter: grayscale(1);
}

.blind-body .block25 .uk-dotnav:before {
  filter: grayscale(1);
  z-index: 1;
}

.blind-body .header-search > div > a {
  transition: 0.3s ease;
  border-radius: 50%;
}

.blind-body .header-search > div > a:hover {
  background-color: white;
  transition: 0.3s ease;
}

.blind-body .header-search > div svg path,
.blind-body .header-search > div svg circle {
  transition: 0.3s ease;
}

.blind-body .header-search > div > a:hover > svg > circle {
  stroke: #000000;
  transition: 0.3s ease;
  opacity: 1;
}

.blind-body .header-search > div > a:hover > svg > path {
  stroke: #000000;
  transition: 0.3s ease;
}

.header-login > a {
  transition: 0.3s ease;
  padding: 1rem;
  border-radius: 50%;
}

.header-login > a:hover {
  background-color: white;
  transition: 0.3s ease;
}

.blind-body .header-login > a > svg path,
.blind-body .header-login > a > svg circle {
  transition: 0.3s ease;
}

.blind-body .header-login > a:hover > svg > circle {
  fill: #000000;
  transition: 0.3s ease;
}

.blind-body .header-login > a:hover > svg > path {
  stroke: #000000;
  transition: 0.3s ease;
}

.blind-body .block10-card:hover {
  /*box-shadow:#000000 0px 12px 28px 0px, #000000 0px 2px 4px 0px, #000000 0px 0px 0px 1px inset;*/
  box-shadow: none;
  border-color: black;
  border: 1px solid;
}

.blind-body .block10-card::after {
  background-color: transparent;
}

.blind-body .block3-card:hover {
  text-decoration: none;
  box-shadow: none;
  border-color: black;
  transition: 0.3s;
}

.blind-body .block19-form {
  box-shadow: none;
}

.blind-body .block6-tags span {
  border: 1px solid black;
}

.blind-body .block6-button {
  border: 2px solid black;
}

.blind-body .block19-button {
  border: 2px solid black;
}

.blind-body #modal-product-buy-one-click > .uk-modal-dialog {
  border: 2px solid black;
}

.blind-body .one-click-card {
  border: 2px solid black;
  box-shadow: none;
}

.blind-body .one-click-card:hover {
  border: 2px solid black;
  box-shadow: none;
}

.blind-body .block13-socials-wrapper > a svg path {
  fill: #000000;
}

.blind-body #modal-review-user .uk-modal-title {
  border-bottom: 0.19rem solid rgba(0, 0, 6, 0.3);
}

.blind-body #modal-review-user #review-review:focus {
  border-color: black;
}

.blind-body .block13-socials-wrapper > a:hover > svg path {
  fill: rgb(163, 163, 163);
  transition: 0.3s ease;
}

.header-lang .uk-button[aria-expanded="true"] svg {
  transform: scale(1, -1);
  transition: 0.3s;
}

#user-register-form-register-agree .form-field-checkbox-label {
  margin-left: 0.6rem;
  font-family: Inter;
  font-size: 1rem;
  font-weight: 500;
  color: rgb(134, 134, 139);
}

#box-user-register-form-register-agree .uk-checkbox:checked {
  background-color: rgb(103, 177, 61) !important;
}

#box-user-register-form-register-agree .uk-checkbox:focus {
  border-color: rgb(103, 177, 61) !important;
}

.blind-body .block3-button {
  border-color: black;
}

.blind-body #modal-review-user #review-review {
  border: 2px solid black;
}

.blind-body #modal-review-user .uk-modal-body {
  border: 2px solid black;
}

.blind-body .block21-card {
  border: 2px solid black;
}

.blind-body .block7-card {
  border: 2px solid black;
}

.blind-body .uk-navbar-dropdown {
  box-shadow: none;
  border: 3px black solid;
}

.blind-body .block4-card {
  border: 2px black solid;
}

.blind-body .block8-switcher > li.uk-active > * {
  border: 0.13rem solid black;
}

.blind-body .block3-card {
  border: 0.13rem solid black;
}

.block3-slider ul li .block3-card {
  margin: 0 1rem;
}

.blind-body .block1-button {
  border: 0.13rem solid black;
}

.blind-body .block2-button {
  border: 0.13rem solid black;
}

.blind-body .block22-middle li:hover {
  border-bottom: 0.19rem solid black;
}

.blind-body #certeficate {
  display: none;
}

.uk-notification-message {
  background-color: white;
  border-radius: 0.88rem;
}

.block19-button {
  position: relative;
}

.uk-ajax-spinner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: white;
}

.block19-button.load {
  color: #67b13d;
  transition: 0.3s;
}

#message-ajax-modal > .uk-modal-dialog {
  background: transparent;
}

#message-ajax-modal .uk-modal-body {
  border-radius: 0.88rem;
  background: white;
}

.block9-search .uk-alert {
  border-radius: 0.88rem;
}

.search-list-box {
  padding: 1rem 0;
  display: block;
}

.search-list > .search-list-box:not(:last-child) {
  border-bottom: 2px solid rgb(103, 177, 61);
}

.blind-body .search-list > .search-list-box:not(:last-child) {
  border-color: black;
}

.search-list-item {
  font-size: 1.5rem;
  color: black;
  transition: 0.3s;
}

.search-list-item:hover {
  color: black;
  text-decoration: none;
  opacity: 0.5;
  transition: 0.3s;
}

.header-lang li > span {
  padding: 5px 0;
}

.header-lang li > span {
  display: flex;
  align-items: center;
  column-gap: 0.25em;
  text-decoration: none;
}

.with-search {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.category-search {
  background-color: white;
  border-radius: 20px;
  padding: 10px 30px;
  position: relative;
  width: 50%;
}

.category-search .search-results-items {
  top: 36px;
  left: -30px;
  position: absolute;
  background-color: white;
  width: 107.8%;
  z-index: 10;
  padding: 10px 30px;
  border-radius: 0 0 20px 20px;
}

.category-menu-wrapper {
  display: flex;
  flex-direction: column;
}

.category-menu-items {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 2.813rem;
}

.category-menu li {
  padding-left: 1.5rem;
}

.category-menu li.uk-active {
  padding-left: 1.5rem;
  color: rgba(22, 22, 22, 1);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
  position: relative;
}

.category-menu li.uk-active::before {
  content: "";
  position: absolute;
  width: 3px;
  left: 0;
  height: 2rem;
  background-color: rgb(103, 177, 61);
  border-radius: 20%;
  top: 10px;
}
.category-menu li a {
  color: rgba(22, 22, 22, 0.5) !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
}

.category-menu li a:hover {
  text-decoration: underline;
}

.catalog-inner-li {
  display: flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  padding-right: 10px;
}

.expand-button {
  opacity: 0.5;
  transition: 0.3s ease;
}

.expand-button:hover {
  opacity: 1;
  transition: 0.3s ease;
}
.expand-button  svg {
    transition: 0.3s ease;
}
.expand-button[aria-expanded="true"] svg {
    transform: scale(1,-1);
    transition: 0.3s ease;
}

.category-menu .uk-nav, .category-menu .uk-nav ul {
padding: 0;
}

.hover a {
  color: rgb(0, 0, 0) !important;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.81rem;
  transition: 0.3s;
  width: 100%;
}

.hover a:hover {
  opacity: 0.5;
  text-decoration: 0;
  color: rgb(0, 0, 0);
  transition: 0.3s;
}

.mh-39 {
  min-height: 39px;
}



.shop_products_search_wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  grid-column-gap: 5.563rem;
  grid-row-gap: 6.563rem;
}

.nodes_search_wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 25px;
  width: 100%;
}


.search-title {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: rgb(0, 0, 0);
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.56rem;
  text-align: left;
  text-transform: uppercase;
}


.block3-card-teaser-title {
  margin-top: 2.813rem;
  min-height: 116px;
}

.block3-card-teaser-title > a {
  color: rgb(0, 0, 0);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.81rem;
  text-align: center;
  transition: 0.3s;
  width: 100%;
  display: inline-flex;
}

.block3-card-teaser-title > a:hover {
  opacity: 0.5;
  text-decoration: 0;
  color: rgb(0, 0, 0);
  transition: 0.3s ease;
}