@charset "UTF-8";
:root {
  --bg-main: #F0F0F2;
  --base-grafit: #4C5966;
  --grey-text-footer: #CBD3DB;
  --grafit-dark: #2C363F;
  --grey-text-secondary: #B4B9C7;
  --stroke: #E4E7ED;
  --green: #3EB944;
  --bg-social-media: #474A5D;
  --base-lightgrey: #ABABB9;
  --base-dark-grey: #818698;
  --stroke-light: #E5E4EB;
  --base-light-grey: #ABABB9;
  --color-2: #343439;
  --color-5-bg: #F2F3F6;
  --color-3: #D75F40;
  --orange-hover: #FB714D;
  --grey: #F2F3F6;
  --red: #D75F40;
  --red-hover: #FB714D;
  --base-white: #FFF;
  --white: #FFF;
  --color-8-secondary: #A7A9B2;
  --container-w: 1720px;
  --max-text-width: 1060px;
  --header-padding: 20px;
  --fz-big: 56px;
  --fz-h1: 46px;
  --fz-h2: 42px;
  --fz-h3: 34px;
  --fz-h4: 24px;
  --fz-h5: 22px;
  --fz-h6: 20px;
  --fz-p: 18px;
  --fz-top-menu: 17px;
  --fz-p-min: 16px;
  --padding-section: 5rem;
  --gap: 2.5rem;
  --swiper-pagination-bullet-inactive-color: #B4B9C7;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-color: var(--red);
  --swiper-theme-color: var(--red);
}
@media screen and (max-width: 1550px) {
  :root {
    --container-w: 1490px;
  }
}
@media screen and (min-width: 1140px) and (max-width: 1320px) {
  :root {
    --padding-section: 60px;
    --header-padding: 15px;
    --fz-big: 50px;
    --fz-h1: 38px;
    --fz-h2: 38px;
    --fz-h3: 30px;
    --fz-h4: 22px;
    --fz-h5: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
  :root {
    --padding-section: 40px;
    --container-w: calc(100vw - 40px);
    --fz-big: 46px;
    --fz-h1: 30px;
    --fz-h2: 28px;
    --fz-h3: 24px;
    --fz-h4: 22px;
    --fz-h5: 20px;
    --fz-h6: 18px;
  }
}
@media screen and (max-width: 820px) {
  :root {
    --fz-big: 34px;
    --fz-h1: 30px;
    --fz-h2: 24px;
    --fz-h3: 24px;
    --fz-h4: 20px;
    --fz-h5: 18px;
    --fz-p: 1rem;
    --fz-p-min: 14px;
    --padding-section: 50px;
  }
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}
@media screen and (max-width: 820px) {
  ::-webkit-scrollbar {
    width: 2px;
    height: 3px;
  }
}

/* Track */
::-webkit-scrollbar-track {
  background: #F7F8FA;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--color-3);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--color-2);
}

html, body {
  margin: 0;
  padding: 0;
  font-size: 18px;
}

html {
  scroll-padding-top: 80px;
  font-size: 18px;
}
@media screen and (max-width: 1630px) {
  html {
    font-size: 17px;
  }
}
@media screen and (max-width: 1550px) {
  html {
    font-size: 16px;
  }
}
@media screen and (max-width: 1320px) {
  html {
    font-size: 14px;
  }
}
@media screen and (max-width: 820px) {
  html {
    font-size: 18px;
  }
}

body {
  font-family: "Onest", sans-serif;
  background: var(--white);
  color: var(--color-2);
  font-feature-settings: "pnum" on, "lnum" on;
  line-height: normal;
  font-size: var(--fz-p);
  font-optical-sizing: auto;
}
@media screen and (max-width: 820px) {
  body.menu_opened {
    overflow: hidden;
  }
}

* {
  box-sizing: border-box;
}

a, button {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.container {
  width: var(--container-w);
  max-width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
  .container {
    max-width: calc(100% - 30px);
  }
}
@media screen and (max-width: 820px) {
  .container {
    max-width: 100%;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.container__flex {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1140px) {
  .container__flex {
    flex-flow: column;
    justify-content: flex-start;
  }
}
.container__flex .layout-sidebar-first {
  width: calc(25% - 20px);
  padding-bottom: var(--padding-top);
}
@media screen and (max-width: 1140px) {
  .container__flex .layout-sidebar-first {
    width: 100%;
  }
}
@media screen and (max-width: 820px) {
  .container__flex .layout-sidebar-first {
    width: 100%;
    display: none;
  }
}
.container__flex .layout-content {
  width: calc(75% - 20px);
  padding-bottom: var(--padding-top);
}
@media screen and (max-width: 1140px) {
  .container__flex .layout-content {
    width: 100%;
  }
}
.container.field-content {
  display: block;
}

.layout-container {
  position: relative;
}
@media screen and (max-width: 820px) {
  .layout-container {
    overflow: hidden;
  }
}

.section__grey, .section__white, .section__dark, .section__darkgrey {
  padding-top: var(--padding-section);
  padding-bottom: var(--padding-section);
}
.section__sm {
  padding-top: 60px;
  padding-bottom: 60px;
}
.section__grey {
  background-color: var(--grey);
}
.section__grey + .section__grey__ww, .section__grey + .section__grey {
  padding-top: 0;
}
.section__grey__ww {
  background-color: var(--grey);
}
.section__grey__ww + .section__grey, .section__grey__ww + .section__grey__ww {
  padding-top: 0;
}
.section__white {
  background-color: var(--white);
}
.section__white + .section__white {
  padding-top: 0;
}
.block-system-main-block > .section__white:first-child {
  padding-top: 0;
}
.section__dark, .section__darkgrey {
  background-color: var(--base-grafit);
  color: var(--white);
}
.section__dark + .section__dark, .section__dark + .section__darkgrey, .section__darkgrey + .section__dark, .section__darkgrey + .section__darkgrey {
  padding-top: 0;
}
.section__white_text {
  padding-bottom: 3.75rem;
}
.section__white_text + .section__white_text {
  padding-top: 0;
}
.section__fwswiper {
  overflow: hidden;
}
.section__title {
  color: var(--color-2);
  font-size: 2.77778rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 2.22rem;
  margin-top: 0;
}
@media screen and (max-width: 820px) {
  .section__title {
    font-size: 1.77778rem;
  }
}
.section__text_title {
  margin-top: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 1.88rem;
  color: var(--color-3, #D75F40);
  font-size: 1.25rem;
}
.section__btns {
  margin-top: 40px;
}
@media screen and (max-width: 820px) {
  .section__btns {
    margin-top: 20px;
  }
  .section__btns .btn {
    width: 100%;
  }
}
.section__sw {
  overflow: hidden;
}
.section__head {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 2.5rem;
  width: 100%;
}
@media screen and (max-width: 820px) {
  .section__head {
    flex-direction: column;
  }
}
.section__head .section__title {
  margin-bottom: 0;
}
.section__head .sw-buttons {
  gap: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  flex-shrink: 0;
}
@media screen and (max-width: 820px) {
  .section__head .sw-buttons {
    width: 100%;
    margin-left: 0;
    justify-content: space-between;
  }
}
.section__head .sw-button-next,
.section__head .sw-button-prev {
  cursor: pointer;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 1px solid var(--color-1, #FFF);
  color: var(--color-2);
  background: var(--color-1, #FFF);
  transition: all 0.2s ease-in-out;
}
.section__head .sw-button-next svg,
.section__head .sw-button-prev svg {
  width: 0.8125rem;
  height: auto;
  display: block;
}
.section__head .sw-button-next:hover,
.section__head .sw-button-prev:hover {
  border-color: var(--color-3);
  color: var(--color-3);
}
.section__head .sw-button-next.swiper-button-disabled, .section__head .sw-button-next.swiper-button-disabled:hover,
.section__head .sw-button-prev.swiper-button-disabled,
.section__head .sw-button-prev.swiper-button-disabled:hover {
  opacity: 0.3;
  cursor: not-allowed;
  border: 1px solid var(--black, #3C4240);
  color: var(--black, #3C4240);
}
.section__pt0 {
  padding-top: 0;
}
.section__page_top.withbg {
  min-height: 38.8rem;
  position: relative;
  padding-bottom: 4.4rem;
  margin-bottom: 3rem;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 820px) {
  .path-node-11 .section__page_top.withbg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 18% bottom;
  }
}
@media screen and (max-width: 820px) {
  .path-node-19 .section__page_top.withbg {
    background-color: var(--color-3);
    background-repeat: no-repeat;
    background-size: auto 60%;
    background-position: 84% bottom;
  }
}
@media screen and (max-width: 820px) {
  .section__page_top.withbg {
    margin-bottom: 0;
  }
}
.section__page_top.withbg:after {
  content: "";
  border-radius: 1.33333rem 1.33333rem 0 0;
  background: var(--color-1, #FFF);
  width: 100%;
  height: 1.66667rem;
  bottom: -1px;
  left: 0;
  right: 0;
  display: block;
  position: absolute;
}
@media screen and (min-width: 820px) {
  .section__page_top.withbg .page-title {
    max-width: 50%;
  }
}
@media screen and (max-width: 820px) {
  .section__more {
    margin-top: 1.67rem;
    width: 100%;
  }
}

.button,
.btn {
  border: 1px solid transparent;
  background: var(--color-3);
  color: var(--white);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.0225rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3.375rem;
  padding: 1rem 1.25rem;
  gap: 10px;
  cursor: pointer;
  border-radius: 6.25rem;
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
  .button,
  .btn {
    height: 50px;
    padding: 10px 30px;
  }
}
@media screen and (max-width: 820px) {
  .button,
  .btn {
    font-size: 1rem;
  }
}
.button:hover,
.btn:hover {
  text-decoration: none;
  background: var(--orange-hover);
  color: var(--white);
}
.button__bordered,
.btn__bordered {
  background: transparent;
  color: var(--color-3);
  border: 2px solid var(--color-3, #D75F40);
}
.button__bordered:hover,
.btn__bordered:hover {
  color: var(--white);
  background: var(--red-hover);
  border-color: var(--red-hover);
}
.button__transparent,
.btn__transparent {
  border-color: transparent;
  background: transparent;
  color: #fff;
}
.button__transparent:hover,
.btn__transparent:hover {
  border-color: transparent;
  background: transparent;
  color: #fff;
  opacity: 0.9;
}
.button__top,
.btn__top {
  background: transparent;
  color: var(--white);
  font-size: var(--fz-top-menu);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 5px 20px;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid #657381;
}
@media screen and (max-width: 1140px) {
  .button__top,
  .btn__top {
    padding: 4px 15px;
  }
}
@media screen and (max-width: 820px) {
  .button__top,
  .btn__top {
    border: none;
    background: none;
    padding: 0;
    height: auto;
    font-size: 14px;
    color: var(--red);
    font-weight: 600;
  }
}
.button__top:hover,
.btn__top:hover {
  text-decoration: none;
  background: var(--white);
  color: var(--red);
}
.button__white,
.btn__white {
  color: var(--color-3);
  background: var(--color-1, #FFF);
}
.button__white:hover,
.btn__white:hover {
  color: var(--color-3);
  background: var(--color-5-bg, #F2F3F6);
}

.messages__wrapper .placeholder {
  background: transparent;
}

.region-breadcrumb h1 {
  margin-top: 3.6rem;
  margin-bottom: 5rem;
  color: var(--color-2);
  font-size: 3.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media screen and (max-width: 820px) {
  .region-breadcrumb h1 {
    margin-top: 10px;
    margin-bottom: 30px;
  }
}

.region-breadcrumb h1 {
  margin-top: 3rem;
  margin-bottom: 5rem;
  color: var(--color-2);
  font-size: 2.77778rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.withbg .region-breadcrumb h1 {
  color: var(--color-1, #FFF);
}
@media screen and (max-width: 820px) {
  .region-breadcrumb h1 {
    font-size: 2rem;
    margin-top: 2.2rem;
    margin-bottom: 3rem;
  }
}

img {
  max-width: 100%;
  height: auto;
}

.main.has_sidebar_first {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 820px) {
  .main.has_sidebar_first {
    flex-wrap: wrap;
  }
}
.main.has_sidebar_first:not(.has_sidebar_second) .layout-content {
  width: 75%;
}
@media screen and (max-width: 1140px) {
  .main.has_sidebar_first:not(.has_sidebar_second) .layout-content {
    width: 100%;
  }
}
.main.has_sidebar_first.has_sidebar_second .layout-content {
  width: 50%;
}
@media screen and (max-width: 1140px) {
  .main.has_sidebar_first.has_sidebar_second .layout-content {
    width: 100%;
  }
}

.layout-sidebar-first {
  width: calc(25% - 20px);
}
@media screen and (min-width: 820px) {
  .layout-sidebar-first {
    order: -1;
  }
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
  .layout-sidebar-first {
    display: none;
  }
}
@media screen and (max-width: 820px) {
  .layout-sidebar-first {
    width: 100%;
  }
}
@media screen and (max-width: 820px) {
  .layout-sidebar-first #block-stellazhby-katalog-2 {
    display: none;
  }
}

.layout-sidebar-second {
  width: calc(25% - 20px);
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
  .layout-sidebar-second {
    display: none;
  }
}
@media screen and (max-width: 820px) {
  .layout-sidebar-second {
    width: 100%;
  }
}

/*
.layout-container {
  .path-catalog &,
  .path-taxonomy & {
    background: var(--grey, #F1F2F4);
  }
}*/
lite-youtube:before {
  display: none;
}
lite-youtube > .lty-playbtn {
  width: 60px;
  height: 60px;
  background-image: url(../images/play.svg);
  background-repeat: no-repeat;
  background-size: 99% 99%;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  transition: all 0.2s ease-in-out;
}
lite-youtube::after {
  background: rgba(0, 39, 31, 0.3);
}
lite-youtube:hover > .lty-playbtn {
  opacity: 0.8;
}

.quote {
  border-radius: 20px;
  background: var(--base-white, #FFF);
  border-top: 3px solid var(--red);
  padding: 40px 30px;
  max-width: 910px;
  margin-bottom: 40px;
}
.section__white .quote {
  background: var(--bg-main);
}
@media screen and (max-width: 820px) {
  .quote {
    padding: 30px 16px;
  }
}

.text_content ul {
  display: flex;
  width: 100%;
  flex-direction: column;
  list-style: none;
  padding: 0;
  gap: 10px;
}
.text_content ul li {
  position: relative;
  padding-left: 20px;
}
.text_content ul li:before {
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: 0;
  top: 9px;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: var(--red);
}
.text_content ul > li > ul {
  padding-top: 10px;
}
.text_content ul > li > ul li:before {
  top: 8px;
  background: transparent;
  border: 2px solid var(--red);
  width: 8px;
  height: 8px;
}

.table__tarif {
  font-size: var(--fz-p-min);
  font-style: normal;
  line-height: 120%;
  color: var(--grafit-dark);
}
.table__tarif tr > td,
.table__tarif tr > th {
  padding: 20px 10px;
  border: 1px solid var(--stroke-light, #E5E4EB);
  background: transparent;
}
.section__grey .table__tarif tr > td,
.section__grey .table__tarif tr > th {
  border: 1px solid var(--grafit-dark);
}
.table__tarif tr > td p:last-child,
.table__tarif tr > th p:last-child {
  padding: 0;
  margin-bottom: 0;
}
.table__tarif tr > td:first-child {
  border-left-color: transparent;
}
.table__tarif tr > td:last-child {
  border-right-color: transparent;
}
.table__tarif tr > th {
  background: var(--grafit-dark, #3C3F51);
  color: #fff;
  font-weight: 700;
}
.section__grey .table__tarif tr > th {
  border-color: transparent;
}
.table__tarif tr > th:first-child {
  border-radius: 14px 0px 0px 14px;
}
.table__tarif tr > th:last-child {
  border-radius: 0px 14px 14px 0px;
}

ul.tabs {
  margin-bottom: 30px;
}
ul.tabs > li {
  display: inline-block;
  margin-right: 0.3em;
}
ul.tabs a {
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 30px;
  background: var(--base-grafit);
  color: var(--base-white);
  border: 1px solid transparent;
  padding: 5px 20px;
  max-width: 100%;
  cursor: pointer;
}
ul.tabs a.is-active, ul.tabs a:focus, ul.tabs a:hover {
  background: var(--red);
  color: var(--base-white);
  text-decoration: none;
}

.breadcrumb {
  padding: 0.22rem 0;
  color: var(--color-8-secondary, #A7A9B2);
  font-size: 0.77778rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.withbg .breadcrumb {
  color: var(--color-1, #FFF);
}
.breadcrumb ol {
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
@media screen and (max-width: 820px) {
  .breadcrumb ol {
    display: inline-block;
  }
}
.breadcrumb li {
  display: inline-flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
  align-items: center;
  font-weight: 700;
  vertical-align: middle;
}
@media screen and (max-width: 820px) {
  .breadcrumb li {
    display: inline;
    line-height: 1;
  }
}
.breadcrumb li::before {
  content: "";
  width: 0.88889rem;
  height: 0.88889rem;
  border-radius: 3px;
  background-color: transparent;
  display: inline-block;
  box-sizing: border-box;
  margin: 0 0.44rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.78068 7.99999L5.48068 4.69999L6.42335 3.75732L10.666 7.99999L6.42335 12.2427L5.48068 11.3L8.78068 7.99999Z' fill='%23D75F40'/%3E%3C/svg%3E");
  vertical-align: middle;
}
@media screen and (max-width: 820px) {
  .breadcrumb li::before {
    margin: 0 0.1rem;
  }
}
.withbg .breadcrumb li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.78068 7.99999L5.48068 4.69999L6.42335 3.75732L10.666 7.99999L6.42335 12.2427L5.48068 11.3L8.78068 7.99999Z' fill='%23FFF'/%3E%3C/svg%3E");
}
.breadcrumb li:first-child::before {
  content: none;
}
.breadcrumb li a {
  text-decoration: none;
  font-weight: 400;
  color: var(--color-8-secondary, #A7A9B2);
}
.withbg .breadcrumb li a {
  color: var(--color-1, #FFF);
}
.breadcrumb li a:hover {
  text-decoration: none;
  color: var(--red);
}

.page-node-type-article .breadcrumb {
  margin-bottom: 1.25rem;
}

.view-novosti > .view-content,
.view-populyarnye-stati > .view-content,
.view-taxblog > .view-content,
.view-stati-blok > .view-content {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}
.view-novosti > .view-content .views-row,
.view-populyarnye-stati > .view-content .views-row,
.view-taxblog > .view-content .views-row,
.view-stati-blok > .view-content .views-row {
  width: calc(33.33333% - 13.5px);
}
@media screen and (max-width: 1140px) {
  .view-novosti > .view-content .views-row,
  .view-populyarnye-stati > .view-content .views-row,
  .view-taxblog > .view-content .views-row,
  .view-stati-blok > .view-content .views-row {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 820px) {
  .view-novosti > .view-content .views-row,
  .view-populyarnye-stati > .view-content .views-row,
  .view-taxblog > .view-content .views-row,
  .view-stati-blok > .view-content .views-row {
    width: 100%;
  }
}
.view-novosti > .view-content .views-row .article,
.view-novosti > .view-content .views-row .blogcat,
.view-populyarnye-stati > .view-content .views-row .article,
.view-populyarnye-stati > .view-content .views-row .blogcat,
.view-taxblog > .view-content .views-row .article,
.view-taxblog > .view-content .views-row .blogcat,
.view-stati-blok > .view-content .views-row .article,
.view-stati-blok > .view-content .views-row .blogcat {
  height: 100%;
}

.blogcat {
  position: relative;
  display: block;
  border-radius: 10px;
  background: #F9F9F9;
  overflow-y: hidden;
  color: #363636;
}
.blogcat .field--name-field-image {
  position: relative;
}
.blogcat .field--name-field-image img {
  border-radius: 10px 10px 0 0;
  transition: all 0.2s ease-in-out;
  width: 100%;
  height: auto;
  display: block;
}
.blogcat .field--name-field-image:after {
  content: "";
  background: linear-gradient(0deg, #F9F9F9 0%, rgba(249, 249, 249, 0.9) 32.5%, rgba(249, 249, 249, 0) 100%);
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.blogcat__title {
  display: block;
  padding: 50px 30px 30px 30px;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.blogcat:hover {
  color: var(--red);
  text-decoration: none;
}
.blogcat:hover img {
  opacity: 0.9;
}

.blog.full {
  display: flex;
}
@media screen and (max-width: 1140px) {
  .blog.full {
    flex-wrap: wrap;
  }
}
.blog.full .field--name-field-tags {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin-bottom: 40px;
}
.blog.full .field--name-field-tags .field-label {
  color: #979797;
  margin-right: 18px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.blog.full .field--name-field-tags .field-items {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.blog.full .field--name-field-tags .field-items .field-item {
  padding: 2px;
}
.blog.full .field--name-field-tags .field-items .field-item a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 47px;
  padding: 3px 14px;
  border-radius: 100px;
  background: #F9F9F9;
  color: #000;
  font-size: 16px;
  font-weight: 400;
}
.blog.full .field--name-field-tags .field-items .field-item a:hover {
  background: var(--red);
  text-decoration: none;
}
.blog.full .blog__author {
  padding: 10px;
  border-radius: 17px;
  border: 1px solid #EFEFEF;
  display: flex;
  align-items: center;
  margin-bottom: 60px;
}
.blog.full .blog__author .field--name-field-author-img {
  width: 100px;
  flex-shrink: 0;
  margin-right: 20px;
}
.blog.full .blog__author .field--name-field-author-img img {
  width: 100%;
  border-radius: 100%;
  display: block;
  height: auto;
}
.blog.full .blog__author .field--name-field-author {
  font-size: 16px;
}
.blog.full .blog__author .field--name-field-author .field__label {
  color: #979797;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 4px;
}
.blog.full .blog__main {
  width: 75%;
}
@media screen and (max-width: 1140px) {
  .blog.full .blog__main {
    width: 100%;
  }
}
.blog.full .blog__col {
  width: 25%;
  padding-left: 20px;
}
@media screen and (max-width: 1140px) {
  .blog.full .blog__col {
    width: 100%;
    padding-left: 0;
    padding-bottom: 40px;
    order: -1;
  }
}
.blog.full .field--name-body {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: #000;
}
.blog.full .field--name-body blockquote {
  border-radius: 17px;
  background: #F3F1EC;
  padding: 40px 15% 40px 30px;
  border: none;
  color: #74716A;
  font-size: 16px;
  margin: 40px 0;
}
.blog.full .field--name-body blockquote:before {
  width: 24px;
  height: 24px;
  margin-bottom: 10px;
  content: "";
  background-image: url("../images/Bookmark.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
.blog.full .field--name-body h2 {
  margin-bottom: 30px;
}
.blog.full .field--name-body table {
  margin-bottom: 40px;
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 23.4px */
  width: 100%;
}
.blog.full .field--name-body table td {
  border-bottom: 1px solid #F3F1EC;
  padding: 15px 20px 15px 0;
}
.blog.full .field--name-body table th {
  background: var(--red);
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  padding: 15px 20px 15px 0;
}
.blog.full .field--name-body table th:first-child {
  border-radius: 6px 0 0 6px;
}
.blog.full .field--name-body table th:last-child {
  border-radius: 0 6px 6px 0;
}
.blog.full .field--name-body img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 40px 0;
  border-radius: 17px;
}
.blog.full .blog__meta {
  margin-top: 40px;
  display: inline-flex;
  border-radius: 17px;
  border: 1px solid #EFEFEF;
  padding: 15px;
  min-width: min(100%, 380px);
}
.blog.full .blog__meta__item {
  padding: 15px;
  font-size: 16px;
}
.blog.full .blog__meta__label {
  color: #979797;
}

.field--name-node-read-time {
  display: flex;
  align-items: center;
  color: var(--base-grafit);
  font-size: var(--fz-p-min);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.field--name-node-read-time .field__label {
  display: flex;
  align-items: center;
}
.field--name-node-read-time svg {
  margin-right: 6px;
}

.soderjanie__block {
  padding: 40px 20px;
  background: #F4F4F4;
  border-radius: 17px;
  position: sticky;
  top: 240px;
}
.soderjanie__block > p {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 20px;
}
.soderjanie__block .soderjanie {
  list-style: none;
  padding: 0;
  margin: 0;
}
.soderjanie__block .soderjanie li {
  display: block;
  margin-bottom: 14px;
}
.soderjanie__block .soderjanie li:last-child {
  margin-bottom: 0;
}
.soderjanie__block .soderjanie li a {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.soderjanie__block .soderjanie li a:hover {
  color: var(--red);
  text-decoration: none;
}

.pager__items {
  padding-left: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.pager__item, .js-pager__items .pager__item {
  padding: 3px;
}
.pager__item a:not(.button), .js-pager__items .pager__item a:not(.button) {
  width: 40px;
  height: 40px;
  background: var(--base-white);
  border: 1px solid var(--stroke-light, #E5E4EB);
  border-radius: 100%;
  display: inline-flex;
  font-weight: 600;
  font-size: 18px;
  align-items: center;
  justify-content: center;
  color: var(--base-grafit);
  text-decoration: none;
  text-align: center;
}
.pager__item a:not(.button):hover, .js-pager__items .pager__item a:not(.button):hover {
  border-color: var(--red);
  background: var(--red);
  color: #fff;
}
.pager__item.is-active a, .js-pager__items .pager__item.is-active a {
  border-color: var(--red);
  background: var(--red);
  color: #fff;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.modal__closer {
  position: fixed;
  top: 0;
  bottom: 0;
  display: block;
}
@media screen and (max-width: 820px) {
  .modal__closer {
    display: none;
  }
}
.modal_content {
  background-color: #fefefe;
  margin: 2dvh 2dvh 2dvh auto;
  border: none;
  width: 35%;
  height: 96dvh;
  transition: left 0.6s ease-in-out;
  display: flex;
  flex-direction: column;
  border-radius: 1.11111rem;
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
  .modal_content {
    width: 50%;
  }
}
@media screen and (max-width: 820px) {
  .modal_content {
    width: 100%;
    height: auto;
    max-width: calc(100% - 20px);
    margin: auto;
    border-radius: 16px;
    position: relative;
  }
}
.modal__content {
  max-height: 100%;
  overflow: auto;
  padding: 3rem 4.4rem;
  margin-top: auto;
  margin-bottom: auto;
}
@media screen and (max-width: 820px) {
  .modal__content {
    padding: 50px;
  }
}
.modal.opened {
  display: block;
  opacity: 1;
}
@media screen and (max-width: 820px) {
  .modal.opened {
    display: flex;
    align-items: center;
  }
}
.modal.opened .modal_content {
  left: 65%;
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
  .modal.opened .modal_content {
    left: 50%;
  }
}
@media screen and (max-width: 820px) {
  .modal.opened .modal_content {
    left: 0;
  }
}
.modal.opened .modal__closer {
  width: 65%;
  left: 0;
  height: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
  .modal.opened .modal__closer {
    width: 50%;
  }
}
@media screen and (max-width: 820px) {
  .modal.opened .modal__closer {
    display: none;
  }
}
.modal .close {
  top: calc(2dvh + 1.11rem);
  left: calc(65% + 1.11rem);
  position: absolute;
  cursor: pointer;
  color: #8F96AB;
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
  .modal .close {
    left: calc(50% + 1.11rem);
  }
}
@media screen and (max-width: 820px) {
  .modal .close {
    left: unset;
    top: 10px;
    right: 10px;
  }
}
.modal .close svg {
  width: 1.4rem;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 820px) {
  .modal .close svg {
    height: auto;
  }
}
.modal .close:hover, .modal .close:focus {
  color: var(--red);
}
.modal .close:hover svg, .modal .close:focus svg {
  fill: var(--red);
}
.modal__text {
  font-size: 20px;
  line-height: 140%;
  margin-bottom: 30px;
}
@media screen and (max-width: 820px) {
  .modal__text {
    font-size: 14px;
    margin-bottom: 16px;
  }
}
.modal__form__input {
  margin-bottom: 30px;
}
.modal__form__input label {
  display: block;
  font-weight: 400;
  font-size: 18px;
  color: #848797;
  margin-bottom: 5px;
}
.modal__form__input input[type=text] {
  border: none;
  padding: 3px 0;
  border-bottom: 1px solid #C6D4DE;
  width: 100%;
  font-size: 18px;
}
.modal__form__input input[type=text]:focus {
  border-color: var(--red);
  outline: none;
}
.modal__form__input input[type=text].error {
  border-color: var(--base-red);
}
.modal__form__input textarea {
  border: 1px solid #C6D4DE;
  border-radius: 14px;
  min-height: 150px;
  width: 100%;
  padding: 10px 20px;
}
.modal__form__input textarea:focus {
  border-color: var(--red);
  outline: none;
}
.modal__form__input textarea.error {
  border-color: var(--base-red);
}
.modal__form__footer {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.modal__form__footer .btn {
  width: calc(50% - 10px);
  margin-right: auto;
}
@media screen and (max-width: 820px) {
  .modal__form__footer .btn {
    margin-right: 0;
    width: 100%;
    margin-bottom: 10px;
  }
}
.modal__form__footer .pd_text {
  margin-left: auto;
  width: calc(50% - 10px);
}
@media screen and (max-width: 820px) {
  .modal__form__footer .pd_text {
    margin-left: 0;
    width: 100%;
  }
}
.modal .section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.region-modal .webform-submission-form {
  max-width: 100%;
}
.region-modal .webform-submission-form .hidden_field {
  display: none !important;
}
.region-modal .webform-submission-form .form-type-processed-text {
  margin-top: 0;
  color: var(--color-2, #343439);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.region-modal .webform-submission-form .form-type-processed-text .form__title,
.region-modal .webform-submission-form .form-type-processed-text .webform__title,
.region-modal .webform-submission-form .form-type-processed-text h2 {
  color: var(--color-2, #343439);
  font-size: 2.22222rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 0.44rem;
}
.region-modal .webform-submission-form .form-type-processed-text .form__title:last-child,
.region-modal .webform-submission-form .form-type-processed-text .webform__title:last-child,
.region-modal .webform-submission-form .form-type-processed-text h2:last-child {
  margin-bottom: 2.22rem;
}
.region-modal .webform-submission-form .form-item {
  margin-top: 0;
  margin-bottom: 0.56rem;
}
.region-modal .webform-submission-form .form-item label {
  display: block;
  font-weight: 400;
  font-size: 18px;
  color: #848797;
  margin-bottom: 5px;
}
@media screen and (max-width: 820px) {
  .region-modal .webform-submission-form .form-item label {
    font-size: 16px;
  }
}
.region-modal .webform-submission-form .form-item input[type=url],
.region-modal .webform-submission-form .form-item input[type=email],
.region-modal .webform-submission-form .form-item input[type=text] {
  padding: 0.6rem 1.22rem;
  width: 100%;
  font-size: 1rem;
  height: 3.33rem;
  background: #FFF;
  border-radius: 11.11111rem;
  border: 1px solid var(--color-6-stroke, #E0E6F7);
  max-width: 14.4rem;
}
.region-modal .webform-submission-form .form-item input[type=url]:focus,
.region-modal .webform-submission-form .form-item input[type=email]:focus,
.region-modal .webform-submission-form .form-item input[type=text]:focus {
  border-color: var(--grey-text-secondary, #B4B9C7);
  background: var(--white);
  outline: none;
}
.region-modal .webform-submission-form .form-item input[type=url].error,
.region-modal .webform-submission-form .form-item input[type=email].error,
.region-modal .webform-submission-form .form-item input[type=text].error {
  border-color: var(--base-red);
}
.region-modal .webform-submission-form .form-item textarea {
  min-height: 150px;
  width: 100%;
  padding: 0.6rem 1.22rem;
  border-radius: 1.11111rem;
  border: 1px solid var(--color-6-stroke, #E0E6F7);
}
.region-modal .webform-submission-form .form-item textarea:focus {
  border-color: var(--red);
  outline: none;
}
.region-modal .webform-submission-form .form-item textarea.error {
  border-color: var(--base-red);
}
.region-modal .webform-submission-form .form-item .iti__flag-container + input[type=url],
.region-modal .webform-submission-form .form-item .iti__flag-container + input[type=email],
.region-modal .webform-submission-form .form-item .iti__flag-container + input[type=text] {
  padding-left: 52px;
}
.region-modal .webform-submission-form .webform-type-checkbox {
  margin-bottom: 1rem;
}
.region-modal .webform-submission-form .webform-element-description {
  color: #848797;
  padding-top: 5px;
}
@media screen and (max-width: 820px) {
  .region-modal .webform-submission-form .btn {
    width: 100%;
  }
}
.region-modal .webform-submission-form .form-actions .form-submit {
  width: 14.4rem;
  max-width: 100%;
}
.region-modal .webform-submission-form .form-item-soglasie label {
  color: #FAB09D;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.region-modal .webform-submission-form .form-item-soglasie label a {
  color: #FAB09D;
}
.region-modal .webform-submission-form .form-item-soglasie {
  /* Скрываем оригинальный чекбокс */
}
.region-modal .webform-submission-form .form-item-soglasie input[type=checkbox].form-checkbox {
  display: none;
}
.region-modal .webform-submission-form .form-item-soglasie {
  /* Создаем контейнер для кастомного чекбокса */
}
.region-modal .webform-submission-form .form-item-soglasie label.option {
  position: relative;
  padding-left: 30px; /* Добавляем отступ слева для размещения кастомного чекбокса */
  cursor: pointer;
  font-size: 13px; /* Размер текста метки */
  line-height: 1.5; /* Высота строки */
}
.region-modal .webform-submission-form .form-item-soglasie label.option a {
  text-decoration: underline;
}
.region-modal .webform-submission-form .form-item-soglasie {
  /* Кастомный чекбокс */
}
.region-modal .webform-submission-form .form-item-soglasie label.option::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 18px; /* Ширина кастомного чекбокса */
  height: 18px; /* Высота кастомного чекбокса */
  background-color: #ffffff; /* Цвет фона чекбокса */
  border: 1px solid #FAB09D; /* Цвет границы */
  border-radius: 4px; /* Закругление углов */
  transition: background-color 0.3s ease, border-color 0.3s ease; /* Плавные переходы */
}
.region-modal .webform-submission-form .form-item-soglasie {
  /* Галочка при активном состоянии */
}
.region-modal .webform-submission-form .form-item-soglasie label.option::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0; /* По умолчанию галочка скрыта */
  transition: opacity 0.3s ease; /* Плавное появление галочки */
}
.region-modal .webform-submission-form .form-item-soglasie {
  /* Изменение стилей при нажатии на чекбокс */
}
.region-modal .webform-submission-form .form-item-soglasie input[type=checkbox]:checked + label.option::before {
  background-color: var(--red); /* Цвет фона при активном состоянии */
  border-color: var(--red); /* Цвет границы при активном состоянии */
}
.region-modal .webform-submission-form .form-item-soglasie {
  /* Показываем галочку при активном состоянии */
}
.region-modal .webform-submission-form .form-item-soglasie input[type=checkbox]:checked + label.option::after {
  opacity: 1; /* Показываем галочку */
  background-image: none;
}
.region-modal .webform-confirmation__message {
  color: var(--grafit-dark);
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 60px;
  margin-top: 0;
}
.region-modal .webform-confirmation__message h2 {
  font-weight: 700;
  font-size: 40px;
  line-height: 120%;
  margin-bottom: 40px;
}
.region-modal .webform-confirmation__message h2:first-child {
  margin-top: 0;
}

.error_code {
  display: flex;
  margin-bottom: var(--padding-top);
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 30px;
}
.error_code__val {
  border-radius: 30px;
  background: var(--grey, #F1F2F4);
  padding: 30px;
  color: var(--red);
  font-size: 140px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
}
.error_code__text {
  text-align: center;
  font-size: 24px;
  color: var(--grafit-dark);
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

.footer {
  border-radius: 0;
  background: var(--color-2);
  color: #5A5A60;
  font-weight: 500;
  line-height: 140%;
}
.footer__logo {
  width: 35%;
  margin-right: auto;
}
@media screen and (max-width: 820px) {
  .footer__logo {
    width: 100%;
  }
}
.footer__logo img {
  width: auto;
  height: 2.8935rem;
  display: block;
  margin-bottom: 3.38rem;
}
@media screen and (max-width: 820px) {
  .footer__logo img {
    margin-bottom: 1.7rem;
  }
}
.footer__text {
  font-size: 0.77778rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  max-width: 25rem;
}
.footer .block__title {
  margin-bottom: 1.5rem;
  color: #5A5A60;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}
.footer__contacts {
  color: #CCCCD6;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.footer__contacts a {
  color: #CCCCD6;
  text-decoration: none;
}
.footer__contacts a:hover {
  color: var(--color-white);
}
.footer__contacts__item {
  margin-bottom: 0.78rem;
}
.footer__socials {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 0.22rem;
}
.footer__socials a {
  display: flex;
  width: 2.77778rem;
  height: 2.77778rem;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  color: var(--white);
  border-radius: 100%;
  border: 1px solid #41414A;
}
.footer__socials a svg, .footer__socials a img {
  width: 1.22222rem;
  height: auto;
  display: block;
}
.footer__socials a:hover {
  background-color: #41414A;
  text-decoration: none;
}
.footer__bottom {
  border-top: 1px solid #333339;
  display: flex;
  flex-flow: row wrap;
  gap: 2.22rem;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
}
.footer__pd a {
  color: #5A5A60;
  font-size: 0.88889rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.footer__pd a:hover {
  text-decoration: none;
  color: var(--white);
}
.footer__cards {
  border-radius: 0.44444rem;
  background: var(--color-1, #FFF);
  padding: 10px;
}
.footer__cards img, .footer__cards svg {
  width: auto;
  display: block;
  height: 30px;
}
.footer__yrevs {
  display: inline-flex;
}
.footer__dev {
  display: inline-flex;
  gap: 0.56rem;
  align-items: center;
  margin-left: auto;
}
@media screen and (max-width: 820px) {
  .footer__dev {
    width: 100%;
    text-align: center;
    font-size: 0;
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding-top: 20px;
  }
}
.footer__dev__logo {
  height: 1.5rem;
  width: auto;
  max-width: 100%;
}
.footer__dev a {
  color: #5A5A60;
}
@media screen and (max-width: 820px) {
  .footer__dev a {
    width: 100%;
    text-align: center;
  }
}
.footer__dev a:hover {
  text-decoration: none;
  color: var(--white);
}
@media screen and (max-width: 820px) {
  .footer__copy {
    width: 100%;
    text-align: center;
  }
}
.footer__card {
  width: calc(20% - 4px);
  max-width: 115px;
  background: var(--white, #FFF);
  border-radius: 6px;
}
.footer__card img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
}
.footer__cards {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
}

.region-footer {
  padding: var(--padding-section) 0;
  display: flex;
  flex-flow: row wrap;
  gap: 6.66rem;
}
@media screen and (max-width: 820px) {
  .region-footer {
    gap: 3.33rem;
  }
}
.region-footer ul.menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.78rem;
}
.region-footer ul.menu a {
  display: block;
  color: #CCCCD6;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
}
.region-footer ul.menu a:hover {
  text-decoration: none;
  color: var(--white);
}

.region-second-footer {
  padding: 40px 0;
  border-top: 1px solid #566573;
  border-bottom: 1px solid #566573;
}

.block-torg-reestr-block {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  gap: 20px;
}
@media screen and (max-width: 820px) {
  .block-torg-reestr-block {
    flex-direction: column;
    gap: 30px;
  }
}
.block-torg-reestr-block .footer__cards {
  width: calc(50% - 10px);
  margin-left: auto;
}
@media screen and (max-width: 820px) {
  .block-torg-reestr-block .footer__cards {
    width: 100%;
  }
}
.block-torg-reestr-block .reestr {
  width: calc(50% - 10px);
  max-width: min(680px, 100%);
}
@media screen and (max-width: 820px) {
  .block-torg-reestr-block .reestr {
    width: 100%;
  }
}

.header {
  position: relative;
  background: #fff;
  width: 100%;
}
@media screen and (max-width: 820px) {
  .header {
    background: var(--white);
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0;
  }
}
.header .site-logo {
  color: var(--color-2, #343439);
}
.header__middle {
  padding: 1.15rem 0;
  border-bottom: 1px solid var(--color-5-bg);
  background-color: var(--white);
}
@media screen and (max-width: 820px) {
  .header__middle {
    padding: 0;
    border-bottom: none;
  }
}
.header__bot {
  background-color: var(--white);
}
@media screen and (max-width: 820px) {
  .header__bot {
    border-bottom: 1px solid var(--color-5-bg);
    padding: 1.39rem 0;
    position: relative;
    /*  .menu_opened & {
        height: calc(100dvh - 281px);
        overflow: auto;
      }
      .container {
        padding: 0;
      }*/
  }
}
.header__top {
  background: #4C5966;
  padding: 18px 0;
}
@media screen and (max-width: 820px) {
  .header__top {
    background: var(--white);
    padding: 10px 0;
    border-bottom: 1px solid var(--stroke, #E4E7ED);
  }
}
.header__menu {
  display: flex;
  flex-flow: row nowrap;
}
@media screen and (max-width: 820px) {
  .header__menu {
    display: none;
    padding: 0;
    width: 100%;
  }
  .menu_opened .header__menu {
    display: flex;
    flex-direction: column;
  }
}
.header__menu ul.menu {
  margin: 0;
  display: flex;
  flex-direction: column;
  list-style: none !important;
}
.header__menu ul.menu.menu-level-0 {
  flex-direction: row;
}
@media screen and (max-width: 820px) {
  .header__menu ul.menu.menu-level-0 {
    flex-direction: column;
  }
}
@media screen and (max-width: 820px) {
  .header__menu ul.menu.menu-level-1 {
    display: none;
  }
}
.header__menu ul.menu.menu-level-1 li {
  display: block;
}
.header__menu ul.menu.menu-level-1 li a {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (max-width: 820px) {
  .header__menu ul.menu.menu-level-1 li a {
    text-transform: none;
    font-size: 16px;
    color: #848797;
    padding-top: 0;
  }
}
.header__menu ul.menu.menu-level-1 li:first-child a {
  padding-top: 25px;
}
@media screen and (max-width: 820px) {
  .header__menu ul.menu.menu-level-1 li:first-child a {
    padding-top: 10px;
  }
}
.header__menu ul.menu.menu-level-1 li:last-child a {
  padding-bottom: 25px;
}
@media screen and (max-width: 820px) {
  .header__menu ul.menu.menu-level-1 li:last-child a {
    padding-bottom: 10px;
  }
}
.header__menu > .menu-item:last-child > a {
  padding-right: 0;
}
.header .menu-item--expanded {
  list-style-type: none !important;
  list-style-image: unset !important;
}
@media screen and (max-width: 820px) {
  .header .region-header-middle .block-menu > .menu > .menu-item--expanded {
    position: relative;
  }
}
.header .search_toggle {
  display: none;
}
@media screen and (max-width: 1140px) {
  .header .search_toggle {
    display: inline-flex;
    color: #8F96AB;
    border: none;
    background: transparent;
    margin-left: auto;
  }
  .header .search_toggle.opened {
    color: var(--red);
  }
}
.header .close_search {
  display: none;
}
@media screen and (max-width: 1140px) {
  .header .close_search {
    display: flex;
  }
}
.header .close_search {
  border: none;
  background: transparent;
  margin-left: auto;
  align-items: center;
  justify-content: center;
  color: var(--grafit-dark, #2C363F);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  gap: 5px;
  width: 100%;
  margin-top: 20px;
}
.header .bef-exposed-form {
  width: 14rem;
  margin-bottom: 0;
  position: relative;
}
@media screen and (max-width: 1560px) {
  .header .bef-exposed-form {
    width: 10rem;
  }
}
@media screen and (max-width: 1140px) {
  .header .bef-exposed-form {
    display: none;
  }
  .header .bef-exposed-form.opened {
    display: block;
    width: 100%;
    position: absolute;
    top: 100%;
    background: #fff;
    left: 0;
    right: 0;
    padding: 16px;
    z-index: 3;
    border-bottom: 1px solid var(--stroke, #E4E7ED);
  }
}
.header .bef-exposed-form .form--inline > .form-item,
.header .bef-exposed-form .form--inline .js-form-wrapper > .form-item {
  margin: 0;
  max-width: 100%;
  box-sizing: border-box;
}
.header .bef-exposed-form .form--inline > .form-item input,
.header .bef-exposed-form .form--inline .js-form-wrapper > .form-item input {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  box-sizing: border-box;
  border-radius: 6px;
  background: #fff;
  color: var(--color-2, #343439);
  border: 1px solid transparent;
  padding: 0.83rem 0.83rem 0.83rem 2rem;
  font-size: 1rem;
}
@media screen and (max-width: 1140px) {
  .header .bef-exposed-form .form--inline > .form-item input,
  .header .bef-exposed-form .form--inline .js-form-wrapper > .form-item input {
    width: 100%;
  }
}
.header .bef-exposed-form .form--inline > .form-item input:focus,
.header .bef-exposed-form .form--inline .js-form-wrapper > .form-item input:focus {
  border-bottom-color: var(--red);
  outline: none;
}
.header .bef-exposed-form .form-actions {
  margin: 0;
  padding: 0;
  position: unset;
}
.header .bef-exposed-form .form-actions .button {
  border: none;
  background-color: transparent;
  font-size: 0;
  background-image: url("../images/icons/search.svg");
  width: 1.33333rem;
  height: 1.33333rem;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0.83rem;
  padding: 0;
}
.header .bef-exposed-form .form-actions .button:hover {
  opacity: 0.85;
}
.header__phones {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 25px;
}
@media screen and (max-width: 1140px) {
  .header__phones {
    gap: 16px;
  }
}
.header__phones__soc {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 4px;
}
.header__phones__soc a {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  color: var(--red);
  border-radius: 100%;
  border: 1px solid var(--stroke, #E4E7ED);
}
@media screen and (max-width: 1140px) {
  .header__phones__soc a {
    width: 30px;
    height: 30px;
  }
}
.header__phones__soc a svg, .header__phones__soc a img {
  width: 18px;
  height: auto;
  display: block;
}
@media screen and (max-width: 1140px) {
  .header__phones__soc a svg, .header__phones__soc a img {
    width: 16px;
  }
}
.header__phones__soc a:hover {
  background-color: var(--stroke, #E4E7ED);
  text-decoration: none;
}
.header__phones__soc a.tg {
  color: #229EF6;
}
.header__phones__soc a.tg:hover {
  background-color: var(--white);
  border-color: #229EF6;
}
.header__phones__soc a.viber {
  color: #A027D2;
}
.header__phones__soc a.viber:hover {
  background-color: var(--white);
  border-color: #A027D2;
}
.header__phones__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}
@media screen and (max-width: 1140px) {
  .header__phones__item {
    gap: 8px;
  }
}
@media screen and (max-width: 1320px) {
  .header__phones__item:last-child {
    display: none;
  }
}
.header__phone {
  color: var(--grafit-dark, #2C363F);
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  text-decoration: none;
}
@media screen and (max-width: 1140px) {
  .header__phone {
    font-size: 18px;
  }
}
.header__phone:hover {
  color: var(--red);
  text-decoration: none;
}
.header__phone__txt {
  color: var(--grey-text-sec-2, #8F96AB);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  padding-bottom: 5px;
}
.header__phone__btn {
  margin: 0;
  border: none;
  padding: 0 0 4px;
  border-bottom: 1px dashed rgba(196, 57, 47, 0.5);
  color: var(--grafit-dark, #2C363F);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  background-color: transparent;
}
.header__phone__btn:hover {
  color: var(--red);
}
.header__mobile__btn {
  display: none;
}
@media screen and (max-width: 820px) {
  .header__mobile__btn {
    display: flex;
  }
}
.header__mobile__btn {
  border: none;
  width: 3.125rem;
  height: 3.125rem;
  padding: 0.89rem;
  background: transparent;
  color: var(--grafit-dark);
  align-items: center;
  justify-content: center;
  border-radius: 0.44444rem;
  background: var(--color-5-bg, #F2F3F6);
}
.header__mobile__btn svg {
  width: 100%;
  height: auto;
  display: block;
}
.header__mobile__btn__menu {
  flex-direction: column;
  position: relative;
}
.header__mobile__btn__menu span {
  display: block;
  width: 100%;
  height: 2px;
  background: var(--color-3, #D75F40);
  margin: 3px auto;
  transition: all 0.2s ease-in-out;
  max-width: 26px;
}
.menu_opened .header__mobile__btn__menu span:last-child {
  display: none;
}
.menu_opened .header__mobile__btn__menu span:first-child {
  transform: rotate(45deg);
  position: absolute;
  width: 26px;
}
.menu_opened .header__mobile__btn__menu span:nth-child(2) {
  transform: rotate(-45deg);
}
.header__mob_cont {
  display: none;
}
@media screen and (max-width: 820px) {
  .header__mob_cont {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 2;
  }
  .menu_opened .header__mob_cont .block-phones-block {
    display: flex;
    width: 100%;
    position: relative;
    background: #fff;
  }
  .menu_opened .header__mob_cont .block-phones-block .header__phones {
    gap: 0;
    width: 100%;
    align-items: flex-start;
  }
  .menu_opened .header__mob_cont .block-phones-block .header__phones > .header__phones__soc {
    display: none;
  }
  .menu_opened .header__mob_cont .block-phones-block .header__phones > .mobcont {
    width: 100%;
    padding: 16px;
  }
  .menu_opened .header__mob_cont .block-phones-block .header__phones .btn {
    width: 100%;
  }
  .menu_opened .header__mob_cont .block-phones-block .header__phones__item {
    width: 50%;
    padding: 6px;
    white-space: nowrap;
    overflow: hidden;
  }
  .menu_opened .header__mob_cont .block-phones-block .header__phones__item:last-child {
    display: flex;
  }
  .menu_opened .header__mob_cont .block-phones-block .header__phone__btn {
    display: none;
  }
}

@media screen and (min-width: 820px) {
  .mobcont {
    display: none;
  }
}
@media screen and (max-width: 820px) {
  .layout-container {
    padding-top: var(--header-h);
  }
}

.dropmenu {
  max-height: 0;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 2;
  background: var(--white);
}
@media screen and (max-width: 820px) {
  .dropmenu {
    transition: none;
  }
}
.dropmenu.opened {
  max-height: 90vh;
  border-bottom: 1px solid #EAF2F7;
  z-index: 4;
}
@media screen and (max-width: 820px) {
  .dropmenu.opened {
    top: 125px;
    position: fixed;
    height: calc(100dvh - 281px);
    overflow: auto;
    width: 100%;
    left: 0;
    right: 0;
    background: #fff;
  }
}
.dropmenu .block-menu > ul.menu {
  margin: 0;
  padding: 0;
  list-style: none outside;
  position: relative;
}
.dropmenu .block-menu > ul.menu > .menu-item {
  padding: 10px 0;
  background: var(--white);
  width: 31%;
  border-right: 1px solid var(--stroke, #E4E7ED);
}
@media screen and (max-width: 820px) {
  .dropmenu .block-menu > ul.menu > .menu-item {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #EAF2F6;
    background: #fff;
  }
  .dropmenu .block-menu > ul.menu > .menu-item.menu-item--expanded {
    position: relative;
  }
  .dropmenu .block-menu > ul.menu > .menu-item .mobcaret {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 54px;
    align-items: center;
    justify-content: flex-end;
    background: #fff;
    padding-right: 20px;
  }
}
.dropmenu .block-menu > ul.menu > .menu-item > a {
  text-decoration: none;
  font-size: 20px;
  color: var(--grafit-dark);
  display: flex;
  align-items: center;
  position: relative;
  padding: 10px 20px 10px 0;
  line-height: 1;
}
@media screen and (max-width: 1140px) {
  .dropmenu .block-menu > ul.menu > .menu-item > a {
    font-size: 16px;
  }
}
@media screen and (max-width: 820px) {
  .dropmenu .block-menu > ul.menu > .menu-item > a {
    padding: 20px;
    background: #fff;
    text-transform: none;
    color: var(--grafit-dark);
    font-size: 17px;
    text-decoration: none;
    font-weight: 500;
    transition: none;
  }
}
.dropmenu .block-menu > ul.menu > .menu-item > a.is-active, .dropmenu .block-menu > ul.menu > .menu-item > a:hover {
  color: var(--red);
}
@media screen and (max-width: 820px) {
  .dropmenu .block-menu > ul.menu > .menu-item.menu-item--expanded > a {
    margin-right: 54px;
  }
}
.dropmenu .block-menu > ul.menu > .menu-item.menu-item--expanded > a:after {
  content: "";
  opacity: 1;
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  margin-left: auto;
  background-image: url("../images/icons/arrow_right.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
@media screen and (max-width: 820px) {
  .dropmenu .block-menu > ul.menu > .menu-item.menu-item--expanded > a:after {
    display: none;
  }
}
.dropmenu .block-menu > ul.menu > .menu-item:not(.menu-item--expanded):after {
  display: none;
}
.dropmenu .block-menu > ul.menu > .menu-item:first-child {
  padding-top: 40px;
}
@media screen and (max-width: 820px) {
  .dropmenu .block-menu > ul.menu > .menu-item:first-child {
    padding: 0;
    margin: 0;
  }
}
.dropmenu .block-menu > ul.menu > .menu-item:last-child {
  padding-bottom: 40px;
}
@media screen and (max-width: 820px) {
  .dropmenu .block-menu > ul.menu > .menu-item:last-child {
    padding: 0;
    margin: 0;
  }
}
.dropmenu .block-menu > ul.menu > .menu-item > .menu {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  background: #fff;
  width: 69%;
  left: 31%;
  margin: 0;
  padding: 50px 60px;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  pointer-events: none;
  flex-flow: column wrap;
  padding-right: 255px;
}
@media screen and (max-width: 820px) {
  .dropmenu .block-menu > ul.menu > .menu-item > .menu {
    width: 100%;
    right: unset;
    max-width: unset;
    left: unset;
    position: unset;
    height: unset;
    padding: 0;
    display: none;
    opacity: 1;
    background: transparent;
  }
}
.dropmenu .block-menu > ul.menu > .menu-item > .menu > .menu-item {
  margin-bottom: 30px;
  padding-right: 30px;
}
.dropmenu .block-menu > ul.menu > .menu-item > .menu > .menu-item > a {
  text-decoration: none;
  font-weight: 500;
  font-size: 18px;
  color: var(--grafit-dark);
  display: block;
  position: relative;
}
.dropmenu .block-menu > ul.menu > .menu-item > .menu > .menu-item > a:hover {
  color: var(--red);
}
@media screen and (max-width: 820px) {
  .dropmenu .block-menu > ul.menu > .menu-item.opened > .menu {
    display: block;
  }
  .dropmenu .block-menu > ul.menu > .menu-item.opened .mobcaret svg {
    transform: rotate(180deg);
    fill: var(--grafit-dark);
  }
}
.dropmenu .block-menu > ul.menu > .menu-item.hover > a:after {
  opacity: 1;
}
.dropmenu .block-menu > ul.menu > .menu-item.hover > .menu {
  opacity: 1;
  pointer-events: all;
}
.dropmenu:not(.hovered) .block-menu > ul.menu > .menu-item:hover > a:after {
  opacity: 1;
}
.dropmenu:not(.hovered) .block-menu > ul.menu > .menu-item:hover > .menu {
  opacity: 1;
  pointer-events: all;
}
.dropmenu .container {
  position: relative;
}
@media screen and (max-width: 820px) {
  .dropmenu .container {
    padding: 0;
  }
}
.dropmenu .views-element-container {
  position: absolute;
  top: 50px;
  right: 0;
  width: 245px;
}
@media screen and (max-width: 820px) {
  .dropmenu .views-element-container {
    display: none;
  }
}
.dropmenu .views-element-container .akcia {
  padding: 17px 20px;
}
.dropmenu .views-element-container .akcia .akcia__logo {
  display: none;
}
.dropmenu .views-element-container .akcia .akcia__content {
  display: flex;
  flex-direction: column;
  min-height: 335px;
}
.dropmenu .views-element-container .akcia .akcia__top {
  order: 1;
}
.dropmenu .views-element-container .akcia .akcia__label {
  left: unset;
  width: 100%;
  bottom: unset;
  padding-right: 0;
  padding-bottom: 0;
  position: unset;
  order: 2;
  margin-top: 20px;
}
.dropmenu .views-element-container .akcia .field--name-field-akcia-img {
  order: 3;
  position: absolute;
  bottom: 0;
  width: 120%;
  height: auto;
  left: 50px;
  margin-top: auto;
  margin-bottom: -79px;
}
.dropmenu .views-element-container .akcia .akcia__prices {
  top: unset;
  left: 50px;
  bottom: 80px;
}

.mobcaret {
  display: none;
}
@media screen and (max-width: 820px) {
  .mobcaret {
    display: flex;
  }
}

.btn_open_menu.opened .header__menu__item__icon span {
  display: none;
}
.btn_open_menu.opened .header__menu__item__icon svg {
  display: none;
}
.btn_open_menu.opened .header__menu__item__icon:before, .btn_open_menu.opened .header__menu__item__icon:after {
  content: "";
  width: 20px;
  height: 2px;
  position: absolute;
  background: var(--red);
  display: block;
  transform: rotate(45deg);
}
.btn_open_menu.opened .header__menu__item__icon:after {
  transform: rotate(-45deg);
}

.mobile_fixed_btns {
  display: none;
}
@media screen and (max-width: 820px) {
  .mobile_fixed_btns {
    display: flex;
    position: fixed;
    z-index: 11;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
}
.mobile_fixed_btns__call, .mobile_fixed_btns__servs {
  width: 50%;
  height: 60px;
  color: #fff;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: var(--red);
  font-weight: 700;
  font-size: 14px;
  padding: 5px;
  text-transform: uppercase;
  border: none;
  letter-spacing: 0.06em;
}
.mobile_fixed_btns__servs__icon {
  width: 16px;
  margin-right: 10px;
}
.mobile_fixed_btns__servs__icon span {
  width: 16px;
  margin: 4px 0;
  display: block;
  height: 2px;
  background: #fff;
}
.mobile_fixed_btns__servs__icon span:last-child {
  width: 8px;
}
.mobile_fixed_btns__call {
  background: #1E3246;
}

.dropmenu__back {
  display: none;
}

@media screen and (max-width: 820px) {
  .header__menu.sublevel_opened .menu-item,
  .header__menu.sublevel_opened .header__menu__item {
    display: none;
  }
  .header__menu.sublevel_opened .menu-item.opened,
  .header__menu.sublevel_opened .header__menu__item.opened {
    display: block;
  }
  .header__menu.sublevel_opened .menu-item.opened .mobcaret,
  .header__menu.sublevel_opened .header__menu__item.opened .mobcaret {
    right: unset;
    left: 0;
    transform: rotate(180deg);
    height: 55px;
    background: transparent;
  }
  .header__menu.sublevel_opened .menu-item.opened > a,
  .header__menu.sublevel_opened .header__menu__item.opened > a {
    padding-left: 54px;
    color: var(--red);
    background: transparent;
  }
  .header__menu.sublevel_opened .menu-item.opened ul.menu.menu-level-1,
  .header__menu.sublevel_opened .header__menu__item.opened ul.menu.menu-level-1 {
    display: block;
  }
  .header__menu.sublevel_opened .menu-item.opened ul.menu.menu-level-1 a,
  .header__menu.sublevel_opened .header__menu__item.opened ul.menu.menu-level-1 a {
    padding: 20px;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 15px;
    color: #1E3246;
    text-decoration: none;
    font-weight: 600;
    background: transparent;
    border: none;
    text-transform: uppercase;
    font-family: "Onest", sans-serif;
  }
  .dropmenu__back {
    position: relative;
    display: flex;
    padding: 0;
    border: none;
    border-bottom: 1px solid #EAF2F6;
    margin: 0;
    line-height: 1;
    width: 100%;
  }
  .dropmenu__back .mobcaret {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 54px;
    align-items: center;
    justify-content: flex-end;
    background: #fff;
    padding-right: 24px;
    right: unset;
    left: 0;
    transform: rotate(180deg);
    height: 55px;
    background: transparent;
  }
  .dropmenu__back__txt {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 15px;
    padding: 20px 20px 20px 54px;
    color: var(--grafit-dark);
    background: #EEE;
    text-transform: none;
    font-weight: 700;
  }
  .dropmenu.sublevel_opened .menu--catalog > ul.menu .menu-item,
  .dropmenu.sublevel_opened .menu--catalog > ul.menu .header__menu__item {
    display: none;
  }
  .dropmenu.sublevel_opened .menu--catalog > ul.menu .menu-item.opened,
  .dropmenu.sublevel_opened .menu--catalog > ul.menu .header__menu__item.opened {
    display: block;
  }
  .dropmenu.sublevel_opened .menu--catalog > ul.menu .menu-item.opened .mobcaret,
  .dropmenu.sublevel_opened .menu--catalog > ul.menu .header__menu__item.opened .mobcaret {
    right: unset;
    left: 0;
    height: 55px;
    background: transparent;
  }
  .dropmenu.sublevel_opened .menu--catalog > ul.menu .menu-item.opened > a,
  .dropmenu.sublevel_opened .menu--catalog > ul.menu .header__menu__item.opened > a {
    padding-left: 54px;
    margin-right: 0;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 15px;
    color: var(--grafit-dark);
    background: #EEE;
    text-transform: none;
    font-weight: 700;
  }
  .dropmenu.sublevel_opened .menu--catalog > ul.menu .menu-item.opened ul.menu,
  .dropmenu.sublevel_opened .menu--catalog > ul.menu .header__menu__item.opened ul.menu {
    display: block;
  }
  .dropmenu.sublevel_opened .menu--catalog > ul.menu .menu-item.opened ul.menu .menu-item,
  .dropmenu.sublevel_opened .menu--catalog > ul.menu .header__menu__item.opened ul.menu .menu-item {
    display: block;
    padding: 0;
    border-bottom: 1px solid #EAF2F6;
    margin: 0;
  }
  .dropmenu.sublevel_opened .menu--catalog > ul.menu .menu-item.opened ul.menu .menu-item a,
  .dropmenu.sublevel_opened .menu--catalog > ul.menu .header__menu__item.opened ul.menu .menu-item a {
    padding: 20px;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 15px;
    color: var(--grafit-dark);
    text-decoration: none;
    font-weight: 500;
    background: transparent;
    border: none;
    text-transform: none;
  }
  .dropmenu.sublevel_opened .dropmenu__back {
    display: none;
  }
}
.block-system-branding-block {
  margin-right: auto;
  width: 14rem;
  height: auto;
}
@media screen and (max-width: 1320px) {
  .block-system-branding-block {
    width: 20%;
  }
}
@media screen and (max-width: 1140px) {
  .block-system-branding-block {
    width: 30%;
    margin-right: 0;
  }
}
@media screen and (min-width: 991px) and (max-width: 1140px) {
  .block-system-branding-block {
    width: 20%;
  }
}
@media screen and (max-width: 820px) {
  .block-system-branding-block {
    width: 45%;
  }
}
.block-system-branding-block svg,
.block-system-branding-block img {
  width: 100%;
  height: auto;
  display: block;
}

@media screen and (max-width: 1140px) {
  .block-phones-block {
    width: 66%;
  }
}
@media screen and (max-width: 820px) {
  .block-phones-block {
    display: none;
  }
}

.region-header {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 1rem 3.12rem;
}
@media screen and (max-width: 1630px) {
  .region-header {
    gap: 0.8rem 2rem;
  }
}
@media screen and (max-width: 1550px) {
  .region-header {
    gap: 2%;
  }
}
@media screen and (max-width: 1320px) {
  .region-header {
    gap: 4%;
  }
}
@media screen and (max-width: 1140px) {
  .region-header {
    gap: 16px 4%;
    align-items: flex-start;
  }
  .region-header .block-commerce-cart {
    margin-left: auto;
  }
}
@media screen and (min-width: 991px) and (max-width: 1140px) {
  .region-header {
    align-items: center;
  }
}
@media screen and (max-width: 820px) {
  .region-header {
    align-items: center;
    gap: 1rem;
  }
  .region-header .block-system-branding-block {
    display: none;
  }
}
.region-header .block-menu {
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 820px) {
  .region-header .block-menu {
    display: none;
  }
}
.region-header .block-menu > .menu {
  display: flex;
  flex-flow: row wrap;
  gap: 1.37rem;
  margin: 0;
  padding: 0;
  align-items: center;
}
.region-header .block-menu > .menu .menu-item {
  margin: 0;
  padding: 0;
}
.region-header .block-menu > .menu .menu-item a {
  padding: 1rem 0;
  color: var(--color-2);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  display: block;
}
.region-header .block-menu > .menu .menu-item a.is-active, .region-header .block-menu > .menu .menu-item a:hover {
  text-decoration: none;
  color: var(--color-3);
}
.region-header .block-menu > .menu .menu-item a.akcii {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.region-header .block-menu > .menu .menu-item a.akcii:before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("../images/menu/sale.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.region-header .block-menu > .menu .menu-item.menu-item--expanded {
  position: relative;
}
.region-header .block-menu > .menu .menu-item.menu-item--expanded > a {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.region-header .block-menu > .menu .menu-item.menu-item--expanded::marker {
  display: none;
  content: "";
}
.region-header .block-menu > .menu .menu-item.menu-item--expanded > a:after {
  content: "";
  display: block;
  box-sizing: border-box;
  width: 0.5rem;
  height: 0.5rem;
  border-bottom: 3px solid;
  border-right: 3px solid;
  transform: rotate(45deg);
  margin-left: 5px;
  margin-top: -2px;
  border-radius: 2px;
  border-color: var(--red);
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 820px) {
  .region-header .block-menu > .menu .menu-item.menu-item--expanded > a:after {
    display: none;
  }
}
.region-header .block-menu > .menu .menu-item.menu-item--expanded > .menu-dropdown {
  position: absolute;
  opacity: 0;
  margin: 0;
  max-height: 0;
  transition: all 0.2s ease-in-out;
  top: 100%;
  width: auto;
  left: 0;
  z-index: 4;
  background: #fff;
  white-space: nowrap;
  border: 1px solid #EAF2F6;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  min-width: 200px;
  padding: 1rem;
  border-radius: 1.25rem;
}
@media screen and (max-width: 820px) {
  .region-header .block-menu > .menu .menu-item.menu-item--expanded > .menu-dropdown {
    position: unset;
    opacity: 1;
    max-height: unset;
    top: unset;
    width: 100%;
    left: unset;
    border: none;
    white-space: unset;
  }
}
@media screen and (min-width: 820px) {
  .region-header .block-menu > .menu .menu-item.menu-item--expanded > .menu-dropdown a {
    text-transform: none;
    padding: 0.5rem 0;
  }
}
.region-header .block-menu > .menu .menu-item.menu-item--expanded:hover > .menu-dropdown {
  opacity: 1;
  max-height: 500px;
  pointer-events: all;
}
.region-header .block-menu > .menu .menu-item.menu-item--expanded:hover > a:after {
  margin-top: 2px;
  transform: rotate(225deg);
}
@media screen and (max-width: 820px) {
  .region-header .block-menu > .menu .menu-item.menu-item--expanded > button,
  .region-header .block-menu > .menu .menu-item.menu-item--expanded > a {
    margin-right: 54px;
  }
}
.region-header .block-menu > .menu .menu-item.menu-item--expanded .mobcaret {
  display: none;
}
@media screen and (max-width: 820px) {
  .region-header .block-menu > .menu .menu-item.menu-item--expanded .mobcaret {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 54px;
    align-items: center;
    justify-content: flex-end;
    background: #fff;
    padding-right: 20px;
    display: inline-flex;
    box-sizing: border-box;
  }
}

.region-menu {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 2.5rem;
}
.region-menu .block-menu {
  margin: 0;
  padding: 0;
  margin-right: auto;
}
@media screen and (max-width: 820px) {
  .region-menu .block-menu {
    display: none;
  }
}
.region-menu .block-menu .menu {
  display: flex;
  flex-flow: row wrap;
  gap: 0.62rem;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 820px) {
  .region-menu .block-menu .menu {
    flex-direction: column;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 0.62rem;
  }
}
.region-menu .block-menu .menu .menu-item {
  margin: 0;
  padding: 0.62rem 0;
}
@media screen and (max-width: 820px) {
  .region-menu .block-menu .menu .menu-item {
    padding: 0;
  }
}
.region-menu .block-menu .menu a {
  color: var(--color-2);
  font-size: 1.125rem;
  font-style: normal;
  line-height: 1;
  display: flex;
  padding: 0.75rem 0.875rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  font-weight: 700;
}
@media screen and (max-width: 820px) {
  .region-menu .block-menu .menu a {
    padding-left: 0;
    padding-right: 0;
    justify-content: flex-start;
  }
}
.region-menu .block-menu .menu a.is-active, .region-menu .block-menu .menu a:hover {
  text-decoration: none;
  color: var(--color-3);
}
.region-menu .block-menu .menu a.cat_menu {
  display: inline-flex;
  align-items: center;
  gap: 0.62rem;
  border-radius: 6.25rem;
  border: 1px solid var(--color-5-bg, #F2F3F6);
}
@media screen and (max-width: 820px) {
  .region-menu .block-menu .menu a.cat_menu {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
.region-menu .block-menu .menu a.cat_menu:before {
  content: "";
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  background-image: url("../images/menu/cat.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.region-menu .block-menu .menu a.cat_menu__white {
  border-radius: 6.25rem;
  border: 1px solid var(--color-5-bg, #F2F3F6);
  background: #fff;
}
.region-menu .block-menu .menu a.cat_menu__grey {
  border-radius: 6.25rem;
  background: var(--color-5-bg, #F2F3F6);
}
@media screen and (min-width: 820px) {
  .region-menu .block-menu .menu .menu-item:first-child a {
    padding-left: 0;
  }
}
@media screen and (max-width: 820px) {
  .region-menu .block-menu .mobcaret,
  .region-menu .block-menu .menu-dropdown {
    display: none;
  }
}
.region-menu .block-system-branding-block {
  display: none;
}
@media screen and (max-width: 820px) {
  .region-menu .block-system-branding-block {
    display: block;
  }
}
@media screen and (max-width: 820px) {
  .region-menu .block-commerce-cart {
    margin-left: auto;
  }
}

.cart-block--summary .cart-block--link__expand {
  display: flex;
  color: var(--color-2, #343439);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.01rem;
  gap: 1.88rem;
}
@media screen and (min-width: 991px) and (max-width: 1140px) {
  .cart-block--summary .cart-block--link__expand {
    padding-right: 10px;
  }
}
.cart-block--summary .cart-block--link__expand .cart-block--summary__icon {
  color: var(--grafit-dark);
  display: block;
  position: relative;
  width: 1.75rem;
}
.cart-block--summary .cart-block--link__expand .cart-block--summary__icon svg {
  width: 100%;
  height: auto;
  display: block;
}
.cart-block--summary .cart-block--link__expand .cart-block--summary__count {
  border: 2px solid var(--white, #FFF);
  background: var(--color-5-bg, #F2F3F6);
  display: inline-flex;
  border-radius: 100%;
  color: var(--color-3);
  align-items: center;
  justify-content: center;
  line-height: 1;
  min-width: 26px;
  height: 26px;
  position: absolute;
  left: unset;
  bottom: unset;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  top: -0.62rem;
  right: -1.13rem;
}
@media screen and (min-width: 991px) and (max-width: 1140px) {
  .cart-block--summary .cart-block--link__expand .cart-block--summary__name {
    display: none;
  }
}
@media screen and (max-width: 820px) {
  .cart-block--summary .cart-block--link__expand .cart-block--summary__name {
    display: none;
  }
}
.cart-block--summary .cart-block--link__expand:hover {
  text-decoration: none;
  color: var(--color-3);
}

@media screen and (min-width: 820px) {
  body.menu-opened {
    overflow: hidden;
  }
  body.menu-opened .main {
    position: relative;
  }
  body.menu-opened .main:before {
    position: absolute;
    content: "";
    background: rgba(76, 89, 102, 0.36);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 2;
    width: 100%;
    height: 100%;
  }
}
.block-top-btn-block {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1320px) {
  .block-top-btn-block {
    display: none;
  }
}
@media screen and (max-width: 820px) {
  .block-top-btn-block {
    width: 100%;
    display: flex;
  }
}

.btn__top__phone {
  display: none;
}

@media screen and (max-width: 820px) {
  .btn__top__phone {
    display: flex;
    gap: 6px;
    align-items: center;
    margin-left: auto;
    color: var(--grafit-dark, #2C363F);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
  .btn_open_menu {
    font-size: 0 !important;
  }
}

@media screen and (max-width: 820px) {
  .menu--shapka .menu-level-0 > .menu-item {
    display: none !important;
  }
}
.top__contacts {
  position: relative;
}
@media screen and (max-width: 1340px) {
  .top__contacts {
    display: none;
  }
}
@media screen and (max-width: 820px) {
  .region-menu .top__contacts {
    display: block;
    margin-top: auto;
    padding: 2rem 16px;
  }
}
.top__contacts__main {
  gap: 0.62rem;
  display: flex;
  align-items: center;
  white-space: nowrap;
  color: var(--color-2, #343439);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0225rem;
}
.top__contacts__main a {
  color: var(--color-2, #343439);
  text-decoration: none;
}
.top__contacts__main a:hover {
  color: var(--orange-hover);
}
.top__contacts__main__icon {
  display: inline-flex;
  align-items: center;
  color: var(--color-3);
}
.top__contacts__dop {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 16px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s ease;
  z-index: 1000;
  padding: 1rem;
  margin-top: 8px;
  min-width: 100%;
  width: auto;
  border: 1px solid var(--color-5-bg);
}
.top__contacts:hover .top__contacts__dop {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.top__contacts__item {
  color: var(--color-2, #343439);
  font-weight: 400;
  white-space: nowrap;
}
.top__contacts__item a {
  color: var(--color-2, #343439);
  text-decoration: none;
}
.top__contacts__item a:hover {
  color: var(--orange-hover);
}

@media screen and (min-width: 991px) and (max-width: 1140px) {
  .block-optika-custom-call {
    margin-left: auto;
  }
  .block-optika-custom-call .btn {
    height: 40px;
    padding: 5px 15px;
  }
}
@media screen and (max-width: 820px) {
  .region-menu > .block-views-blockizbrannoe-blok-block-1,
  .block-optika-custom-call {
    display: none;
  }
  :root {
    --header-h: 107px;
  }
  .region-menu .block-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    display: flex;
    max-height: 0;
    pointer-events: none;
    overflow: hidden;
    opacity: 0;
    flex-direction: column;
    z-index: 4;
  }
  .menu_opened .region-menu .block-menu {
    max-height: calc(100dvh - var(--header-h));
    height: calc(100dvh - var(--header-h));
    opacity: 1;
    overflow: auto;
    pointer-events: auto;
    border-top: 1px solid var(--color-5-bg);
    border-bottom: 1px solid var(--color-5-bg);
    padding-top: 0.62rem;
  }
}
.view-ceny > .view-content {
  display: flex;
  flex-direction: column;
  gap: 3.75rem;
}

.view-cenyall .container > .view-content {
  display: flex;
  flex-direction: column;
  gap: 3.75rem;
}

.view-akcii .container > .view-content,
.view-blog .container > .view-content {
  display: flex;
  flex-flow: row wrap;
  gap: 3.75rem 1.25rem;
}
@media screen and (max-width: 820px) {
  .view-akcii .container > .view-content,
  .view-blog .container > .view-content {
    gap: 1.25rem;
  }
}
.view-akcii .container > .view-content > .views-row,
.view-blog .container > .view-content > .views-row {
  width: calc(25% - 0.9375rem);
}
@media screen and (max-width: 820px) {
  .view-akcii .container > .view-content > .views-row,
  .view-blog .container > .view-content > .views-row {
    width: 100%;
  }
}
.view-akcii .container > .view-content > .views-row:first-child,
.view-blog .container > .view-content > .views-row:first-child {
  width: calc(50% - 0.625rem);
}
@media screen and (max-width: 820px) {
  .view-akcii .container > .view-content > .views-row:first-child,
  .view-blog .container > .view-content > .views-row:first-child {
    width: 100%;
  }
}
.view-akcii .container > .view-content > .views-row:first-child .article.teaser .field--name-field-image,
.view-blog .container > .view-content > .views-row:first-child .article.teaser .field--name-field-image {
  aspect-ratio: 4/3;
}
.view-akcii .container > .view-content > .views-row:first-child .article.teaser .show_more,
.view-blog .container > .view-content > .views-row:first-child .article.teaser .show_more {
  display: none;
}
.view-akcii .container > .view-content > .views-row:first-child .article.teaser .article__content,
.view-blog .container > .view-content > .views-row:first-child .article.teaser .article__content {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(0deg, #D75F40 -10%, rgba(215, 95, 64, 0) 100%);
  padding: 1.88rem;
  width: 100%;
  height: 35%;
  justify-content: flex-end;
  border-radius: 0 0 1.125rem 1.125rem;
}
@media screen and (max-width: 820px) {
  .view-akcii .container > .view-content > .views-row:first-child .article.teaser .article__content,
  .view-blog .container > .view-content > .views-row:first-child .article.teaser .article__content {
    padding: 1.11rem;
  }
}
.view-akcii .container > .view-content > .views-row:first-child .article.teaser .article__content .field--name-title,
.view-blog .container > .view-content > .views-row:first-child .article.teaser .article__content .field--name-title {
  color: var(--white);
  margin-bottom: 0;
}
@media screen and (max-width: 820px) {
  .view-akcii .container > .view-content > .views-row:first-child .article.teaser .article__content .field--name-title,
  .view-blog .container > .view-content > .views-row:first-child .article.teaser .article__content .field--name-title {
    font-size: 1.22222rem;
  }
}
.view-akcii .container > .view-content > .views-row:first-child .article.teaser .article__content .field--name-field-data,
.view-blog .container > .view-content > .views-row:first-child .article.teaser .article__content .field--name-field-data {
  color: var(--white);
  opacity: 0.4;
}

.view-blog-blok > .view-content {
  display: flex;
  flex-flow: row wrap;
  gap: 1.25rem;
}
.view-blog-blok > .view-content > .views-row {
  width: calc(25% - 0.9375rem);
}
@media screen and (max-width: 820px) {
  .view-blog-blok > .view-content > .views-row {
    width: 100%;
  }
}

.view-izbrannoe,
.view-pohozhie-tovary,
.view-tovary-blok,
.view-tovary {
  padding-top: 0;
}
.view-izbrannoe > .view-content,
.view-pohozhie-tovary > .view-content,
.view-tovary-blok > .view-content,
.view-tovary > .view-content {
  display: flex;
  flex-flow: row wrap;
  gap: 1.25rem;
}
.view-izbrannoe > .view-content .views-row,
.view-pohozhie-tovary > .view-content .views-row,
.view-tovary-blok > .view-content .views-row,
.view-tovary > .view-content .views-row {
  width: calc(25% - 0.9375rem);
}
@media screen and (max-width: 820px) {
  .view-izbrannoe > .view-content .views-row,
  .view-pohozhie-tovary > .view-content .views-row,
  .view-tovary-blok > .view-content .views-row,
  .view-tovary > .view-content .views-row {
    width: 100%;
  }
}

.to_izbr {
  color: var(--color-2, #343439);
  display: flex;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.01rem;
  gap: 1.2rem;
}
@media screen and (max-width: 820px) {
  .to_izbr {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 2rem;
  }
}
.to_izbr__icon {
  display: block;
  position: relative;
}
.to_izbr__icon:before {
  width: 1.75rem;
  height: 1.75rem;
  color: var(--grafit-dark);
  content: "";
  background-image: url("../images/Heart.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
}
.to_izbr__count {
  border: 2px solid var(--white, #FFF);
  background: var(--color-5-bg, #F2F3F6);
  display: inline-flex;
  border-radius: 100%;
  color: var(--color-3);
  align-items: center;
  justify-content: center;
  line-height: 1;
  min-width: 26px;
  height: 26px;
  position: absolute;
  left: unset;
  bottom: unset;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  top: -0.62rem;
  right: -0.8rem;
}
.to_izbr__text {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (min-width: 991px) and (max-width: 1140px) {
  .to_izbr__text {
    display: none;
  }
}
.to_izbr:hover {
  text-decoration: none;
}

.view-taxonomy-term > .view-content,
.view-dochernie-uslugi > .view-content {
  display: flex;
  flex-flow: row wrap;
  gap: 1.25rem;
  margin-bottom: 4.44rem;
}
@media screen and (max-width: 820px) {
  .view-taxonomy-term > .view-content,
  .view-dochernie-uslugi > .view-content {
    gap: 0.44rem;
  }
}
.view-taxonomy-term > .view-content .views-row,
.view-dochernie-uslugi > .view-content .views-row {
  width: calc(25% - 0.9375rem);
}
@media screen and (max-width: 1140px) {
  .view-taxonomy-term > .view-content .views-row,
  .view-dochernie-uslugi > .view-content .views-row {
    width: calc(33.3333% - 0.8333333333rem);
  }
}
@media screen and (max-width: 820px) {
  .view-taxonomy-term > .view-content .views-row,
  .view-dochernie-uslugi > .view-content .views-row {
    width: 100%;
  }
}

.view-otzyvy .container > .view-content {
  display: flex;
  flex-flow: row wrap;
  gap: 1.25rem;
}
.view-otzyvy .container > .view-content .views-row {
  width: calc(33.33333% - 0.84rem);
  position: relative;
}
@media screen and (max-width: 820px) {
  .view-otzyvy .container > .view-content .views-row {
    width: 100%;
  }
}
.view-otzyvy .container > .view-content .views-row .review {
  height: 100%;
}

.view-cenyall .views-exposed-form,
.view-uslugi .views-exposed-form {
  margin: 0;
}
.view-cenyall .views-exposed-form .form-item,
.view-uslugi .views-exposed-form .form-item {
  margin: 0;
}
.view-cenyall .views-exposed-form fieldset,
.view-uslugi .views-exposed-form fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
.view-cenyall .views-exposed-form .form-radios,
.view-uslugi .views-exposed-form .form-radios {
  display: flex;
  width: 100%;
  gap: 1.67rem;
}
@media screen and (max-width: 820px) {
  .view-cenyall .views-exposed-form .form-radios,
  .view-uslugi .views-exposed-form .form-radios {
    gap: 0.56rem;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 820px) {
  .view-cenyall .views-exposed-form .form-radios .form-type-radio,
  .view-uslugi .views-exposed-form .form-radios .form-type-radio {
    width: calc(33.33333% - 0.38rem);
    flex-shrink: 0;
  }
}
.view-cenyall .views-exposed-form .form-radios .form-type-radio input[type=radio],
.view-uslugi .views-exposed-form .form-radios .form-type-radio input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.view-cenyall .views-exposed-form .form-radios .form-type-radio input[type=radio] + label,
.view-uslugi .views-exposed-form .form-radios .form-type-radio input[type=radio] + label {
  display: flex;
  flex-direction: column;
  width: 12rem;
  flex-shrink: 0;
  color: var(--color-2, #343439);
  text-align: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 820px) {
  .view-cenyall .views-exposed-form .form-radios .form-type-radio input[type=radio] + label,
  .view-uslugi .views-exposed-form .form-radios .form-type-radio input[type=radio] + label {
    width: 100%;
    font-size: 0.9rem;
  }
}
.view-cenyall .views-exposed-form .form-radios .form-type-radio input[type=radio] + label:before,
.view-uslugi .views-exposed-form .form-radios .form-type-radio input[type=radio] + label:before {
  content: "";
  width: 100%;
  aspect-ratio: 1/1;
  display: block;
  height: auto;
  border-radius: 100%;
  background-color: #eee;
  background-size: cover;
  background-position: center;
  margin-bottom: 0.56rem;
  border: 2px solid transparent;
  transition: all 0.2s ease-in-out;
}
.view-cenyall .views-exposed-form .form-radios .form-type-radio input[type=radio]:hover + label, .view-cenyall .views-exposed-form .form-radios .form-type-radio input[type=radio]:checked + label,
.view-uslugi .views-exposed-form .form-radios .form-type-radio input[type=radio]:hover + label,
.view-uslugi .views-exposed-form .form-radios .form-type-radio input[type=radio]:checked + label {
  color: var(--color-3);
}
.view-cenyall .views-exposed-form .form-radios .form-type-radio input[type=radio]:hover + label:before, .view-cenyall .views-exposed-form .form-radios .form-type-radio input[type=radio]:checked + label:before,
.view-uslugi .views-exposed-form .form-radios .form-type-radio input[type=radio]:hover + label:before,
.view-uslugi .views-exposed-form .form-radios .form-type-radio input[type=radio]:checked + label:before {
  border-color: var(--color-3);
}
.view-cenyall .views-exposed-form .form-radios .form-type-radio input[type=radio][value="1"] + label:before,
.view-uslugi .views-exposed-form .form-radios .form-type-radio input[type=radio][value="1"] + label:before {
  background-image: url("../images/adult.jpg");
}
.view-cenyall .views-exposed-form .form-radios .form-type-radio input[type=radio][value="2"] + label:before,
.view-uslugi .views-exposed-form .form-radios .form-type-radio input[type=radio][value="2"] + label:before {
  background-image: url("../images/kids.jpg");
}
.view-cenyall .views-exposed-form .form-radios .form-type-radio input[type=radio][value="3"] + label:before,
.view-uslugi .views-exposed-form .form-radios .form-type-radio input[type=radio][value="3"] + label:before {
  background-image: url("../images/consult.jpg");
}
.view-cenyall .views-exposed-form fieldset.required > legend .form-required::after,
.view-uslugi .views-exposed-form fieldset.required > legend .form-required::after {
  display: none;
}

.view-uslugi .container > .view-content {
  display: flex;
  flex-flow: row wrap;
  gap: 1.25rem;
}
.view-uslugi .container > .view-content .views-row {
  width: calc(50% - 0.675rem);
  position: relative;
}
@media screen and (max-width: 820px) {
  .view-uslugi .container > .view-content .views-row {
    width: 100%;
  }
}
.view-uslugi .container > .view-content .views-row .review {
  height: 100%;
}

.view-specfoot {
  display: flex;
  gap: 2.22rem;
  align-items: center;
  padding: 2.22rem 0;
}
.view-specfoot .pager {
  margin-left: auto;
}
.view-specfoot .pager .pager__items {
  margin: 0;
}

.kontakty .node__content {
  display: flex;
  flex-flow: row wrap;
  gap: 1.25rem;
}
.kontakty__map {
  position: relative;
  width: calc(66.6666666% - 1.25rem);
  border-radius: 1.125rem;
  overflow: hidden;
}
@media screen and (max-width: 820px) {
  .kontakty__map {
    width: 100%;
    min-height: 24rem;
  }
}
.kontakty__map .field--name-field-karta {
  height: 100%;
}
.kontakty__map .yandex-map {
  height: 100%;
}
.kontakty__info {
  width: 33.33333%;
  border-radius: 1.125rem;
  background: var(--color-1, #FFF);
  padding: 1.87rem;
}
@media screen and (max-width: 820px) {
  .kontakty__info {
    width: 100%;
    padding: 1.67rem;
  }
}
.kontakty__label {
  color: var(--color-3, #D75F40);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 0.62rem;
  margin-top: 1.87rem;
}
.kontakty__label:first-child {
  margin-top: 0;
}
.kontakty__value {
  color: var(--color-2, #343439);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
  display: block;
}
.kontakty__socials {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 0.22rem;
  margin-top: 1.88rem;
}
.kontakty__socials a {
  display: flex;
  width: 3.75rem;
  height: 3.75rem;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  color: var(--white);
  border-radius: 100%;
  border: 1px solid var(--color-7-stroke-2, #DEE0E7);
}
.kontakty__socials a svg, .kontakty__socials a img {
  width: 1.625rem;
  height: auto;
  display: block;
}
.kontakty__socials a:hover {
  background-color: #41414A;
  text-decoration: none;
}

a.kontakty__value:hover {
  color: var(--color-3);
  text-decoration: none;
}

.ygo {
  position: absolute;
  bottom: 1.9rem;
  right: 1.9rem;
  border-radius: 6.25rem;
  border: 1px solid var(--color-1, #FFF);
  background: #FFEF03;
  padding: 0.88rem 3.3rem;
  z-index: 2;
}
@media screen and (max-width: 820px) {
  .ygo {
    right: unset;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
.ygo img {
  height: 1.9rem;
  width: auto;
  display: block;
  max-width: unset;
}
.ygo:hover {
  opacity: 0.9;
}

.pricecat__title {
  margin-top: 0;
  color: var(--color-2, #343439);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 1.87rem;
}
.pricecat .field--name-field-par-ceny {
  display: flex;
  flex-flow: column;
  gap: 0.38rem;
}

.price_item {
  border-radius: 0.75rem;
  background: var(--color-1, #FFF);
  display: flex;
  padding: 1.4375rem 1.875rem;
  align-items: center;
  gap: 1.81rem;
}
@media screen and (max-width: 820px) {
  .price_item {
    flex-wrap: wrap;
    padding: 1.11rem;
    gap: 0.56rem;
  }
}
.price_item__title {
  margin-right: auto;
}
@media screen and (max-width: 820px) {
  .price_item__title {
    margin-right: 0;
    width: 100%;
    order: -2;
  }
}
.price_item__akcia {
  flex-shrink: 0;
}
@media screen and (max-width: 820px) {
  .price_item__akcia {
    order: 3;
  }
}
.price_item__oldprice {
  flex-shrink: 0;
  color: var(--color-8-secondary, #A7A9B2);
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  position: relative;
}
@media screen and (max-width: 820px) {
  .price_item__oldprice {
    font-size: 1.22222rem;
  }
}
.price_item__oldprice:after {
  content: "";
  display: block;
  background: var(--color-8-secondary, #A7A9B2);
  width: 100%;
  height: 1px;
  transform: rotate(-15deg);
  position: absolute;
  left: 0;
  top: 1rem;
}
.price_item__oldprice .currency {
  color: var(--color-8-secondary, #A7A9B2);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media screen and (max-width: 820px) {
  .price_item__oldprice .currency {
    font-size: 0.88889rem;
  }
}
.price_item__price {
  flex-shrink: 0;
  color: var(--color-2, #343439);
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.01625rem;
}
@media screen and (max-width: 820px) {
  .price_item__price {
    order: -1;
    font-size: 1.22222rem;
  }
}
.price_item__price .currency {
  color: var(--color-8-secondary, #A7A9B2);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media screen and (max-width: 820px) {
  .price_item__price .currency {
    font-size: 0.88889rem;
  }
}
.labe_akcia {
  display: inline-flex;
  padding: 0.625rem;
  color: var(--color-1, #FFF);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0.07875rem;
  border-radius: 0.625rem;
  background: var(--color-3, #D75F40);
  text-transform: uppercase;
}
@media screen and (max-width: 820px) {
  .labe_akcia {
    font-size: 0.77778rem;
    padding: 0.45rem;
  }
}

.paragraph--type--licenzii-i-svidetelstva .photoswipe-gallery {
  display: flex;
  flex-flow: row wrap;
  gap: 1.25rem;
  max-width: 80rem;
}
.paragraph--type--licenzii-i-svidetelstva .photoswipe-gallery > .field__item {
  width: calc(33.33333% - 0.84rem);
}
@media screen and (max-width: 820px) {
  .paragraph--type--licenzii-i-svidetelstva .photoswipe-gallery > .field__item {
    width: 100%;
  }
}
.paragraph--type--licenzii-i-svidetelstva .photoswipe {
  border-radius: 1rem;
  border: 1px solid var(--color-6-stroke, #E0E6F7);
  padding: 0.88rem;
  display: block;
}
.paragraph--type--licenzii-i-svidetelstva .photoswipe img {
  width: 100%;
  height: auto;
  display: block;
}

.ssylki .file {
  display: block;
  width: 100%;
  padding-left: 0;
  background-image: none !important;
}
.ssylki .field--name-field-dokumenty {
  display: flex;
  flex-flow: column nowrap;
  gap: 0.25rem;
  max-width: 80rem;
}
.ssylki .field--name-field-dokumenty .field__item a {
  display: flex;
  width: 100%;
  padding: 0.75rem 0;
  background: transparent;
  border-bottom: 1px solid var(--color-5-bg, #F2F3F6);
  text-decoration: none;
  color: var(--color-2, #343439);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.ssylki .field--name-field-dokumenty .field__item a:after {
  flex-shrink: 0;
  margin-left: auto;
  width: 2.25rem;
  height: 2.25rem;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36' height='36' rx='18' fill='%23F2F3F6'/%3E%3Cg clip-path='url(%23clip0_2199_1623)'%3E%3Cpath d='M13.6016 18.6992L23.1016 18.6992C23.5016 18.6992 23.8016 18.3992 23.8016 17.9992C23.8016 17.5992 23.5016 17.2992 23.1016 17.2992L13.6016 17.2992L12.1016 17.2992L12.1016 18.6992L13.6016 18.6992Z' fill='%23D75F40'/%3E%3Cpath d='M23.2047 18C23.2047 18 18.3047 19.7 18.3047 23' stroke='%23D75F40' stroke-width='1.4' stroke-linejoin='round'/%3E%3Cpath d='M23.2047 18C23.2047 18 18.3047 16.3 18.3047 13' stroke='%23D75F40' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2199_1623'%3E%3Crect width='10' height='12' fill='white' transform='translate(12 23) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: all 0.2s ease-in-out;
}
.ssylki .field--name-field-dokumenty .field__item a:hover {
  border-color: var(--color-3);
  color: var(--color-3);
  background: #FFF;
  text-decoration: none;
}
.ssylki .field--name-field-dokumenty .field__item a:hover:after {
  opacity: 0.9;
}
.ssylki .field--name-field-ssylki {
  display: flex;
  flex-flow: column nowrap;
  gap: 0.25rem;
  max-width: 80rem;
}
.ssylki .field--name-field-ssylki .field__item a {
  display: flex;
  width: 100%;
  padding: 0.75rem 0;
  background: transparent;
  border-bottom: 1px solid var(--color-5-bg, #F2F3F6);
  text-decoration: none;
  color: var(--color-2, #343439);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.ssylki .field--name-field-ssylki .field__item a:after {
  flex-shrink: 0;
  margin-left: auto;
  width: 2.25rem;
  height: 2.25rem;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36' height='36' rx='18' fill='%23F2F3F6'/%3E%3Cg clip-path='url(%23clip0_2199_1623)'%3E%3Cpath d='M13.6016 18.6992L23.1016 18.6992C23.5016 18.6992 23.8016 18.3992 23.8016 17.9992C23.8016 17.5992 23.5016 17.2992 23.1016 17.2992L13.6016 17.2992L12.1016 17.2992L12.1016 18.6992L13.6016 18.6992Z' fill='%23D75F40'/%3E%3Cpath d='M23.2047 18C23.2047 18 18.3047 19.7 18.3047 23' stroke='%23D75F40' stroke-width='1.4' stroke-linejoin='round'/%3E%3Cpath d='M23.2047 18C23.2047 18 18.3047 16.3 18.3047 13' stroke='%23D75F40' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2199_1623'%3E%3Crect width='10' height='12' fill='white' transform='translate(12 23) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: all 0.2s ease-in-out;
}
.ssylki .field--name-field-ssylki .field__item a:hover {
  border-color: var(--color-3);
  color: var(--color-3);
  background: #FFF;
  text-decoration: none;
}
.ssylki .field--name-field-ssylki .field__item a:hover:after {
  opacity: 0.9;
}

.paragraph--type--faq .section__title {
  margin-bottom: 1.88rem;
  color: var(--color-8-secondary, #A7A9B2);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media screen and (max-width: 820px) {
  .paragraph--type--faq .section__title {
    font-size: 1.44444rem;
  }
}
.paragraph--type--faq .field--name-field-faqs {
  display: flex;
  padding: 3.75rem;
  flex-direction: column;
  background: #fff;
  border-radius: 1.375rem;
}
@media screen and (max-width: 820px) {
  .paragraph--type--faq .field--name-field-faqs {
    padding: 1.11rem;
  }
}

.item_faq {
  max-width: 80rem;
  border-bottom: 1px solid var(--color-5-bg, #F2F3F6);
  padding: 2.625rem 0;
}
@media screen and (max-width: 820px) {
  .item_faq {
    padding: 1rem 0;
  }
}
.item_faq__q {
  cursor: pointer;
  display: flex;
  gap: 1.25rem;
  align-items: center;
  color: var(--color-2, #343439);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
@media screen and (max-width: 820px) {
  .item_faq__q {
    font-size: 1rem;
  }
}
.item_faq__q__icon {
  background: var(--color-5-bg, #F2F3F6);
  width: 2.25rem;
  height: 2.25rem;
  display: inline-flex;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  flex-shrink: 0;
  transition: all 0.2s ease-in-out;
}
.item_faq__q__icon svg {
  height: 0.75rem;
  width: auto;
  display: block;
  transition: all 0.2s ease-in-out;
}
.item_faq__q:hover {
  color: var(--color-3);
}
.item_faq:first-child .item_faq__q {
  padding-top: 0;
}
.item_faq .field--name-field-tekst {
  color: var(--color-2, #343439);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  max-height: 0;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  pointer-events: none;
}
@media screen and (max-width: 820px) {
  .item_faq .field--name-field-tekst {
    font-size: 1rem;
  }
}
.item_faq .field--name-field-tekst p:first-child {
  margin-top: 0;
}
.item_faq .field--name-field-tekst p:last-child {
  margin-bottom: 0;
}
.item_faq.active .item_faq__q__icon {
  color: #fff;
  background: var(--color-3, #D75F40);
}
.item_faq.active .item_faq__q__icon svg {
  transform: rotate(-180deg);
}
.item_faq.active .field--name-field-tekst {
  opacity: 1;
  pointer-events: auto;
  max-height: unset;
  padding-top: 1.25rem;
}

.paragraph--type--tovary .section__title,
.paragraph--type--blog .section__title,
.paragraph--type--brendy .section__title {
  max-width: 32rem;
}

.paragraph--type--kartochki .section__title {
  max-width: 38rem;
}

.paragraph--type--fotokartochki .section__title {
  max-width: 43rem;
}

.slide_brand {
  max-width: 300px;
  padding: 1.25rem;
  border: 1px solid #E9E9E9;
  border-radius: 100%;
  overflow: hidden;
}
.slide_brand img {
  width: 100%;
  border-radius: 100%;
  height: auto;
  display: block;
}

.about .section__head {
  gap: 1.25rem;
  align-items: flex-start;
}
@media screen and (max-width: 1140px) {
  .about .section__head {
    flex-direction: column;
  }
}
.about .section__head__l {
  width: calc(50% - 0.625rem);
}
@media screen and (max-width: 820px) {
  .about .section__head__l {
    width: 100%;
  }
}
.about .section__head__l .btn {
  margin-top: auto;
}
@media screen and (max-width: 820px) {
  .about .section__head__l .btn {
    width: 100%;
  }
}
.about .section__head__l .section__title {
  margin-bottom: 1.25rem;
  font-size: 3.125rem;
}
@media screen and (max-width: 820px) {
  .about .section__head__l .section__title {
    font-size: 1.77778rem;
  }
}
.about .section__head__r {
  width: calc(50% - 0.625rem);
}
@media screen and (max-width: 1140px) {
  .about .section__head__r {
    width: 100%;
  }
}
.about .section__head__r p:first-child {
  margin-top: 0;
}
.about .section__head__r p:last-child {
  margin-bottom: 0;
}
.about .photoswipe-gallery {
  margin-bottom: 3.25rem;
  display: flex;
  flex-flow: row wrap;
  gap: 1.25rem;
}
.about .photoswipe-gallery > .field__item {
  width: calc(50% - 0.625rem);
}
@media screen and (max-width: 820px) {
  .about .photoswipe-gallery > .field__item {
    width: 100%;
  }
}
.about .photoswipe {
  border-radius: 1.125rem;
  width: 100%;
}
.about .photoswipe img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 1.125rem;
}
.about .photoswipe:hover {
  opacity: 0.9;
}

.item_card {
  border-radius: 1.125rem;
  border: 1px solid #E8E9EF;
  display: flex;
  padding: 1.66667rem 1.11111rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  color: var(--color-2, #343439);
  height: 100%;
}
@media screen and (max-width: 820px) {
  .item_card {
    padding: 1.11rem;
  }
}
.item_card__icon {
  width: 0.55556rem;
  height: 0.55556rem;
  border-radius: 100%;
  background: var(--color-3, #D75F40);
  margin-bottom: 4.5rem;
}
@media screen and (max-width: 820px) {
  .item_card__icon {
    display: none;
  }
}
.item_card__title {
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 1.1rem;
}
@media screen and (max-width: 820px) {
  .item_card__title {
    font-size: 1.44444rem;
  }
}
.item_card .field--name-field-opisanie {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.field--name-field-cards {
  display: flex;
  flex-flow: row wrap;
  gap: 1.25rem;
}
.field--name-field-cards > .field__item {
  width: calc(25% - 0.9375rem);
}
@media screen and (max-width: 1140px) {
  .field--name-field-cards > .field__item {
    width: calc(50% - 0.625rem);
  }
}
@media screen and (max-width: 820px) {
  .field--name-field-cards > .field__item {
    width: 100%;
  }
}
.field--name-field-cards > .field__item:nth-child(2) .item_card {
  background: var(--color-3, #D75F40);
  color: #fff;
}
.field--name-field-cards > .field__item:nth-child(2) .item_card__icon {
  background: #fff;
}
.field--name-field-cards > .field__item:nth-child(4) .item_card {
  background: #F2F4F5;
}
.col_three .field--name-field-cards > .field__item {
  width: calc(33.3333% - 0.84rem);
}
@media screen and (max-width: 820px) {
  .col_three .field--name-field-cards > .field__item {
    width: 100%;
  }
}
.col_two .field--name-field-cards > .field__item {
  width: calc(50% - 0.625rem);
}
@media screen and (max-width: 820px) {
  .col_two .field--name-field-cards > .field__item {
    width: 100%;
  }
}

.paragraph--type--item-fotokartochka .field--name-field-foto {
  font-size: 0;
}
.paragraph--type--item-fotokartochka .field--name-field-foto img {
  border-radius: 1rem 1rem 0 0;
}
.paragraph--type--item-fotokartochka .field--name-field-opisanie {
  border-radius: 1rem;
  display: inline-flex;
  padding: 1.66667rem;
  align-items: center;
  min-height: 11rem;
  color: var(--color-2, #343439);
  font-size: 1.22222rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  background: var(--color-5-bg, #F2F3F6);
  margin-top: -1rem;
}

.field--name-field-fotokartochki {
  display: flex;
  flex-flow: row wrap;
  gap: 1.25rem;
}
.field--name-field-fotokartochki > .field__item {
  width: calc(33.3333% - 0.84rem);
}
@media screen and (max-width: 820px) {
  .field--name-field-fotokartochki > .field__item {
    width: 100%;
  }
}
.field--name-field-fotokartochki > .field__item:nth-child(3) .paragraph--type--item-fotokartochka .field--name-field-opisanie {
  color: #fff;
  background: var(--color-3, #D75F40);
}

.paragraph--type--uslugi .section__title {
  font-size: 2.77778rem;
  max-width: 55rem;
  margin-bottom: 0;
}
@media screen and (max-width: 820px) {
  .paragraph--type--uslugi .section__title {
    font-size: 1.77778rem;
  }
}
.paragraph--type--uslugi .field--name-field-opisanie {
  margin-top: 1.11rem;
  color: var(--color-8-secondary, #A7A9B2);
  font-size: 1.44444rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.paragraph--type--uslugi .section__title + .field--name-field-par-uslugi,
.paragraph--type--uslugi .field--name-field-opisanie + .field--name-field-par-uslugi {
  margin-top: 3.33rem;
}

.field--name-field-par-uslugi {
  display: flex;
  flex-flow: row wrap;
  gap: 1.25rem;
}
.field--name-field-par-uslugi > .field__item {
  width: calc(25% - 0.9375rem);
}
@media screen and (max-width: 1140px) {
  .field--name-field-par-uslugi > .field__item {
    width: calc(33.33333% - 0.8333333333rem);
  }
}
@media screen and (max-width: 820px) {
  .field--name-field-par-uslugi > .field__item {
    width: 100%;
  }
}

.link_all_services {
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 1rem;
  background-color: #2D2E34;
  background-image: url("../images/link_all_services.png");
  background-position: top center;
  background-repeat: no-repeat;
  padding: 1.75rem;
  justify-content: flex-end;
  text-align: center;
  color: #fff;
}
.link_all_services__title {
  text-align: center;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 2.12rem;
}
.link_all_services__more {
  width: 100%;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.9375rem;
}
.link_all_services:hover {
  background-color: #40424B;
  text-decoration: none;
}

.item-slayd {
  position: relative;
  border-radius: 0.875rem;
  background: var(--color-3, #D75F40);
  display: flex;
  flex-direction: column;
  padding: 1.67rem;
  height: 26.7rem;
  overflow: hidden;
  align-items: flex-start;
}
@media screen and (max-width: 820px) {
  .item-slayd {
    padding: 1.11rem;
    height: 20rem;
  }
}
.item-slayd__title {
  color: var(--color-1, #FFF);
  font-size: 2.22rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.025rem;
  max-width: 80%;
}
@media screen and (max-width: 1320px) {
  .item-slayd__title {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 820px) {
  .item-slayd__title {
    font-size: 1.44444rem;
  }
}
.item-slayd__img {
  position: absolute;
  width: 75%;
  height: auto;
  display: block;
  right: -16.7%;
  bottom: -16.7%;
  border-radius: 100%;
}
@media screen and (max-width: 820px) {
  .item-slayd__img {
    width: 70%;
  }
  .fromcol .item-slayd__img {
    width: auto;
    height: 60%;
    border-radius: 0;
    pointer-events: none;
    right: 0;
    bottom: 0;
    max-width: unset;
  }
}
.item-slayd__more {
  margin-top: auto;
  border-radius: 5.55556rem;
  background: var(--color-1, #FFF);
  display: inline-flex;
  height: 3rem;
  padding: 1rem 1.11111rem;
  justify-content: center;
  align-items: center;
  color: var(--color-3, #D75F40);
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.02rem;
}
.item-slayd:hover {
  text-decoration: none;
}

.field--name-field-slaydy {
  display: flex;
  flex-flow: row wrap;
  gap: 1.25rem;
}
.field--name-field-slaydy > .field__item {
  width: calc(33.33333% - 0.84rem);
  height: 100%;
}
.field--name-field-slaydy > .field__item:nth-child(2) .item-slayd {
  background-color: #CCBCFB;
  background-image: url("../images/slide2bg.jpg");
}
.field--name-field-slaydy > .field__item.col {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.field--name-field-slaydy > .field__item.col .item-slayd {
  height: 12.675rem;
  background: var(--color-2, #343439);
  padding: 1.67rem;
}
.field--name-field-slaydy > .field__item.col .item-slayd__title {
  color: var(--color-1, #FFF);
  font-size: 1.55556rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  max-width: 50%;
  z-index: 2;
}
.field--name-field-slaydy > .field__item.col .item-slayd__more {
  z-index: 2;
  color: rgba(255, 255, 255, 0.3);
  padding: 0;
  background: transparent;
  height: auto;
}
.field--name-field-slaydy > .field__item.col .item-slayd__img {
  border-radius: 0;
  height: 100%;
  width: auto;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.field--name-field-slaydy > .field__item.col .field__item:nth-child(2) .item-slayd {
  background: #F2F4F5;
}
.field--name-field-slaydy > .field__item.col .field__item:nth-child(2) .item-slayd__title {
  color: var(--color-2, #343439);
}
.field--name-field-slaydy > .field__item.col .field__item:nth-child(2) .item-slayd__more {
  color: rgba(112, 118, 121, 0.6);
}

.section__white.paragraph--type--faq {
  padding-top: 0;
  background: #fff;
}
.section__white.paragraph--type--faq .section__title {
  color: var(--color-2, #343439);
  font-size: 3.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
@media screen and (max-width: 820px) {
  .section__white.paragraph--type--faq .section__title {
    font-size: 1.44444rem;
  }
}
.section__white.paragraph--type--faq .field--name-field-faqs {
  padding: 0;
  border-radius: 0;
}

.field--name-field-video {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  padding-top: 55%;
  width: 100%;
}
.field--name-field-video .video__title {
  position: absolute;
  left: 1.25rem;
  right: 1.25rem;
  bottom: 1.25rem;
  color: var(--white, #FFF);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 140%;
}
.field--name-field-video lite-youtube,
.field--name-field-video iframe {
  border-radius: 18px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
}
.field--name-field-video lite-youtube.lyt-activated {
  z-index: 3;
}
.vid__vertikalnoe .field--name-field-video {
  padding-top: 170%;
}
.paragraph--type--item-mnenie-eksperta .field--name-field-video lite-youtube::after {
  background: transparent;
}

.swiper_pcerts,
.swiper__pgallery {
  overflow: visible;
}

.swiper-slide .photoswipe {
  display: block;
}
.swiper-slide .photoswipe img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 1.125rem;
}

.cit_text {
  display: flex;
  flex-flow: row wrap;
  gap: 9%;
  align-items: center;
}
.cit_text__l {
  width: 41%;
}
@media screen and (max-width: 820px) {
  .cit_text__l {
    width: 100%;
  }
}
.cit_text__icon {
  margin-bottom: 1.67rem;
}
.cit_text__logo {
  width: 12.3rem;
  max-width: 100%;
  height: auto;
  display: block;
  margin-top: 1.67rem;
}
@media screen and (max-width: 820px) {
  .cit_text__logo {
    margin-bottom: 2.25rem;
  }
}
.cit_text .field--name-field-citata {
  color: var(--color-2, #343439);
  font-size: 2.77778rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media screen and (max-width: 820px) {
  .cit_text .field--name-field-citata {
    font-size: 1.77778rem;
  }
}
.cit_text .field--name-field-citata em {
  color: var(--color-3, #D75F40);
  font-style: normal;
}
.cit_text .field--name-field-citata *:first-child {
  margin-top: 0;
}
.cit_text .field--name-field-citata *:last-child {
  margin-bottom: 0;
}
.cit_text .field--name-field-tekst {
  width: 50%;
}
@media screen and (max-width: 820px) {
  .cit_text .field--name-field-tekst {
    width: 100%;
  }
}
.cit_text .field--name-field-tekst *:first-child {
  margin-top: 0;
}
.cit_text .field--name-field-tekst *:last-child {
  margin-bottom: 0;
}

.paragraph--type--podarochnye-sertifikaty .section__head__info {
  max-width: 58rem;
}
.paragraph--type--podarochnye-sertifikaty .section__title {
  color: var(--color-2, #343439);
  font-size: 2.77778rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 1.67rem;
}
@media screen and (max-width: 820px) {
  .paragraph--type--podarochnye-sertifikaty .section__title {
    font-size: 1.77778rem;
  }
}
@media screen and (max-width: 820px) {
  .paragraph--type--podarochnye-sertifikaty .sw-buttons {
    display: none;
  }
}
.paragraph--type--podarochnye-sertifikaty .field--name-field-opisanie {
  color: var(--color-3, #D75F40);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 0;
}
.paragraph--type--podarochnye-sertifikaty .section__head .sw-button-next, .paragraph--type--podarochnye-sertifikaty .section__head .sw-button-prev {
  border-color: var(--color-2);
}
.paragraph--type--podarochnye-sertifikaty .section__head .sw-button-next:hover, .paragraph--type--podarochnye-sertifikaty .section__head .sw-button-prev:hover {
  border-color: var(--color-3);
}
@media screen and (max-width: 820px) {
  .paragraph--type--podarochnye-sertifikaty .field--name-field-podarochnye > .field_content {
    display: flex;
    flex-direction: column;
    gap: 0.44rem;
  }
}

.item_cert {
  border-radius: 1rem;
  background: #FFEFEB;
  padding: 1.67rem;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 820px) {
  .item_cert {
    padding: 1.11rem;
  }
}
.item_cert__logo {
  margin-bottom: 7.8rem;
}
@media screen and (max-width: 820px) {
  .item_cert__logo {
    margin-bottom: 5rem;
  }
}
.item_cert__logo svg, .item_cert__logo img {
  width: 10.7rem;
  height: auto;
  display: block;
}
.item_cert__gift {
  position: absolute;
  top: 0;
  right: 0;
  width: 12rem;
  height: 12rem;
  color: var(--color-3);
}
@media screen and (max-width: 820px) {
  .item_cert__gift {
    width: 8rem;
    height: 8rem;
  }
}
.item_cert__gift svg, .item_cert__gift img {
  width: 100%;
  height: auto;
  display: block;
}
.item_cert__text {
  color: var(--color-8-secondary, #A7A9B2);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.item_cert__val {
  color: var(--color-3, #D75F40);
  font-size: 3.11111rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
@media screen and (max-width: 820px) {
  .item_cert__val {
    font-size: 1.88889rem;
  }
}
.item_cert.cvet_2 {
  background: var(--color-5-bg, #F2F3F6);
}
.item_cert.cvet_3 {
  background: var(--color-3, #D75F40);
}
.item_cert.cvet_4 {
  background: var(--color-2, #343439);
}
.item_cert.cvet_3 .item_cert__logo,
.item_cert.cvet_3 .item_cert__gift,
.item_cert.cvet_3 .item_cert__val, .item_cert.cvet_4 .item_cert__logo,
.item_cert.cvet_4 .item_cert__gift,
.item_cert.cvet_4 .item_cert__val {
  color: #fff;
}
.item_cert.cvet_3 .item_cert__text, .item_cert.cvet_4 .item_cert__text {
  color: rgba(255, 255, 255, 0.4);
}

.paragraph--type--oborudovanie .section__title {
  margin-bottom: 1.11rem;
}
.paragraph--type--oborudovanie .field--name-field-opisanie {
  margin-bottom: 2.22rem;
  color: #B5B6BE;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
@media screen and (max-width: 820px) {
  .paragraph--type--oborudovanie .field--name-field-opisanie {
    margin-bottom: 4.2rem;
  }
}

.swiper_equip {
  position: relative;
}
.swiper_equip .sw-buttons {
  gap: 0.25rem;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: flex-start;
  position: absolute;
  left: 45%;
  bottom: 3.3rem;
  z-index: 2;
}
.swiper_equip .sw-button-next,
.swiper_equip .sw-button-prev {
  cursor: pointer;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 1px solid var(--color-1, #FFF);
  color: var(--color-2);
  background: var(--color-1, #FFF);
  transition: all 0.2s ease-in-out;
}
.swiper_equip .sw-button-next svg,
.swiper_equip .sw-button-prev svg {
  width: 0.8125rem;
  height: auto;
  display: block;
}
.swiper_equip .sw-button-next:hover,
.swiper_equip .sw-button-prev:hover {
  border-color: var(--color-3);
  color: var(--color-3);
}
.swiper_equip .sw-button-next.swiper-button-disabled, .swiper_equip .sw-button-next.swiper-button-disabled:hover,
.swiper_equip .sw-button-prev.swiper-button-disabled,
.swiper_equip .sw-button-prev.swiper-button-disabled:hover {
  opacity: 0.3;
  cursor: not-allowed;
  border: 1px solid var(--black, #3C4240);
  color: var(--black, #3C4240);
}

.paragraph--type--fayly .field--name-field-fayly {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}
.paragraph--type--fayly .field--name-field-fayly .file_item {
  width: calc(50% - 10px);
}
@media screen and (max-width: 820px) {
  .paragraph--type--fayly .field--name-field-fayly .file_item {
    width: 100%;
  }
}

.file_item {
  padding: 30px;
  display: flex;
  border-radius: 14px;
  border: 1px solid var(--stroke, #E4E7ED);
  background-color: var(--white);
  gap: 20px;
  font-size: var(--fz-top-menu);
  align-items: center;
}
@media screen and (max-width: 820px) {
  .file_item {
    padding: 20px;
    flex-wrap: wrap;
  }
}
.field--name-field-instrukcii .file_item {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--stroke, #E4E7ED);
}
.file_item__icon {
  flex-shrink: 0;
}
.file_item__icon svg,
.file_item__icon img {
  height: auto;
  display: block;
  width: 32px;
}
.file_item__title {
  color: var(--grafit-dark);
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media screen and (max-width: 820px) {
  .file_item__title {
    width: calc(100% - 53px);
  }
}
.file_item__btn {
  flex-shrink: 0;
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  color: var(--white);
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  border-radius: 100px;
  background: var(--red, #C4392F);
  height: 40px;
}
@media screen and (max-width: 820px) {
  .file_item__btn {
    margin-left: 52px;
  }
}
.file_item:hover {
  text-decoration: none;
  border-color: var(--red);
}
.file_item:hover .file_item__title {
  color: var(--red);
}
.file_item:hover .file_item__btn {
  background-color: var(--red-hover);
}

.node--type-galereya-proekta .blazy--slick-lightbox,
.node--type-fotogalereya .blazy--slick-lightbox {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}
.node--type-galereya-proekta .blazy--slick-lightbox > .field__item,
.node--type-fotogalereya .blazy--slick-lightbox > .field__item {
  width: calc(33.3333333% - 13.5px);
}
@media screen and (max-width: 820px) {
  .node--type-galereya-proekta .blazy--slick-lightbox > .field__item,
  .node--type-fotogalereya .blazy--slick-lightbox > .field__item {
    width: calc(50% - 10px);
  }
}

.blazy__slick-lightbox {
  cursor: pointer;
}
.blazy__slick-lightbox img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  display: block;
}
.blazy__slick-lightbox .media__icon--litebox {
  border-radius: 100%;
  background-color: #FFF;
  display: flex;
  width: 50px;
  height: 50px;
  padding: 13px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  background-image: url("../images/icons/blazy.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}
.blazy__slick-lightbox .media__icon--litebox:before, .blazy__slick-lightbox .media__icon--litebox:after {
  display: none;
}

.paragraph--type--u-nas-pokupayut .slick__slide {
  overflow: hidden;
  padding: 3px;
}
.paragraph--type--u-nas-pokupayut .slick__slide .slide__content {
  border-radius: 10px;
  border: 1px solid var(--white);
  background: var(--white);
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  aspect-ratio: 7/4;
}
@media screen and (max-width: 820px) {
  .paragraph--type--u-nas-pokupayut .slick__slide .slide__content {
    overflow: hidden;
  }
}
.paragraph--type--u-nas-pokupayut .slick__slide .slide__content img {
  display: block;
  max-width: 100%;
  max-height: 140px;
  width: auto;
  height: auto;
}

.swiper__main {
  border-radius: 16px;
  overflow: hidden;
}
.swiper__main .swiper-slide {
  width: 68%;
}
@media screen and (max-width: 820px) {
  .swiper__main .swiper-slide {
    width: 100%;
  }
}
.swiper__main .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}

.section__mainsl {
  padding: 40px 0;
}
@media screen and (max-width: 820px) {
  .section__mainsl {
    padding: 0;
  }
}
.section__mainsl .container {
  position: relative;
}
.section__mainsl .swiper-pagination {
  position: relative;
  left: unset;
  right: unset;
  bottom: unset;
  width: 100%;
  z-index: 3;
}

.mainslide__slide {
  position: relative;
}
.mainslide__slide .slide_content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}
@media screen and (max-width: 820px) {
  .mainslide__slide .slide_content {
    padding: 30px;
  }
}
.mainslide__slide .slide_content__text span {
  background-color: white;
  border-radius: 25px;
  padding: 8px;
  width: fit-content;
  max-width: 90%;
  overflow-wrap: break-word;
  hyphens: auto;
  color: var(--red, #C4392F);
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (max-width: 820px) {
  .mainslide__slide .slide_content__text span {
    font-size: 20px;
    padding: 6px;
    border-radius: 10px;
  }
}
.mainslide__slide .slide_content__dop {
  border-radius: 25px;
  width: fit-content;
  max-width: 90%;
  overflow-wrap: break-word;
  hyphens: auto;
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
  padding: 10px;
  transform: rotate(-11deg);
  color: var(--white);
  background-color: var(--red, #C4392F);
}
@media screen and (max-width: 820px) {
  .mainslide__slide .slide_content__dop {
    font-size: 20px;
    padding: 6px;
    border-radius: 10px;
  }
}

.swiper-pagination {
  position: relative;
  left: unset;
  right: unset;
  bottom: unset;
  width: 100%;
  z-index: 3;
}

.swiper-outer {
  position: relative;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  z-index: 3;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--red);
  border-radius: 100%;
  border: 1px solid var(--red);
  aspect-ratio: 1/1;
}
.section__grey .swiper-button-next, .section__grey .swiper-button-prev {
  border-color: var(--white);
  background: var(--white, #FFF);
}
@media screen and (max-width: 1320px) {
  .swiper-button-next, .swiper-button-prev {
    display: none;
  }
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 14px;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: -70px;
  right: auto;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: -70px;
  left: auto;
}

.view-terminy-kataloga > .view-content {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}
@media screen and (max-width: 820px) {
  .view-terminy-kataloga > .view-content {
    gap: 8px;
  }
}
.view-terminy-kataloga > .view-content > .views-row {
  width: calc(25% - 15px);
}
@media screen and (max-width: 1140px) {
  .view-terminy-kataloga > .view-content > .views-row {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 820px) {
  .view-terminy-kataloga > .view-content > .views-row {
    width: calc(50% - 4px);
  }
}

.term.teaser {
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 14px;
  background: var(--grey, #F1F2F4);
  padding: 30px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 820px) {
  .term.teaser {
    padding: 20px 20px 100px;
  }
}
.term.teaser .term__name {
  color: var(--grafit-dark, #2C363F);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  max-width: 180px;
  margin-bottom: 20px;
  z-index: 1;
  transition: all 0.2s ease-in-out;
}
.term.teaser .term__icon {
  margin-top: auto;
  display: flex;
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 100%;
  background-color: var(--white);
  color: var(--red);
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 820px) {
  .term.teaser .term__icon {
    display: none;
  }
}
.term.teaser .field--name-field-izobrazhenie {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 48%;
  overflow: hidden;
}
@media screen and (max-width: 1550px) {
  .term.teaser .field--name-field-izobrazhenie {
    width: 40%;
  }
}
@media screen and (max-width: 820px) {
  .term.teaser .field--name-field-izobrazhenie {
    width: 100%;
    height: 110px;
    top: unset;
  }
}
.term.teaser .field--name-field-izobrazhenie img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom right;
}
.term.teaser:hover {
  text-decoration: none;
}
.term.teaser:hover .term__name {
  color: var(--red);
}
.term.teaser:hover .term__icon {
  background: var(--red);
  color: var(--white);
}
.term.specteaser {
  background-color: var(--red, #C4392F);
}
.term.specteaser .term__name {
  color: var(--white);
}
.term.specteaser .term__icon {
  background-color: var(--red-hover);
  color: var(--white);
}
.term.specteaser:hover {
  text-decoration: none;
  background: var(--red-hover);
}
.term.specteaser:hover .term__name {
  color: var(--white);
}
.term.specteaser:hover .term__icon {
  background: var(--red);
  color: var(--white);
}

.field--name-field-uslugi {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}
@media screen and (max-width: 820px) {
  .field--name-field-uslugi.swiper {
    width: 70%;
    margin-left: 0;
    overflow: visible;
  }
}
.field--name-field-uslugi > .field__item {
  width: calc(25% - 15px);
}

.paragraph--type--item-nashi-uslugi {
  display: flex;
  padding: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 14px;
  border: 1px solid var(--stroke, #E4E7ED);
  height: 100%;
  gap: 4px;
}
@media screen and (max-width: 820px) {
  .paragraph--type--item-nashi-uslugi {
    padding: 16px;
  }
}
.paragraph--type--item-nashi-uslugi .field--name-field-ikonka {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: var(--red, #C4392F);
  width: 60px;
  height: 60px;
  color: var(--white);
  margin-bottom: 20px;
}
.paragraph--type--item-nashi-uslugi .field--name-field-ikonka img {
  width: 25px;
  height: auto;
  display: block;
}
.paragraph--type--item-nashi-uslugi .field--name-field-zagolovok {
  color: var(--grafit-dark, #2C363F);
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}
@media screen and (max-width: 820px) {
  .paragraph--type--item-nashi-uslugi .field--name-field-zagolovok {
    font-size: var(--fz-h5);
  }
}
.paragraph--type--item-nashi-uslugi .field--name-field-opisanie {
  color: var(--grey-text-secondary, #B4B9C7);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
}

.paragraph--type--kategorii-o-kompanii .field--name-field-tekst-html {
  max-width: 1060px;
  color: var(--grafit-dark, #2C363F);
  font-size: var(--fz-h3);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 40px;
}
.paragraph--type--kategorii-o-kompanii .field--name-field-tekst-html p:first-child {
  margin-top: 0;
}
.paragraph--type--kategorii-o-kompanii .field--name-field-tekst-html p:last-child {
  margin-bottom: 0;
}
.paragraph--type--kategorii-o-kompanii .field--name-field-kategorii {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}
@media screen and (max-width: 820px) {
  .paragraph--type--kategorii-o-kompanii .field--name-field-kategorii {
    gap: 8px;
  }
}
.paragraph--type--kategorii-o-kompanii .field--name-field-kategorii > .field__item {
  width: calc(33.3333% - 13.5px);
}
@media screen and (max-width: 820px) {
  .paragraph--type--kategorii-o-kompanii .field--name-field-kategorii > .field__item {
    width: calc(50% - 4px);
  }
}
.paragraph--type--kategorii-o-kompanii .field--name-field-kategorii > .field__item:nth-child(4), .paragraph--type--kategorii-o-kompanii .field--name-field-kategorii > .field__item:nth-child(5) {
  width: calc(50% - 10px);
}
@media screen and (max-width: 820px) {
  .paragraph--type--kategorii-o-kompanii .field--name-field-kategorii > .field__item:nth-child(4), .paragraph--type--kategorii-o-kompanii .field--name-field-kategorii > .field__item:nth-child(5) {
    width: calc(50% - 4px);
  }
}

.block_tekst_kontakty {
  display: flex;
  max-width: 1060px;
}
@media screen and (max-width: 820px) {
  .block_tekst_kontakty {
    flex-direction: column;
  }
}
.block_tekst_kontakty .field--name-field-opisanie {
  width: 60%;
  padding: 70px 3% 70px 15%;
  border-radius: 14px;
  background-color: var(--grey, #F1F2F4);
  color: var(--grafit-light, #5E6782);
  font-size: var(--fz-h5);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  background-image: url("../images/txtbg.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left bottom;
}
@media screen and (max-width: 820px) {
  .block_tekst_kontakty .field--name-field-opisanie {
    width: 100%;
    padding: 40px 20px 40px 25%;
  }
}
.block_tekst_kontakty__contact {
  color: var(--white, #FFF);
  font-size: var(--fz-h4);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.block_tekst_kontakty__contact:hover {
  text-decoration: none;
  color: var(--stroke, #E4E7ED);
}
.block_tekst_kontakty__contacts {
  border-radius: 14px;
  background: var(--red, #C4392F);
  padding: 70px 6%;
  width: 40%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: var(--white, #FFF);
}
@media screen and (max-width: 820px) {
  .block_tekst_kontakty__contacts {
    width: 100%;
    padding: 40px;
  }
}
.block_tekst_kontakty__soc {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 4px;
}
.block_tekst_kontakty__soc a {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  color: var(--white);
  border-radius: 100%;
  border: 1px solid var(--stroke, #E4E7ED);
}
.block_tekst_kontakty__soc a svg, .block_tekst_kontakty__soc a img {
  width: 18px;
  height: auto;
  display: block;
}
.block_tekst_kontakty__soc a:hover {
  border-color: var(--stroke, #E4E7ED);
  color: var(--stroke, #E4E7ED);
  text-decoration: none;
}

.field--name-field-stolbcy {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
  max-width: 1060px;
}
.field--name-field-stolbcy > .field__item {
  width: calc(33.333333% - 13.5px);
}
@media screen and (max-width: 820px) {
  .field--name-field-stolbcy > .field__item {
    width: 100%;
  }
}

.paragraph--type--item-stolbec {
  border-radius: 14px;
  background: var(--grey, #F1F2F4);
  padding: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.paragraph--type--item-stolbec .field--name-field-zagolovok {
  padding-top: 20px;
  color: var(--grafit-dark, #2C363F);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.paragraph--type--item-stolbec .field--name-field-opisanie {
  border-top: 2px solid var(--stroke);
  padding-top: 20px;
  color: var(--grafit-light, #5E6782);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: auto;
}
.paragraph--type--item-stolbec .field--name-field-ssylki {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-height: 120px;
}
.paragraph--type--item-stolbec .field--name-field-ssylki > .field__item a {
  display: flex;
  gap: 10px;
  color: var(--grafit-light, #5E6782);
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.paragraph--type--item-stolbec .field--name-field-ssylki > .field__item a:before {
  content: "";
  width: 23px;
  height: 25px;
  display: block;
  background-image: url("../images/icons/file.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.paragraph--type--item-stolbec .field--name-field-ssylki > .field__item a:after {
  content: "";
  margin-left: auto;
  width: 13px;
  height: 25px;
  display: block;
  background-image: url("../images/icons/arrow_right.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.paragraph--type--item-stolbec .field--name-field-ssylki > .field__item a:hover {
  text-decoration: none;
  color: var(--red);
}

.swiper-slide {
  height: auto;
}

@media screen and (max-width: 820px) {
  .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction,
  .swiper-pagination {
    position: relative;
    z-index: 1;
    bottom: 0;
    left: 0;
    top: unset;
    width: calc(100dvw - 20px) !important;
    right: unset;
    padding-top: 1rem;
  }
}
.copycont {
  width: 100%;
  max-width: var(--max-text-width);
  padding: 40px;
  border-radius: 16px;
  border: 1px solid var(--stroke, #E4E7ED);
}
.copycont button {
  border-radius: 100px;
  background: var(--red, #C4392F);
  display: flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 40px;
  color: var(--white);
  border: none;
  margin-top: 30px;
}
.copycont button:hover {
  background: var(--red-hover);
}

.paragraph--type--nam-doveryayut .section__title {
  text-align: center;
  color: var(--color-2, #343439);
  font-size: 2.44444rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media screen and (max-width: 820px) {
  .paragraph--type--nam-doveryayut .section__title {
    margin-bottom: 2.22rem;
    font-size: 1.77778rem;
  }
}
@media screen and (max-width: 820px) {
  .views-field-field-bloki .paragraph--type--nam-doveryayut {
    padding-bottom: 0;
  }
}

.trust {
  display: flex;
  flex-flow: row wrap;
  gap: 5.5rem;
  justify-content: center;
}
@media screen and (max-width: 820px) {
  .trust {
    gap: 2.22rem;
    flex-direction: column;
  }
}
.trust__del {
  width: 1px;
  background: var(--color-7-stroke-2, #DEE0E7);
  display: block;
}
@media screen and (max-width: 820px) {
  .trust__del {
    display: none;
  }
}
.trust__col {
  width: 32rem;
  max-width: 40%;
}
@media screen and (max-width: 820px) {
  .trust__col {
    width: 100%;
    max-width: 100%;
  }
  .trust__col:last-child {
    display: none;
  }
}
.trust__title {
  color: var(--color-2, #343439);
  text-align: center;
  font-size: 1.66667rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 4.4rem;
}
@media screen and (max-width: 820px) {
  .trust__title {
    font-size: 1.22222rem;
    margin-bottom: 1.22222rem;
  }
}
.trust__imgs {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}
.trust__img {
  width: 25%;
  color: var(--color-8-secondary, #A7A9B2);
  text-align: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.trust__img img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 0.56rem;
  border-radius: 0.44444rem;
}
.trust__rates {
  display: flex;
  flex-flow: row;
  gap: 1.1rem;
  justify-content: center;
}
.trust__widgets {
  display: flex;
  flex-flow: row wrap;
  gap: 1.1rem;
  justify-content: center;
}
.trust__widget {
  background: #fff;
  border-radius: 0.6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.trust__rate {
  display: flex;
  flex-direction: column;
}
.trust__rate__val {
  color: var(--color-8-secondary, #A7A9B2);
  text-align: center;
  font-size: 1.44444rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media screen and (max-width: 820px) {
  .trust__rate__val {
    font-size: 1.2rem;
  }
}
.trust__rate__val span {
  color: var(--color-2, #343439);
  text-align: center;
  font-size: 3.33333rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media screen and (max-width: 820px) {
  .trust__rate__val span {
    font-size: 2rem;
  }
}
.trust__rate__text {
  color: var(--color-2, #343439);
  text-align: center;
  font-size: 1.11111rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-top: 0.5rem;
}
@media screen and (max-width: 820px) {
  .trust__rate__text {
    font-size: 1.11111rem;
  }
}
.trust__rate__img {
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  border-top: 1px solid var(--color-7-stroke-2, #DEE0E7);
  display: flex;
  align-items: center;
  justify-content: center;
}
.trust__rate__img img {
  width: 60%;
  height: auto;
  display: block;
}
.trust__rate__top {
  background: #fff;
  border-radius: 0.6rem;
  min-height: 128px;
  font-size: 0;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 820px) {
  .paragraph--type--slayder.section__white:first-child {
    padding-top: 1.67rem;
  }
}
.paragraph--type--slayder .swiper-slide:nth-child(2) .item-slayd {
  background-color: #CCBCFB;
  background-image: url("../images/slide2bg.jpg");
}
.paragraph--type--slayder .swiper-slide:nth-child(3) .item-slayd {
  background: var(--color-2, #343439);
}
.paragraph--type--slayder .swiper-slide:nth-child(3) .item-slayd__title {
  color: var(--color-1, #FFF);
}
.paragraph--type--slayder .swiper-slide:nth-child(4) .item-slayd {
  background: #F2F4F5;
}
.paragraph--type--slayder .swiper-slide:nth-child(4) .item-slayd__title {
  color: var(--color-2, #343439);
}
.paragraph--type--slayder .swiper-slide:nth-child(4) .item-slayd__more {
  color: rgba(112, 118, 121, 0.6);
}

.article_author {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  background: var(--grey);
  border-radius: 1.25rem;
  padding: 1.25rem;
  max-width: 700px;
  width: 100%;
}
.article_author__top, .article_author__bottom {
  display: flex;
  gap: 1.25rem;
  align-items: center;
}
.article_author__top__logo img {
  height: auto;
  width: 150px;
  display: block;
}
.article_author__label {
  color: var(--black, #3C4240);
  font-weight: bold;
}
.article_author__text p {
  margin: 0;
}
.article_author__img img {
  width: 150px;
  height: auto;
  border-radius: 100%;
}

a.article_author__bottom {
  text-decoration: none;
  color: var(--color-2);
}
a.article_author__bottom:hover {
  text-decoration: none;
  opacity: 0.8;
}

.ucenka__link {
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 10px;
  border-radius: 7px;
  background: #74808D;
  color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 16px;
  z-index: 2;
  font-size: 15px;
}
.ucenka__link svg {
  margin-left: auto;
}
.ucenka__link span {
  max-width: 110px;
}
.ucenka__link:hover {
  text-decoration: none;
  opacity: 0.8;
}

.product.full {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  gap: 2.8rem;
}
@media screen and (max-width: 820px) {
  .product.full {
    gap: 1rem;
  }
}
.product.full .product__l, .product.full .product__r {
  width: calc(50% - 1.4rem);
}
@media screen and (max-width: 820px) {
  .product.full .product__l, .product.full .product__r {
    width: 100%;
  }
}
.product.full .product__links {
  display: flex;
  flex-flow: row wrap;
  gap: 1rem;
}
.product.full .product__links .product__link {
  width: calc(33.33333% - 0.6666666667rem);
}
@media screen and (max-width: 1140px) {
  .product.full .product__links .product__link {
    width: 100%;
  }
}
.product.full .product__link {
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.75rem;
  color: var(--color-2);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  border-radius: 0.75rem;
  border: 1px solid var(--color-5-bg, #F2F3F6);
}
.product.full .product__link__icon {
  flex-shrink: 0;
}
.product.full .product__link__icon svg, .product.full .product__link__icon img {
  width: 2rem;
  display: block;
  height: auto;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}
.product.full .product__link__title {
  display: flex;
  align-items: flex-end;
  gap: 0.62rem;
}
.product.full .product__link__title span {
  max-width: 60%;
}
.product.full .product__link__title svg {
  margin-left: auto;
  width: 0.9375rem;
}
.product.full .product__link:hover {
  text-decoration: none;
  border-color: var(--red);
}
.product.full .product__price_box {
  display: flex;
  align-items: flex-end;
  gap: 0.61rem;
  line-height: 1;
  margin-bottom: 1.67rem;
}
.product.full .product__price_box .product-price__old {
  display: inline-flex;
  margin-left: 0.61rem;
  position: relative;
  color: #B5B5BF;
  font-size: 0.88889rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}
.product.full .product__price_box .product-price__old:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background: var(--grey-text-sec-2, #8F96AB);
  transform: rotate(-15deg);
  top: 8px;
}
.product.full .product__images {
  overflow: hidden;
  position: relative;
}
.product.full h1 {
  margin-top: 0;
  color: var(--color-2, #343439);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0.56rem;
}
@media screen and (max-width: 820px) {
  .product.full h1 {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
  }
}
.product.full .field--name-price {
  color: var(--color-2, #343439);
  font-size: 1.44444rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.product.full .slick-wrapper {
  margin-bottom: 0;
}
.product.full .slick--less .slick-track {
  margin: 0;
}
.product.full .slick-wrapper--asnavfor .slick--thumbnail {
  margin-left: -0.6rem;
  margin-right: -0.6rem;
  width: calc(100% + 1.2rem);
}
@media screen and (max-width: 820px) {
  .product.full .slick-wrapper--asnavfor .slick--thumbnail {
    margin-left: -2px;
    margin-right: -2px;
    width: calc(100% + 4px);
  }
}
.product.full .slick-wrapper--asnavfor .slick--thumbnail .slick__slide {
  padding: 0.6rem;
}
@media screen and (max-width: 820px) {
  .product.full .slick-wrapper--asnavfor .slick--thumbnail .slick__slide {
    padding: 2px;
  }
}
.product.full .slick-wrapper--asnavfor .slick--thumbnail .slick__slide .slide__thumbnail {
  border-radius: 0.875rem;
  border: 1px solid var(--stroke, #E4E7ED);
  overflow: hidden;
}
@media screen and (max-width: 820px) {
  .product.full .slick-wrapper--asnavfor .slick--thumbnail .slick__slide .slide__thumbnail {
    border-radius: 8px;
  }
}
.product.full .slick-wrapper--asnavfor .slick--thumbnail .slick__slide:hover .slide__thumbnail, .product.full .slick-wrapper--asnavfor .slick--thumbnail .slick__slide.slick-current .slide__thumbnail {
  border-color: var(--red);
}
.product.full .slick-wrapper--asnavfor .slick--main {
  margin-bottom: 0.6rem;
}
.product.full .slick-wrapper--asnavfor .slick--main .slick__slide {
  border-radius: 1.125rem;
  border: 1px solid var(--stroke, #E4E7ED);
}
.product.full .commerce-order-item-add-to-cart-form {
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
}
@media screen and (max-width: 820px) {
  .product.full .commerce-order-item-add-to-cart-form {
    justify-content: center;
  }
}
.product.full .commerce-order-item-add-to-cart-form .form-type-number label,
.product.full .commerce-order-item-add-to-cart-form .form-type-number .control-label {
  display: none;
}
.product.full .commerce-order-item-add-to-cart-form .form-type-number .input-group {
  display: flex;
  border: 1px solid #E6E8EE;
  border-radius: 9px;
  line-height: 1;
  background: #fff;
  font-weight: 600;
  font-size: 18px;
}
.product.full .commerce-order-item-add-to-cart-form .form-type-number .input-group .form-number {
  width: 60px;
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: var(--grafit-dark);
  padding: 5px;
  border: none;
  box-shadow: none;
  background: transparent;
  border-radius: 0;
  height: 60px;
}
.product.full .commerce-order-item-add-to-cart-form .form-type-number .input-group .btn {
  height: 60px;
  width: 40px;
  border-radius: 0;
  background: transparent;
  color: var(--grafit-dark);
  box-shadow: none !important;
  padding: 0;
  min-width: unset !important;
}
.product.full .commerce-order-item-add-to-cart-form .form-type-number .input-group .btn:hover {
  background: var(--red);
  color: #fff;
}
.product.full .commerce-order-item-add-to-cart-form .form-type-number .input-group .btn.btn-decrement {
  border-radius: 9px 0 0 9px;
}
.product.full .commerce-order-item-add-to-cart-form .form-type-number .input-group .btn.btn-increment {
  border-radius: 0 9px 9px 0;
}
.product.full .commerce-order-item-add-to-cart-form .form-item, .product.full .commerce-order-item-add-to-cart-form .form-actions {
  margin: 0;
}
.product.full .commerce-order-item-add-to-cart-form .form-actions .button {
  width: auto;
  text-transform: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3.75rem;
  padding: 0.6rem 3rem;
  transition: all 0.2s ease-in-out;
  border-radius: 6.25rem;
  background: var(--color-3, #D75F40);
  color: var(--white);
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.0275rem;
}
@media screen and (min-width: 820px) {
  .product.full .commerce-order-item-add-to-cart-form .form-actions .button {
    min-width: 40%;
  }
}
.product.full .commerce-order-item-add-to-cart-form .form-actions .button:hover {
  text-decoration: none;
  background: var(--orange-hover);
  color: var(--white);
}
.product.full .attribute-widgets {
  margin-bottom: 3.75rem;
}
@media screen and (max-width: 820px) {
  .product.full .attribute-widgets {
    margin-bottom: 2rem;
  }
}
.product.full .attribute-widgets fieldset {
  padding: 0;
  margin: 0;
  border: none;
}
.product.full .attribute-widgets fieldset legend {
  margin-bottom: 1.25rem;
  display: block;
  width: 100%;
  color: var(--color-2, #343439);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.product.full .attribute-widgets fieldset legend .form-required:after {
  content: ":";
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  vertical-align: baseline;
  background-image: none;
  background-repeat: no-repeat;
}
.product.full .attribute-widgets .form-radios {
  display: flex;
  flex-flow: row wrap;
  gap: 0.62rem;
}
.product.full .attribute-widgets .form-radios > .form-item .field--name-name {
  display: none;
}
.product.full .attribute-widgets .form-radios > .form-item .field--name-field-cvet {
  line-height: 1;
  font-size: 0;
}
.product.full .attribute-widgets .form-radios > .form-item .color_field__swatch {
  width: 1.875rem !important;
  height: 1.875rem !important;
  border-radius: 100%;
}
.product.full .attribute-widgets .form-radios > .form-item label.option {
  padding: 0.44rem;
  border: 1px solid transparent;
  border-radius: 100%;
  cursor: pointer;
}
.product.full .attribute-widgets .form-radios > .form-item label.option:hover {
  border-color: #B0B0B0;
}
.product.full .attribute-widgets .form-radios .product--rendered-attribute__selected ~ label.option {
  border: 1px solid var(--color-2, #343439);
}
.product.full .table__chars {
  max-width: var(--max-text-width);
  width: 100%;
  border-collapse: collapse;
  font-size: 17px;
}
@media screen and (max-width: 820px) {
  .product.full .table__chars {
    font-size: 15px;
  }
}
.product.full .table__chars tbody tr td {
  padding: 12px 0;
  border-bottom: 1px dashed #CAD0DA;
}
@media screen and (max-width: 820px) {
  .product.full .table__chars tbody tr td {
    padding: 7px 0;
  }
}
.product.full .table__chars tbody tr td:first-child {
  width: 50%;
  padding-right: 20px;
}
@media screen and (max-width: 820px) {
  .product.full .table__chars tbody tr td:first-child {
    width: auto;
  }
}
.product.full .table__chars tbody tr td:last-child {
  text-align: right;
  font-weight: 700;
}
.product.full .table__chars tbody tr:last-child td {
  border-bottom: none;
}
.product.full .table__chars tbody tr.greyed td:last-child {
  text-align: right;
  font-weight: normal;
  font-size: 13px;
  color: var(--base-dark-grey);
}
.product.full .product__btns {
  margin-bottom: 5rem;
}
@media screen and (max-width: 820px) {
  .product.full .product__btns {
    margin-bottom: 2.2rem;
  }
}
.product.full .product__btns .form-item, .product.full .product__btns .form-actions {
  margin-top: 0;
  margin-bottom: 0;
}
.product.full .product__btns .button--primary {
  padding-left: 3rem;
  padding-right: 3rem;
}
@media screen and (max-width: 820px) {
  .product.full .product__btns .button--primary {
    width: 100%;
    padding-left: 0.56rem;
    padding-right: 0.56rem;
  }
}
.product.teaser {
  display: flex;
  flex-direction: column;
  gap: 1.11rem;
  background: var(--white, #FFF);
  height: 100%;
  position: relative;
}
.product.teaser .product__title {
  display: block;
  color: var(--color-2, #343439);
  font-size: 1.11111rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  transition: all 0.2s ease-in-out;
  margin-bottom: 0.56rem;
  margin-top: 1.11rem;
}
.product.teaser .product__price_box {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  color: var(--color-2, #343439);
  font-size: 1.11111rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
}
@media screen and (max-width: 820px) {
  .product.teaser .product__price_box {
    font-size: 20px;
  }
}
.product.teaser .product__price_box .rate-name {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  display: block;
  padding-bottom: 2px;
}
.product.teaser .product__price_box__wold {
  color: var(--red);
}
.product.teaser .product__price_box .product-price__old {
  color: #B8BED1;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  display: inline-flex;
  margin-left: 10px;
  position: relative;
}
.product.teaser .product__price_box .product-price__old:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #B8BED1;
  transform: rotate(-15deg);
  top: 6px;
}
.product.teaser .product__footer {
  margin-top: auto;
  padding-top: 20px;
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 1140px) {
  .product.teaser .product__footer {
    padding-top: 0;
  }
}
.product.teaser .product__footer .field--name-variations {
  width: calc(50% - 10px);
  flex-shrink: 0;
}
@media screen and (max-width: 1140px) {
  .product.teaser .product__footer .field--name-variations {
    width: 100%;
  }
}
.product.teaser .product__footer .field--name-variations .button--add-to-cart {
  display: flex;
  width: 48px;
  height: 48px;
  padding: 5px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 8px;
  background: var(--grey, #F1F2F4);
  color: var(--red);
  font-size: 0;
  gap: 0;
  background-image: url("../images/icons/addtocart.svg");
  background-size: 24px auto;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border: none;
}
.product.teaser .product__footer .field--name-variations .button--add-to-cart:hover {
  background-color: var(--red);
  color: var(--white);
  background-image: url("../images/icons/addtocart_hover.svg");
}
.product.teaser .product__footer .commerce-order-item-add-to-cart-form {
  display: flex;
  box-sizing: border-box;
}
@media screen and (max-width: 820px) {
  .product.teaser .product__footer .commerce-order-item-add-to-cart-form {
    justify-content: center;
  }
}
.product.teaser .product__footer .commerce-order-item-add-to-cart-form * {
  box-sizing: border-box;
}
.product.teaser .product__footer .commerce-order-item-add-to-cart-form .form-type-number label,
.product.teaser .product__footer .commerce-order-item-add-to-cart-form .form-type-number .control-label {
  display: none;
}
.product.teaser .product__footer .commerce-order-item-add-to-cart-form .form-type-number .input-group {
  display: flex;
  border: 1px solid #E6E8EE;
  border-radius: 8px;
  line-height: 1;
  background: #fff;
  font-weight: 600;
  font-size: 17px;
}
.product.teaser .product__footer .commerce-order-item-add-to-cart-form .form-type-number .input-group .form-number {
  width: 30px;
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: var(--grafit-dark);
  padding: 5px;
  border: none;
  box-shadow: none;
  background: transparent;
  border-radius: 0;
  height: 48px;
}
.product.teaser .product__footer .commerce-order-item-add-to-cart-form .form-type-number .input-group .btn {
  height: 48px;
  width: 30px;
  border-radius: 0;
  background: transparent;
  color: var(--grafit-dark);
  box-shadow: none !important;
  padding: 0;
  min-width: unset !important;
}
@media screen and (max-width: 820px) {
  .product.teaser .product__footer .commerce-order-item-add-to-cart-form .form-type-number .input-group .btn {
    width: 30px;
  }
}
.product.teaser .product__footer .commerce-order-item-add-to-cart-form .form-type-number .input-group .btn:hover {
  background: var(--red);
  color: #fff;
}
.product.teaser .product__footer .commerce-order-item-add-to-cart-form .form-type-number .input-group .btn.btn-decrement {
  border-radius: 9px 0 0 9px;
}
.product.teaser .product__footer .commerce-order-item-add-to-cart-form .form-type-number .input-group .btn.btn-increment {
  border-radius: 0 8px 8px 0;
}
.product.teaser .product__footer .commerce-order-item-add-to-cart-form .field--name-quantity > .form-item {
  padding: 0;
  margin: 0;
}
.product.teaser .product__footer .commerce-order-item-add-to-cart-form .form-actions {
  padding-left: 6px;
  margin: 0;
}
.product.teaser .product__footer .form-item, .product.teaser .product__footer .form-actions {
  margin: 0;
}
.product.teaser .product__more {
  width: calc(50% - 10px);
  height: 48px;
  border-radius: 8px;
  background: var(--red, #C4392F);
  padding: 5px;
  color: var(--white);
  align-items: center;
  justify-content: center;
  font-size: var(--fz-p-min);
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  display: inline-flex;
  text-decoration: none;
}
.product.teaser .product__more:hover {
  background: var(--red-hover);
  color: var(--white);
}
@media screen and (max-width: 1140px) {
  .product.teaser .product__more {
    display: none;
  }
}
.product.teaser .product__tlink {
  display: flex;
  flex-direction: column;
  position: relative;
}
.product.teaser .product__tlink img {
  width: 100%;
  display: block;
  height: auto;
  transition: all 0.2s ease-in-out;
  border-radius: 1rem;
}
.product.teaser .product__tlink:hover {
  text-decoration: none;
}
.product.teaser .product__tlink:hover img {
  opacity: 0.9;
}
.product.teaser .product__tlink:hover .product__title {
  color: var(--red);
}
.product__images {
  position: relative;
}
.product__labes {
  z-index: 2;
  position: absolute;
  top: 0.56rem;
  left: 0.56rem;
  width: calc(100% - 4rem);
  display: flex;
  gap: 0.22rem;
  flex-flow: row wrap;
}
.product__labe {
  display: inline-flex;
  border-radius: 2.22222rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: var(--color-2, #343439);
  color: var(--color-1, #FFF);
  font-size: 0.77778rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  padding: 0.4rem 0.56rem;
}
.product__labe__sale {
  background: var(--color-3);
}
.product__labe__new {
  background: #85A1AC;
}
.product .flag {
  position: absolute;
  top: 0.62rem;
  right: 0.62rem;
  z-index: 1;
}
.product .flag a {
  border-radius: 100%;
  background: var(--color-1, #FFF);
  display: flex;
  width: 2.75rem;
  height: 2.75rem;
  justify-content: center;
  align-items: center;
  color: var(--color-2, #343439);
}
.product .flag a svg {
  width: 1.25rem;
  height: auto;
  display: block;
}
.product .flag a:hover {
  color: var(--color-3);
}
.product .flag.action-unflag a {
  color: var(--color-3);
}
.product__vtabs {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 3.75rem;
}
.product__vtab {
  width: 100%;
  border-bottom: 1px solid var(--color-5-bg, #F2F3F6);
  padding: 0.75rem 0;
}
.product__vtab__title {
  width: 100%;
  cursor: pointer;
  display: flex;
  gap: 1.25rem;
  align-items: center;
  color: var(--color-2, #343439);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
}
.product__vtab__title__icon {
  background: var(--color-5-bg, #F2F3F6);
  width: 2.25rem;
  height: 2.25rem;
  display: inline-flex;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  flex-shrink: 0;
  transition: all 0.2s ease-in-out;
}
.product__vtab__title__icon svg {
  height: 0.75rem;
  width: auto;
  display: block;
  transition: all 0.2s ease-in-out;
}
.product__vtab__title:hover {
  color: var(--color-3);
}
.product__vtab:first-child .product__vtab__title {
  padding-top: 0;
}
.product__vtab .product__vtab__body {
  color: var(--color-2, #343439);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  max-height: 0;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  pointer-events: none;
  overflow: hidden;
}
.product__vtab .product__vtab__body p:first-child {
  margin-top: 0;
}
.product__vtab .product__vtab__body p:last-child {
  margin-bottom: 0;
}
.product__vtab.active .item_faq__q__icon {
  color: #fff;
  background: var(--color-3, #D75F40);
}
.product__vtab.active .item_faq__q__icon svg {
  transform: rotate(-180deg);
}
.product__vtab.active .product__vtab__body {
  opacity: 1;
  pointer-events: auto;
  max-height: unset;
  padding-top: 1.25rem;
}

.view-katalog,
.view-catalog {
  padding-bottom: var(--padding-section);
}
.view-katalog > .view-content,
.view-catalog > .view-content {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}
@media screen and (max-width: 820px) {
  .view-katalog > .view-content,
  .view-catalog > .view-content {
    gap: 8px;
  }
}
.view-katalog > .view-content > .views-row,
.view-catalog > .view-content > .views-row {
  width: calc(33.3333333% - 13.5px);
}
@media screen and (max-width: 820px) {
  .view-katalog > .view-content > .views-row,
  .view-catalog > .view-content > .views-row {
    width: calc(50% - 4px);
  }
}

.views-exposed-form {
  margin-bottom: 30px;
}
.views-exposed-form .form-item-sort-bef-combine {
  width: 100%;
  margin: 0;
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
  order: 2;
}
@media screen and (max-width: 820px) {
  .views-exposed-form .form-item-sort-bef-combine {
    gap: 0 20px;
    margin-top: 16px;
  }
}
.views-exposed-form .form-item-sort-bef-combine > label {
  color: var(--grey-text-secondary, #B4B9C7);
  font-size: var(--fz-p-min);
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  padding-bottom: 5px;
}
.views-exposed-form .form-item-sort-bef-combine .bef-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}
.views-exposed-form .form-item-sort-bef-combine .bef-link {
  padding-bottom: 4px;
  border-bottom: 1px solid transparent;
  font-size: var(--fz-p-min);
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  color: var(--grafit-dark);
  display: block;
}
.views-exposed-form .form-item-sort-bef-combine .bef-link:hover {
  color: var(--red);
  text-decoration: none;
}
.views-exposed-form .form-item-sort-bef-combine .bef-link.bef-link--selected {
  border-bottom: 1px solid var(--red);
}
.views-exposed-form .form-actions {
  margin: 0;
  padding: 0;
  width: calc(33.333333% - 15px);
  position: relative;
}
@media screen and (max-width: 820px) {
  .views-exposed-form .form-actions {
    width: 100%;
  }
}
.views-exposed-form .form-actions .button {
  height: 50px;
  width: 100%;
  margin: 0;
  padding: 3px 10px;
  text-transform: none;
}

.region-sidebar-first .menu--catalog {
  margin-bottom: 40px;
}
.region-sidebar-first .menu--catalog > h2 {
  border-radius: 14px;
  background: var(--red, #C4392F);
  padding: 20px;
  line-height: 1;
  color: var(--white, #FFF);
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.51px;
  text-transform: uppercase;
  margin-bottom: 4px;
  margin-top: 0;
}
.region-sidebar-first .menu--catalog > ul.menu {
  padding: 20px;
  border-radius: 14px;
  background: var(--white);
}
.region-sidebar-first .menu--catalog > ul.menu > li {
  padding: 0;
}
.region-sidebar-first .menu--catalog > ul.menu > li > ul.menu {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.2s;
  pointer-events: none;
  padding-left: 10px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.region-sidebar-first .menu--catalog > ul.menu > li > ul.menu a {
  display: block;
  color: var(--grafit-dark, #2C363F);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.region-sidebar-first .menu--catalog > ul.menu > li > ul.menu a:hover {
  text-decoration: none;
  color: var(--red);
}
.region-sidebar-first .menu--catalog > ul.menu > li > a {
  padding: 20px 0;
  display: flex;
  color: var(--grafit-dark, #2C363F);
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
.region-sidebar-first .menu--catalog > ul.menu > li > a:hover {
  text-decoration: none;
  color: var(--red);
}
.region-sidebar-first .menu--catalog > ul.menu > li > a.is-active + ul.menu {
  opacity: 1;
  max-height: 100dvh;
  pointer-events: auto;
}
.region-sidebar-first .menu--catalog > ul.menu > li.menu-item--expanded > a {
  position: relative;
  padding-right: 26px;
}
.region-sidebar-first .menu--catalog > ul.menu > li.menu-item--expanded > a:after {
  width: 18px;
  height: 18px;
  aspect-ratio: 1/1;
  top: 20px;
  right: 0;
  position: absolute;
  content: "";
  background-image: url(../images/icons/fe_arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.region-sidebar-first .menu--catalog > ul.menu > li.menu-item--expanded > a.is-active:after {
  transform: rotate(90deg);
}
.region-sidebar-first .menu--catalog ul.menu {
  margin: 0;
  list-style: none;
}
.region-sidebar-first .menu--catalog ul.menu .menu-item--expanded {
  list-style: none;
  list-style-type: none;
  list-style-image: none;
}

.left-colimgs {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.left-colimgs .one-colimg {
  margin: 0;
  display: block;
  width: 100%;
}
.left-colimgs .one-colimg .colimg-image img {
  width: 100%;
  display: block;
  transition: all 0.2s ease-in-out;
  border-radius: 14px;
}
.left-colimgs .one-colimg > a {
  display: block;
  padding: 0;
}
.left-colimgs .one-colimg > a:hover .colimg-image img {
  opacity: 0.9;
}

.view-product-search.view-id-product_search {
  padding-bottom: var(--padding-section);
}
.view-product-search.view-id-product_search > .view-content {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}
@media screen and (max-width: 820px) {
  .view-product-search.view-id-product_search > .view-content {
    gap: 8px;
  }
}
.view-product-search.view-id-product_search > .view-content > .views-row {
  width: calc(25% - 15px);
  border-radius: 14px;
  border: 1px solid var(--stroke, #E4E7ED);
  overflow: hidden;
}
@media screen and (max-width: 820px) {
  .view-product-search.view-id-product_search > .view-content > .views-row {
    width: calc(50% - 4px);
  }
}

.region-after-content .block-views-blocktekst-taksonomii-block-1 + .block-views-blockparagrafy-kataloga-block-1 .views-row:first-child .section__white {
  padding-top: 0;
}

.view-katalog .view-filters {
  border-radius: 14px;
  background: var(--white, #FFF);
  padding: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 820px) {
  .view-katalog .view-filters {
    margin-bottom: 20px;
    padding: 16px;
  }
}
.view-katalog .view-filters__label {
  display: flex;
  gap: 10px;
  align-items: center;
  color: var(--grafit-dark, #2C363F);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 20px;
  width: 100%;
}
@media screen and (max-width: 820px) {
  .view-katalog .view-filters__label {
    justify-content: center;
  }
}
.view-katalog .view-filters .views-exposed-form {
  margin: 0;
}
.view-katalog .view-filters .views-exposed-form > .form--inline {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}
@media screen and (max-width: 820px) {
  .view-katalog .view-filters .views-exposed-form > .form--inline {
    gap: 8px;
  }
}
.view-katalog .view-filters .views-exposed-form > .form--inline::after {
  display: none;
}
.view-katalog .view-filters .views-exposed-form > .form--inline fieldset.form-item {
  margin: 0;
  padding: 0;
  width: calc(33.333333% - 15px);
  position: relative;
}
@media screen and (max-width: 820px) {
  .view-katalog .view-filters .views-exposed-form > .form--inline fieldset.form-item {
    width: 100%;
    display: none;
  }
}
.view-katalog .view-filters .views-exposed-form > .form--inline fieldset.form-item > legend {
  border-radius: 8px;
  border: 1px solid var(--stroke, #E4E7ED);
  height: 50px;
  display: flex;
  width: 100%;
  align-items: center;
  padding: 10px;
  color: var(--grafit-dark, #2C363F);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.view-katalog .view-filters .views-exposed-form > .form--inline fieldset.form-item > legend:after {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  content: "";
  background-image: url("../images/icons/fe_arrow.svg");
  transform: rotate(90deg);
  margin-left: auto;
  transition: all 0.2s ease-in-out;
}
.view-katalog .view-filters .views-exposed-form > .form--inline fieldset.form-item.opened > legend {
  border-color: var(--grafit-dark);
}
.view-katalog .view-filters .views-exposed-form > .form--inline fieldset.form-item.opened > legend:after {
  transform: rotate(-90deg);
}
.view-katalog .view-filters .views-exposed-form > .form--inline fieldset.form-item.has_selected > legend {
  border-color: var(--red);
}
.view-katalog .view-filters .views-exposed-form > .form--inline fieldset.form-item .fieldset-wrapper {
  position: absolute;
  border-radius: 8px;
  background: var(--white, #FFF);
  box-shadow: 0 13px 32px 0 rgba(186, 192, 203, 0.26);
  height: 200px;
  overflow: auto;
  padding: 20px 10px;
  width: 100%;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 2;
  max-height: 0;
  opacity: 0;
  pointer-events: none;
  transition: max-height 0.2s ease-in-out;
}
.view-katalog .view-filters .views-exposed-form > .form--inline fieldset.form-item.opened .fieldset-wrapper {
  max-height: 200px;
  pointer-events: auto;
  opacity: 1;
}
.view-katalog .view-filters.viewed .views-exposed-form > .form--inline fieldset.form-item {
  display: block;
}

.menu--tegi {
  margin-bottom: 40px;
}
.menu--tegi .menu {
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
}
.menu--tegi .menu .menu-item a {
  display: flex;
  padding: 13px 14px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  border: 1px solid #CFD5E2;
  color: var(--grafit-dark);
  background: transparent;
}
.menu--tegi .menu .menu-item a:hover {
  background: var(--white);
  color: var(--red);
  border-color: var(--white);
  text-decoration: none;
}

.view-tegi-termina .views-field-field-tegi .field-content {
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}
.view-tegi-termina .views-field-field-tegi .field-content a {
  display: flex;
  padding: 10px 14px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  border: 1px solid #CFD5E2;
  color: var(--grafit-dark);
  background: transparent;
}
@media screen and (max-width: 1320px) {
  .view-tegi-termina .views-field-field-tegi .field-content a {
    font-size: 15px;
  }
}
@media screen and (max-width: 1140px) {
  .view-tegi-termina .views-field-field-tegi .field-content a {
    font-size: 14px;
  }
}
.view-tegi-termina .views-field-field-tegi .field-content a:hover {
  background: var(--white);
  color: var(--red);
  border-color: var(--white);
  text-decoration: none;
}
.view-tegi-termina .views-field-field-tegi .field-content a.hidden-link.collapsed {
  display: none;
}
.view-tegi-termina .show-more-btn {
  padding: 6px 0;
  background: transparent;
  color: var(--grafit-dark);
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  gap: 5px;
  align-items: center;
}
.view-tegi-termina .show-more-btn:after {
  width: 18px;
  height: 18px;
  aspect-ratio: 1/1;
  content: "";
  background-image: url(../images/icons/fe_arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  transform: rotate(-90deg);
}
.view-tegi-termina .show-more-btn:hover {
  background: transparent;
  color: var(--red);
}
.view-tegi-termina .show-more-btn.collapsed:after {
  transform: rotate(90deg);
}

.bef-exposed-form .form--inline > .form-item,
.bef-exposed-form .form--inline .js-form-wrapper > .form-item {
  float: none;
}

.view-commerce-cart-form .views-form {
  position: relative;
  padding-bottom: var(--padding-section);
}
.view-commerce-cart-form .views-form > form {
  display: flex;
  flex-direction: column;
  gap: 0.22rem;
}
.view-commerce-cart-form .views-row {
  display: flex;
  background: #FFFFFF;
  width: calc(65% - 1.11rem);
  position: relative;
  padding: 1.67rem;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
  border-radius: 1.33333rem;
  border: 1px solid #fff;
}
@media screen and (max-width: 820px) {
  .view-commerce-cart-form .views-row {
    width: 100%;
    padding: 5px;
    flex-wrap: wrap;
  }
}
.view-commerce-cart-form .views-row .views-field {
  padding: 5px;
}
.view-commerce-cart-form .views-row .views-field-rendered-entity-1,
.view-commerce-cart-form .views-row .views-field-rendered-entity,
.view-commerce-cart-form .views-row .views-field-field-izobrazheniya {
  width: 7.78rem;
}
@media screen and (max-width: 820px) {
  .view-commerce-cart-form .views-row .views-field-rendered-entity-1,
  .view-commerce-cart-form .views-row .views-field-rendered-entity,
  .view-commerce-cart-form .views-row .views-field-field-izobrazheniya {
    width: 30%;
  }
}
.view-commerce-cart-form .views-row .views-field-rendered-entity-1 img,
.view-commerce-cart-form .views-row .views-field-rendered-entity img,
.view-commerce-cart-form .views-row .views-field-field-izobrazheniya img {
  max-width: 7.78rem;
  width: auto;
  height: 7.78rem;
  display: block;
  border-radius: 0.66667rem;
}
@media screen and (max-width: 820px) {
  .view-commerce-cart-form .views-row .views-field-rendered-entity-1 img,
  .view-commerce-cart-form .views-row .views-field-rendered-entity img,
  .view-commerce-cart-form .views-row .views-field-field-izobrazheniya img {
    width: 100%;
  }
}
.view-commerce-cart-form .views-row .views-field-remove-button {
  position: absolute;
  top: 10px;
  right: 15px;
}
.view-commerce-cart-form .views-row .views-field-remove-button .views-label-remove-button {
  display: none !important;
}
.view-commerce-cart-form .views-row .views-field-remove-button .delete-order-item.button {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  color: var(--grey);
  border: none;
  cursor: pointer;
  text-transform: none;
  font-size: 0;
  width: 14px;
  height: 14px;
  background-image: url('data:image/svg+xml,        <svg width="14" height="14" viewBox="0 0 14 14" fill="rgb(223, 224, 230)" xmlns="http://www.w3.org/2000/svg">        <path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" />        </svg>');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.view-commerce-cart-form .views-row .views-field-remove-button .delete-order-item.button:hover {
  background-image: url('data:image/svg+xml,        <svg width="14" height="14" viewBox="0 0 14 14" fill="rgb(242, 95, 44)" xmlns="http://www.w3.org/2000/svg">        <path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" />        </svg>');
}
.view-commerce-cart-form .views-row .views-field-purchased-entity,
.view-commerce-cart-form .views-row .views-field-title {
  color: var(--grafit-dark, #2C363F);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.view-commerce-cart-form .views-row .views-field-purchased-entity a,
.view-commerce-cart-form .views-row .views-field-title a {
  color: var(--grafit-dark, #2C363F);
}
.view-commerce-cart-form .views-row .views-field-purchased-entity a:hover,
.view-commerce-cart-form .views-row .views-field-title a:hover {
  text-decoration: none;
  color: var(--red);
}
@media screen and (max-width: 820px) {
  .view-commerce-cart-form .views-row .views-field-purchased-entity,
  .view-commerce-cart-form .views-row .views-field-title {
    width: 70%;
    padding-left: 15px;
  }
}
.view-commerce-cart-form .views-row .views-field-total-price__number {
  font-weight: 500;
}
.view-commerce-cart-form .views-row .views-field-edit-quantity .views-label-edit-quantity,
.view-commerce-cart-form .views-row .views-field-edit-quantity .visually-hidden {
  display: none !important;
}
.view-commerce-cart-form .views-row .views-field-edit-quantity .input-group {
  display: flex;
  border: 1px solid #E6E8EE;
  border-radius: 5.55556rem;
  line-height: 1;
  background: #fff;
  font-weight: 600;
  font-size: 1rem;
}
.view-commerce-cart-form .views-row .views-field-edit-quantity .input-group .form-number {
  width: 60px;
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: var(--grafit-dark);
  padding: 5px;
  border: none;
  box-shadow: none;
  background: transparent;
  border-radius: 0;
  height: 60px;
}
.view-commerce-cart-form .views-row .views-field-edit-quantity .input-group .btn {
  height: 60px;
  width: 40px;
  border-radius: 0;
  background: transparent;
  color: var(--grafit-dark);
  box-shadow: none !important;
  padding: 0;
  min-width: unset !important;
}
.view-commerce-cart-form .views-row .views-field-edit-quantity .input-group .btn:hover {
  background: var(--red);
  color: #fff;
}
.view-commerce-cart-form .views-row .views-field-edit-quantity .input-group .btn.btn-decrement {
  border-radius: 5.55556rem 0 0 5.55556rem;
}
.view-commerce-cart-form .views-row .views-field-edit-quantity .input-group .btn.btn-increment {
  border-radius: 0 5.55556rem 5.55556rem 0;
}
.view-commerce-cart-form .cart_total_col {
  border-radius: 1.33333rem;
  background: #fff;
  position: absolute;
  right: 0;
  top: 0;
  padding: 1.67rem;
  width: 35%;
  min-height: calc(11.12rem + 10px);
}
@media screen and (max-width: 820px) {
  .view-commerce-cart-form .cart_total_col {
    position: unset;
    right: unset;
    top: unset;
    width: 100%;
    padding: 20px;
  }
  .view-commerce-cart-form .cart_total_col .button, .view-commerce-cart-form .cart_total_col .btn {
    padding-left: 20px;
    padding-right: 20px;
    margin: 0;
    width: 100%;
  }
}
.view-commerce-cart-form .cart_total_col .order-total-line__adjustment,
.view-commerce-cart-form .cart_total_col .order-total-line__subtotal {
  display: none;
}
.view-commerce-cart-form .cart_total_col .order-total-line__total {
  padding: 0;
  margin-bottom: 1.11rem;
  text-align: left;
  display: flex;
  align-items: flex-end;
  font-size: 1.11111rem;
  gap: 0.44rem;
}
.view-commerce-cart-form .cart_total_col .order-total-line__total .order-total-line-label {
  padding: 0;
  margin: 0;
}
.view-commerce-cart-form .cart_total_col .order-total-line__total .order-total-line-value {
  color: var(--color-2, #343439);
  font-size: 1.88889rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.01889rem;
}
.view-commerce-cart-form .cart_total_col .form-actions {
  margin: 0;
  padding: 0;
}
.view-commerce-cart-form .cart_total_col .form-actions .button {
  width: 100%;
  margin: 0;
}
@media screen and (max-width: 820px) {
  .view-commerce-cart-form .views-label-unit-price__number {
    display: none;
  }
}

body.path-checkout, body.path-cart {
  background: var(--color-5-bg, #F2F3F6);
}
body .ui-widget-overlay {
  background: rgba(52, 52, 57, 0.4) !important;
  opacity: 1 !important;
}
body .ui-widget.ui-widget-content {
  padding: 0 !important;
  border: none;
  border-radius: 20px !important;
  overflow: hidden;
  background: #fff !important;
}
body .ui-dialog .ui-widget-content.ui-dialog-buttonpane {
  padding: 20px;
  display: inline-flex;
  border: none;
  background: transparent;
  width: 100%;
}
body .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  border: none;
  background: transparent;
  width: 100%;
}
body .ui-dialog .ui-dialog-titlebar {
  background: #FFF !important;
  color: var(--color-2, #343439) !important;
  border: none;
  padding: 0 !important;
  position: relative;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  display: none;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  display: block;
  position: absolute;
  width: 1.77778rem;
  height: 1.77778rem;
  border: none;
  background: transparent;
  padding: 0;
  right: unset;
  left: 1.11rem;
  top: 1.11rem;
  z-index: 999;
  margin: 0;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close span {
  display: none;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:before, body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:after {
  content: "";
  transform: rotate(45deg);
  top: 50%;
  left: 0;
  width: 22px;
  height: 2px;
  background: #C7C8CB;
  display: block;
  position: absolute;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:after {
  transform: rotate(-45deg);
}
body .ui-dialog .ui-dialog-content {
  padding: 2.22rem;
  padding-top: 3.22rem;
  font-size: 1rem;
}
body [dir=ltr] .ui-dialog .ui-dialog-titlebar-close {
  right: 20px;
}

.ui-dialog .ui-dialog-content:not(:has(+ .ui-widget-content.ui-dialog-buttonpane)) {
  padding-inline: 2.22rem;
}
@media screen and (max-width: 820px) {
  .ui-dialog .ui-dialog-content:not(:has(+ .ui-widget-content.ui-dialog-buttonpane)) {
    padding: 1.25rem;
  }
}

.ajax-progress {
  position: fixed;
  z-index: 99999999;
  background: rgba(255, 255, 255, 0.6);
  background: linear-gradient(0deg, rgba(18, 31, 41, 0.74), rgba(18, 31, 41, 0.74));
  text-align: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.ajax-progress-throbber .throbber {
  display: inline-block;
  width: 80px;
  height: 80px;
  background: none;
  font-size: 0;
  padding: 0;
  margin: 10px;
}
.ajax-progress-throbber .throbber:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
.ajax-progress-throbber .throbber .message {
  display: inline;
  padding: 0 20px;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.cartmodal__title {
  color: var(--color-2, #343439);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 2rem;
}
@media screen and (max-width: 820px) {
  .cartmodal__title {
    margin-top: 1rem;
    font-size: 1.625rem;
    margin-bottom: 1.5rem;
  }
}
.cartmodal__prods {
  border-bottom: 1px solid var(--color-5-bg, #F2F3F6);
  margin-bottom: 1.11rem;
}
.cartmodal__prod {
  display: flex;
  gap: 1.11rem;
  padding-bottom: 1rem;
}
.cartmodal__prod .field--name-field-images {
  width: 7.7rem;
  border-radius: 1rem;
}
.cartmodal__prod .field--name-field-images img {
  border-radius: 1rem;
  width: 100%;
  height: auto;
  display: block;
}
.cartmodal__prod .field--name-title {
  color: var(--color-2, #343439);
  font-size: 1.22222rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0.56rem;
}
.cartmodal__text {
  color: var(--color-8-secondary, #A7A9B2);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 1rem;
}
.cartmodal__topbtns {
  display: flex;
  gap: 0.56rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 820px) {
  .cartmodal__topbtns {
    flex-direction: column;
    margin-bottom: 1rem;
  }
}
.cartmodal__topbtns a {
  text-decoration: none;
  border-radius: 5.55556rem;
  border: 1px solid var(--color-7-stroke-2, #DEE0E7);
  flex: 1;
  color: var(--color-2, #343439);
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 1rem;
  text-align: center;
}
.cartmodal__topbtns a:hover {
  text-decoration: none;
  background: var(--color-7-stroke-2, #DEE0E7);
  color: var(--color-2, #343439);
}
.cartmodal__btns {
  display: flex;
  gap: 0.56rem;
}
@media screen and (max-width: 820px) {
  .cartmodal__btns {
    flex-direction: column;
  }
}
.cartmodal__btns a {
  text-decoration: none;
  border-radius: 5.55556rem;
  border: 1px solid var(--color-5-bg, #F2F3F6);
  flex: 1;
  color: var(--color-3);
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 1rem;
  text-align: center;
  background: var(--color-5-bg, #F2F3F6);
}
.cartmodal__btns a:hover {
  text-decoration: none;
  background: var(--color-7-stroke-2, #DEE0E7);
  color: var(--color-2, #343439);
}
.cartmodal__btns a.cartmodal__btn__orange {
  background: var(--color-3, #D75F40);
  color: #fff;
}
.cartmodal__btns a.cartmodal__btn__orange:hover {
  background: var(--orange-hover);
  color: #fff;
}
.cartmodal .product__links {
  display: flex;
  flex-direction: column;
  gap: 0.22rem;
  margin-bottom: 2rem;
  margin-top: auto;
}
.cartmodal .product__link {
  padding: 1.3rem;
  display: flex;
  align-items: center;
  gap: 0.78rem;
  color: var(--color-2, #343439);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  border-radius: 0.66667rem;
  border: 1px solid var(--color-5-bg, #F2F3F6);
}
.cartmodal .product__link__icon {
  width: 1.78rem;
  height: auto;
  display: block;
  flex-shrink: 0;
}
.cartmodal .product__link__title {
  display: flex;
  flex: 1;
}
.cartmodal .product__link__title svg {
  margin-left: auto;
}
.cartmodal .product__link:hover {
  text-decoration: none;
}

body .ui-widget.ui-widget-content.cmouter {
  top: 2dvh !important;
  bottom: 2dvh !important;
  max-height: 96dvh !important;
  right: 2dvh !important;
  left: unset !important;
  z-index: 10001;
}
body .ui-widget.ui-widget-content.cmouter #drupal-modal {
  z-index: 10001;
  max-height: 100% !important;
}

.layout-checkout-form {
  display: flex;
  flex-flow: row wrap;
  gap: 0.56rem;
  align-items: flex-start;
  margin-bottom: var(--padding-section);
}
.layout-checkout-form .layout-region-checkout-footer {
  width: calc(35% - 20px);
  padding: 0;
}
@media screen and (max-width: 820px) {
  .layout-checkout-form .layout-region-checkout-footer {
    width: 100%;
  }
}
.layout-checkout-form .checkout-pane-order-summary {
  border-radius: 1.33333rem;
  background: #FFF;
  padding: 2.22rem;
}
.layout-checkout-form .order-total-line {
  padding: 5px 0;
  text-align: left;
  display: flex;
  flex-flow: row nowrap;
  gap: 6px;
  justify-content: space-between;
}
.layout-checkout-form .order-total-line-label {
  display: inline-block;
  padding: 0;
}
.layout-checkout-form .order-total-line-value {
  display: inline-block;
  text-align: right;
}
.layout-checkout-form .order-total-line__total {
  padding-top: 0;
  font-weight: normal;
}
.layout-checkout-form .order-total-line__total .order-total-line-label {
  color: var(--grafit-dark, #2C363F);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}
.layout-checkout-form .order-total-line__total .order-total-line-value {
  color: var(--red, #C4392F);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}
.layout-checkout-form .layout-region-checkout-main {
  width: 65%;
  border-radius: 1.33333rem;
  border: 1px solid #FFF;
  background: #FFF;
  padding: 2.22rem;
}
@media screen and (max-width: 820px) {
  .layout-checkout-form .layout-region-checkout-main {
    width: 100%;
    background-image: none;
  }
}
.layout-checkout-form .layout-region-checkout-main .form-composite > legend, .layout-checkout-form .layout-region-checkout-main .pane_title {
  color: var(--color-3, #D75F40);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 1.67rem;
}
.layout-checkout-form .layout-region-checkout-main .pane_inline {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}
@media screen and (min-width: 820px) {
  .layout-checkout-form .layout-region-checkout-main .pane_inline .form-item {
    width: calc(33.33333% - 13.5px);
  }
}
.layout-checkout-form .layout-region-checkout-main .pane_inline .form-item {
  margin: 0;
}
.layout-checkout-form .layout-region-checkout-main .pane_inline .form-item label {
  display: block;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 10px;
}
.layout-checkout-form .layout-region-checkout-main .pane_inline .form-item input[type=text],
.layout-checkout-form .layout-region-checkout-main .pane_inline .form-item input[type=email] {
  width: 100%;
  height: 60px;
  padding: 5px 15px;
  font-size: 18px;
  outline: none !important;
  border-radius: 8px;
  border: 1px solid var(--stroke, #E4E7ED);
  background: var(--grey, #F1F2F4);
}
.layout-checkout-form .layout-region-checkout-main .pane_inline .form-item input[type=text]:focus,
.layout-checkout-form .layout-region-checkout-main .pane_inline .form-item input[type=email]:focus {
  border-color: var(--grafit-dark, #2C363F);
}
.layout-checkout-form .layout-region-checkout-main .pane_inline .form-item.form-type-checkbox {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
}
.layout-checkout-form .layout-region-checkout-main .pane_inline .form-item.form-type-checkbox input {
  border-color: var(--grey-text-sec-2, #8F96AB);
}
.layout-checkout-form .layout-region-checkout-main .pane_inline .form-item.form-type-checkbox label {
  display: inline;
  color: var(--grey-text-sec-2, #8F96AB);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.layout-checkout-form .layout-region-checkout-main .checkout-pane-ms-payment-information {
  margin-bottom: 60px;
}
@media screen and (max-width: 820px) {
  .layout-checkout-form .layout-region-checkout-main .checkout-pane-ms-payment-information {
    margin-bottom: 30px;
  }
}
.layout-checkout-form .layout-region-checkout-main .checkout-pane-ms-payment-information .form-item, .layout-checkout-form .layout-region-checkout-main .checkout-pane-ms-payment-information .form-actions {
  margin: 0;
}
.layout-checkout-form .layout-region-checkout-main > .form-actions {
  margin: 30px 0 0;
}
.layout-checkout-form .layout-region-checkout-main > .form-actions .form-submit {
  width: 100%;
  text-transform: none;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}
.layout-checkout-form .product__links {
  display: flex;
  flex-flow: column wrap;
  gap: 10px;
  padding: 10px 0;
}
.layout-checkout-form .product__link {
  padding: 10px 20px;
  display: flex;
  border-radius: 8px;
  border: 1px solid var(--stroke, #E4E7ED);
  align-items: center;
  gap: 10px;
  color: var(--grafit-dark, #2C363F);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.layout-checkout-form .product__link__icon {
  flex-shrink: 0;
}
.layout-checkout-form .product__link__icon svg, .layout-checkout-form .product__link__icon img {
  width: 24px;
  display: block;
  height: auto;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}
.layout-checkout-form .product__link__arrow {
  margin-left: auto;
  flex-shrink: 0;
}
.layout-checkout-form .product__link__arrow svg, .layout-checkout-form .product__link__arrow img {
  width: 24px;
  display: block;
  height: auto;
  aspect-ratio: 1/1;
}
.layout-checkout-form .product__link:hover {
  text-decoration: none;
  border-color: var(--red);
}

.layout-region-checkout-footer {
  display: flex;
  flex-direction: column;
  gap: 0.63rem;
}

.view-commerce-checkout-order-summary > .view-content {
  padding: 0;
}
.view-commerce-checkout-order-summary > .view-content > .views-row {
  display: flex;
  flex-flow: row wrap;
  gap: 0;
  padding: 1.67rem 0;
  border-bottom: 1px solid #DAE0EA;
}
.view-commerce-checkout-order-summary > .view-content > .views-row .views-field-purchased-entity > .field-content > div {
  display: flex;
  gap: 1.11rem;
  align-items: center;
  color: var(--color-2, #343439);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.01rem;
}
.view-commerce-checkout-order-summary > .view-content > .views-row .views-field-purchased-entity > .field-content > div .field--name-field-images {
  width: 20%;
  border-radius: 0.66667rem;
  background: var(--white, #FFF);
  overflow: hidden;
}
.view-commerce-checkout-order-summary > .view-content > .views-row .views-field-purchased-entity > .field-content > div .field--name-field-images img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0.66667rem;
}
.view-commerce-checkout-order-summary > .view-footer {
  padding-top: 20px;
}

.checkout__label__sm {
  color: var(--color-2, #343439);
  font-size: 1.44444rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 0;
}

.checkout-complete {
  width: 100%;
  padding: 0;
  padding-top: 5rem;
  color: var(--color-2, #343439);
}
.checkout-complete__logo {
  margin-bottom: 3.33rem;
}
.checkout-complete__logo svg, .checkout-complete__logo img {
  display: block;
  max-width: 100%;
  width: 14.3rem;
}
.checkout-complete h2 {
  margin-top: 0;
  font-size: 2.77778rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 3.33rem;
}
.checkout-complete h2 em {
  font-style: normal;
  color: var(--color-3);
}
.checkout-complete p {
  margin-top: 0;
  margin-bottom: 1.11rem;
  font-size: 1.44444rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.checkout-complete__btns {
  display: flex;
  flex-flow: row wrap;
  gap: 0.56rem;
}
.checkout-complete__btns a {
  display: inline-flex;
  padding: 0.67rem 1rem;
  border-radius: 5.55556rem;
  border: 1px solid var(--color-2, #343439);
  align-items: center;
  gap: 0.56rem;
  color: var(--color-2, #343439);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.checkout-complete__btns a:hover {
  text-decoration: none;
  color: var(--color-3);
  border-color: var(--color-3);
}

.pane_title {
  color: var(--color-3, #D75F40);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 2.22rem;
}

.checkout-pane-shipping-information > .fieldset-wrapper {
  display: flex;
  flex-direction: column;
}
.checkout-pane-shipping-information > .fieldset-wrapper .form-item-shipping-information-shipping-profile-copy-to-address-book,
.checkout-pane-shipping-information > .fieldset-wrapper .button.form-submit {
  display: none !important;
}
.checkout-pane-shipping-information [id*=edit-shipping-information-shipments] {
  display: flex;
  flex-flow: row wrap;
  gap: 1.67rem 0.56rem;
}
.checkout-pane-shipping-information [id*=edit-shipping-information-shipments] .field--name-shipping-method {
  margin-bottom: 30px;
}
.checkout-pane-shipping-information [id*=edit-shipping-information-shipments] .field--type-datetime .label {
  color: var(--color-2, #343439);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 0.56rem;
  display: block;
  width: 100%;
}
.checkout-pane-shipping-information [id*=edit-shipping-information-shipments] .field--type-datetime .form-type-date {
  margin: 0;
  width: 100%;
}
.checkout-pane-shipping-information [id*=edit-shipping-information-shipments].field--type-datetime {
  flex-direction: column;
  gap: 0;
}
.checkout-pane-shipping-information [id*=edit-shipping-information-shipments].field--type-datetime [id*=edit-shipping-information-shipments] {
  width: 100%;
  gap: 0;
}
.checkout-pane-shipping-information .field--name-address {
  display: none;
}
.checkout-pane-shipping-information .form-type-radio .description, .checkout-pane-shipping-information .form-type-checkbox .description {
  color: var(--color-8-secondary, #A7A9B2);
  font-size: 0.88889rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

div[id*=edit-payment-information-billing-information] {
  display: none !important;
}

.checkout-pane {
  border: none;
  background: #fff;
  margin: 0;
  border-radius: 0;
  padding: 0;
}
.checkout-pane > legend {
  display: none !important;
}
.checkout-pane .form-composite {
  margin: 0;
  padding: 0;
  border: none;
}
.checkout-pane .form-composite > legend {
  display: block;
  width: 100%;
  margin: 0 0 25px;
  font-weight: 700;
  font-size: 22px;
  color: var(--grafit-dark);
}
.checkout-pane .form-composite > legend .form-required:after {
  display: none;
}
.checkout-pane .form-type-radio {
  margin-bottom: 10px;
}
.checkout-pane .form-type-radio input[type=radio] {
  display: none;
}
.checkout-pane .form-type-radio input[type=radio]:checked + label:before {
  border: 7px solid var(--red);
}
.checkout-pane .form-type-radio label {
  cursor: pointer;
  position: relative;
  margin-right: 0;
  line-height: 18px;
  user-select: none;
  font-weight: 400;
  font-size: 16px;
  color: var(--grafit-dark);
  display: flex;
  align-items: center;
}
.checkout-pane .form-type-radio label:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #FFFFFF;
  border: 1px solid #DEE0E7;
  box-sizing: border-box;
  margin-right: 10px;
  flex-shrink: 0;
}
.checkout-pane .form-type-radio input[type=radio]:disabled + label:before {
  filter: grayscale(100%);
}
.checkout-pane .form-item label:not(.option) {
  color: var(--color-2, #343439);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 0.56rem;
  display: block;
}
.checkout-pane .form-item select,
.checkout-pane .form-item input[type=email],
.checkout-pane .form-item input[type=time],
.checkout-pane .form-item input[type=date],
.checkout-pane .form-item input[type=text] {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid var(--color-7-stroke-2, #DEE0E7);
  height: 3.33rem;
  padding: 0.89rem;
  font-size: 1rem;
  outline: none !important;
  border-radius: 5.55556rem;
}
.checkout-pane .form-item select:focus,
.checkout-pane .form-item input[type=email]:focus,
.checkout-pane .form-item input[type=time]:focus,
.checkout-pane .form-item input[type=date]:focus,
.checkout-pane .form-item input[type=text]:focus {
  border-color: var(--grafit-dark);
}
.checkout-pane .form-item textarea {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid var(--color-7-stroke-2, #DEE0E7);
  height: 3.33rem;
  padding: 0.89rem;
  font-size: 1rem;
  outline: none !important;
  border-radius: 5.55556rem;
  min-height: 3.33rem;
}
.checkout-pane .form-item textarea:focus {
  border-color: var(--grafit-dark);
}

fieldset[id*=edit-order-fieldscheckout] {
  padding: 40px 30px;
  border: none;
  background: #fff;
  margin: 0 0 2px;
  border-radius: 12px;
  max-width: 970px;
}
fieldset[id*=edit-order-fieldscheckout] > legend {
  position: unset;
  display: block;
  float: left;
  width: 100%;
  margin: 0 0 25px;
  font-weight: 700;
  font-size: 22px;
  color: var(--grafit-dark);
}
fieldset[id*=edit-order-fieldscheckout] .fieldset-wrapper {
  clear: both;
  display: flex;
  flex-flow: row wrap;
  margin-left: -5px;
  margin-right: -5px;
}
fieldset[id*=edit-order-fieldscheckout] .fieldset-wrapper > .field--type-email,
fieldset[id*=edit-order-fieldscheckout] .fieldset-wrapper > .field--type-string {
  width: 33.3333%;
  padding: 5px;
}
@media screen and (max-width: 820px) {
  fieldset[id*=edit-order-fieldscheckout] .fieldset-wrapper > .field--type-email,
  fieldset[id*=edit-order-fieldscheckout] .fieldset-wrapper > .field--type-string {
    width: 100%;
  }
}
fieldset[id*=edit-order-fieldscheckout] .fieldset-wrapper > .field--type-email .form-item,
fieldset[id*=edit-order-fieldscheckout] .fieldset-wrapper > .field--type-string .form-item {
  margin: 0;
}
fieldset[id*=edit-order-fieldscheckout] .fieldset-wrapper > .field--type-email .form-item label,
fieldset[id*=edit-order-fieldscheckout] .fieldset-wrapper > .field--type-string .form-item label {
  display: block;
  font-weight: 400;
  font-size: 16px;
  color: var(--grafit-dark);
  margin-bottom: 10px;
}
fieldset[id*=edit-order-fieldscheckout] .fieldset-wrapper > .field--type-email .form-item input,
fieldset[id*=edit-order-fieldscheckout] .fieldset-wrapper > .field--type-string .form-item input {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #DEE0E7;
  border-radius: 6px;
  height: 60px;
  padding: 5px 15px;
  font-size: 18px;
  outline: none !important;
}
fieldset[id*=edit-order-fieldscheckout] .fieldset-wrapper > .field--type-email .form-item input:focus,
fieldset[id*=edit-order-fieldscheckout] .fieldset-wrapper > .field--type-string .form-item input:focus {
  border-color: var(--grafit-dark);
}

.checkout-order-summary {
  padding: 30px 0 0;
}
.checkout-order-summary .order-total-line {
  display: block;
  text-align: left;
  padding: 5px 0;
}
.checkout-order-summary .order-total-line .order-total-line-label {
  display: block;
  color: #919AA0;
  font-weight: 400;
  font-size: 16px;
}
.checkout-order-summary .order-total-line .order-total-line-value {
  color: var(--grafit-dark);
  font-weight: 700;
  font-size: 22px;
}
.checkout-order-summary .order-total-line.order-total-line__total {
  display: block;
  text-align: left;
}
.checkout-order-summary .order-total-line.order-total-line__total .order-total-line-value {
  font-size: 32px;
}

.checkout-pane-coupon-redemption {
  border: none;
  max-width: 970px;
  padding-top: 30px;
  padding-bottom: 20px;
}
.checkout-pane-coupon-redemption > .form-wrapper {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
}
.checkout-pane-coupon-redemption > .form-wrapper div[data-drupal-messages] {
  width: 100%;
  margin-bottom: 10px;
}
.checkout-pane-coupon-redemption .form-item-sidebar-coupon-redemption-form-code {
  display: flex;
  align-items: center;
  margin: 0;
  width: 50%;
}
@media screen and (max-width: 820px) {
  .checkout-pane-coupon-redemption .form-item-sidebar-coupon-redemption-form-code {
    width: 100%;
  }
}
.checkout-pane-coupon-redemption .form-item-sidebar-coupon-redemption-form-code label {
  display: none;
}
.checkout-pane-coupon-redemption .form-item-sidebar-coupon-redemption-form-code input.form-text {
  width: 100%;
  max-width: 100%;
  min-width: unset;
}
.checkout-pane-coupon-redemption input.form-text {
  background: #FFFFFF;
  border: 1px solid #DEE0E7;
  border-radius: 6px;
  height: 60px;
  padding: 5px 15px;
  font-size: 18px;
  outline: none !important;
}
.checkout-pane-coupon-redemption .button {
  padding-left: 30px;
  padding-right: 30px;
  background: #183247;
}
@media screen and (max-width: 820px) {
  .checkout-pane-coupon-redemption .button {
    margin: 0;
    width: 100%;
    margin-top: 5px;
  }
}
.checkout-pane-coupon-redemption .button:hover {
  opacity: 0.8;
}
.checkout-pane-coupon-redemption .coupon-redemption-form__coupons h3 {
  display: block;
  color: #919AA0;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 10px;
}
.checkout-pane-coupon-redemption .coupon-redemption-form__coupons .button {
  padding: 0;
  background: transparent;
  height: auto;
  color: var(--red);
  font-weight: bold;
}
.checkout-pane-coupon-redemption .coupon-redemption-form__coupons table {
  font-size: 20px;
}

.checkout-pane-shipping-information {
  margin-top: 2.22rem;
}

.checkout-pane {
  display: flex;
  flex-flow: row wrap;
  gap: 0.56rem;
}
.checkout-pane .field--name-shipping-method,
.checkout-pane .pane_title {
  width: 100%;
}
.checkout-pane .form-item, .checkout-pane .form-actions {
  margin-top: 0;
  margin-bottom: 0;
}
.checkout-pane .field--name-field-data-dostavki,
.checkout-pane .field--name-field-ulica,
.checkout-pane .field--name-field-naselennyy-punkt {
  width: calc(25% - 0.42rem);
}
@media screen and (max-width: 820px) {
  .checkout-pane .field--name-field-data-dostavki,
  .checkout-pane .field--name-field-ulica,
  .checkout-pane .field--name-field-naselennyy-punkt {
    width: 100%;
  }
}
.checkout-pane .field--name-field-kommentariy {
  width: calc(75% - 0.14rem);
}
@media screen and (max-width: 820px) {
  .checkout-pane .field--name-field-kommentariy {
    width: 100%;
  }
}
.checkout-pane .field--name-field-kommentariy .form-type-textarea {
  width: 100%;
}
.checkout-pane .field--name-field-dom,
.checkout-pane .field--name-field-kv-ofis,
.checkout-pane .field--name-field-podezd,
.checkout-pane .field--name-field-etazh {
  width: calc(12.5% - 0.49rem);
}
@media screen and (max-width: 820px) {
  .checkout-pane .field--name-field-dom,
  .checkout-pane .field--name-field-kv-ofis,
  .checkout-pane .field--name-field-podezd,
  .checkout-pane .field--name-field-etazh {
    width: 100%;
  }
}
.checkout-pane .field--name-mail,
.checkout-pane .field--name-field-order-phone,
.checkout-pane .field--name-field-order-fio {
  width: calc(33.333333% - 0.3733333333rem);
}
@media screen and (max-width: 820px) {
  .checkout-pane .field--name-mail,
  .checkout-pane .field--name-field-order-phone,
  .checkout-pane .field--name-field-order-fio {
    width: 100%;
  }
}
.checkout-pane .field--name-field-soglasie {
  width: 100%;
}
.checkout-pane .field--name-field-soglasie .form-type-checkbox .form-required::after {
  display: none;
}
.checkout-pane .field--name-field-soglasie .form-type-checkbox input {
  position: absolute;
  opacity: 0;
}
.checkout-pane .field--name-field-soglasie .form-type-checkbox input + label {
  position: relative;
  padding-left: 1.8rem;
  color: var(--color-2, #343439);
  font-size: 0.88889rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.checkout-pane .field--name-field-soglasie .form-type-checkbox input + label:before {
  content: "";
  display: block;
  position: absolute;
  width: 1rem;
  height: 1rem;
  aspect-ratio: 1/1;
  border-radius: 0.16667rem;
  border: 1px solid var(--color-7-stroke-2, #DEE0E7);
  background: var(--color-7-stroke-2, #DEE0E7);
}
.checkout-pane .field--name-field-soglasie .form-type-checkbox input:checked + label:before {
  background: #F78263;
  border-color: #fff;
}
.checkout-pane .field--name-field-soglasie .form-type-checkbox input:checked + label:after {
  content: "";
  position: absolute;
  left: 2px;
  top: 1px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  display: block;
  background: transparent;
}
.checkout-pane.checkout-pane-adv-file-upload {
  border-radius: 1.33333rem;
  padding: 2.22rem;
  background-color: var(--color-3, #D75F40);
  background-image: url("../images/checkoutorders.svg");
  background-repeat: no-repeat;
  background-position: 90% 100%;
  color: #fff;
}
.checkout-pane.checkout-pane-adv-file-upload .form-type-managed-file {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  position: relative;
}
.checkout-pane.checkout-pane-adv-file-upload .form-type-managed-file .description {
  order: -1;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.checkout-pane.checkout-pane-adv-file-upload .form-type-managed-file > label {
  display: inline-flex;
  width: auto;
  padding: 1rem 2.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 6.25rem;
  border: 1px solid var(--color-1, #FFF);
  color: var(--color-1, #FFF);
  font-size: 1.125rem;
  font-style: normal;
  line-height: normal;
  cursor: pointer;
  font-weight: 500;
  text-shadow: none;
  transition: all 0.2s ease-in-out;
}
.checkout-pane.checkout-pane-adv-file-upload .form-type-managed-file > label:hover {
  background: #FFF;
  color: var(--color-3);
}
.checkout-pane.checkout-pane-adv-file-upload .form-type-managed-file input[type=file] {
  opacity: 0;
  position: absolute;
}
.checkout-pane.checkout-pane-adv-file-upload .form-type-managed-file .form-managed-file {
  display: flex;
  align-items: center;
}
.checkout-pane.checkout-pane-adv-file-upload .form-type-managed-file .form-managed-file .file a {
  color: #fff;
}
.checkout-pane.checkout-pane-adv-file-upload .form-type-managed-file .form-managed-file .file a:hover {
  opacity: 0.85;
  text-decoration: none;
}

.article.teaser {
  border-radius: 1.125rem;
  overflow: hidden;
  position: relative;
  display: block;
}
.article.teaser .field--name-field-image {
  aspect-ratio: 1/1;
  border-radius: 1.125rem;
  background: var(--color-1, #FFF);
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.article.teaser .field--name-field-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.article.teaser .field--name-field-data {
  color: #C7C8CB;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}
@media screen and (max-width: 820px) {
  .article.teaser .field--name-field-data {
    font-size: 0.88889rem;
  }
}
.article.teaser .field--name-title {
  color: var(--color-2, #343439);
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 0.62rem;
}
@media screen and (max-width: 820px) {
  .article.teaser .field--name-title {
    font-size: 1.22222rem;
  }
}
.article.teaser .show_more {
  display: flex;
  padding: 0.75rem 1.0625rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 6.25rem;
  background: var(--color-1, #FFF);
  color: var(--color-2, #343439);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media screen and (max-width: 820px) {
  .article.teaser .show_more {
    border: 1px solid;
    background: transparent;
    padding: 0.67rem 2.5rem;
  }
}
.article.teaser .article__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.62rem;
  padding-top: 1.81rem;
}
.article.teaser .article__logo {
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
  height: 2rem;
  width: auto;
  display: flex;
  z-index: 2;
}
.article.teaser:hover {
  text-decoration: none;
}
.article.teaser:hover .field--name-title {
  color: var(--color-3, #D75F40);
}
.article.full .article__content {
  display: flex;
  gap: 2.5rem;
  flex-flow: row nowrap;
}
@media screen and (max-width: 820px) {
  .article.full .article__content {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 820px) {
  .article.full .article__body {
    width: 100%;
  }
}
.article.full .article__col {
  width: 25%;
  flex-shrink: 0;
}
@media screen and (max-width: 820px) {
  .article.full .article__col {
    order: -1;
    width: 100%;
  }
}
.article.shapka {
  height: auto;
  min-height: 27rem;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  background-image: url("../images/blog_top_bg.jpg");
  background-size: cover;
  background-position: center;
  border-radius: 1rem;
  margin-bottom: 4.4rem;
  padding: 2rem;
  position: relative;
}
@media screen and (max-width: 820px) {
  .article.shapka {
    padding: 1.11rem;
  }
}
.article.shapka:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(30, 30, 30, 0.4);
  border-radius: 1rem;
  pointer-events: none;
}
.article.shapka h1 {
  margin: 0;
  color: #fff;
  z-index: 1;
}

.table_oc {
  position: sticky;
  top: 10rem;
}
.table_oc__title {
  color: var(--color-2, #343439);
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 1.25rem;
}
.table_oc ol,
.table_oc ul {
  margin: 0;
  padding: 0;
}
.table_oc ol {
  list-style: none;
  padding-left: 0;
  counter-reset: toc-counter;
}
.table_oc ol li {
  position: relative;
  padding-left: 2.5rem;
  margin-bottom: 1.25rem;
}
.table_oc ol li::before {
  content: counter(toc-counter);
  counter-increment: toc-counter;
  position: absolute;
  left: 0;
  top: 0;
  width: 1.875rem;
  height: 1.875rem;
  background: var(--color-5-bg, #F2F3F6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  color: var(--color-8-secondary, #A7A9B2);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.table_oc ol li a {
  text-decoration: none;
  color: var(--color-2, #343439);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.table_oc ol li a:hover {
  color: var(--color-3);
  text-decoration: none;
}

.uslugi.teaser {
  display: flex;
  flex-direction: column;
  background: var(--color-1, #FFF);
  border-radius: 0.88889rem;
  position: relative;
  color: var(--color-2, #343439);
  height: 100%;
}
.uslugi.teaser ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.uslugi.teaser ul li {
  position: relative;
  padding-left: 1rem;
  margin-bottom: 0.5rem;
}
.uslugi.teaser ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 0.375rem;
  height: 0.375rem;
  background: var(--color-3);
  border-radius: 50%;
}
.uslugi.teaser em {
  font-style: normal;
  color: var(--color-3, #D75F40);
}
.uslugi.teaser .uslugi__info {
  border-radius: 0.88889rem;
  background: var(--color-1, #FFF);
  display: flex;
  padding: 2.22222rem 1.6rem;
  flex-direction: column;
  gap: 1.11rem;
}
.uslugi.teaser .uslugi__title {
  color: var(--color-2, #343439);
  font-size: 1.44444rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  transition: all 0.2s ease-in-out;
}
.uslugi.teaser .field--name-field-tax-img {
  margin-top: auto;
}
.uslugi.teaser .field--name-field-tax-img img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0.88889rem;
}
.uslugi.teaser .teas_icon {
  position: absolute;
  bottom: 1.11rem;
  right: 1.11rem;
  display: flex;
  width: 2.44444rem;
  height: 2.44444rem;
  padding: 0.66667rem;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 5.55556rem;
  background: var(--color-1, #FFF);
  color: var(--color-2);
  transition: all 0.2s ease-in-out;
}
.uslugi.teaser:hover {
  text-decoration: none;
}
.uslugi.teaser:hover .uslugi__title {
  color: var(--color-3);
}
.uslugi.teaser:hover .teas_icon {
  background: var(--color-3);
  color: #fff;
}
.uslugi.katalog {
  display: flex;
  position: relative;
  color: var(--color-2, #343439);
}
@media screen and (max-width: 820px) {
  .uslugi.katalog {
    flex-direction: column;
  }
}
.uslugi.katalog .teas_icon {
  position: absolute;
  top: 0.56rem;
  right: 0.56rem;
  display: flex;
  width: 2.44444rem;
  height: 2.44444rem;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: var(--color-1, #FFF);
  color: var(--color-2, #343439);
}
@media screen and (max-width: 820px) {
  .uslugi.katalog .teas_icon {
    top: unset;
    bottom: 8rem;
  }
}
.uslugi.katalog .uslugi__title {
  color: var(--color-2, #343439);
  font-size: 1.77778rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 1.67rem;
  display: block;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 820px) {
  .uslugi.katalog .uslugi__title {
    font-size: 1.44rem;
  }
}
.uslugi.katalog .uslugi__title span {
  display: inline-block;
  border-bottom: 1px dashed #A7A9B2;
}
.uslugi.katalog .uslugi__info {
  display: flex;
  padding: 2.22222rem;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 1rem;
  background: var(--color-1, #FFF);
  width: 70%;
}
@media screen and (max-width: 820px) {
  .uslugi.katalog .uslugi__info {
    width: 100%;
    padding: 1.67rem;
  }
}
.uslugi.katalog .uslugi__info ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.78rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.uslugi.katalog .uslugi__info ul li {
  position: relative;
  padding-left: 1rem;
}
.uslugi.katalog .uslugi__info ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 0.375rem;
  height: 0.375rem;
  background: var(--color-3);
  border-radius: 50%;
}
.uslugi.katalog .uslugi__info em {
  font-style: normal;
  color: var(--color-8-secondary, #A7A9B2);
}
.uslugi.katalog .field--name-field-izobrazhenie-uslugi {
  width: 30%;
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 820px) {
  .uslugi.katalog .field--name-field-izobrazhenie-uslugi {
    width: 100%;
    height: 11rem;
  }
}
.uslugi.katalog .field--name-field-izobrazhenie-uslugi img {
  width: 100%;
  display: block;
  border-radius: 1rem;
  height: 100%;
  object-fit: cover;
}
.uslugi.katalog .field--name-field-izobrazhenie-uslugi:before {
  width: 18.66667rem;
  height: 18.66667rem;
  margin: -9.5rem -9.5rem 0 0;
  border-radius: 18.66667rem;
  opacity: 0.6;
  background: var(--color-3, #D75F40);
  filter: blur(100px);
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  display: block;
  transition: all 0.2s ease-in-out;
}
.uslugi.katalog:hover {
  text-decoration: none;
}
.uslugi.katalog:hover .teas_icon,
.uslugi.katalog:hover .uslugi__title {
  color: var(--color-3);
}
.uslugi.katalog:hover .field--name-field-izobrazhenie-uslugi:before {
  margin-top: -7rem;
}

.service_forkids {
  display: inline-flex;
  align-items: center;
  gap: 0.62rem;
  color: var(--color-2, #343439);
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 2.44rem;
}
.service_forkids svg {
  width: 1.77778rem;
  height: auto;
  display: block;
}

.service__head {
  display: flex;
  padding-bottom: 3.78rem;
}
@media screen and (max-width: 820px) {
  .service__head {
    flex-wrap: wrap;
  }
}
.service__head__info {
  border-radius: 1.22222rem;
  background: var(--color-3, #D75F40);
  padding: 3.33rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
@media screen and (max-width: 820px) {
  .service__head__info {
    width: 100%;
    padding: 2.88889rem 1.66667rem;
  }
}
.service__head__info .btn__bordered {
  padding: 1rem 1.67rem;
  border-radius: 5.55556rem;
  border: 2px solid var(--color-1, #FFF);
  color: #fff;
}
.service__head .field--name-field-tax-img,
.service__head .field--name-field-izobrazhenie {
  width: 50%;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
  .service__head .field--name-field-tax-img,
  .service__head .field--name-field-izobrazhenie {
    width: 40%;
    overflow: hidden;
    border-radius: 1.22222rem;
  }
}
@media screen and (max-width: 820px) {
  .service__head .field--name-field-tax-img,
  .service__head .field--name-field-izobrazhenie {
    width: 100%;
  }
}
.service__head .field--name-field-tax-img img,
.service__head .field--name-field-izobrazhenie img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 1.22222rem;
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
  .service__head .field--name-field-tax-img img,
  .service__head .field--name-field-izobrazhenie img {
    height: 100%;
    max-width: unset;
    width: auto;
  }
}

.tlink {
  border-radius: 0.77778rem;
  border: 1px solid var(--color-6-stroke, #E0E6F7);
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 1.67rem;
  aspect-ratio: 2/1;
  justify-content: center;
  color: var(--color-2, #343439);
  font-size: 1.22222rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.tlink__icon {
  position: absolute;
  bottom: 1.11rem;
  right: 1.11rem;
  display: flex;
  width: 2.44444rem;
  height: 2.44444rem;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 5.55556rem;
  background: var(--color-3, #D75F40);
  color: #fff;
}
.tlink:hover {
  text-decoration: none;
  border-color: var(--color-3);
  color: var(--color-3);
}

.cmod-opened {
  position: relative;
}
.cmod-opened:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(30, 50, 70, 0.6);
  z-index: 998;
  pointer-events: none;
}

.creadless,
.creadmore {
  color: var(--color-3);
  text-decoration: none;
  font-size: 16px;
  background: transparent;
  border: none;
  padding: 0;
  margin-top: 5px;
}
.creadless:hover,
.creadmore:hover {
  text-decoration: underline;
}

.review {
  border-radius: 1.125rem;
  background: var(--color-1, #FFF);
  padding: 1.67rem;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 820px) {
  .review {
    padding: 1.11rem;
  }
}
.review__content {
  margin-bottom: 1.1rem;
}
.review__content.closed .field--name-body {
  max-height: 155px;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 820px) {
  .review__content.closed .field--name-body {
    max-height: 150px;
  }
}
.review__actions {
  margin-bottom: 2.9rem;
  display: flex;
  flex-flow: row wrap;
  gap: 1.1rem;
}
.review__actions a, .review__actions button {
  margin: 0;
  padding: 0;
  color: var(--color-3, #D75F40);
  font-size: 0.77778rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-color: #F7EAE6;
}
.review__actions a:hover, .review__actions button:hover {
  text-decoration-color: var(--color-3);
}
.review .field--name-body {
  overflow: hidden;
  font-size: 18px;
  line-height: 140%;
}
@media screen and (max-width: 820px) {
  .review .field--name-body {
    font-size: 16px;
    line-height: 133%;
  }
}
.review .field--name-body p:first-child {
  margin-top: 0;
}
.review .field--name-body p:last-child {
  margin-bottom: 0;
}
.review.cread-opened {
  position: absolute;
  width: calc(100% - 10px);
  height: auto !important;
  z-index: 999;
  max-height: 60dvh;
  overflow: auto;
}
.review.cread-opened .review__content.closed .field--name-body {
  max-height: unset;
}
.review.cread-opened .creadmore {
  opacity: 0 !important;
}
.review__footer {
  margin-top: auto;
  display: flex;
  color: var(--color-8-secondary, #A7A9B2);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  align-items: center;
  gap: 0.78rem;
}
@media screen and (max-width: 820px) {
  .review__footer {
    font-size: 0.88889rem;
  }
}
.review__footer__del {
  width: 0.27778rem;
  height: 0.27778rem;
  aspect-ratio: 1/1;
  background: var(--color-3, #D75F40);
  display: block;
  border-radius: 100%;
}
.review .photoswipe:before {
  content: "Оригинал";
}

.oborudovanie {
  display: flex;
  padding: 3.22rem;
  border-radius: 0.88889rem;
  background: var(--color-5-bg, #F2F3F6);
  gap: 1%;
}
@media screen and (max-width: 820px) {
  .oborudovanie {
    padding: 1.11rem;
    flex-wrap: wrap;
  }
}
.oborudovanie .field--name-field-izobrazhenie {
  width: 44%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 820px) {
  .oborudovanie .field--name-field-izobrazhenie {
    width: 100%;
  }
}
.oborudovanie .field--name-field-izobrazhenie img {
  height: 24rem;
  width: auto;
  display: block;
  max-width: 100%;
}
.oborudovanie .field--name-field-opisanie {
  color: var(--color-2, #343439);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.oborudovanie__title {
  color: var(--color-2, #343439);
  font-size: 2.22222rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 1.11rem;
}
@media screen and (max-width: 820px) {
  .oborudovanie__title {
    font-size: 1.44444rem;
  }
}
.oborudovanie__info {
  width: 55%;
}
@media screen and (max-width: 820px) {
  .oborudovanie__info {
    width: 100%;
  }
}

.text-content,
.text_content {
  color: var(--dark-text-main, #272528);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.text-content a:not(.btn),
.text_content a:not(.btn) {
  color: var(--red);
}
.text-content a:not(.btn):hover,
.text_content a:not(.btn):hover {
  text-decoration: none;
  color: var(--red-hover);
}
.text-content blockquote,
.text_content blockquote {
  margin: 0;
  padding-left: 1.875rem;
  border-left: 0.25rem solid var(--color-3);
}
.text-content blockquote h3,
.text_content blockquote h3 {
  background: var(--color-3);
  margin-top: 0;
  margin-bottom: 1.25rem;
  display: inline-flex;
  padding: 0.375rem;
  color: #FFF;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: 0.04063rem;
  text-transform: uppercase;
}
.text-content blockquote p,
.text_content blockquote p {
  margin-top: 0;
}
.text-content blockquote p:last-child,
.text_content blockquote p:last-child {
  margin-bottom: 0;
}
.text-content h2,
.text_content h2 {
  color: var(--black, #3C4240);
  margin-top: 2.5rem;
  font-size: 2.125rem;
  line-height: 110%;
  margin-bottom: 1.88rem;
}
@media screen and (max-width: 820px) {
  .text-content h2,
  .text_content h2 {
    font-size: 1.44444rem;
  }
}
.text-content h3,
.text_content h3 {
  margin-top: 2rem;
  color: var(--black, #3C4240);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 1.88rem;
}
.text-content h4,
.text-content .field--name-field-zagolovok,
.text_content h4,
.text_content .field--name-field-zagolovok {
  margin-top: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 1.88rem;
  color: var(--color-3, #D75F40);
  font-size: 1.25rem;
}
.path-node-11 .paragraph--type--tekst .text-content h4,
.path-node-11 .paragraph--type--tekst .text-content .field--name-field-zagolovok,
.path-node-11 .paragraph--type--tekst .text_content h4,
.path-node-11 .paragraph--type--tekst .text_content .field--name-field-zagolovok {
  color: var(--color-2);
  font-size: 2.77778rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 2.22rem;
  margin-top: 0;
}
@media screen and (max-width: 820px) {
  .path-node-11 .paragraph--type--tekst .text-content h4,
  .path-node-11 .paragraph--type--tekst .text-content .field--name-field-zagolovok,
  .path-node-11 .paragraph--type--tekst .text_content h4,
  .path-node-11 .paragraph--type--tekst .text_content .field--name-field-zagolovok {
    font-size: 1.77778rem;
  }
}
.text-content ul,
.text_content ul {
  list-style: none;
  padding-left: 0;
}
.text-content ul li,
.text_content ul li {
  position: relative;
  padding-left: 1rem;
  margin-bottom: 0.5rem;
}
.text-content ul li::before,
.text_content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 0.375rem;
  height: 0.375rem;
  background: var(--color-3);
  border-radius: 50%;
}
.text-content h1, .text-content h2, .text-content h3, .text-content h4, .text-content h5, .text-content h6, .text-content p, .text-content ul,
.text-content .field--name-field-zagolovok,
.text_content h1,
.text_content h2,
.text_content h3,
.text_content h4,
.text_content h5,
.text_content h6,
.text_content p,
.text_content ul,
.text_content .field--name-field-zagolovok {
  max-width: 71rem;
}
.text-content h1:first-child, .text-content h2:first-child, .text-content h3:first-child, .text-content h4:first-child, .text-content h5:first-child, .text-content h6:first-child, .text-content p:first-child, .text-content ul:first-child,
.text-content .field--name-field-zagolovok:first-child,
.text_content h1:first-child,
.text_content h2:first-child,
.text_content h3:first-child,
.text_content h4:first-child,
.text_content h5:first-child,
.text_content h6:first-child,
.text_content p:first-child,
.text_content ul:first-child,
.text_content .field--name-field-zagolovok:first-child {
  margin-top: 0;
}
.text-content h1:last-child, .text-content h2:last-child, .text-content h3:last-child, .text-content h4:last-child, .text-content h5:last-child, .text-content h6:last-child, .text-content p:last-child, .text-content ul:last-child,
.text-content .field--name-field-zagolovok:last-child,
.text_content h1:last-child,
.text_content h2:last-child,
.text_content h3:last-child,
.text_content h4:last-child,
.text_content h5:last-child,
.text_content h6:last-child,
.text_content p:last-child,
.text_content ul:last-child,
.text_content .field--name-field-zagolovok:last-child {
  margin-bottom: 0;
}
.text-content img,
.text_content img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 1rem;
  margin: 2.5rem 0;
}
.text-content .table,
.text_content .table {
  width: 100%;
  border: none;
  margin-bottom: 20px;
  color: var(--black, #3C4240);
  font-size: 1.125rem;
  border-collapse: collapse;
}
.text-content .table th,
.text_content .table th {
  font-weight: 500;
  text-align: left;
}
.text-content .table th, .text-content .table td,
.text_content .table th,
.text_content .table td {
  color: #444441;
  padding: 0.88rem 1.25rem;
  border: 1px solid #E9E9E9;
}
.text-content .table th:first-child, .text-content .table td:first-child,
.text_content .table th:first-child,
.text_content .table td:first-child {
  border-left-color: transparent;
}
.text-content .table th:last-child, .text-content .table td:last-child,
.text_content .table th:last-child,
.text_content .table td:last-child {
  border-right-color: transparent;
}
.text-content iframe,
.text_content iframe {
  margin-top: 40px;
  margin-bottom: 40px;
  border-radius: 16px;
  width: 100% !important;
  max-width: 700px;
  aspect-ratio: 16/9;
  height: auto !important;
}
.text-content iframe:first-child,
.text_content iframe:first-child {
  margin-top: 0;
}
.text-content iframe:last-child,
.text_content iframe:last-child {
  margin-bottom: 0;
}

.paragraph--type--tekst.section__grey__ww .field--name-field-zagolovok {
  color: var(--color-2, #343439);
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
@media screen and (max-width: 820px) {
  .paragraph--type--tekst.section__grey__ww .field--name-field-zagolovok {
    font-size: 1.44rem;
  }
}
.paragraph--type--tekst.section__grey__ww .field--name-field-tekst {
  border-radius: 1.11111rem;
  background: var(--color-1, #FFF);
  padding: 2.22rem;
}
@media screen and (max-width: 820px) {
  .paragraph--type--tekst.section__grey__ww .field--name-field-tekst {
    padding: 1.66667rem 1.11111rem;
  }
}
.paragraph--type--tekst.section__grey__ww .text-content h3,
.paragraph--type--tekst.section__grey__ww .text_content h3 {
  color: var(--color-2, #343439);
  font-size: 1.22222rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 1.11rem;
  margin-top: 1.11rem;
}
.paragraph--type--tekst.section__grey__ww .text-content h3:first-child,
.paragraph--type--tekst.section__grey__ww .text_content h3:first-child {
  margin-top: 0;
}
.paragraph--type--tekst.section__grey__ww .text-content h3:last-child,
.paragraph--type--tekst.section__grey__ww .text_content h3:last-child {
  margin-bottom: 0;
}

.bform {
  display: flex;
  flex-flow: row wrap;
  width: var(--container-w);
  max-width: calc(100% - 20px);
  margin: 0 auto;
}
@media screen and (max-width: 820px) {
  .bform {
    max-width: 100%;
  }
}
.bform__form {
  width: 50%;
  border-radius: 1.375rem;
  background: var(--color-3, #D75F40);
  padding: 4rem;
  display: flex;
  flex-flow: row wrap;
  gap: 1.12rem 0.56rem;
}
@media screen and (max-width: 1140px) {
  .bform__form {
    width: 70%;
  }
}
@media screen and (max-width: 820px) {
  .bform__form {
    width: 100%;
    padding: 3.3rem 1.11rem;
  }
}
.bform__form .form-item, .bform__form .form-actions {
  margin: 0;
}
.bform__form .form-item-soglasie,
.bform__form .form-type-processed-text {
  width: 100%;
}
.bform__form .form-type-textfield {
  width: calc(37% - 0.56rem);
}
@media screen and (max-width: 820px) {
  .bform__form .form-type-textfield {
    width: 100%;
  }
}
.bform__form .form-actions {
  width: 26%;
}
@media screen and (max-width: 820px) {
  .bform__form .form-actions {
    width: 100%;
  }
}
.bform__form .form-actions .btn {
  width: 100%;
}
.bform__img {
  width: 50%;
  border-radius: 1rem;
  background-image: url("../images/forms_bg.jpg");
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 1140px) {
  .bform__img {
    width: 30%;
  }
}
@media screen and (max-width: 820px) {
  .bform__img {
    width: 100%;
    min-height: 22rem;
  }
}
.bform input[type=text] {
  padding: 0.9rem 1.2rem;
  border-radius: 12.5rem;
  border: 1px solid var(--color-1, #FFF);
  width: 100%;
  background: transparent;
  color: #fff;
  font-size: 1rem;
  transition: all 0.2s ease-in-out;
}
.bform input[type=text]:focus, .bform input[type=text]:active {
  outline: none;
  border-color: #F78263;
}
.bform input[type=text]::placeholder {
  color: #F09780;
}
.bform input[type=text]::-webkit-input-placeholder {
  color: #F09780;
}
.bform input[type=text]::-moz-placeholder {
  color: #F09780;
  opacity: 1;
}
.bform input[type=text]:-ms-input-placeholder {
  color: #F09780;
}
.bform .form-type-checkbox input {
  position: absolute;
  opacity: 0;
}
.bform .form-type-checkbox label {
  color: #FAB09D;
  font-size: 0.77778rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  padding-left: 1.8rem;
  position: relative;
}
.bform .form-type-checkbox label a {
  text-decoration: underline;
  color: #FAB09D;
}
.bform .form-type-checkbox label a:hover {
  color: #fff;
}
.bform .form-type-checkbox label:before {
  content: "";
  display: block;
  position: absolute;
  width: 1.11111rem;
  height: 1.11111rem;
  aspect-ratio: 1/1;
  border-radius: 0.22222rem;
  border: 1px solid #F78263;
  background: transparent;
}
.bform .form-type-checkbox input:checked + label:before {
  background: #F78263;
  border-color: #fff;
}
.bform .form-type-checkbox input:checked + label:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 1px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  display: block;
  background: transparent;
}
.bform .form-type-checkbox .form-required::after {
  display: none;
}
.bform .form-type-processed-text {
  color: #fff;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
}
.bform .form-type-processed-text .form__title {
  color: var(--color-1, #FFF);
  font-size: 2.22222rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 0.44rem;
}
@media screen and (max-width: 820px) {
  .bform .form-type-processed-text .form__title {
    font-size: 1.77778rem;
  }
}
.bform .form-type-processed-text p {
  margin-top: 0;
}
.bform .webform-confirmation__message {
  color: #fff;
}

.view-poisk > .view-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.view-poisk > .view-content .views-row {
  font-size: 1.3rem;
}
.view-poisk > .view-content .views-row .views-field-counter {
  padding-right: 5px;
}
.view-poisk > .view-content .views-row .views-field-counter .field-content:after {
  content: ".";
}
.view-poisk > .view-content .views-row a {
  color: var(--color-3);
}

.cookies-fallback,
.cookies-fallback * {
  box-sizing: border-box;
}

.cookies-fallback {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 1.25rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid #e4e5e6;
  background: #fff url("data:image/svg+xml,") no-repeat 2rem 2rem scroll;
  background-size: 75px auto;
}
.cookies-fallback--btn {
  -webkit-appearance: none;
  outline: none;
  border: 0;
  background-color: var(--color-accent);
  color: #fff;
  text-transform: uppercase;
  padding: 0 2em;
  margin: 1.25rem;
  font-size: 1rem;
  min-height: 3em;
  cursor: pointer;
  z-index: 1;
  opacity: 0.9;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: all 0.3s ease;
}
.cookies-fallback--btn:hover {
  opacity: 1;
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}
.cookies-fallback--text {
  color: #000f37;
  font-size: 1.125rem;
}
.cookies-fallback--link {
  font-size: 0.875rem;
  color: #000f37;
  text-decoration: none;
  border: 0;
}
.cookies-fallback--link:hover {
  text-decoration: underline;
}
.cookies-fallback--wrap.disabled {
  position: relative;
  min-height: 12rem;
}
.cookies-fallback--wrap.disabled .cookies-fallback {
  display: flex;
}
.cookies-fallback--wrap.disabled .cookies-fallback--element {
  opacity: 0;
}

#cookiesjsr {
  --default-margin: 1.25em;
  --font-size-reset: 1.1rem;
  --btn-font-color: #fff;
  --btn-border-color: #fff;
  --btn-bg-color: #D75F40;
  --btn-prime-font-color: #D75F40;
  --btn-prime-border-color: #D75F40;
  --cc-link-hover: #FB714D;
  --btn-prime-bg-color: #fff;
  --btn-inv-font-color: #3C4240;
  --btn-inv-border-color: #3C4240;
  --btn-inv-bg-color: #fff;
  --btn-prime-inv-font-color: #fff;
  --btn-prime-inv-border-color: #3C4240;
  --btn-prime-inv-bg-color: #3C4240;
  --link-list-font-color: #3C4240;
  --link-list-separator-color: #3C4240;
  --banner-logo-offset: 100px;
  --banner-bg-color: #fff;
  --banner-font-color: #3C4240;
  --layer-header-height: 3.5em;
  --layer-header-bg-color: #fff;
  --layer-header-font-color: #3C4240;
  --layer-body-bg-color: #fff;
  --layer-tab-bg-color: #fff;
  --layer-tab-font-color: #3C4240;
  --layer-tab-active-bg-color: #3C4240;
  --layer-tab-active-font-color: #fff;
  --layer-bg-dark: #3C4240;
  --layer-font-light: #fff;
  --layer-font-dark: #3C4240;
  --layer-border-color: #e4e5e6;
  --layer-footer-bg-color: #fff;
  --layer-footer-font-color: #3C4240;
  --layer-footer-height: 4.5em;
  --switch-border-color: #e4e5e6;
  --switch-handle-color: #fff;
  --switch-bg-off: #fff;
  --switch-always-on-font-color: rgb(20, 82, 66);
  --switch-always-on-bg-color: rgb(50, 206, 164);
}

#cookies-docs {
  margin-bottom: 100px;
}

.cookies-docs table {
  margin-bottom: 30px;
  border-collapse: collapse;
  border-spacing: 0;
}
.cookies-docs table th,
.cookies-docs table td {
  padding: 10px;
  border: 1px solid #ddd;
}
.cookies-docs dd {
  margin-inline-start: 0;
}

.cookiesjsr-banner {
  overflow: visible;
}
.cookiesjsr-banner.active:before {
  content: "";
  display: block;
  left: 0;
  right: 0;
  bottom: 100%;
  position: fixed;
  background: hsla(0, 0%, 5%, 0.5);
  height: 100dvh;
}

.cookiesjsr-service-group.active .cookiesjsr-service-group--content {
  background: #ffffff;
  color: #3C4240;
}

.cookiesjsr-service--description h3 {
  color: #3C4240;
}

.cookiesjsr-service--links a, .cookiesjsr-service--links a:active, .cookiesjsr-service--links a:hover, .cookiesjsr-service--links a:visited {
  color: #3C4240;
}

.cookiesjsr-service--always-on span {
  background: rgb(50, 206, 164);
  color: rgb(20, 82, 66);
}

.cookiesjsr-switch {
  background-color: rgb(118, 118, 118);
  height: 30px;
}
.cookiesjsr-switch::after {
  top: 5px;
  left: 5px;
}

.cookiesjsr-switch.active:after {
  left: 20px;
}

.cookies-docs-service__info {
  overflow: auto;
}

.user-logged-in .region-cookies {
  overflow: hidden;
}

.pd_form {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.pd_form__title {
  font-weight: 600;
  font-size: 24px;
}
.pd_form__btns {
  display: flex;
  gap: 16px;
  flex-flow: row wrap;
}
.pd_form__btns button {
  height: 50px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 20px;
  border: 1px solid #3C4240;
  background: #fff;
  color: #3C4240;
  transition: all 0.2s ease-in-out;
}
.pd_form__btns button.pd_yes {
  background: #3C4240;
  color: #fff;
}
.pd_form__btns button:hover {
  opacity: 0.8;
}

.cookiesjsr-links.links--row li a {
  color: #3C4240;
  text-decoration: underline;
}

.cookiesjsr-btn {
  text-transform: none;
  border-radius: 38px;
  font-size: 1em;
}

.cookiesjsr-links.links--row li a:hover {
  color: var(--cc-link-hover);
}

.webform-submission-otzyv-soglasiya-na-obrabotku-per-form {
  max-width: 100%;
  width: 600px;
}
.webform-submission-otzyv-soglasiya-na-obrabotku-per-form input[type=text],
.webform-submission-otzyv-soglasiya-na-obrabotku-per-form input[type=email],
.webform-submission-otzyv-soglasiya-na-obrabotku-per-form textarea {
  display: block;
  width: 100%;
  height: 50px;
  border-radius: 3px;
  border: 1px solid #E4E8EE;
  padding: 6px 12px;
  font-size: 16px;
  color: #000;
  background-color: #FFF;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.webform-submission-otzyv-soglasiya-na-obrabotku-per-form textarea {
  height: auto;
}

.view-filters__title {
  color: var(--color-2, #343439);
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.02rem;
  margin-bottom: 3rem;
}
.view-filters__exp .bef-exposed-form > .form--inline {
  display: flex;
  flex-direction: column;
  gap: 2.22rem;
}
.view-filters__exp .bef-exposed-form > .form--inline::after {
  display: none;
}
.view-filters__exp .views-exposed-form .form-actions {
  width: 100%;
  display: flex;
  gap: 0.6rem;
}
.view-filters__exp .views-exposed-form .form-actions .button[name=reset] {
  background-color: transparent;
  background: var(--color-5-bg, #F2F3F6);
  color: var(--color-3, #343439);
}
.view-filters__exp .views-exposed-form .form-actions .button[name=reset]:hover {
  background: var(--color-3, #D75F40);
  color: #fff;
}
.view-filters__exp .views-exposed-form .form-actions .button {
  height: 3.3rem;
}
.view-filters__exp .form--inline .form-item {
  margin: 0;
}
.view-filters__exp fieldset {
  margin: 0;
  border: none;
  padding: 0;
  background: transparent;
}
.view-filters__exp fieldset > legend {
  position: unset;
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  background: transparent;
  color: var(--color-2, #343439);
  font-size: 1.22222rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.01222rem;
  margin-bottom: 1.11rem;
}
.view-filters__exp .bef-checkboxes {
  display: flex;
  flex-direction: column;
  gap: 0.56rem;
}
.view-filters__exp .bef-checkboxes .form-type-checkbox {
  position: relative;
}
.view-filters__exp .bef-checkboxes .form-type-checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.view-filters__exp .bef-checkboxes .form-type-checkbox input[type=checkbox] + label {
  color: var(--color-2, #343439);
  font-size: 1.11111rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.01111rem;
  transition: all 0.2s ease-in-out;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.view-filters__exp .bef-checkboxes .form-type-checkbox input[type=checkbox] + label:hover {
  color: var(--color-3);
}
.view-filters__exp .bef-checkboxes .form-type-checkbox input[type=checkbox] + label:before {
  content: "";
  width: 1.44444rem;
  height: 1.44444rem;
  aspect-ratio: 1/1;
  border-radius: 0.22222rem;
  border: 1px solid var(--color-8-secondary, #A7A9B2);
  margin-right: 0.56rem;
  display: inline-flex;
  transition: all 0.2s ease-in-out;
}
.view-filters__exp .bef-checkboxes .form-type-checkbox input[type=checkbox]:checked + label:before {
  background-color: var(--color-3);
  border-color: var(--color-3);
}
.view-filters__exp .bef-checkboxes .form-type-checkbox input[type=checkbox]:checked + label:after {
  content: "";
  position: absolute;
  left: 0.43rem;
  top: 0.1rem;
  width: 0.5rem;
  height: 0.9rem;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  display: block;
  background: transparent;
}
.view-filters__exp .form-item-price__number-max,
.view-filters__exp .form-item-price__number-min {
  display: none;
}
.view-filters__exp .bef-slider {
  margin-top: 3.4rem;
}
.view-filters__exp .bef-slider.noUi-horizontal.noUi-target {
  background: var(--color-5-bg, #F2F3F6);
  border-radius: 1px;
  border: 1px solid var(--color-5-bg, #F2F3F6);
  box-shadow: none;
  height: 6px;
}
.view-filters__exp .bef-slider.noUi-horizontal .noUi-tooltip {
  border-radius: 8px;
  background: var(--color-5-bg, #F2F3F6);
  border-color: var(--color-5-bg, #F2F3F6);
  box-shadow: none;
  padding: 10px 27px;
  color: var(--color-2, #343439);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.18px;
  bottom: 145%;
}
.view-filters__exp .bef-slider.noUi-horizontal .noUi-handle-lower .noUi-tooltip {
  left: 0;
  transform: none;
}
.view-filters__exp .bef-slider.noUi-horizontal .noUi-handle-upper .noUi-tooltip {
  left: unset;
  right: 0;
  transform: none;
}
.view-filters__exp .bef-slider.noUi-horizontal .noUi-connect {
  background: var(--color-3);
}
.view-filters__exp .bef-slider.noUi-horizontal .noUi-handle {
  border: 1px solid #FFF;
  border-radius: 100%;
  background: var(--color-3);
  cursor: grab;
  box-shadow: none;
  width: 30px;
  height: 30px;
  aspect-ratio: 1/1;
  top: -12px;
}
.view-filters__exp .bef-slider.noUi-horizontal .noUi-handle::after, .view-filters__exp .bef-slider.noUi-horizontal .noUi-handle::before {
  display: none;
}
.view-filters__exp .form-item-sort-bef-combine {
  display: none;
}

.exposed_panel {
  display: flex;
  width: 100%;
  padding: 1.44444rem 1.66667rem;
  align-items: center;
  gap: 1.11rem;
  border-radius: 0.77778rem;
  background: var(--color-5-bg, #F2F3F6);
  margin-bottom: 3rem;
}
.exposed_panel__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.56rem;
  color: var(--color-2);
  font-size: 1.22222rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background: transparent;
  border: none;
  padding: 0;
}
.exposed_panel__btn svg {
  color: var(--color-3);
}
.exposed_panel__sort {
  margin-left: auto;
}
.exposed_panel__sort .form-type-select {
  font-weight: 700;
}
.exposed_panel__sort .form-type-select label {
  color: var(--color-8-secondary, #A7A9B2);
  font-size: 1.22222rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.exposed_panel__sort .form-type-select .form-select {
  border: none;
  padding: 0;
  background: transparent;
  box-shadow: none;
  color: var(--color-2, #343439);
  font-size: 1.22222rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.01222rem;
}

#exposedModal {
  z-index: 10001;
}
#exposedModal .modal__content {
  padding-left: 2.22rem;
  padding-bottom: 2.22rem;
  padding-right: 2.22rem;
}
#exposedModal .modal__content .view-filters__exp .views-exposed-form .form-actions {
  position: sticky;
  bottom: 0;
}

@media screen and (max-width: 820px) {
  .view-filters__title {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .exposed_panel {
    flex-wrap: wrap;
    padding: 1rem;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
  }
  .exposed_panel__sort {
    margin-left: 0;
    width: 100%;
  }
  #exposedModal .modal__content {
    padding-left: 1.11rem;
    padding-bottom: 1.11rem;
    padding-right: 1.11rem;
  }
}

/*# sourceMappingURL=styles.css.map */