@charset "UTF-8";

/*scss breakpoints*/

/* Padding / Margin */

/*root*/
* {
  margin: 0;
  padding: 0;
}
:root {
  --page-max-width: 1480px;
  --page-gap: calc((100vw - var(--page-max-width)) / 2);
  --grid-column-gap: 20px;
  --grid-row-gap: 0px;
  --table-border-color: #69899f;
  --border-radius: 10px;
  --transition: 0.3s;
  --sandwich-width: 18px;
  --sandwich-height: 12px;
  --sandwich-el-height: 2px;
  --sandwich-def-color: var(--color-white);
  --arrow: path(
    "M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L7.70711 6.29289C8.09763 6.68342 8.09763 7.31658 7.70711 7.70711L1.70711 13.7071C1.31658 14.0976 0.683417 14.0976 0.292893 13.7071C-0.0976311 13.3166 -0.0976311 12.6834 0.292893 12.2929L5.58579 7L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893Z"
  );
  --search: path(
    "M0.45,0.108 C0.261,0.108,0.108,0.261,0.108,0.45 C0.108,0.64,0.261,0.793,0.45,0.793 C0.64,0.793,0.793,0.64,0.793,0.45 C0.793,0.261,0.64,0.108,0.45,0.108 M0,0.45 C0,0.202,0.202,0,0.45,0 C0.699,0,0.901,0.202,0.901,0.45 C0.901,0.699,0.699,0.901,0.45,0.901 C0.202,0.901,0,0.699,0,0.45 M0.692,0.692 C0.713,0.671,0.748,0.671,0.769,0.692 L0.984,0.908 C1,0.929,1,0.963,0.984,0.984 C0.963,1,0.929,1,0.908,0.984 L0.692,0.769 C0.671,0.748,0.671,0.713,0.692,0.692"
  );
  --check: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6673 1L5.50065 10.1667L1.33398 6' stroke='%23E19E3A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  --icon-height: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21' viewBox='0 0 12 21' fill='none'%3E%3Cpath d='M9 6L6 3C4.4379 4.5621 4.5621 4.4379 3 6' stroke='%23293C6C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 18V4' stroke='%23293C6C' stroke-width='2'/%3E%3Cpath d='M3 16L6 19C7.5621 17.4379 7.4379 17.5621 9 16' stroke='%23293C6C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --icon-weight: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.73391 6.43687L0.0376702 14.3522L0.0378674 14.352C-0.0697967 14.8532 0.0548258 15.3762 0.377231 15.7747C0.699436 16.1732 1.18471 16.4047 1.69719 16.4043H14.1355C14.648 16.4047 15.1333 16.1732 15.4555 15.7747C15.7779 15.3762 15.9025 14.8532 15.7948 14.352L14.0986 6.43668L14.0988 6.43687C14.0171 6.05729 13.8079 5.71733 13.506 5.47341C13.204 5.22949 12.8275 5.09659 12.4394 5.09678H10.8507C11.252 4.40641 11.3967 3.59636 11.2597 2.80958C11.1224 2.02279 10.712 1.30976 10.1008 0.795668C9.48952 0.28178 8.71631 0 7.91772 0C7.11912 0 6.34612 0.28178 5.73485 0.795668C5.12339 1.30976 4.71303 2.02279 4.57598 2.80958C4.43874 3.59636 4.58347 4.40641 4.98495 5.09678H3.39326C3.00519 5.09658 2.62874 5.22949 2.32666 5.47341C2.02477 5.71733 1.81555 6.05726 1.73393 6.43687H1.73391ZM14.1354 14.7086H1.69706L3.39329 6.79326H12.4393L14.1354 14.7086ZM6.22008 3.401C6.22008 2.95121 6.39893 2.51976 6.717 2.20169C7.03506 1.88343 7.46653 1.70477 7.9163 1.70477C8.36608 1.70477 8.79754 1.88343 9.11561 2.20169C9.43368 2.51975 9.61253 2.95122 9.61253 3.401C9.61253 3.85078 9.43368 4.28223 9.11561 4.6003C8.79755 4.91837 8.36608 5.09702 7.9163 5.09702C7.46653 5.09702 7.03507 4.91836 6.717 4.6003C6.39893 4.28224 6.22008 3.85077 6.22008 3.401Z' fill='%23293C6C'/%3E%3C/svg%3E%0A");
  --icon-xls: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='25' fill='none'%3E%3Cpath fill='%23243768' d='M21.991 7.24299h-.1654l.1654-.0221c-.0215-.15805-.0957-.30529-.2116-.41993l-6.88-6.567315c-.038-.036919-.0802-.069742-.1257-.097879l-.033-.018944c-.0353-.0208124-.0717-.0397845-.1091-.0568322l-.0595-.0157869c-.0308-.0127637-.063-.0222916-.0959-.028416C14.4228.00569654 14.3686.00041103 14.3142 0H3.27184c-.21921 0-.42944.0831624-.58444.231193-.15501.14803-.24209.348802-.24209.558148V9.27633c0 .20935.08708.41012.24209.55815.155.14803.36523.23122.58444.23122.2192 0 .42943-.08319.58444-.23122.155-.14803.24208-.3488.24208-.55815V1.58815h9.38934v5.72746c.0008.20855.0877.40836.2418.55612.1541.14777.363.23156.5814.23322l6.0369.03157V23.4213H4.09836v-1.2219c0-.2093-.08708-.4101-.24208-.5581-.15501-.1481-.36524-.2312-.58444-.2312-.21921 0-.42944.0831-.58444.2312-.15501.148-.24209.3488-.24209.5581v2.0113c0 .2093.08708.4101.24209.5581.155.148.36523.2312.58444.2312H21.1743c.2193 0 .4295-.0832.5845-.2312.155-.148.2421-.3488.2421-.5581V7.35034c-.0001-.03599-.0034-.0719-.0099-.10735Zm-6.8503-.71356V2.70586l4.0268 3.84251-4.0268-.01894Z'/%3E%3Cpath fill='%23243768' d='M17.5074 11.3636H.825975c-.219063 0-.429152.08-.584053.2224C.0870221 11.7284 0 11.9216 0 12.123v7.5722c0 .2014.0870221.3945.241922.5369.154901.1424.36499.2224.584053.2224H17.5074c.219 0 .4291-.08.584-.2224.1549-.1424.2419-.3355.2419-.5369V12.123c0-.2014-.087-.3946-.2419-.537-.1549-.1424-.365-.2224-.584-.2224ZM6.35009 18.0884v-.0273l-.80284-1.376-.83919 1.4033H3.58803l1.36121-2.0836-1.3579-2.2538h1.16958l.01652.0304.80284 1.464.83589-1.4944h1.1035l-1.3612 2.2143 1.36451 2.1262-1.17289-.0031Zm4.29511 0H7.92605V13.751h1.04734v3.4718h1.68831l-.0165.8656Zm3.0462-.2794c-.336.2458-.7571.372-1.1861.3554-.4451-.0089-.8879-.0598-1.3216-.1519l-.2941-.0517.1091-.7684h.0561c.4575.0627.9187.1003 1.3811.1124.446 0 .6608-.164.6608-.4951.0072-.0484.0017-.0977-.0161-.1437s-.0474-.0873-.0864-.1206c-.2063-.1079-.429-.1867-.6607-.2339-.4146-.085-.8023-.2565-1.1333-.5011-.1141-.1093-.2024-.2391-.2593-.3813-.0569-.1422-.0811-.2937-.0711-.4449-.0146-.1848.0178-.3703.0946-.5416.0769-.1714.1961-.3239.3481-.4455.3433-.2297.7623-.3434 1.1861-.322.4315.0075.8615.0492 1.2853.1245l.2973.0517-.0958.7806h-.0595c-.631-.0638-1.0836-.0972-1.3414-.0972-.6806 0-.6806.3037-.6806.3948-.0001.0517.0141.1024.0413.1476.0272.0452.0664.0833.114.1106.2704.1265.5537.2283.8458.3037.3569.0855.6879.2444.9681.4648.1037.111.1826.2398.2319.379.0494.1392.0682.286.0555.432.0137.1936-.0198.3877-.0981.5679-.0783.1803-.1994.3422-.3545.4739h-.0165Z'/%3E%3C/svg%3E");
  --new-height: 336px;
}

*::-webkit-scrollbar {
  width: 14px;
  height: 14px;
  margin: 10px;
  border: 4px solid rgba(0, 0, 0, 0);
}

*::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  background-color: var(--color-new-blue);
}

*:hover::-webkit-scrollbar-thumb {
  background-color: var(--color-blue);
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: overlay;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: var(--font-family);
}

body {
  scroll-behavior: smooth;
  margin: 0;
  padding: 0;
  font-size: var(--font-size);
  line-height: var(--text-line-height);
  color: var(--text-color-def);
  overflow-x: hidden;
  min-width: 360px;
}

.header {
  position: relative;
  width: 100%;
}

.header .layout {
  max-width: var(--page-max-width);
}

section {
  width: 100%;
}

section .section__inner {
  width: 100%;
}

.footer.full-width {
  padding-left: var(--page-gap);
  padding-right: var(--page-gap);
}

.footer.full-width .layout {
  max-width: 100%;
}

.icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  will-change: transform;
}

.icon svg {
  min-width: 17px;
  min-height: 17px;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
}

use {
  -webkit-transition: fill 0.3s ease-in-out;
  transition: fill 0.3s ease-in-out;
  fill: var(--color-blue);
}

a {
  text-decoration: none;
  color: var(--link-color-def);
  font-weight: 500;
  -webkit-transition: color 200ms ease-in-out, text-shadow 100ms ease-in-out;
  transition: color 200ms ease-in-out, text-shadow 100ms ease-in-out;
  -webkit-transition: -webkit-transform var(--transition);
  transition: -webkit-transform var(--transition);
  transition: transform var(--transition);
  transition: transform var(--transition), -webkit-transform var(--transition);
  cursor: pointer;
}

a span:not(.icon) {
  display: inline-block;
  position: relative;
  padding-bottom: 1px;
}

a span:not(.icon)::before,
a span:not(.icon)::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 4px;
  right: 0;
  height: 2px;
  border-bottom: 1px solid var(--color-blue);
  -webkit-transition: opacity var(--transition), width var(--transition);
  transition: opacity var(--transition), width var(--transition);
}

a span:not(.icon)::before {
  width: 0px;
  opacity: 0;
}

a span:not(.icon)::after {
  width: 100%;
  opacity: 0.2;
}

a.arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  line-height: 54px;
  font-size: 16px;
  border-bottom: 1px solid var(--color-light-blue);
  -webkit-transition: gap var(--transition) ease-in-out;
  transition: gap var(--transition) ease-in-out;
}

a.arrow-small {
  border: none;
}

a.arrow span::after,
a.arrow span::before {
  content: unset;
}

a.arrow:hover {
  gap: 22px;
}

a.arrow.line {
  line-height: unset;
  height: 54px;
  gap: unset;
}

a.arrow.line span::after,
a.arrow.line span::before {
  content: "";
}

a.arrow .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 22px;
  height: 22px;
}

a.arrow::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  position: absolute;
  right: 25px;
  width: 8px;
  height: 14px;
  background-color: var(--color-red);
  -webkit-clip-path: var(--arrow);
  clip-path: var(--arrow);
  top: 0;
  bottom: 0;
  margin: auto 0;
}

a.arrow-small {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 21px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  line-height: 54px;
  white-space: nowrap;
  font-size: 16px;
  -webkit-transition: gap var(--transition) ease-in-out;
  transition: gap var(--transition) ease-in-out;
}

a.arrow-small::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  position: relative;
  right: 0px;
  width: 8px;
  height: 14px;
  background-color: var(--color-new-blue);
  -webkit-clip-path: var(--arrow);
  clip-path: var(--arrow);
}

a.arrow-small span::after,
a.arrow-small span::before {
  content: none;
}

a:hover span:not(.icon)::before {
  opacity: 0.6;
  width: 100%;
}

a[href*="tel:"] {
  border: 0 !important;
}

a[href*=".xls"] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 32px;
  position: relative;
}

a[href*=".xls"]::before {
  content: "";
  position: absolute;
  left: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-size: cover;
  background-image: var(--icon-xls);
  width: 22px;
  height: 25px;
  margin-right: 10px;
}

a.dashed span::before,
a.dashed span::after {
  border: 1px dashed;
}

a.noline {
  border: none !important;
}

a.noline span::before,
a.noline span::after {
  content: unset;
}

a.link {
  text-decoration: underline;
}

a.button span::before,
a.button span::after {
  content: unset;
}

a.button:hover {
  color: #fff;
}

button,
.button {
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 190px;
  height: 38px;
  padding: 10px 15px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #fff;
  border: 0;
  cursor: pointer;
  background: var(--color-new-blue);
  -webkit-transition: all 200ms;
  transition: all 200ms;
  border: 1px solid rgba(255, 255, 255, 0.1);
  justify-content: center;
}

button[disabled],
.button[disabled] {
  opacity: 0.7;
}

button:hover,
.button:hover {
  background: var(--color-new-blue-dark);
}

button_arrow,
.button_arrow {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 19px;
}

button_arrow::after,
.button_arrow::after {
  content: "";
  display: block;
  width: 8px;
  height: 14px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-size: cover;
  background-color: var(--color-white);
  -webkit-clip-path: var(--arrow);
  clip-path: var(--arrow);
}

button_blue,
button_inverse,
.button_blue,
.button_inverse {
  color: var(--color-blue2);
  background-color: transparent;
  color: var(--text-color-def);
  border: 1px solid var(--color-new-blue);
}

button_blue:hover,
button_inverse:hover,
.button_blue:hover,
.button_inverse:hover {
  color: var(--text-color-inverse);
}

button_blue.button_arrow::after,
button_inverse.button_arrow::after,
.button_blue.button_arrow::after,
.button_inverse.button_arrow::after {
  background-color: var(--color-new-blue);
}

button_blue.button_arrow:hover::after,
button_inverse.button_arrow:hover::after,
.button_blue.button_arrow:hover::after,
.button_inverse.button_arrow:hover::after {
  background-color: var(--color-white);
}

button.active,
.button.active {
  color: var(--text-color-inverse);
  background-color: var(--color-blue);
  border: none;
  border: 1px solid var(--color-blue) !important;
}

.fancybox__container button {
  min-width: unset;
}

p {
  padding-bottom: 0;
  margin-bottom: 20px;
  line-height: 150%;
}

strong {
  font-weight: 600;
}

/*selection*/

::-moz-selection {
  background-color: var(--color-blue);
  color: var(--text-color-inverse);
}

::selection {
  background-color: var(--color-blue);
  color: var(--text-color-inverse);
}

.no-selection {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*PAGE*/

.page__body {
  height: 100vh;
  margin: 0 auto;
}

.page__body.modal-opened {
  position: fixed;
  right: 0;
  left: 0;
}

.page__inner {
  position: relative;
  -webkit-transition: -webkit-filter 0.2s;
  transition: -webkit-filter 0.2s;
  transition: filter 0.2s;
  transition: filter 0.2s, -webkit-filter 0.2s;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.main {
  margin-bottom: auto;
}

/*IMAGES*/

picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 100%;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

picture > img {
  align-self: normal;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

ul li {
  margin-left: 0;
  padding-left: 0;
  line-height: 150%;
}

ul ul {
  margin-left: 2rem;
}

ul.check-list li {
  padding-left: 30px;
  margin-bottom: 30px;
  position: relative;
}

ul.check-list li::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  display: block;
  left: 0;
  top: 8px;
  width: 16px;
  height: 12px;
  background-image: var(--check);
  background-repeat: no-repeat;
  background-size: cover;
}

.table {
  overflow-x: hidden;
  width: 100%;
}

.table > table,
.table,
.base-table {
  min-width: 350px;
  border-spacing: 0;
  border: 0;
  table-layout: fixed;
  width: 100%;
  text-align: left;
  margin-bottom: 16px;
  table-layout: auto;
}

.table > table thead,
.table thead,
.base-table thead {
  background: #f9f9f9;
  color: var(--color-blue);
  font-size: 15px;
  font-weight: 400 !important;
}

.table > table thead td,
.table thead td,
.base-table thead td {
  padding: 33px 19px;
}

.table > table tbody td,
.table tbody td,
.base-table tbody td {
  padding: 28px 19px;
}

.table > table tr,
.table > table th,
.table > table td,
.table tr,
.table th,
.table td,
.base-table tr,
.base-table th,
.base-table td {
  margin: 0;
  padding: 0;
  border: 0;
}

.table > table tr,
.table tr,
.base-table tr {
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}

.table > table tr:hover,
.table tr:hover,
.base-table tr:hover {
  background: rgba(0, 0, 0, 0.02);
}
/* Уменьшаем высоту второй строки */
.table tr.sub-row td {
  padding: 11px 20px;
}
.table > table tr.remove,
.table tr.remove,
.base-table tr.remove {
  opacity: 0;
  -webkit-filter: blur(15px);
  filter: blur(15px);
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.table > table td,
.table td,
.base-table td {
  width: auto;
  border-bottom: 1px solid var(--color-light-blue);
}

.table > table td:first-child,
.table td:first-child,
.base-table td:first-child {
  border-left: 1px solid var(--color-light-blue);
}

.table > table td:last-child,
.table td:last-child,
.base-table td:last-child {
  border-right: 1px solid var(--color-light-blue);
}

.table > table th,
.table th,
.base-table th {
  padding: 11px 17px;
}

h3 + .table,
h3 + table {
  margin-top: 40px;
}

select {
  cursor: pointer;
  position: relative;
  z-index: 1;
}

select::-webkit-scrollbar {
  width: 14px;
  border-radius: 3px;
  margin: 10px;
  border: 4px solid rgba(0, 0, 0, 0);
}

select::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 9999px;
  background-color: #dedede;
}

select:hover::-webkit-scrollbar-thumb {
  background-color: #aaaaaa;
}

.select-dropdown {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.select-dropdown > select {
  cursor: pointer;
  height: 35px;
  width: 100%;
  border: 0;
  outline: none;
  border: 1px solid #bdc7e0;
  border-radius: 0;
  padding: 0 30px 0 16px;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  font-size: 15px;
  position: relative;
}

.select-dropdown::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 8px;
  height: 14px;
  background-color: var(--color-new-blue);
  -webkit-clip-path: var(--arrow);
  clip-path: var(--arrow);
  right: 12px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  z-index: 1;
  position: absolute;
  pointer-events: none;
}

.select-dropdown.active::after {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.select-dropdown.inverse select {
  border-color: #caa282;
  background-color: var(--color-new-blue);
  color: var(--text-color-inverse);
}

.select-dropdown.inverse select option {
  background-color: var(--color-white);
  color: var(--text-color-def);
}

.select-dropdown.inverse::after {
  background-color: var(--color-white);
}

input,
input[type="text"],
input[type="tel"],
input[type="password"],
textarea {
  font-family: var(--font-family);
  font-size: 15px;
  line-height: 120%;
  min-width: 198px;
  width: 100%;
  max-width: 100%;
  height: 47px;
  padding: 16px;
  background-color: #ffffff;
  border: 1px solid #ececec;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bdc7e0;
  -webkit-transition: border, background, color;
  transition: border, background, color;
  -webkit-transition-delay: var(--transition);
  transition-delay: var(--transition);
}

input::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* Most modern browsers support this now. */
  color: #243768;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

input::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
textarea::-moz-placeholder {
  /* Most modern browsers support this now. */
  color: #243768;
  -moz-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

input:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* Most modern browsers support this now. */
  color: #243768;
  -ms-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

input::-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  /* Most modern browsers support this now. */
  color: #243768;
  -ms-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

input::placeholder,
input[type="text"]::placeholder,
input[type="tel"]::placeholder,
input[type="password"]::placeholder,
textarea::placeholder {
  /* Most modern browsers support this now. */
  color: #243768;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

input::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgba(36, 55, 104, 0.5);
}

input::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgba(36, 55, 104, 0.5);
}

input:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(36, 55, 104, 0.5);
}

input::-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: rgba(36, 55, 104, 0.5);
}

input::placeholder,
input[type="text"]::placeholder,
input[type="tel"]::placeholder,
input[type="password"]::placeholder,
textarea::placeholder {
  color: rgba(36, 55, 104, 0.5);
}

input:-moz-read-only,
input[type="text"]:-moz-read-only,
input[type="tel"]:-moz-read-only,
input[type="password"]:-moz-read-only,
textarea:-moz-read-only {
  caret-color: transparent;
}

input:read-only,
input[type="text"]:read-only,
input[type="tel"]:read-only,
input[type="password"]:read-only,
textarea:read-only {
  caret-color: transparent;
}

input:hover,
input[type="text"]:hover,
input[type="tel"]:hover,
input[type="password"]:hover,
textarea:hover {
  border-color: var(--color-new-blue);
}

input:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
textarea:focus {
  border: 1px solid var(--color-new-blue);
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08);
}

input:focus::-webkit-input-placeholder,
input[type="text"]:focus::-webkit-input-placeholder,
input[type="tel"]:focus::-webkit-input-placeholder,
input[type="password"]:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  /* Most modern browsers support this now. */
  color: rgba(42, 52, 134, 0);
}

input:focus::-moz-placeholder,
input[type="text"]:focus::-moz-placeholder,
input[type="tel"]:focus::-moz-placeholder,
input[type="password"]:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  /* Most modern browsers support this now. */
  color: rgba(42, 52, 134, 0);
}

input:focus:-ms-input-placeholder,
input[type="text"]:focus:-ms-input-placeholder,
input[type="tel"]:focus:-ms-input-placeholder,
input[type="password"]:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
  /* Most modern browsers support this now. */
  color: rgba(42, 52, 134, 0);
}

input:focus::-ms-input-placeholder,
input[type="text"]:focus::-ms-input-placeholder,
input[type="tel"]:focus::-ms-input-placeholder,
input[type="password"]:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
  /* Most modern browsers support this now. */
  color: rgba(42, 52, 134, 0);
}

input:focus::placeholder,
input[type="text"]:focus::placeholder,
input[type="tel"]:focus::placeholder,
input[type="password"]:focus::placeholder,
textarea:focus::placeholder {
  /* Most modern browsers support this now. */
  color: rgba(42, 52, 134, 0);
}

input.inverse,
input[type="text"].inverse,
input[type="tel"].inverse,
input[type="password"].inverse,
textarea.inverse {
  background-color: var(--color-blue) !important;
  color: var(--text-color-inverse);
}

input.inverse::-webkit-input-placeholder,
input[type="text"].inverse::-webkit-input-placeholder,
input[type="tel"].inverse::-webkit-input-placeholder,
input[type="password"].inverse::-webkit-input-placeholder,
textarea.inverse::-webkit-input-placeholder {
  /* Most modern browsers support this now. */
  color: #fff;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

input.inverse::-moz-placeholder,
input[type="text"].inverse::-moz-placeholder,
input[type="tel"].inverse::-moz-placeholder,
input[type="password"].inverse::-moz-placeholder,
textarea.inverse::-moz-placeholder {
  /* Most modern browsers support this now. */
  color: #fff;
  -moz-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

input.inverse:-ms-input-placeholder,
input[type="text"].inverse:-ms-input-placeholder,
input[type="tel"].inverse:-ms-input-placeholder,
input[type="password"].inverse:-ms-input-placeholder,
textarea.inverse:-ms-input-placeholder {
  /* Most modern browsers support this now. */
  color: #fff;
  -ms-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

input.inverse::-ms-input-placeholder,
input[type="text"].inverse::-ms-input-placeholder,
input[type="tel"].inverse::-ms-input-placeholder,
input[type="password"].inverse::-ms-input-placeholder,
textarea.inverse::-ms-input-placeholder {
  /* Most modern browsers support this now. */
  color: #fff;
  -ms-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

input.inverse::placeholder,
input[type="text"].inverse::placeholder,
input[type="tel"].inverse::placeholder,
input[type="password"].inverse::placeholder,
textarea.inverse::placeholder {
  /* Most modern browsers support this now. */
  color: #fff;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

input.inverse:focus::-webkit-input-placeholder,
input[type="text"].inverse:focus::-webkit-input-placeholder,
input[type="tel"].inverse:focus::-webkit-input-placeholder,
input[type="password"].inverse:focus::-webkit-input-placeholder,
textarea.inverse:focus::-webkit-input-placeholder {
  /* Most modern browsers support this now. */
  color: rgba(255, 255, 255, 0);
}

input.inverse:focus::-moz-placeholder,
input[type="text"].inverse:focus::-moz-placeholder,
input[type="tel"].inverse:focus::-moz-placeholder,
input[type="password"].inverse:focus::-moz-placeholder,
textarea.inverse:focus::-moz-placeholder {
  /* Most modern browsers support this now. */
  color: rgba(255, 255, 255, 0);
}

input.inverse:focus:-ms-input-placeholder,
input[type="text"].inverse:focus:-ms-input-placeholder,
input[type="tel"].inverse:focus:-ms-input-placeholder,
input[type="password"].inverse:focus:-ms-input-placeholder,
textarea.inverse:focus:-ms-input-placeholder {
  /* Most modern browsers support this now. */
  color: rgba(255, 255, 255, 0);
}

input.inverse:focus::-ms-input-placeholder,
input[type="text"].inverse:focus::-ms-input-placeholder,
input[type="tel"].inverse:focus::-ms-input-placeholder,
input[type="password"].inverse:focus::-ms-input-placeholder,
textarea.inverse:focus::-ms-input-placeholder {
  /* Most modern browsers support this now. */
  color: rgba(255, 255, 255, 0);
}

input.inverse:focus::placeholder,
input[type="text"].inverse:focus::placeholder,
input[type="tel"].inverse:focus::placeholder,
input[type="password"].inverse:focus::placeholder,
textarea.inverse:focus::placeholder {
  /* Most modern browsers support this now. */
  color: rgba(255, 255, 255, 0);
}

input.search,
input[type="text"].search,
input[type="tel"].search,
input[type="password"].search,
textarea.search {
  padding-right: 55px;
  background-position: center right 17px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.08333 2.75C5.58553 2.75 2.75 5.58553 2.75 9.08333C2.75 12.5811 5.58553 15.4167 9.08333 15.4167C12.5811 15.4167 15.4167 12.5811 15.4167 9.08333C15.4167 5.58553 12.5811 2.75 9.08333 2.75ZM0.75 9.08333C0.75 4.48096 4.48096 0.75 9.08333 0.75C13.6857 0.75 17.4167 4.48096 17.4167 9.08333C17.4167 13.6857 13.6857 17.4167 9.08333 17.4167C4.48096 17.4167 0.75 13.6857 0.75 9.08333Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5546 13.5554C13.9451 13.1649 14.5783 13.1649 14.9688 13.5554L18.9563 17.5429C19.3468 17.9334 19.3468 18.5666 18.9563 18.9571C18.5658 19.3476 17.9326 19.3476 17.5421 18.9571L13.5546 14.9696C13.1641 14.5791 13.1641 13.9459 13.5546 13.5554Z' fill='white'/%3E%3C/svg%3E%0A");
}

input.err,
input[type="text"].err,
input[type="tel"].err,
input[type="password"].err,
textarea.err {
  border: 1px solid var(--color-red);
  position: relative;
}

input.err::-webkit-input-placeholder,
input[type="text"].err::-webkit-input-placeholder,
input[type="tel"].err::-webkit-input-placeholder,
input[type="password"].err::-webkit-input-placeholder,
textarea.err::-webkit-input-placeholder {
  /* Most modern browsers support this now. */
  color: var(--color-red);
}

input.err::-moz-placeholder,
input[type="text"].err::-moz-placeholder,
input[type="tel"].err::-moz-placeholder,
input[type="password"].err::-moz-placeholder,
textarea.err::-moz-placeholder {
  /* Most modern browsers support this now. */
  color: var(--color-red);
}

input.err:-ms-input-placeholder,
input[type="text"].err:-ms-input-placeholder,
input[type="tel"].err:-ms-input-placeholder,
input[type="password"].err:-ms-input-placeholder,
textarea.err:-ms-input-placeholder {
  /* Most modern browsers support this now. */
  color: var(--color-red);
}

input.err::-ms-input-placeholder,
input[type="text"].err::-ms-input-placeholder,
input[type="tel"].err::-ms-input-placeholder,
input[type="password"].err::-ms-input-placeholder,
textarea.err::-ms-input-placeholder {
  /* Most modern browsers support this now. */
  color: var(--color-red);
}

input.err::placeholder,
input[type="text"].err::placeholder,
input[type="tel"].err::placeholder,
input[type="password"].err::placeholder,
textarea.err::placeholder {
  /* Most modern browsers support this now. */
  color: var(--color-red);
}

input {
  /* &[type="file"] {
      border: 0;
      padding: 0;

      button {
          background-color: red;
      }
  } */
}

input[type="checkbox"],
input[type="radio"] {
  min-width: unset;
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  input[type="checkbox"],
  input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: #fff;
    padding: 0;
    width: 24px;
    height: 24px;
    margin: 0;
    outline: none;
    display: inline-flex;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

  input[type="checkbox"]:after,
  input[type="radio"]:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

  input[type="checkbox"]:checked,
  input[type="radio"]:checked {
    background-color: var(--color-new-blue);
  }

  input[type="checkbox"]:disabled,
  input[type="radio"]:disabled {
    opacity: 0.5;
  }

  input[type="checkbox"]:hover:not(:checked):not(:disabled),
  input[type="radio"]:hover:not(:checked):not(:disabled) {
    border-color: var(--color-new-blue);
  }

  input[type="checkbox"]:not(.switch):checked:after,
  input[type="radio"]:not(.switch):checked:after {
    opacity: 1;
  }
}

input[type="checkbox"]:after {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.2071 1.04289C12.5976 1.43342 12.5976 2.06658 12.2071 2.45711L5.33211 9.33211C4.94158 9.72263 4.30842 9.72263 3.91789 9.33211L0.792893 6.20711C0.402369 5.81658 0.402369 5.18342 0.792893 4.79289C1.18342 4.40237 1.81658 4.40237 2.20711 4.79289L4.625 7.21079L10.7929 1.04289C11.1834 0.652369 11.8166 0.652369 12.2071 1.04289Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

input[type="checkbox"]:checked:after {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

input[type="radio"] {
  border-radius: 100%;
}

input[type="radio"]:checked {
  background-color: #fff;
}

input[type="radio"]:checked:after {
  top: 4px;
  left: 4px;
  width: 14px;
  height: 14px;
  background-color: var(--color-new-blue);
  border-radius: 50%;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  opacity: 1;
}

.file {
  height: 36px;
  position: relative;
  margin-bottom: 21px;
  cursor: pointer;
}

.file__upload {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  cursor: pointer;
}

.file__upload input {
  padding: 0;
  z-index: 10;
  font-size: 18px;
  cursor: pointer;
  height: 100%;
  opacity: 0;
}

.file__bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  height: 100%;
}

.file__bg input {
  height: 100%;
  border: 0;
}

.file__icon {
  width: 16px;
  height: 16px;
}

.file__icon svg use {
  fill: var(--color-new-blue);
}

.file__name {
  border-bottom: 1px dashed var(--color-light-blue);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.file:hover .file__icon svg use {
  fill: var(--color-blue);
}

.file:hover .file__name {
  border-color: var(--color-blue);
}

.input-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  font-size: 15px;
}

form {
  font-size: 15px;
}

form textarea {
  min-width: 93px;
}

form textarea::-webkit-input-placeholder {
  color: rgba(36, 55, 104, 0.5);
}

form textarea::-moz-placeholder {
  color: rgba(36, 55, 104, 0.5);
}

form textarea:-ms-input-placeholder {
  color: rgba(36, 55, 104, 0.5);
}

form textarea::-ms-input-placeholder {
  color: rgba(36, 55, 104, 0.5);
}

form textarea::placeholder {
  color: rgba(36, 55, 104, 0.5);
}

form label[for] {
  cursor: pointer;
}

.form__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.err-msg {
  position: absolute;
  margin-top: 13px;
  -webkit-animation: err 1s ease-in-out;
  animation: err 1s ease-in-out;
  font-size: 10px;
}

@-webkit-keyframes err {
  0% {
    color: var(--color-red);
    -webkit-transform: translate(10px, 0);
    transform: translate(10px, 0);
  }

  20% {
    -webkit-transform: translate(-10px, 0);
    transform: translate(-10px, 0);
  }

  40% {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }

  70% {
    -webkit-transform: translate(-5px, 0);
    transform: translate(-5px, 0);
  }

  100% {
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
}

@keyframes err {
  0% {
    color: var(--color-red);
    -webkit-transform: translate(10px, 0);
    transform: translate(10px, 0);
  }

  20% {
    -webkit-transform: translate(-10px, 0);
    transform: translate(-10px, 0);
  }

  40% {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }

  70% {
    -webkit-transform: translate(-5px, 0);
    transform: translate(-5px, 0);
  }

  100% {
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
}

input[type="checkbox"],
input[type="radio"] {
  width: 24px;
  height: 24px;
  accent-color: var(--color-first);
}

textarea {
  min-height: 97px;
  max-width: 100%;
  overflow: auto;
  line-height: 160%;
}

/*Layout*/

.layout {
  width: 100%;
  max-width: var(--page-max-width);
  margin: 0 auto;
}

.layout.layout-max-width {
  max-width: 1920px;
}

.layout.layout-grid {
  display: grid;
  grid-column-gap: var(--grid-column-gap);
  grid-row-gap: var(--grid-row-gap);
}

.layout.layout_cols_6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.layout.layout_cols_12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

/*Grids*/

.grid {
  display: grid;
  grid-column-gap: var(--grid-column-gap);
  grid-row-gap: var(--grid-row-gap);
}

.grid_6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid_9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid_12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.sandwich {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: var(--sandwich-width);
  height: var(--sandwich-height);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
}

.sandwich > span {
  display: block;
  height: var(--sandwich-el-height);
  width: 100%;
  background-color: var(--sandwich-def-color);
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

.swiper-button-disabled {
  opacity: 0.75;
}

.swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
  width: 100%;
  padding-top: 50px;
}

.swiper-pagination-bullet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 10px;
  height: 10px;
  background-color: #d9d9d9;
}

.swiper-pagination-bullet-active {
  background-color: var(--color-red);
}

.number-input {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}

.number-input__input {
  display: block;
}

.number-input__buttons {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 1px;
  bottom: 2px;
  right: 1px;
}

.number-input__buttons button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  padding-top: 5px;
  margin: 0;
  width: 20px;
  height: 50%;
  border: 0;
  background-color: var(--color-white);
}

.number-input__buttons button:last-child {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.number-input__buttons button::after {
  content: "";
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='6' viewBox='0 0 7 6' fill='none'%3E%3Cpath d='M3.24687 0.205194L0.129375 5.44307C0.0170529 5.62429 0.157455 5.85996 0.382161 5.85996H6.6265C6.8512 5.85996 6.98227 5.62436 6.87929 5.44307L3.75244 0.205194C3.64005 0.0239686 3.35924 0.0239686 3.24687 0.205194L0.129375 5.44307C0.0170529 5.62429 0.157455 5.85996 0.382161 5.85996H6.6265C6.8512 5.85996 6.98227 5.62436 6.87929 5.44307L3.75244 0.205194C3.64005 0.0239686 3.35924 0.0239686 3.24687 0.205194Z' fill='%23293C6C'/%3E%3C/svg%3E");
}

.tabs .tabs__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.tabs .tabs__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.tabs .tabs__body {
  display: grid;
}

.tabs .tabs__body > * {
  grid-row: 1;
  grid-column: 1/-1;
}

.tabs .tabs__body > *.active {
  -webkit-animation: fadeIn 0.3s ease-in-out;
  animation: fadeIn 0.3s ease-in-out;
}

.tabs .tabs__body > *:not(.active) {
  display: none;
}

.close {
  --close: 17px;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  right: 41px;
  top: 29px;
  width: var(--close);
  height: var(--close);
  opacity: 0.6;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 350ms ease;
  transition: -webkit-transform 350ms ease;
  transition: transform 350ms ease;
  transition: transform 350ms ease, -webkit-transform 350ms ease;
  cursor: pointer;
}

.close:hover {
  opacity: 1;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.close:hover::before,
.close:hover::after {
  background-color: var(--color-blue);
}

.close::before,
.close::after {
  position: absolute;
  left: calc(var(--close) / 2);
  content: " ";
  height: var(--close);
  width: 2px;
  background-color: var(--color-new-blue);
  -webkit-transition: background-color 500ms ease-in-out;
  transition: background-color 500ms ease-in-out;
}

.close::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.close::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.del {
  --del-color: #f65353;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  border: 2px solid var(--del-color);
  width: 22px;
  height: 22px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.del::before,
.del::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 60%;
  height: 2px;
  background-color: var(--del-color);
  border-radius: 2px;
}

.del::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.del::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.del:hover {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  10% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  10% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

  10% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

  10% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

#sortable-list {
  padding: 0;
}

#photo_in_news {
  float: right;
  width: 40%;
}
#photo_in_news img {
  width: 100%;
  margin-left: 25px;
}

li.sortme {
  padding: 4px 8px;
  text-align: center;
  color: #000;
  cursor: move;
  list-style: none;
  width: 500px;
  background: #ddd;
  margin: 10px 0;
  border: 1px solid #999;
}

#message-box {
  background: #fffea1;
  border: 2px solid #fc0;
  padding: 4px 8px;
  margin: 0 0 14px 0;
  width: 500px;
}

.suggestionUl {
  border: 1px solid #e19e3a;
  box-shadow: 0 3px 5px gray;
  list-style: none;
  padding: 0;
  position: absolute;
  margin-top: 47px;
  width: 100%;
  z-index: 300;
  background-color: white;
}

.suggestionUl li {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 0 !important;
}

.suggestionUl li::before {
  content: none !important;
}

.suggestionUl li:hover {
  background-color: #fedc95;
}

input,
textarea {
  outline: none;
}

.fos {
  overflow: hidden;
  zoom: 1;
}

.fos .fos_1 {
  font-family: georgia;
  font-size: 30px;
  font-weight: bold;
  line-height: 34px;
  padding: 0 0 50px 0;
}
.fos-v1 .fos_1 {
  color: #fbfeff;
}

.fos .fos_2 {
  display: block;
  min-height: 28px;
  margin: 0 0 17px 0;
  overflow: hidden;
  zoom: 1;
  font-family: tahoma;
  font-weight: bold;
  font-size: 14px;
  line-height: 28px;
}
.fos-v1 .fos_2 {
  color: #fff;
}

.fos .fos_2 span {
  float: left;
  min-height: 28px;
  line-height: 28px;
}

.fos .fos_2 input {
  float: right;
  margin: 0 140px 0 0;
  min-height: 28px;
  width: 294px;
  padding: 0 5px 0 5px;
  border: none;
  font-family: tahoma;
  font-size: 14px;
  line-height: 28px;
}
.fos-v1 .fos_2 input {
  background: url(/img/fos-v1_fos_2_input_bg.png) no-repeat;
}
.fos-v2 .fos_2 input {
  background: url(/img/fos-v2_fos_2_input_bg.png) no-repeat;
}

.fos .fos_2 select {
  float: right;
  margin: 0 90px 0 0;
  height: 28px;
  width: 274px;
  padding: 0 5px 0 5px;
  border: 1px solid grey;
  font-family: tahoma;
  font-size: 14px;
  line-height: 28px;
}

.fos .fos_3 {
  display: block;
  margin: 0 0 17px 0;
  overflow: hidden;
  zoom: 1;
  font-family: tahoma;
  font-weight: bold;
  font-size: 14px;
}
.fos .fos_3 span {
  float: left;
  height: 28px;
  line-height: 28px;
}

.fos .fos_3 textarea {
  float: right;
  margin: 0 20px 0 0;
  height: 155px;
  width: 415px;
  padding: 6px 5px;
  border: none;
  font-family: tahoma;
  font-size: 14px;
  color: #000;
  overflow: auto;
}
.fos-v1 .fos_3 textarea {
  background: url(img/fos-v1_fos_3_textarea_bg.png) no-repeat;
}
.fos-v2 .fos_3 textarea {
  background: url(/img/fos-v2_fos_3_textarea_bg.png) no-repeat;
}

.fos .fos_4 {
  overflow: hidden;
  zoom: 1;
}

.fos .fos_4 span {
  float: right;
  height: 40px;
  width: 160px;
  background: url(/img/fos_fos_4_span_bg.png) no-repeat;
}

.fos .fos_4 span input {
  height: 34px;
  width: 160px;
  border: none;
  cursor: pointer;
  font-family: tahoma;
  font-size: 13px;
  color: #5b5b5b;
  font-weight: bold;
  text-shadow: 1px 1px 0 #d2d2d2;
  background: none;
}
.fos .fos_4 span input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

@media screen and (max-width: 650px) {
  .fos .fos_2 span {
    float: none;
  }
  .fos .fos_2 input {
    float: none;
    display: block;
    box-sizing: border-box;
    width: 278px;
  }
  .fos .fos_2 select {
    float: none;
    display: block;
  }
  .fos .fos_3 textarea {
    float: none;
    display: block;
    clear: both;
    width: 408px;
    width: 274px;
    box-sizing: border-box;
    background: url(/img/fos-v2_fos_3_textarea_bg_274.png) no-repeat;
  }
}
.mini_table tr {
  height: 16px;
}

.countdown-title {
  font-weight: 100;
  font-size: 40px;
  margin: 40px 0px 20px;
}

.countdown {
  font-family: sans-serif;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 20px;
}

.countdown-number {
  border-radius: 3px;
  display: inline-block;
}

.countdown-time {
  padding: 10px;
  border-radius: 3px;
  display: inline-block;
}

.countdown-text {
  display: block;
  padding-top: 5px;
  font-size: 16px;
}
#tooltip {
  border-right: #999999 1px solid;
  padding-right: 5px;
  border-top: #999999 1px solid;
  padding-left: 5px;
  background: #ffffe1;
  visibility: hidden;
  padding-bottom: 3px;
  margin: 0px;
  border-left: #999999 1px solid;
  color: #000000;
  padding-top: 3px;
  border-bottom: #999999 1px solid;
  position: absolute;
}
.plus_minus {
  color: black;
  background-color: white;
  width: 12px;
  height: 12px;
  text-align: center;
  border: 1px solid #999;
  float: left;
  font-size: 80%;
  text-decoration: none;
}
.plus_minus:hover {
  color: black;
  background-color: #eee;
}
.div_dir_file {
  float: left;
  border: 1px solid silver;
  width: 100px;
  height: 100px;
  margin: 3;
  padding: 0;
  text-align: center;
  font-size: 90%;
}
#div_normal {
  background: white;
}
#div_hover {
  background: #eee;
}
.div_dir_file table {
  width: 100px;
  height: 100px;
  table-layout: fixed;
  text-align: center;
  border-collapse: collapse;
}
:root {
  --color-blue: #1e2442;
  --color-blue2: var(--color-blue);
  --color-blue3: #243768;
  --color-white: #fff;
  --color-new-blue: #00a0e3;
  --color-new-blue-dark: var(--color-new-blue);
  --color-new-blue2: #038cc7;
  --color-light-blue: #ebeef6;
  --color-light-gray: #bdc7e0;
  --color-red: #fe4c00;
  --color-gray: #f9f9f9;
}

:root {
  --font-size: 18px;
  --font-size-buttons: 28px;
  --text-line-height: 150%;
  --text-color-def: var(--color-blue3);
  --text-color-inverse: rgb(255, 255, 255);
  --font-family: "Commissioner", sans-serif;
  --link-color-def: var(--color-blue2);
  --link-color-inverse: var(--text-color-inverse);
  --link-hover-color-def: var(--color-new-blue);
  --link-visited-color-def: var(--color-blue2);
}

@font-face {
  font-family: "Commissioner";
  font-display: swap;
  src: url("../fonts/Commissioner-Light.woff2") format("woff2"),
    url("../fonts/Commissioner-Light.woff") format("woff"),
    url("../fonts/Commissioner-Light.ttf") format("ttf");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Commissioner";
  font-display: swap;
  src: url("../fonts/Commissioner-Regular.woff2") format("woff2"),
    url("../fonts/Commissioner-Regular.woff") format("woff"),
    url("../fonts/Commissioner-Regular.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Commissioner";
  font-display: swap;
  src: url("../fonts/Commissioner-Medium.woff2") format("woff2"),
    url("../fonts/Commissioner-Medium.woff") format("woff"),
    url("../fonts/Commissioner-Medium.ttf") format("ttf");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Commissioner";
  font-display: swap;
  src: url("../fonts/Commissioner-MediumItalic.woff2") format("woff2"),
    url("../fonts/Commissioner-MediumItalic.woff") format("woff"),
    url("../fonts/Commissioner-MediumItalic.ttf") format("ttf");
  font-weight: 500;
  font-style: italic;
}

.text-header1,
h1 {
  font-size: 40px;
  line-height: 130%;
  font-weight: 500;
}

.text-header2,
h2 {
  font-size: 30px;
  line-height: 150%;
  font-weight: 500;
}

.text-header3,
h3 {
  font-size: 25px;
  line-height: 140%;
  font-weight: 500;
}

.text-header4,
h4 {
  font-size: 20px;
  line-height: 150%;
  font-weight: 500;
}

.text-color-inverse {
  color: var(--text-color-inverse);
}

.text-color-inverse a {
  color: var(--text-color-inverse) !important;
}

.text-color-inverse a span::before {
  border-bottom-color: var(--text-color-inverse) !important;
}

.text-color-inverse a span::after {
  border-bottom-color: var(--text-color-inverse) !important;
}

.text-color-inverse a:hover {
  color: var(--link-hover-color-def);
}

.modals {
  position: absolute;
  top: 0;
}

.modal {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: -950%;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  z-index: 650;
  font-size: 15px;
}

.modal.active {
  top: 0px;
  z-index: 9000000;
}

.modal::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.modal__inner {
  background-color: #fff;
  width: 1105px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 400px;
  max-height: 100dvh;
  max-width: 100%;
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

.modal.active .modal__inner {
  -webkit-animation: modalFadeIn 0.3s ease-in-out;
  animation: modalFadeIn 0.3s ease-in-out;
}

@-webkit-keyframes modalFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px) scale(1.2);
    transform: translateY(-20px) scale(1.2);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) scale(1);
    transform: translateX(0px) scale(1);
  }
}

@keyframes modalFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px) scale(1.2);
    transform: translateY(-20px) scale(1.2);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) scale(1);
    transform: translateX(0px) scale(1);
  }
}

.modal__close {
  right: 41px;
  top: 29px;
}

.modal__top {
  margin-bottom: 30px;
}

.modal__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  margin-bottom: 30px;
}

.modal__body {
  overflow: auto;
}

.modal__body input,
.modal__body textarea {
  width: 100%;
  min-width: 100%;
}

.modal_cart .modal__body {
  overflow-y: auto;
  overflow-x: hidden;
}

.modal_cart .modal__timer {
  color: var(--color-new-blue);
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 22px;
  margin-top: 20px;
}

.modal_cart .modal__table table {
  font-size: 15px;
  border-collapse: collapse;
}

.modal_cart .modal__table table thead tr td {
  white-space: nowrap;
}

.modal_cart .modal__table table tr {
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.modal_cart .modal__table table tr td {
  padding: 21px 20px;
  line-height: 130%;
}
/* Уменьшаем высоту второй строки */
.modal_cart .modal__table table tr.sub-row td {
  padding: 11px 20px;
}
.modal_cart .modal__table table tr td.sum {
  color: var(--color-new-blue);
}

.modal_cart .modal__table table tr.remove {
  opacity: 0;
  -webkit-filter: blur(15px);
  filter: blur(15px);
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.modal_cart .modal__delivery {
  margin-top: 30px;
}

.modal_cart .modal__itog {
  margin-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 94px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--color-light-blue);
}

.modal_cart .modal__sum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.modal_cart .modal__sum-value {
  font-size: 30px;
  font-weight: 500;
  line-height: 130%;
  color: var(--color-new-blue);
}

.modal_cart .modal__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 20px;
}

.modal_cart .modal__relative {
  margin-top: 40px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.modal_cart .modal__relative .relative__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.modal_cart .modal__relative .relative__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.modal_cart .modal__relative .relative__control-left,
.modal_cart .modal__relative .relative__control-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid var(--color-new-blue);
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.modal_cart .modal__relative .relative__control-left svg,
.modal_cart .modal__relative .relative__control-right svg {
  width: 20px;
  height: 20px;
}

.modal_cart .modal__relative .relative__control-left:hover,
.modal_cart .modal__relative .relative__control-right:hover {
  background-color: var(--color-new-blue);
}

.modal_cart .modal__relative .relative__control-left:hover svg use,
.modal_cart .modal__relative .relative__control-right:hover svg use {
  fill: var(--color-white);
}

.modal_cart .modal__relative .relative__slider {
  margin-top: 30px;
}

.modal_cart .modal__relative .relative__slider-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal_cart .modal__relative .relative__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-width: 25%;
  width: 300px;
  border: 1px solid var(--color-light-blue);
  -webkit-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  cursor: pointer;
}

.modal_cart .modal__relative .relative__item:hover {
  border-color: var(--color-blue);
}

.modal_cart .modal__relative .relative__item .item__img {
  height: 138px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.modal_cart .modal__relative .relative__item .item__img img {
  min-width: unset;
  min-height: unset;
  height: 117px;
  max-height: 100%;
}

.modal_cart .modal__relative .relative__item .item__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
}

.modal_cart .modal__relative .relative__item .item__name::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 8px;
  height: 14px;
  position: relative;
  background-color: var(--color-new-blue);
  -webkit-clip-path: var(--arrow);
  clip-path: var(--arrow);
}

.modal_item .modal__inner,
.modal_edit .modal__inner {
  width: 731px;
}

.modal_item .modal__body,
.modal_edit .modal__body {
  overflow: unset;
}

.modal_item .modal__table,
.modal_edit .modal__table {
  font-size: 15px;
  margin-bottom: 28px;
}

.modal_item .modal__table table,
.modal_edit .modal__table table {
  margin-bottom: 0;
}

.modal_item .modal__choose,
.modal_edit .modal__choose {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.modal_item .modal__choose-atention,
.modal_edit .modal__choose-atention {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}

.modal_item .modal__choose-atention .icon,
.modal_edit .modal__choose-atention .icon {
  width: 24px;
  height: 24px;
}

.modal_item .modal__choose-atention .icon svg use,
.modal_edit .modal__choose-atention .icon svg use {
  fill: var(--color-new-blue);
}

.modal_item .modal__inputs,
.modal_edit .modal__inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-top: 30px;
}

.modal_item .modal__inputs > *,
.modal_edit .modal__inputs > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.modal_item .modal__inputs input,
.modal_edit .modal__inputs input {
  width: 121px;
  height: 33px;
  background-color: #f2f2f2;
  border: none;
}

.modal_item .modal__add,
.modal_edit .modal__add {
  margin-top: 30px;
}

.modal_item .modal__add button::after,
.modal_edit .modal__add button::after {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: var(--color-blue);
}

.modal_item .modal__add button.active,
.modal_edit .modal__add button.active {
  background-color: transparent;
  color: var(--color-blue);
  border: 1px solid var(--color-new-blue);
}

.modal_item .modal__add button.active::after,
.modal_edit .modal__add button.active::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: var(--color-new-blue);
}

.modal_item .modal__add-text,
.modal_edit .modal__add-text {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.modal_item .modal__add.active .modal__add-text,
.modal_edit .modal__add.active .modal__add-text {
  max-height: 1000px;
  -webkit-animation: modalAdd 0.3s ease-in-out;
  animation: modalAdd 0.3s ease-in-out;
}

@-webkit-keyframes modalAdd {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes modalAdd {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

.modal_item .modal__footer,
.modal_edit .modal__footer {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 94px;
}

.modal_item .modal__sum,
.modal_edit .modal__sum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 150px;
  white-space: nowrap;
}

.modal_item .modal__sum span,
.modal_edit .modal__sum span {
  font-size: 30px;
  color: var(--color-new-blue);
}

.modal_item .modal__button button,
.modal_edit .modal__button button {
  width: 230px;
  height: 47px;
}

.modal_add .modal__header {
  font-size: 24px;
  margin-bottom: 0;
}

.modal_add .modal__inner {
  width: 553px;
  padding: 27px 20px 20px 20px;
}

.modal_add .modal__close {
  right: 20px;
}

.modal_add .modal__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

.modal_add .modal__item {
  background-color: var(--color-blue2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 34px 33px 40px 43px;
  position: relative;
}

.modal_add .modal__item .item__name {
  background-color: var(--color-new-blue);
  padding: 11px 15px;
  font-size: 16px;
}

.modal_add .modal__item .item__name + .item__caption {
  margin-top: 18px;
}

.modal_add .modal__item .item__name + .item__price {
  margin-top: 20px;
}

.modal_add .modal__item .item__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 16px;
}

.modal_add .modal__item .item__price span:first-child {
  color: var(--color-new-blue);
}

.modal_add .modal__item .item__text {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
}

.modal_add .modal__item .item__icon {
  position: absolute;
  bottom: 20px;
  right: 20px;
  height: 20px;
  width: 20px;
}

.modal_add .modal__item .item__icon svg {
  height: 20px;
  width: 20px;
}

.modal_add .modal__item .item__icon svg use {
  fill: var(--color-white);
}

.modal_rez .modal__body,
.modal_rez2 .modal__body {
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 30px;
}

.modal_rez .modal__select,
.modal_rez2 .modal__select {
  font-size: 17px;
}

.modal_rez .modal__select .select-dropdown,
.modal_rez2 .modal__select .select-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 333px;
  max-width: 50%;
  height: 48px;
}

.modal_rez .modal__select .select-dropdown select,
.modal_rez2 .modal__select .select-dropdown select {
  width: 100%;
  height: 100%;
}

.modal_rez .modal__char,
.modal_rez2 .modal__char {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
  gap: 40px;
  margin-bottom: auto;
  max-width: 50%;
}

.modal_rez .modal__char > *,
.modal_rez2 .modal__char > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 17px;
}

.modal_rez .modal__char .icon,
.modal_rez2 .modal__char .icon {
  width: 24px;
  height: 24px;
}

.modal_rez .modal__char .icon svg use,
.modal_rez2 .modal__char .icon svg use {
  fill: var(--color-new-blue);
}

.modal_rez .modal__item,
.modal_rez2 .modal__item {
  position: absolute;
  left: 40px;
  right: 40px;
  width: calc(100% - 80px);
  top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 15px;
}

.modal_rez .modal__item .item__img,
.modal_rez2 .modal__item .item__img {
  width: 285px;
  max-width: calc(50% - 30px);
  height: 130px;
  padding: 18px 70px;
  border: 1px solid var(--color-light-blue);
}

.modal_rez .modal__table table,
.modal_rez2 .modal__table table {
  table-layout: fixed;
}

.modal_rez .modal__table table td,
.modal_rez2 .modal__table table td {
  padding: 11px 11px;
  text-align: center;
}

.modal_rez .modal__selects,
.modal_rez2 .modal__selects {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}

.modal_rez .modal__selects .select-dropdown,
.modal_rez2 .modal__selects .select-dropdown {
  width: 100%;
  height: 47px;
}

.modal_rez .modal__selects .select-dropdown select,
.modal_rez2 .modal__selects .select-dropdown select {
  height: 100%;
}

.modal_rez .modal__add,
.modal_rez2 .modal__add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 25px;
}

.modal_rez .modal__add button,
.modal_rez2 .modal__add button {
  width: calc(33% - 8.5px);
}

.modal_rez .modal__rez,
.modal_rez2 .modal__rez {
  margin-top: 50px;
}

.modal_rez .modal__rez table,
.modal_rez2 .modal__rez table {
  table-layout: fixed;
}

.modal_rez .modal__rez table td,
.modal_rez2 .modal__rez table td {
  height: 40px;
  padding-top: unset;
  padding-bottom: unset;
}

.modal_rez .modal__rez table tbody tr td:last-child,
.modal_rez2 .modal__rez table tbody tr td:last-child {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  text-align: -webkit-center;
}

.modal_rez .modal__visual,
.modal_rez2 .modal__visual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 24px;
}

.modal_rez .modal__visual .visual__header,
.modal_rez2 .modal__visual .visual__header {
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}

.modal_rez .modal__visual .visual__body,
.modal_rez2 .modal__visual .visual__body {
  border: 1px solid var(--color-light-blue);
  padding: 24px 32px;
}

.modal_rez .modal__visual .visual__line,
.modal_rez2 .modal__visual .visual__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.modal_rez .modal__visual .visual__rest,
.modal_rez2 .modal__visual .visual__rest {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  margin-bottom: 12px;
}

.modal_rez .modal__visual .visual__rest::after,
.modal_rez2 .modal__visual .visual__rest::after {
  content: " м.";
}

.modal_rez .modal__visual .visual__count,
.modal_rez2 .modal__visual .visual__count {
  width: 31px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal_rez .modal__visual .visual__count::after,
.modal_rez2 .modal__visual .visual__count::after {
  content: "x";
}

.modal_rez .modal__visual .visual__ruller,
.modal_rez2 .modal__visual .visual__ruller {
  width: calc(100% - 31px);
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal_rez .modal__visual .visual__ruller-inner,
.modal_rez2 .modal__visual .visual__ruller-inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #ebeef6;
  width: calc(100% / var(--ruller-full-width) * var(--ruller-width));
  overflow: hidden;
}

.modal_rez .modal__visual .visual__ruller span,
.modal_rez2 .modal__visual .visual__ruller span {
  --segment-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--color-blue2);
  color: var(--text-color-inverse);
  border: 1px solid #fff;
  width: calc(100% / var(--ruller-width) * var(--segment-width));
}

.modal_rez .modal__visual .visual__ruller span::after,
.modal_rez2 .modal__visual .visual__ruller span::after {
  content: " м.";
}

.modal_rez .modal__options,
.modal_rez2 .modal__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 42px;
}

.modal_rez .modal__options > *,
.modal_rez2 .modal__options > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 391px;
}

.modal_rez .modal__options > * > *[class*="-sum"],
.modal_rez2 .modal__options > * > *[class*="-sum"] {
  font-size: 20px;
  font-weight: 500;
  margin-top: 10px;
}

.modal_rez .modal__options .options__optimize,
.modal_rez2 .modal__options .options__optimize {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.modal_rez .modal__footer,
.modal_rez2 .modal__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal_rez .modal__sum,
.modal_rez2 .modal__sum {
  width: 391px;
  font-size: 30px;
  color: var(--color-new-blue);
}

.modal_rez .modal__cart button,
.modal_rez2 .modal__cart button {
  width: 171px;
  height: 48px;
}

.modal_contacts .modal__inner {
  height: 100%;
}

.modal_contacts .modal__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

.modal_contacts .modal__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.modal_contacts .modal__map {
  min-height: 265px;
  max-height: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.modal_contacts .modal__map .map {
  height: 100%;
}

.modal_lk .modal__top {
  margin-bottom: 0;
}

.modal_lk .modal__header {
  font-size: 24px;
  font-weight: 500;
}

.modal_lk .modal__menu {
  margin-top: 24px;
}

.modal_lk .modal__balance {
  margin-top: 40px;
  padding: 30px 25px;
  border: 1px solid var(--color-light-blue);
  font-size: 15px;
}

.modal_lk .modal__balance .balance__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  line-height: 130%;
  margin-bottom: 10px;
}

.modal_lk .modal__balance .balance__header:not(:first-child) {
  margin-top: 20px;
}

.modal_lk .modal__balance .balance__header .icon {
  width: 24px;
  height: 24px;
}

.modal_lk .modal__balance .balance__header .icon svg use {
  fill: var(--color-new-blue);
}

.modal_lk .modal__balance .balance__val,
.modal_lk .modal__balance .balance__debt {
  font-size: 28px;
  margin-left: 39px;
  font-weight: 500;
}

.modal_lk .modal__balance .balance__val {
  color: var(--color-new-blue);
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color-light-blue);
  width: 100%;
  text-align: center;
}

.modal_lk .modal__balance .balance__debt {
  margin-top: 20px;
}

.modal_lk .modal__balance .balance__debt-date {
  margin-left: 39px;
  margin-top: 20px;
}

.modal_lk .modal__manager {
  padding: 20px 25px;
  border: 1px solid var(--color-light-blue);
  margin-top: 20px;
}

.modal_lk .modal__manager .manager__photo {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
}

.modal_lk .modal__manager .manager__photo img {
  -o-object-fit: cover;
  object-fit: cover;
}

.modal_lk .modal__manager .manager__fio {
  margin-top: 20px;
}

.modal_lk .modal__manager .manager__fio-val {
  font-size: 24px;
  margin-top: 12px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--color-light-blue);
}

.modal_lk .modal__manager .manager__contacts {
  margin-top: 20px;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 17px;
}

.modal_lk .modal__manager .manager__contacts .icon {
  width: 24px;
  height: 24px;
}
.modal_wk {
  display: none; /* Скрываем модальное окно по умолчанию */
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
  justify-content: center;
  align-items: center;
}

.modal_warning_komm_content {
  background-color: #ffffff;
  margin: auto;
  padding: 45px;
  border: 1px solid #888;
  border-radius: 8px;
  width: 70%;
  max-width: 500px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  /* text-align: center; Выравнивание текста по центру */
}

.modal_warning_komm_content h2 {
  color: #d9534f; /* Цвет заголовка */
}

.close-btn_wk {
  background-color: #e19e3a;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: not-allowed; /* Делаем курсор неактивным */
  opacity: 0.5; /* Убираем прозрачность */
  transition: all 0.3s ease;
}

.close-btn_wk.active {
  cursor: pointer; /* Делаем курсор активным */
  opacity: 1; /* Убираем прозрачность */
}

.close-btn_wk_wk:hover.active {
  color: var(--color-blue2);
  background-color: transparent;
  color: var(--text-color-def);
  border: 1px solid #e19e3a; /* Цвет при наведении */
}

.desktop-table {
  width: 100%;
}

.mobile-cards {
  display: none;
  flex-direction: column;
  gap: 1rem;
}

.card {
  border: 1px solid #ccc;
  padding: 1rem;
  border-radius: 5px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}

.card-title {
  font-weight: bold;
  font-size: 18px;
  text-decoration: none;
}

.card-info {
  margin: 0.5rem 0;
}

.card-price {
  font-size: 1.2rem;
  margin: 0.5rem 0;
  color: #e19e3a;
}

.card-actions {
  display: flex;
  justify-content: space-between;
  max-width: 180px;
}
.mas_dl {
  display: flex;
}
.mas_dl p:nth-child(2) {
  margin-left: 10px;
}

.card-image {
  display: none;
}

/* Медиазапрос для мобильных устройств */
@media (max-width: 900px) {
  .desktop-table {
    display: none;
  }

  .mobile-cards {
    display: flex;
  }
  .card-actions .show-modal-edit {
    display: flex;
  }
  .card-actions .show-modal-edit span {
    margin-left: 5px;
    font-size: 16px;
  }
  .card-actions .shmodaledit {
    display: flex;
  }
  .card-actions .shmodaledit span {
    margin-left: 5px;
    font-size: 16px;
  }
  #photo_in_news {
    width: 100%;
  }
  #photo_in_news img {
    width: 100%;
    margin-left: 0px;
  }
  .card-actions .del_modal {
    display: flex;
    padding-left: 15px;
  }
  .card-actions .del_modal span {
    margin-left: 5px;
  }
  .card-image {
    display: flex;
    max-width: 44%;
    border: 1px solid #ccc;
  }
}
@media (max-width: 600px) {
  .card-image {
    display: none;
  }
}
.modal_map .modal__inner {
  width: 1480px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 0 !important;
}
.modal_map .modal__left #select-city-button {
  margin-top: 20px;
}
.modal_map .modal__close.close::after,
.modal_map .modal__close.close::before {
  background-color: var(--color-white);
}

.modal_map .modal__left {
  padding: 50px 30px 50px 50px;
  width: 37%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal_map .modal__logo {
  --color-1: var(--color-new-blue);
  --color-2: var(--color-blue);
}

.modal_map .modal__select {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.modal_map .modal__select select {
  height: 47px;
}

.modal_map .modal__right {
  background-color: #2287c6;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 122px;
  padding-right: 44px;
  padding-bottom: 84px;
  padding-left: 33px;
}

.modal_map .modal__right svg {
  max-width: 100%;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  aspect-ratio: 866/496;
}

.modal_map .modal__right svg path {
  -webkit-transition: fill 0.3s ease-in-out;
  transition: fill 0.3s ease-in-out;
  cursor: pointer;
}

.modal_map .modal__right svg path:hover {
  fill: #f0f0f0;
}

.modal_map .modal__map {
  position: relative;
}

.modal_map .modal__city-list {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.modal_map .modal__city-list div {
  position: absolute;
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  cursor: pointer;
  pointer-events: all;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
}

.modal_map .modal__city-list div::before,
.modal_map .modal__city-list div::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  width: 100%;
  position: absolute;
  top: -40px;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

._no-webp .modal_map .modal__city-list div::before {
  background-image: url(../img/pin.png);
}

._no-webp .modal_map .modal__city-list div::after {
  background-image: url(../img/pin-active.png);
}

.modal_map .modal__city-list div::after {
  opacity: 0;
}

.modal_map .modal__city-list div:hover::after {
  opacity: 0.2;
}

.modal_map .modal__city-list div.active::after {
  opacity: 1;
}

.header {
  padding-top: 13px;
  font-size: 17px;
  position: relative;
  background: #fff;
}

.header::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  height: 1px;
  width: 200vw;
  position: absolute;
  top: 72px;
  background-color: var(--color-light-blue);
}

.header .layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-column-gap: 0;
  row-gap: 28px;
}

.header .layout > div {
  -ms-flex-item-align: center;
  align-self: center;
}

.header__slogan {
  text-transform: uppercase;
  color: var(--color-blue);
  font-size: 12px;
  width: 17.5%;
  line-height: 160%;
}

.header__adress {
  width: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 13px;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-style: dashed;
}

.header__adress .icon {
  width: 20px;
  height: 22px;
}

.header__tel {
  width: 20%;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 23px;
}
#head_ws {
  margin-left: 10px;
}
.header__tel a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 13px;
}

.header__tel .icon:first-child {
  width: 20px;
  height: 22px;
}

.header__tel .icon:last-child {
  width: 26px;
  height: 26px;
}
@media (min-width: 1700px) {
  .header__tel .icon:last-child {
    width: 26px;
    height: 27px;
  }
}

.header__tel .tg_header .icon:last-child svg {
  width: 25px;
  height: 25px;
}

.header__tel .icon:last-child svg {
  width: 26px;
  height: 26px;
}

.header__mail {
  width: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 13px;
  padding-left: 8px;
  color: var(--color-blue);
}

.header__mail .icon {
  width: 20px;
  height: 22px;
}

.header__delivery {
  width: 14.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 20px;
}

.header__sandwich {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 8%;
}

.header__sandwich .sandwich {
  background-color: var(--color-blue);
  width: 44px;
  height: 45px;
  padding: 16px 13px 17px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.header__sandwich .sandwich::before {
  content: "Меню";
  position: absolute;
  left: -65px;
  top: 9px;
}

.header__sandwich .sandwich > span {
  -webkit-transition: width 0.1s ease-in-out;
  transition: width 0.1s ease-in-out;
}

.header__sandwich .sandwich > span:nth-child(1) {
  width: 16px;
}

.header__sandwich .sandwich > span:nth-child(3) {
  width: 14px;
}

.header__sandwich .sandwich:hover > span {
  width: var(--sandwich-width);
}

.header__sandwich .sandwich.open > span {
  width: 19px;
}

.header__logo {
  width: 17.5%;
  margin-bottom: -5px;
  margin-top: 5px;
  --color-1: var(--color-new-blue);
  --color-2: var(--color-blue);
}

.header__logo svg {
  width: 193px;
  height: 50px;
}

.header__catalog .catalog__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 18px 16px;
  gap: 13px;
  margin-right: 15px;
  width: 130px;
  height: 47px;
  color: var(--color-white);
  background-color: var(--color-new-blue);
  cursor: pointer;
}

.header__catalog .catalog__button:hover {
  background-color: var(--color-blue);
}

.header__catalog .catalog__menu {
  position: absolute;
  width: 736px;
  z-index: 5;
  background-color: var(--color-white);
  -webkit-box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25);
  max-height: 0;
  overflow: hidden;
}

.header__catalog .catalog__menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.header__catalog .catalog__menu-list li {
  min-width: calc(50% - 20px);
}

.header__catalog .catalog__menu-list-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  flex-direction: row;
}

.header__catalog .catalog__menu-list-select div {
  width: 50%;
  padding: 20px;
  cursor: pointer;
}

.header__catalog .catalog__menu-list-select div:not(.active) {
  background-color: #f5f5f5;
}

.header__catalog .catalog__menu-list-tabs > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 20px 20px 20px;
  -webkit-animation: catalogMenuIn 0.6s ease-in-out;
  animation: catalogMenuIn 0.6s ease-in-out;
}

@-webkit-keyframes catalogMenuIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@keyframes catalogMenuIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

.header__catalog .catalog__menu-list-tabs > div:not(.active) {
  display: none;
}

.header__catalog .catalog__menu-list-tabs > div li {
  min-width: calc(50% - 20px);
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.header__catalog.catalog_open .catalog__menu {
  max-height: unset;
  -webkit-animation: fadeIn 0.3s ease-in-out;
  animation: fadeIn 0.3s ease-in-out;
}

.header__catalog.catalog_hide .catalog__menu {
  -webkit-animation: fadeOut 0.4s ease-in-out;
  animation: fadeOut 0.4s ease-in-out;
}

.header__search {
  margin-right: auto;
  position: relative;
}

.header__search #searcMidRes {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: var(--color-white);
}

.header__search #searcMidRes > * {
  padding: 5px 11px;
  width: 100%;
  border-bottom: 1px solid var(--color-light-gray);
}

.header__search input {
  width: 608px;
}

.header__search .search__header,
.header__search .search__header-mobile,
.header__search .search__close,
.header__search .search__icon {
  display: none;
}

.header__search .search__icon {
  cursor: pointer;
  width: 32px;
  height: 32px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__search .search__icon .icon {
  width: 21x;
  height: 21px;
}

.header__search .search__icon:hover .icon svg use {
  fill: var(--color-new-blue);
}

.header__lk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}

.header__lk span {
  white-space: nowrap;
}

.header__lk .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 25px;
}

.header__cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  background-color: var(--color-new-blue);
  position: relative;
  margin-left: 54px;
  cursor: pointer;
}

.header__cart:hover {
  background-color: var(--color-new-blue-dark);
}

.header__cart-num {
  font-size: 9px;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--color-white);
  width: 19px;
  height: 19px;
  top: -4px;
  right: -4px;
  background-color: var(--color-blue2);
  border: 1px solid var(--color-white);
  border-radius: 100%;
}

.header__cart .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 22px;
}

.header__cart .icon use {
  fill: var(--color-white);
}

.header__menu {
  position: fixed;
  top: 0;
  right: -110%;
  background-color: var(--color-white);
  z-index: 999;
  width: 382px;
  height: 100dvh;
  overflow-y: scroll;
  opacity: 0;
  -webkit-box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25);
}

.header__menu.menu_open {
  right: 0px;
  opacity: 1;
}

.header__menu .menu__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: var(--color-blue);
  top: 0;
  right: 0;
  padding: 17px;
  padding-bottom: 19px;
}

.header__menu .menu__search {
  padding-bottom: 23px;
  padding-bottom: 20px;
}

.header__menu .menu__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 9px;
  width: 32px;
  height: 32px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 350ms ease;
  transition: -webkit-transform 350ms ease;
  transition: transform 350ms ease;
  transition: transform 350ms ease, -webkit-transform 350ms ease;
  cursor: pointer;
}

.header__menu .menu__close:hover {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.header__menu .menu__nav {
  border-top: 1px solid var(--color-light-blue);
  padding-bottom: 20px;
}

.header__menu .menu__nav > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  border-bottom: 1px solid #ebeef6;
  cursor: pointer;
}

.header__menu .menu__nav > ul > li a {
  width: 100%;
  max-width: calc(100% - 57px);
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.header__menu .menu__nav > ul > li a span::before,
.header__menu .menu__nav > ul > li a span::after {
  content: none;
}

.header__menu .menu__nav > ul > li::after {
  content: "";
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  background-color: var(--color-new-blue);
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-size: cover !important;
  mask-size: cover !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  position: absolute;
  right: 0;
  -webkit-mask: url(../img/icons/icons.svg?#chevron-right);
  mask: url(../img/icons/icons.svg?#chevron-right);
  width: 57px !important;
  height: 57px !important;
  background-color: var(--color-new-blue);
  -webkit-mask-size: 14px 20px !important;
  mask-size: 14px 20px !important;
}

.header__menu .menu__nav > ul > li.sub-menu > a::after {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  will-change: transform;
}

.header__menu .menu__nav > ul > li.sub-menu:hover::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.header__menu .menu__nav > ul > li.sub-menu.open {
  position: relative;
  background-color: #f5f5f5;
}

.header__menu .menu__nav > ul > li.sub-menu.open::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: var(--color-blue);
}

.header__menu .menu__nav > ul > li.sub-menu.open > ul {
  max-height: 100vh;
}

.header__menu .menu__nav > ul > li.sub-menu > ul {
  margin-left: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease-in-out;
  transition: max-height 0.3s ease-in-out;
}

.header__menu .menu__nav > ul > li.sub-menu > ul > li {
  border-bottom: 1px solid #ebeef6;
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.header__menu .menu__nav > ul > li.sub-menu > ul > li:hover {
  background-color: var(--color-blue);
}

.header__menu .menu__nav > ul > li.sub-menu > ul > li:hover a {
  color: var(--color-white);
}

.header__menu .menu__nav a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 35px;
  line-height: unset;
  min-height: 54px;
  padding: 12.5px 17px;
}

.header__menu .menu__nav a::after {
  position: relative;
  right: unset;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.header__menu .menu__nav .other {
  margin-top: 2rem;
}

.header__menu .menu__nav .other a {
  color: red !important;
}

.header__menu .menu__calculator {
  width: 100%;
  height: 54px;
  margin-bottom: 30px;
}

.header__menu .menu__calculator .icon {
  width: 24px;
  height: 27px;
}

.header__menu .menu__byuers-header {
  color: var(--color-blue);
  font-weight: 500;
  font-size: 20px;
  padding-bottom: 30px;
}

.header__menu .menu__byuers-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-bottom: 22px;
}

.header__addition {
  grid-column: 1/13;
  height: 58px;
  margin-top: 15px;
  position: relative;
}

.header__addition::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 200vw;
  left: -100%;
  height: 100%;
  z-index: -1;
  background-color: var(--color-gray);
}

.header__addition-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  max-width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}

.header__addition-item:first-child::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 1px;
  height: 24px;
  background-color: rgba(36, 55, 104, 0.3);
  left: 0;
}

.header__addition-item::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 1px;
  height: 24px;
  background-color: rgba(36, 55, 104, 0.3);
  right: 0;
}

.header__addition-item svg {
  width: 24px;
  height: 24px;
}

.header__mobile {
  display: none;
}

.header__close {
  display: none;
}

.header_sticky {
  position: fixed;
  z-index: 360;
  top: 0;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.main-page .header {
  padding-bottom: 15px;
}

html.menu_opened {
  position: fixed;
  right: 0;
  left: 0;
}

html.menu_opened body {
  overflow-y: scroll;
}

html.menu_opened body::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  z-index: 50;
}

.section_view_breadcrumbs {
  padding-top: 35px;
  padding-bottom: 35px;
}

.section_view_breadcrumbs .section__items {
  grid-column: 1/13;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 38px;
}

.section_view_breadcrumbs .section__items > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
}

.section_view_breadcrumbs .section__items > *:not(:last-child) {
  position: relative;
}

.section_view_breadcrumbs .section__items > *:not(:last-child)::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 5px;
  height: 8px;
  right: -20px;
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.146447 0.146447C0.341709 -0.0488155 0.658291 -0.0488155 0.853553 0.146447L4.35355 3.64645C4.54882 3.84171 4.54882 4.15829 4.35355 4.35355L0.853553 7.85355C0.658291 8.04882 0.341709 8.04882 0.146447 7.85355C-0.0488155 7.65829 -0.0488155 7.34171 0.146447 7.14645L3.29289 4L0.146447 0.853553C-0.0488155 0.658291 -0.0488155 0.341709 0.146447 0.146447Z' fill='%23293C6C'/%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;
}

.section_view_first {
  background-color: var(--color-blue);
  position: relative;
}

.section_view_first .section__slider {
  grid-column: 1/-1;
  grid-row: 1;
}

.section_view_first .section__slider .slider__slide {
  padding-top: 60px;
  padding-bottom: 107px;
  position: relative;
  height: 610px;
}

.section_view_first .section__slider .slider__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section_view_first .section__slider .slider__slide {
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.section_view_first .section__slider .slider__slide.swiper-slide {
  opacity: 0;
}

.section_view_first .section__slider .slider__slide.swiper-slide-active {
  opacity: 1;
  -webkit-animation: fadeIn2 0.6s ease-in-out;
  animation: fadeIn2 0.6s ease-in-out;
}

@-webkit-keyframes fadeIn2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  10% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes fadeIn2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  10% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

.section_view_first
  .section__slider
  .slider__slide.swiper-slide-active
  .section__img {
  -webkit-animation: fadeIn3 0.6s linear;
  animation: fadeIn3 0.6s linear;
}

@-webkit-keyframes fadeIn3 {
  0% {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
  }

  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@keyframes fadeIn3 {
  0% {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
  }

  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

.section_view_first .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  line-height: 110%;
  color: var(--text-color-inverse);
  grid-column: 1/6;
  font-size: 44px;
  z-index: 2;
}

.section_view_first .section__links {
  color: var(--text-color-inverse);
  grid-column: 1/6;
  /* margin-top: 40px; */
  margin-top: 20px;
  font-size: 16px;
  z-index: 2;
}

.section_view_first .section__links ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.section_view_first .section__links ul li {
  white-space: nowrap;
}
.section_view_first .section__links li:first-letter {
  text-transform: capitalize;
}
.section_view_first .section__img {
  position: absolute;
  z-index: 0;
  height: 610px;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: 217px;
}

.section_view_first .section__img img {
  height: 100%;
  min-width: unset;
}

.section_view_first .section__new {
  top: 57px;
  grid-column: 10/13;
  grid-row: 1/3;
  justify-self: end;
  background-color: var(--color-white);
  color: var(--text-color-def);
  width: 325px;
  z-index: 2;
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 40px;
}

.section_view_first .section__new .new__header {
  display: none;
}

.section_view_first .section__new .new__inner {
  padding-bottom: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section_view_first .section__new .new__item {
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: var(--color-blue) !important;
}

.section_view_first .section__new .new__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 254px;
}

.section_view_first .section__new .new__img img {
  /* min-width: unset; */
  min-height: unset;
}

.section_view_first .section__new .new__category,
.section_view_first .section__new .new__name,
.section_view_first .section__new .new__price {
  padding-left: 20px;
  padding-right: 20px;
}

.section_view_first .section__new .new__category {
  padding-bottom: 5px;
}

.section_view_first .section__new .new__name {
  padding-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
}

.section_view_first .section__new .new__price {
  font-size: 26px;
}

.section_view_first .section__new .new__control {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section_view_first .section__new .new__left,
.section_view_first .section__new .new__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  border: 1px solid var(--color-light-blue);
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

.section_view_first .section__new .new__left svg,
.section_view_first .section__new .new__right svg {
  width: 29px;
  height: 29px;
}

.section_view_first .section__new .new__left:hover,
.section_view_first .section__new .new__right:hover {
  background-color: var(--color-new-blue);
}

.section_view_first .section__new .new__left:hover svg use,
.section_view_first .section__new .new__right:hover svg use {
  fill: var(--color-white);
}

.section_view_first .section__new .new__left {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.section_view_first .section__new .new__pag {
  display: none;
}

.section_view_first .section__tabs {
  grid-column: 1/13;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 0;
  padding-left: var(--page-gap);
  padding-right: 48px;
  height: 70px;
}

.section_view_first .section__tabs::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--color-white);
  -webkit-clip-path: polygon(
    0 0,
    calc(100% - 24px) 0%,
    100% 27px,
    100% 100%,
    0 100%
  );
  clip-path: polygon(0 0, calc(100% - 24px) 0%, 100% 27px, 100% 100%, 0 100%);
}

.section_view_first .section__tabs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  height: 100%;
  gap: 40px;
}

.section_view_first .section__tabs ul li {
  width: unset !important;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.section_view_first .section__tabs ul li a {
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  color: var(--color-blue) !important;
}

.section_view_first .section__tabs ul li a span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.section_view_first .section__tabs ul li a::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-new-blue);
}

.section_view_first .section__tabs ul li a.active::before,
.section_view_first .section__tabs ul li a:hover::before {
  opacity: 1;
}

.section_view_first .section__tabs ul:hover li a.active::before {
  opacity: 0.5;
}

.section_view_first .section__tabs .swiper-pagination {
  display: none;
}

.section_view_first .section__tabs .swiper-button-prev,
.section_view_first .section__tabs .swiper-button-next {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

.section_view_first .section__tabs .swiper-button-prev svg,
.section_view_first .section__tabs .swiper-button-next svg {
  width: 24px;
  height: 24px;
}

.section_view_first .section__tabs .swiper-button-prev {
  left: 19px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.section_view_first .section__tabs .swiper-button-next {
  right: 19px;
}

.section_view_first .section__tabs .swiper-slide-duplicate {
  position: absolute;
  visibility: hidden;
  max-width: 0 !important;
  overflow: hidden;
}

.section_view_second {
  position: relative;
  margin-top: 80px;
}

.section_view_second .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  grid-column: 1/13;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 53px;
}

.section_view_second .section__header .section__select {
  padding-bottom: 5px;
  cursor: pointer;
}

.section_view_second .section__header .section__select.active {
  border-bottom: 2px solid var(--color-new-blue);
}

.section_view_second .section__update {
  font-size: 15px;
  font-weight: normal;
  color: rgba(41, 60, 108, 0.5);
  margin-bottom: -10px;
}

.section_view_second .section__items {
  grid-column: 1/-1;
  gap: 0;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  -webkit-animation: catalogIn 0.5s ease-in-out;
  animation: catalogIn 0.5s ease-in-out;
}

@-webkit-keyframes catalogIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@keyframes catalogIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

.section_view_second .section__items:not(.active) {
  display: none;
}

.section_view_second .section__item {
  grid-column: span 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px !important;
  font-size: 18px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 283px;
  border: 1px solid var(--color-light-blue);
  -webkit-transition: border 0.3s ease-in-out;
  transition: border 0.3s ease-in-out;
}

.section_view_second .section__item .item__img {
  width: 100%;
  height: 195px;
}

.section_view_second .section__item .item__img img {
  min-width: unset;
  min-height: unset;
}

.section_view_second .section__item .item__name {
  width: 100%;
  height: 84px;
  -ms-flex-item-align: end;
  align-self: end;
  padding-left: 25px;
  padding-right: 28px;
  padding-top: 6px;
  padding-bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section_view_second .section__item .item__name::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 8px;
  height: 14px;
  background-color: var(--color-new-blue);
  -webkit-clip-path: var(--arrow);
  clip-path: var(--arrow);
}

.section_view_second .section__calculator {
  grid-column: span 6;
  background-color: var(--color-blue);
  padding: 41px 55px 36px 29px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.section_view_second .section__calculator .calculator__left,
.section_view_second .section__calculator .calculator__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.section_view_second .section__calculator .calculator__header {
  font-size: 30px;
  font-weight: 500;
}

.section_view_second .section__calculator .calculator__button {
  margin-top: 43px;
}

.section_view_second .section__calculator .calculator__caption {
  margin-top: auto;
  font-size: 16px;
}

.section_view_second .section__calculator .calculator__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 180px;
  height: 180px;
}

.section_view_second .section__list {
  grid-area: 2/1/6/7;
}

.section_view_second .section__list a {
  font-size: 18px;
  gap: 35px;
  height: 75px;
}

.section_view_second .section__list a .icon {
  width: 31px;
  height: 31px;
}

.section_view_second .section__list2 {
  grid-area: 2/7/6/13;
}

.section_view_second .section__list2 a {
  font-size: 18px;
  gap: 35px;
  height: 75px;
}

.section_view_second .section__list2 a .icon {
  width: 31px;
  height: 31px;
}

.section_view_services {
  padding-top: 80px;
}

.section_view_services .layout {
  grid-template-rows: 157px 130px;
}

.section_view_services .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  letter-spacing: 0.5px;
  grid-area: 1/1/2/6;
}

.section_view_services .section__caption {
  grid-area: 2/1/3/6;
}

.section_view_services .section__button {
  grid-area: 3/1/4/6;
}

.section_view_services .section__list {
  grid-area: 1/7/4/13;
}

.section_view_services .section__list a {
  font-size: 18px;
  gap: 35px;
  height: 75px;
}

.section_view_services .section__list a .icon {
  width: 31px;
  height: 31px;
}

.section_view_reviews {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section_view_reviews .layout {
  row-gap: 30px;
}

.section_view_reviews .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  grid-column: 1/-1;
}

.section_view_reviews .section__body {
  grid-column: 1/-1;
}

.section_view_easy {
  --easy-header-height: 108px;
  margin-top: calc(var(--easy-header-height) + 13px);
  background-color: var(--color-blue);
}

.section_view_easy .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  padding-bottom: 7px;
  position: absolute;
  left: 0;
  padding-left: var(--page-gap);
  padding-right: 205px;
  background-color: var(--color-blue);
  margin-top: calc(var(--easy-header-height) * -1 + 1px);
  height: var(--easy-header-height);
  color: var(--text-color-inverse);
  -webkit-clip-path: polygon(
    0 0,
    calc(100% - 27px) 0%,
    100% 40px,
    100% 100%,
    0 100%
  );
  clip-path: polygon(0 0, calc(100% - 27px) 0%, 100% 40px, 100% 100%, 0 100%);
}

.section_view_easy .section__items {
  margin-top: 44px;
  grid-column: 1/-1;
  padding-bottom: 77px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.section_view_easy .section__item {
  grid-column: span 3;
}

.section_view_easy .section__item .item__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  margin-bottom: 25px;
}

.section_view_easy .section__item .item__icon svg use {
  fill: var(--color-red);
}

.section_view_easy .section__item .item__header {
  font-size: 20px;
  padding-right: 50px;
}

.section_view_partners {
  background-color: var(--color-blue);
}

.section_view_partners .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  margin-top: 50px;
  margin-bottom: 60px;
  color: var(--color-white);
  grid-column: 1/13;
}

.section_view_partners .section__items {
  grid-column: 1/13;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.partner picture {
  display: -webkit-box;
}

.partners__item picture {
  display: -webkit-box;
}

.section_view_partners .section__items .partners__item {
  width: 20%;
  height: 160px;
  background-color: var(--color-white);
}

.section_view_partners .section__items .partners__item:not(:last-child) {
  border-right: 1px solid var(--color-light-blue);
}

.section_view_partners .section__items .partners__item img {
  min-width: unset;
  min-height: unset;
}

.section_view_photogallery {
  background-color: var(--color-blue);
  padding-top: 50px;
  padding-bottom: 50px;
}

.section_view_photogallery_second {
  padding-top: 80px;
}

.section_view_photogallery .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  padding-bottom: 60px;
  color: var(--color-white);
  grid-column: 1/7;
}

.section_view_photogallery .section__controll {
  grid-column: 10/13;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  height: 50px;
}

.section_view_photogallery .section__controll-left,
.section_view_photogallery .section__controll-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  background-color: var(--color-white);
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

.section_view_photogallery .section__controll-left svg,
.section_view_photogallery .section__controll-right svg {
  width: 24px;
  height: 24px;
}

.section_view_photogallery .section__controll-left:hover,
.section_view_photogallery .section__controll-right:hover {
  background-color: var(--color-new-blue);
}

.section_view_photogallery .section__photos {
  grid-column: 1/13;
  overflow: hidden;
}

.section_view_photogallery .section__photos .photos__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section_view_photogallery .section__photos .photos__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-width: 33%;
  height: 329px;
  overflow: hidden;
}

.section_view_photogallery .section__photos .photos__item picture img {
  -o-object-fit: cover;
  object-fit: cover;
}

.section_view_contacts {
  background-color: var(--color-blue);
  padding-bottom: 76px;
  position: relative;
}

.section_view_contacts::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  width: var(--page-max-width);
  height: 1px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.section_view_contacts .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  grid-area: 1/1/2/5;
  margin-top: 55px;
  margin-bottom: 55px;
  color: var(--color-white);
}

.section_view_contacts .section__contacts {
  grid-area: 2/1/3/7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.section_view_contacts .section__contacts-header {
  font-size: 15px;
  margin-bottom: 5px;
  width: 100%;
}

.section_view_contacts .section__contacts-phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 30px;
  gap: 18px;
  margin-top: 9px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.section_view_contacts .section__contacts-phone .phone-wa {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: var(--color-white);
}

.section_view_contacts .section__contacts-phone .phone-wa svg {
  width: 22px;
  height: 22px;
}

.section_view_contacts .section__contacts-email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 6px;
  font-size: 15px;
  margin-left: 65px;
  margin-top: -13px;
}

.section_view_contacts .section__contacts-email a {
  font-size: 20px;
}

.section_view_contacts .section__adress {
  grid-area: 3/1/4/6;
  margin-top: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: auto;
}

.section_view_contacts .section__adress-header {
  font-size: 15px;
  margin-bottom: 7px;
  width: 100%;
}

.section_view_contacts .section__adress-value {
  font-size: 20px;
}

.section_view_contacts .section__adress-way {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-left: 36px;
}

.section_view_contacts .section__adress-way .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 24px;
}

.section_view_contacts .section__adress-way .icon use {
  fill: var(--color-new-blue);
}

.section_view_contacts .section__button {
  grid-area: 4/1/5/6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: auto;
  margin-top: 74px;
}

.section_view_contacts .section__button a {
  width: 171px;
}

.section_view_contacts .section__form {
  grid-area: 1/7/5/13;
  padding-left: 72px;
  padding-top: 5px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.section_view_contacts .section__form .form__header {
  font-size: 30px;
  margin-top: 67px;
  margin-bottom: 55px;
}

.section_view_contacts .section__form form .form__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 30px;
  line-height: 150%;
}

.section_view_contacts .section__form form .form__first {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 20px;
}

.section_view_contacts .section__form form .form__first input {
  width: 286px;
  min-width: unset;
  max-width: 100% !important;
}

.section_view_contacts .section__form form .form__message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.section_view_contacts .section__form form .form__button {
  width: 100%;
  margin-top: 20px;
}

.section_view_contacts .section__form form .form__button button {
  height: 60px;
  width: 209px;
}

.section_view_contacts .section__form form input[name="name"],
.section_view_contacts .section__form form input[name="tel"],
.section_view_contacts .section__form form input[name="name"] {
  max-width: 283px;
}

.section_view_map {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.section_view_map .section__map {
  grid-column: 1/-1;
  height: 400px;
  width: 100vw;
  margin: 0 calc(-1 * var(--page-gap));
  -webkit-filter: grayscale(100%) !important;
  filter: grayscale(100%) !important;
}

.section_view_map .section__map img {
  -o-object-fit: cover;
  object-fit: cover;
}

.section_view_franchise {
  background-color: var(--color-blue);
  height: 598px;
  padding-top: 66px;
  padding-bottom: 64px;
  position: relative;
}

.section_view_franchise .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  color: var(--color-white);
  grid-column: 1/7;
  padding-bottom: 32px;
  font-size: 48px;
  line-height: 110%;
}

.section_view_franchise .section__royaltie {
  grid-column: 1/7;
  padding-bottom: 62px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.section_view_franchise .section__royaltie .royaltie__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  width: 166px;
  height: 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--color-white);
  color: var(--text-color-def);
}

.section_view_franchise .section__royaltie .royaltie__icon .icon {
  width: 20px;
  height: 20px;
}

.section_view_franchise .section__caption {
  padding-top: 64px;
  grid-column: 1/5;
  font-size: 25px;
  line-height: 130%;
}

.section_view_franchise .section__button {
  grid-column: 1/7;
  padding-top: 40px;
}

.section_view_franchise .section__button button {
  height: 60px;
  width: 210px;
}

.section_view_franchise .section__img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
}

.section_view_franchise .section__img img {
  -o-object-fit: cover;
  object-fit: cover;
}

.section_view_advantages {
  padding-top: 80px;
}

.section_view_advantages .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  grid-column: span 5;
}

.section_view_advantages .section__items {
  grid-column: 1/13;
  padding-top: 64px;
  padding-bottom: 80px;
}

.section_view_advantages .section__item {
  grid-column: span 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-column-gap: 75px;
  -moz-column-gap: 75px;
  column-gap: 75px;
}

.section_view_advantages .section__item .item__icon {
  width: 52px;
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.section_view_advantages .section__item .item__icon svg {
  width: 100%;
  max-height: 100%;
}

.section_view_advantages .section__item .item__icon svg use {
  fill: var(--color-new-blue);
}

.section_view_advantages .section__item .item__header {
  margin-top: 35px;
  font-weight: 500;
  color: var(--color-blue);
}

.section_view_advantages .section__item .item__text {
  margin-top: 20px;
  font-size: 16px;
  line-height: 150%;
}

.section_view_advantages_inverse {
  background-color: var(--color-blue);
  position: relative;
}

.section_view_advantages_inverse::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  width: 100%;
  height: 43px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='1480' height='23' viewBox='0 0 1480 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='1' x2='721' y2='1' stroke='%239CA1C8'/%3E%3Cline x1='760' y1='1' x2='1480' y2='1' stroke='%239CA1C8'/%3E%3Cpath d='M720 1L740.5 22C740.5 22 752.494 9.20101 760.5 1' stroke='%239CA1C8'/%3E%3C/svg%3E%0A");
}

.section_view_advantages_inverse .section__header {
  color: var(--text-color-inverse);
}

.section_view_advantages_inverse .section__items {
  border-bottom: 1px solid #9ca1c8;
  padding-top: 33px;
  padding-bottom: 100px;
}

.section_view_advantages_inverse .section__item .item__header {
  font-size: 20px;
  font-weight: 300;
  line-height: 130%;
  color: var(--text-color-inverse);
  padding-right: 33px;
}

.section_view_effective {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: var(--color-gray);
}

.section_view_effective .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  grid-column: span 5;
  padding-bottom: 52px;
}

.section_view_effective .section__list {
  grid-column: 1/6;
}

.section_view_effective .section__list2 {
  grid-column: 7/13;
}

.section_view_effective .section__list2 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.section_view_effective .section__list2 ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 33px;
  padding-top: 28px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--color-light-blue);
}

.section_view_effective .section__list2 ul li:first-child {
  padding-top: 0;
}

.section_view_effective .section__list2 ul li .icon {
  width: 32px;
  height: 32px;
}

.section_view_flag {
  padding-top: 82px;
  padding-bottom: 90px;
  background-color: var(--color-new-blue2);
  position: relative;
  height: 561px;
}

.section_view_flag .section__flag {
  position: absolute;
  bottom: 0;
  max-width: calc(50% - 50px);
  left: calc(var(--page-gap) - 130px);
}

.section_view_flag .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  color: var(--text-color-inverse);
  grid-column: 7/13;
}

.section_view_flag .section__text {
  grid-column: 7/13;
  margin-top: 33px;
}

.section_view_flag .section__text p {
  margin-bottom: 24px;
}

.section_view_digits {
  background-color: var(--color-gray);
}

.section_view_digits .section__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding: 101px 55px 43px;
  text-align: center;
  grid-column: span 3;
  border-right: 1px solid var(--color-light-blue);
}

.section_view_digits .section__item:first-child {
  border-left: 1px solid var(--color-light-blue);
}

.section_view_digits .section__item .item__digit {
  color: var(--color-blue);
  font-size: 60px;
  margin-bottom: 54px;
}

.section_view_digits .section__item .item__text {
  line-height: 130%;
}

.section_view_uniq {
  background-color: var(--color-blue);
  padding-top: 50px;
  padding-bottom: 110px;
}

.section_view_uniq .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  color: var(--color-white);
  grid-column: 1/5;
  margin-top: 43px;
}

.section_view_uniq .section__arrow {
  grid-column: 5/7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section_view_uniq .section__arrow .icon {
  width: 173px;
  max-width: calc(100% - 30px);
}

.section_view_uniq .section__arrow .icon svg use {
  fill: var(--color-new-blue);
}

.section_view_uniq .section__arrow .icon:last-child {
  display: none;
}

.section_view_uniq .section__block {
  grid-column: 7/13;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.section_view_uniq .section__block-header {
  font-weight: 400;
  font-size: 30px;
  line-height: 130%;
  max-width: 645px;
}

.section_view_uniq .section__block-text {
  margin-top: 31px;
  max-width: 645px;
}

.section_view_ready {
  background-color: var(--color-blue);
  padding-top: 100px;
  padding-bottom: 60px;
}

.section_view_ready .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  color: var(--text-color-inverse);
  grid-column: 4/-4;
  text-align: center;
}

.section_view_ready .section__body {
  grid-column: 1/13;
  background-color: var(--color-white);
  color: var(--text-color-def);
  margin-top: 80px;
  padding: 52px 30px;
}

.section_view_ready .section__subheader,
.section_view_ready .section__text {
  padding-bottom: 60px;
}

.section_view_ready .section__subheader {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  grid-column: 1/5;
}

.section_view_ready .section__text {
  grid-column: 7/13;
  padding-right: 100px;
  line-height: 150%;
  padding-top: 10px;
}

.section_view_ready .section__items {
  grid-column: 1/13;
  row-gap: 65px;
  padding-top: 60px;
  border-top: 1px solid var(--color-light-blue);
}

.section_view_ready .section__item {
  grid-column: span 4;
}

.section_view_ready .section__item .item__icon svg {
  width: 52px;
  height: 52px;
}

.section_view_ready .section__item .item__icon svg use {
  fill: var(--color-new-blue);
}

.section_view_ready .section__item .item__text {
  margin-top: 21px;
  padding-right: 3rem;
}

.section_view_poll {
  padding-top: 90px;
  padding-bottom: 20px;
  background-color: var(--color-gray);
}

.section_view_poll .section__header {
  grid-column: 3/-3;
  text-align: center;
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
}

.section_view_poll .section__body {
  grid-column: 1/13;
  margin: auto;
  margin-top: 60px;
  margin-bottom: 40px;
}

.section_view_question {
  padding-bottom: 82px;
  background-color: var(--color-gray);
}

.section_view_question .section__body {
  background-color: var(--color-blue);
  padding: 74px 0 59px 50px;
  position: relative;
}

.section_view_question .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  color: var(--text-color-inverse);
  grid-column: 1/7;
}

.section_view_question .section__caption {
  grid-column: 1/7;
  margin-top: 30px;
  line-height: 130%;
  font-size: 30px;
}

.section_view_question .section__tel {
  grid-column: 1/7;
  margin-top: 176px;
  font-size: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
}

.section_view_question .section__tel .icon svg {
  width: 30px;
  height: 30px;
}

.section_view_question .section__tel .icon svg use {
  fill: var(--color-white);
}

.section_view_question .section__button {
  grid-column: 1/7;
  margin-top: 50px;
}

.section_view_question .section__button button {
  height: 60px;
  width: 209px;
}

.section_view_question .section__img {
  position: absolute;
  width: 511px;
  top: 0;
  right: 0;
  height: 100%;
}

.section_view_question .section__img img {
  -o-object-fit: cover;
  object-fit: cover;
}

.section_view_news {
  border-bottom: 1px solid rgba(189, 199, 224, 0.2);
  padding-bottom: 90px;
}

.section_view_news .section__header {
  grid-column: 1/-1;
  margin-bottom: 0;
}

.section_view_news .section__items {
  grid-column: 1/-1;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  row-gap: 70px;
  margin-top: 70px;
}

.section_view_news .section__item {
  grid-column: span 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}

._no-webp .section_view_news .section__item .item__img {
  background-image: url("/img/no-img.png");
}

.section_view_news .section__item .item__img {
  background-repeat: no-repeat;
  background-position: center;
  background-color: #f9f9f9;
  height: 243px;
}
.section_view_news .section__item .item__img img {
  width: 100%;
}
.section_view_news .section__item .item__name {
  font-size: 20px;
  line-height: 130%;
  font-weight: 500;
  display: inline;
}

.section_view_news .section__item .item__name span {
  display: inline;
  border-bottom: 1px solid var(--color-light-blue);
  -webkit-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}

.section_view_news .section__item .item__name span::before,
.section_view_news .section__item .item__name span::after {
  content: none;
}

.section_view_news .section__item .item__text {
  font-size: 16px;
}

.section_view_news .section__item:hover .item__name span {
  border-color: #6e74ad;
}

.section_view_news .section__more {
  grid-column: 1/-1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 90px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section_view_news .section__more a {
  width: 203px;
  height: 47px;
}

.section_view_body {
  border-bottom: 1px solid rgba(189, 199, 224, 0.2);
  padding-bottom: 90px;
}

.section_view_body .section__left {
  grid-column: 1/4;
}

.section_view_body .section__left .left__header {
  font-size: 24px;
  font-weight: 500;
}

.section_view_body .section__left .left__menu {
  margin-top: 24px;
}

.section_view_body .section__left .left__balance {
  margin-top: 40px;
  padding: 30px 25px;
  border: 1px solid var(--color-light-blue);
  font-size: 15px;
}

.section_view_body .section__left .left__balance .balance__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  line-height: 130%;
  margin-bottom: 10px;
}

.section_view_body
  .section__left
  .left__balance
  .balance__header:not(:first-child) {
  margin-top: 20px;
}

.section_view_body .section__left .left__balance .balance__header .icon {
  width: 24px;
  height: 24px;
}

.section_view_body
  .section__left
  .left__balance
  .balance__header
  .icon
  svg
  use {
  fill: var(--color-new-blue);
}

.section_view_body .section__left .left__balance .balance__val,
.section_view_body .section__left .left__balance .balance__debt {
  font-size: 28px;
  margin-left: 39px;
  font-weight: 500;
}

.section_view_body .section__left .left__balance .balance__val {
  color: var(--color-new-blue);
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color-light-blue);
}

.section_view_body .section__left .left__balance .balance__debt {
  margin-top: 20px;
}

.section_view_body .section__left .left__balance .balance__debt-date {
  margin-left: 39px;
  margin-top: 20px;
}

.section_view_body .section__left .left__manager {
  padding: 20px 25px;
  border: 1px solid var(--color-light-blue);
  margin-top: 20px;
}

.section_view_body .section__left .left__manager .manager__photo {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
}

.section_view_body .section__left .left__manager .manager__photo img {
  -o-object-fit: cover;
  object-fit: cover;
}

.section_view_body .section__left .left__manager .manager__fio {
  margin-top: 20px;
}

.section_view_body .section__left .left__manager .manager__fio-val {
  font-size: 24px;
  margin-top: 12px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--color-light-blue);
}

.section_view_body .section__left .left__manager .manager__contacts {
  margin-top: 20px;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 17px;
}

.section_view_body .section__left .left__manager .manager__contacts .icon {
  width: 24px;
  height: 24px;
}

.section_view_body .section__body {
  grid-column: 4/13;
  margin-left: 75px;
}

.section_view_body .section__body .body__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  margin-bottom: 40px;
  margin-top: 0;
}

.section_view_body .section__body .body__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 15px;
  row-gap: 30px;
  position: relative;
}

.section_view_body .section__body .body__filters > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}

.section_view_body .section__body .body__filters .filter__line > .filter_sort {
  width: unset !important;
}

.section_view_body .section__body .body__filters .filter__line > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 17px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section_view_body .section__body .body__filters .filter_dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  display: flex;
  cursor: pointer;
  height: 35px;
  border: 0;
  outline: none;
  border: 1px solid #bdc7e0;
  border-radius: 0;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  font-size: 15px;
  position: relative;
  width: 212px;
}

.section_view_body .section__body .body__filters .filter_dropdown-header {
  padding: 0 30px 0 16px;
}

.section_view_body
  .section__body
  .body__filters
  .filter_dropdown-header-mobile {
  display: none;
}

.section_view_body .section__body .body__filters .filter_dropdown-body {
  opacity: 0.2;
  max-height: 0;
  overflow: hidden;
  position: absolute;
  width: 212px;
  top: 34px;
  left: -1px;
  background-color: var(--color-white);
  z-index: 10;
  border: 1px solid #c0cff8;
  border-top: 0;
  color: var(--color-blue);
}

.section_view_body .section__body .body__filters .filter_dropdown-body > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  padding: 4px 0;
}

.section_view_body
  .section__body
  .body__filters
  .filter_dropdown-body
  > div
  input {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.section_view_body .section__body .body__filters .filter_dropdown::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 8px;
  height: 14px;
  background-color: var(--color-new-blue);
  -webkit-clip-path: var(--arrow);
  clip-path: var(--arrow);
  right: 12px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  z-index: 1;
  position: absolute;
  pointer-events: none;
}

.section_view_body .section__body .body__filters .filter_dropdown.active {
  border-bottom: 0;
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
}

.section_view_body
  .section__body
  .body__filters
  .filter_dropdown.active
  .filter_dropdown-body {
  opacity: 1;
  overflow: unset;
  max-height: unset;
  padding: 9px;
}

.section_view_body
  .section__body
  .body__filters
  .filter_dropdown.active::after {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.section_view_body .section__body .body__filters .filter_size a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 7px 10px;
  border: 1px solid var(--color-new-blue);
  height: 33px;
}

.section_view_body .section__body .body__filters .filter_size a.active {
  border: none;
  background-color: #f2f2f2;
}

.section_view_body .section__body .body__filters .filter_view {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

.section_view_body .section__body .body__filters .filter_view a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 33px;
  height: 33px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.section_view_body .section__body .body__filters .filter_view a.active {
  background-color: #f2f2f2;
}

.section_view_body .section__body .body__filters .filter_view a:not(.active) {
  border: 1px solid var(--color-new-blue);
}

.section_view_body .section__body .body__filters .filter_view a:hover {
  border: 1px solid var(--color-blue);
  background-color: #ffffff;
}

.section_view_body .section__body .body__filters .filter_view a svg {
  width: 14px;
  height: 14px;
}

.section_view_body .section__body .body__filters .filter_view-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.section_view_body .section__body .body__filters .filter_update {
  position: absolute;
  right: 100px;
  color: rgba(41, 60, 108, 0.5);
  line-height: 33px;
}

.section_view_body .section__body .body__box {
  margin-top: 50px;
}

.section_view_body .section__body .body__box.box_list .box__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 79px;
  background-color: #f9f9f9;
  margin-right: 10px;
}

.section_view_body .section__body .body__box.box_list .box__header div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-left: 20px;
  padding-right: 20px;
  gap: 7px;
}

.section_view_body .section__body .body__box.box_list .box__header div button {
  background-color: var(--color-white);
  border: 1px solid var(--color-new-blue);
  color: var(--text-color-def);
}

.section_view_body
  .section__body
  .body__box.box_list
  .box__header
  div
  button.active {
  background-color: var(--color-blue);
  color: var(--text-color-inverse);
}

.section_view_body .section__body .body__box.box_list .box__body {
  overflow: auto;
  max-height: calc(100vh - 300px);
  width: 100%;
}

.section_view_body .section__body .body__box.box_list .box__body table {
  width: 100%;
  /* min-width: 822px; */
  margin-bottom: 0;
}

.section_view_body .section__body .body__box.box_list .box__body table thead {
  position: sticky;
  top: 0;
  z-index: 2;
}

.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  thead
  tr
  th {
  height: 79px;
  text-align: left;
  padding-left: 20px;
  background-color: white;
}

.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  thead
  tr
  th:nth-child(1) {
  width: 50%;
}

.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  thead
  tr
  th:nth-child(2) {
  width: 20%;
}

.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  thead
  tr
  th
  .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 8px;
}

.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  thead
  tr
  th
  .price
  button {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  padding-left: 10px;
  padding-right: 10px;
}

.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  thead
  tr
  th
  .price
  button.active {
  border: 1px solid transparent;
}

.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  tbody
  tr
  td {
  font-size: 16px;
  padding-left: 20px;
  padding-right: 20px;
  height: 78px;
  border-bottom: 1px solid var(--color-light-blue);
}

.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__aval
  .warehouse {
  cursor: pointer;
}

.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__aval
  .warehouse
  ul {
  width: 214px;
  opacity: 0;
  top: 27px;
  position: absolute;
  background-color: var(--color-white);
  z-index: 10;
  padding: 10px 18px 10px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 10px;
  background: #fefefe;
  border: 1px solid #c0cff8;
  pointer-events: none;
}

.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__aval
  .warehouse
  ul
  li {
  line-height: 130%;
}

.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__aval
  .warehouse
  ul::before {
  content: "В наличии на складах:";
}

.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__aval
  .warehouse.active
  > div {
  /* Список складов */
}
.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__aval
  .warehouse.active
  ul {
  opacity: 1;
  pointer-events: all;
  /* Основной белый */
  /* Подчеркивания и линии */
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
}

.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__aval:last-child
  .warehouse.active
  ul {
  top: unset;
}

.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  tbody
  tr
  td.warehouse {
  cursor: pointer;
}

.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  tbody
  tr
  td.warehouse
  div {
  height: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  tbody
  tr
  td.warehouse
  .warehouse-header {
  white-space: nowrap;
  border-bottom: 1px dashed #c0cff8;
}

.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  tbody
  tr
  td.warehouse
  ul {
  width: 214px;
  opacity: 0;
  top: 27px;
  position: absolute;
  background-color: var(--color-white);
  z-index: 10;
  padding: 10px 18px 10px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 10px;
  background: #fefefe;
  border: 1px solid #c0cff8;
  pointer-events: none;
}

.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  tbody
  tr
  td.warehouse
  ul
  li {
  line-height: 130%;
}

.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  tbody
  tr
  td.warehouse
  ul::before {
  content: "В наличии на складах:";
}

.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  tbody
  tr
  td.warehouse.active
  > div {
  /* Список складов */
}

.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  tbody
  tr
  td.warehouse.active
  ul {
  opacity: 1;
  pointer-events: all;
  /* Основной белый */
  /* Подчеркивания и линии */
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
}

.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  tbody
  tr
  td
  .cart-add {
  margin-left: auto;
  width: 54px;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='35' height='24' viewBox='0 0 35 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 22.2129C9.55228 22.2129 10 21.7652 10 21.2129C10 20.6606 9.55228 20.2129 9 20.2129C8.44772 20.2129 8 20.6606 8 21.2129C8 21.7652 8.44772 22.2129 9 22.2129Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 22.2129C20.5523 22.2129 21 21.7652 21 21.2129C21 20.6606 20.5523 20.2129 20 20.2129C19.4477 20.2129 19 20.6606 19 21.2129C19 21.7652 19.4477 22.2129 20 22.2129Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 1.21289H5L7.68 14.6029C7.77144 15.0633 8.02191 15.4769 8.38755 15.7712C8.75318 16.0655 9.2107 16.2219 9.68 16.2129H19.4C19.8693 16.2219 20.3268 16.0655 20.6925 15.7712C21.0581 15.4769 21.3086 15.0633 21.4 14.6029L23 6.21289H6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M31 10V16' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 13H34' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  tbody
  tr
  td[class*="price"] {
  display: none;
}
.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  tbody
  tr
  td
  .price-mobile {
  display: none;
  gap: 20px;
}
.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  tbody
  tr:last-child
  td.warehouse.active
  ul {
  top: unset;
  bottom: 27px;
}

.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  tbody.price-length
  .price-length {
  display: table-cell;
  width: 100%;
  white-space: nowrap;
}

.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  tbody.price-weight
  .price-weight {
  display: table-cell;
  width: 100%;
  white-space: nowrap;
}

.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  tbody.price-piece
  .price-piece {
  display: table-cell;
  width: 100%;
  white-space: nowrap;
}

.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  tr
  td:nth-child(1) {
  width: 43%;
}

.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  tr
  td:nth-child(2) {
  width: 13%;
}

.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  tr
  td:nth-child(3) {
  width: 13%;
}

.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  tr
  td:nth-child(4) {
  width: 20%;
}

.section_view_body
  .section__body
  .body__box.box_list
  .box__body
  table
  tr
  td:nth-child(5) {
  width: 11%;
}

.section_view_body .section__body .body__box.box_card .box__items {
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  row-gap: 30px;
}

.section_view_body .section__body .body__box.box_card .box__item {
  grid-column: span 4;
  border: 1px solid var(--color-light-blue);
  padding: 18px 23px;
  -webkit-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}

.section_view_body .section__body .body__box.box_card .box__item:hover {
  border-color: var(--color-blue);
}

.section_view_body .section__body .body__box.box_card .box__item .item__img {
  margin: -18px -23px 30px;
  height: 173px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__img
  img {
  min-width: unset;
  /* min-height: unset; */
}

.section_view_body .section__body .body__box.box_card .box__item .item__min {
  font-size: 15px;
  padding-top: 14px;
  color: rgba(41, 60, 108, 0.5);
}

.section_view_body .section__body .body__box.box_card .box__item .item__char {
  padding-top: 14px;
  padding-bottom: 15px;
  margin-bottom: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid var(--color-light-blue);
  gap: 30px;
}

.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__char
  .char_height,
.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__char
  .char_weight {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__char
  .char_height::before,
.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__char
  .char_weight::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
}

.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__char
  .char_height::before {
  width: 8px;
  height: 18px;
  background-image: var(--icon-height);
}

.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__char
  .char_weight::before {
  width: 16px;
  height: 17px;
  background-image: var(--icon-weight);
}

.section_view_body .section__body .body__box.box_card .box__item .item__price {
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 6px;
  padding-bottom: 19px;
  border-bottom: 1px solid var(--color-light-blue);
}

.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__price
  > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  white-space: nowrap;
}

.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__price-var {
  padding-left: 0.25rem;
}

.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__price-input {
  position: relative;
  margin-left: auto;
}

.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__price-input
  input {
  width: 121px;
  height: 33px;
  min-width: unset;
  justify-self: end;
  margin-left: auto;
}

.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__price-buttons {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-right: 6px;
}

.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__price-buttons
  button {
  width: 9px;
  height: 10px;
  background-color: transparent;
  color: var(--color-blue);
  padding: 2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='6' viewBox='0 0 7 6' fill='none'%3E%3Cpath d='M3.24687 0.205194L0.129375 5.44307C0.0170529 5.62429 0.157455 5.85996 0.382161 5.85996H6.6265C6.8512 5.85996 6.98227 5.62436 6.87929 5.44307L3.75244 0.205194C3.64005 0.0239686 3.35924 0.0239686 3.24687 0.205194L0.129375 5.44307C0.0170529 5.62429 0.157455 5.85996 0.382161 5.85996H6.6265C6.8512 5.85996 6.98227 5.62436 6.87929 5.44307L3.75244 0.205194C3.64005 0.0239686 3.35924 0.0239686 3.24687 0.205194Z' fill='%23293C6C'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__price-buttons
  button:nth-child(2) {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.section_view_body .section__body .body__box.box_card .box__item .item__sum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 20px;
  font-size: 15px;
  font-weight: 500;
}

.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__sum-value {
  font-size: 22px;
  color: var(--color-new-blue);
}

.section_view_body .section__body .body__box.box_card .box__item .item__button {
  margin-top: 20px;
}

.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__button
  button {
  width: 100%;
  height: 38px;
}

.section_view_body .section__body .body__box.box_card .box__item .item__aval {
  margin-top: 17px;
  font-size: 15px;
  text-align: center;
}

.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__aval.warehouse {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 10;
  cursor: pointer;
}

.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__aval.warehouse
  div {
  height: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__aval.warehouse
  .warehouse-header {
  white-space: nowrap;
  border-bottom: 1px dashed #c0cff8;
}

#submenu {
  display: none; /* Скрываем по умолчанию */
  overflow: hidden; /* Скрываем переполнение */
}
.self-pickup-list {
  display: none; /* Изначально скрыто */
  margin: 0; /* Убираем отступы */
  padding: 0;
  list-style: none; /* Убираем стиль списка (точки, цифры и т.д.) */
  position: absolute; /* Делаем абсолютным */
  bottom: 100%; /* Позиционируем список над кнопкой */
  left: 0; /* С выравниванием по левому краю */
  z-index: 1; /* Убедимся что список перед кнопкой */
}
.self-pickup-list button {
  width: 100%; /* Ширина кнопки 100% */
  justify-content: flex-start;
}
.self-pickup-list button:hover {
  background-color: #0c54a0;
}
.hidden {
  display: none; /* Класс для скрытия */
}

.shown {
  display: block; /* Класс для отображения */
}
.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__aval.warehouse
  ul {
  padding-top: 27px;
  width: 214px;
  opacity: 0;
  top: 27px;
  position: absolute;
  background-color: var(--color-white);
  z-index: 10;
  padding: 10px 18px 10px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 10px;
  background: #fefefe;
  border: 1px solid #c0cff8;
  pointer-events: none;
  padding-top: 49px;
  top: -10px;
  z-index: -1;
}

.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__aval.warehouse
  ul
  li {
  line-height: 130%;
  text-align: left;
}

.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__aval.warehouse.active
  > div {
  /* Список складов */
}

.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__aval.warehouse.active
  ul {
  opacity: 1;
  pointer-events: all;
  /* Основной белый */
  /* Подчеркивания и линии */
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
}
.section_view_body
  .section__body
  .body__box.box_card
  .box__item
  .item__aval:last-child.warehouse.active
  ul {
  top: unset;
  bottom: 27px;
}

.section_view_body .section__body .body__product {
  margin-top: 50px;
}

.section_view_body .section__body .body__product .product__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}

.section_view_body .section__body .body__product .product__info > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section_view_body .section__body .body__product .product__info > * .icon {
  margin-right: 14px;
  width: 24px;
  height: 24px;
}

.section_view_body
  .section__body
  .body__product
  .product__info
  > *
  .icon
  svg
  use {
  fill: var(--color-new-blue);
}

.section_view_body .section__body .body__product .product__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  grid-template-columns: 414px auto;
  gap: 30px;
}

.section_view_body .section__body .body__product .product__card .card__img {
  width: 414px;
  height: 223px;
  border: 1px solid var(--color-light-blue);
}

.section_view_body .section__body .body__product .product__card .card__img img {
  min-width: unset;
  min-height: unset;
}
.char__item:last-child {
  border-bottom: none;
}
.section_view_body .section__body .body__product .product__card .card__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}

.section_view_body .section__body .body__product .product__card .card__char {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid var(--color-light-blue);
}

.section_view_body
  .section__body
  .body__product
  .product__card
  .card__char
  > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.section_view_body
  .section__body
  .body__product
  .product__card
  .card__char
  > div
  span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50%;
  padding: 19px 20px;
  font-weight: 500;
}

.section_view_body
  .section__body
  .body__product
  .product__card
  .card__char
  > div
  span:first-child {
  background-color: #f9f9f9;
  border-bottom: 1px solid var(--color-light-blue);
  font-size: 15px;
  line-height: 130%;
}

.section_view_body .section__body .body__product .product__card .card__choose {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.section_view_body
  .section__body
  .body__product
  .product__card
  .card__choose-atention {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
}

.section_view_body
  .section__body
  .body__product
  .product__card
  .card__choose-atention
  .icon {
  width: 24px;
  height: 24px;
}

.section_view_body
  .section__body
  .body__product
  .product__card
  .card__choose-atention
  .icon
  svg
  use {
  fill: var(--color-new-blue);
}

.section_view_body .section__body .body__product .product__card .card__inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.section_view_body
  .section__body
  .body__product
  .product__card
  .card__inputs
  input {
  min-width: unset;
  width: 121px;
}

.section_view_body
  .section__body
  .body__product
  .product__card
  .card__inputs
  > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.section_view_body .section__body .body__product .product__card .card__sum {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 18px;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--color-light-blue);
  font-weight: 500;
}

.section_view_body
  .section__body
  .body__product
  .product__card
  .card__sum
  span {
  font-size: 30px;
  color: var(--color-new-blue);
}

.section_view_body
  .section__body
  .body__product
  .product__card
  .card__button
  button {
  height: 47px;
}

.section_view_body .section__body .body__product .product__tabs .tabs__header {
  margin-top: 70px;
  border-bottom: 1px solid var(--color-new-blue);
}

.section_view_body .section__body .body__product .product__tabs .tabs__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid var(--color-light-gray);
  border-bottom: 0;
  height: 47px;
  padding: 0 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.section_view_body
  .section__body
  .body__product
  .product__tabs
  .tabs__item:hover {
  background-color: var(--color-new-blue);
  color: var(--text-color-inverse);
}

.section_view_body
  .section__body
  .body__product
  .product__tabs
  .tabs__item.active {
  border-color: var(--color-new-blue);
}

.section_view_body .section__body .body__product .product__tabs .tabs__body {
  margin-top: 20px;
  padding: 20px 25px 30px;
  background-color: #f9f9f9;
}

.section_view_body .section__body .body__product .product__tabs .tabs__text p {
  margin-bottom: 0;
}
.section_view_body .section__body .body__product .product__tabs .tabs__text ul {
  margin: 20px 0px;
}
.section_view_body .section__body .body__product .product__relative {
  margin-top: 80px;
}

.section_view_body .section__body .body__lk .lk__text {
  margin-top: 40px;
}

.section_view_body .section__body .body__lk .lk__header {
  margin-top: 80px;
  margin-bottom: 40px;
}

.section_view_body .section__body .body__lk .lk__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(189, 199, 224, 0.2);
}

.section_view_body .section__body .body__lk .lk__val {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.section_view_body .section__body .body__lk .lk__val span:nth-child(1) {
  font-size: 15px;
  color: rgba(36, 55, 104, 0.5);
}

.section_view_body .section__body .body__lk .lk__val-name,
.section_view_body .section__body .body__lk .lk__val-login {
  width: 358px;
}

.section_view_body .section__body .body__lk .lk__val-tel {
  width: 315px;
}

.section_view_body .section__body .body__lk .lk__requisites h3 {
  margin-top: 80px;
  margin-bottom: 40px;
}

.section_view_body .section__body .body__lk .lk__requisites .lk__val {
  margin-bottom: 30px;
}

.section_view_body
  .section__body
  .body__lk
  .lk__requisites
  .lk__val:first-child {
  margin-top: 40px;
}

.section_view_body
  .section__body
  .body__lk
  .lk__requisites
  .lk__val
  span:nth-child(1) {
  margin-bottom: 10px;
}

.section_view_body .section__body .body__lk .lk__contract {
  margin-top: 58px;
  margin-bottom: 50px !important;
}

.section_view_body .section__body .body__lk .lk__history {
  margin-top: 90px;
}

.section_view_body .section__body .body__lk .lk__history .history__table {
  min-width: 571px;
}

.section_view_body .section__body .body__lk .lk__history .history__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 61px;
}

.section_view_body .section__body .body__article .article__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 46px;
  font-size: 15px;
  color: rgba(41, 60, 108, 0.5);
  margin-bottom: 30px;
}

.section_view_body .section__body .body__article .article__img {
  width: 100%;
  margin-bottom: 40px;
}

.section_view_body .section__body .body__article .article__body .table {
  margin-top: 20px;
}

.section_view_body
  .section__body
  .body__article
  .article__body
  .table
  table
  thead
  tr
  td:first-child {
  width: 410px;
  max-width: 100%;
}

.section_view_body
  .section__body
  .body__article
  .article__body
  .table
  table
  tbody
  tr
  td:last-child {
  color: var(--color-new-blue);
}

.section_view_body .section__body .body__article .article__body ul li {
  padding-left: 21px;
  position: relative;
  margin-bottom: 10px;
}

.section_view_body .section__body .body__article .article__body ul li::before {
  --li-before: 5px;
  content: "";
  position: absolute;
  width: var(--li-before);
  height: var(--li-before);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  left: 0;
  top: calc(50% - var(--li-before) / 2);
  background-color: var(--color-new-blue);
  border-radius: 50%;
}

.section_view_body .section__body .body__article .article__body h2 {
  margin-top: 20px;
}
.sel_dat {
  display: flex;
}

#btnback {
  float: right;
}
.suggestionUl {
  border: 1px solid #00a0e3;
  box-shadow: 0 3px 5px gray;
  list-style: none;
  padding: 0;
  position: absolute;
  margin-top: 47px;
  width: 100%;
  z-index: 300;
  background-color: white;
}
.suggestionUl li {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 0 !important;
}
.suggestionUl li::before {
  content: none !important;
}
.suggestionUl li:hover {
  background-color: #fedc95;
}
.countdown-title {
  font-weight: 100;
  font-size: 40px;
  margin: 40px 0px 20px;
}

.countdown {
  font-family: sans-serif;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 20px;
}

.countdown-number {
  border-radius: 3px;
  display: inline-block;
}

.countdown-time {
  padding: 10px;
  border-radius: 3px;
  display: inline-block;
}

.countdown-text {
  display: block;
  padding-top: 5px;
  font-size: 16px;
}

.service-container {
  border: 1px solid #bdc7e0; /* Граница вокруг всей области */
}

.service-panel {
  padding: 10px;
  cursor: pointer; /* Пальчик для курсора */
  border-bottom: 1px solid #bdc7e0;
}
.service-panel span {
  font-size: 20px;
}
#additional-services {
  display: flex; /* Скрываем по умолчанию */

  gap: 15px; /* Отступ между элементами */
  padding: 10px; /* Отступ для чекбоксов */
}

.section_view_body .section__body .body__article .article__body h3 {
  margin-top: 45px;
}

.section_view_body .section__body .body__docs .docs__table table {
  margin-bottom: 0;
}

.section_view_body
  .section__body
  .body__docs
  .docs__table
  table
  tr
  td:last-child {
  padding-right: 28px;
  text-align: right;
}

.section_view_body .section__body .body__notifications .notifications__body {
  margin-top: 54px;
}

.section_view_body
  .section__body
  .body__notifications
  .notifications__body
  input {
  width: 237px;
}

.section_view_body .section__body .body__notifications .notifications__buttons {
  margin-top: 50px;
}

.section_view_body
  .section__body
  .body__notifications
  .notifications__buttons
  button {
  width: 203px;
  height: 47px;
}

.section_view_body .section__body .body__order .order__table table {
  font-size: 15px;
}

.section_view_body .section__body .body__order .order__weight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
  gap: 19px;
}

.section_view_body .section__body .body__order .order__weight svg {
  width: 19px;
  height: 19px;
}

.section_view_body .section__body .body__order .order__weight svg use {
  fill: var(--color-new-blue);
}

.section_view_body .section__body .body__order .order__sum {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 112px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--color-light-blue);
}

.section_view_body .section__body .body__order .order__sum > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 312px;
}

.section_view_body
  .section__body
  .body__order
  .order__sum
  > div
  span:first-child {
  line-height: 140%;
  font-weight: 500;
}

.section_view_body
  .section__body
  .body__order
  .order__sum
  > div
  span:last-child {
  line-height: 130%;
  margin-top: 10px;
  font-weight: 500;
  font-size: 30px;
  color: var(--color-new-blue);
}

.section_view_body .section__body .body__order .order__form {
  margin-top: 50px;
  font-size: 15px;
}

.section_view_body .section__body .body__order .order__form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 32px;
}

.section_view_body .section__body .body__order .order__form .form__body {
  margin-top: 20px;
}

.section_view_body .section__body .body__order .order__form .form__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}

.section_view_body .section__body .body__order .order__form .form__tin {
  width: 324px;
}

.section_view_body .section__body .body__order .order__form .form__buttons div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 13px;
}

.section_view_body .section__body .body__order .order__form .form__agree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}

.section_view_body .section__body .body__order .order__form .form__agree input {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 2px;
}

.section_view_body .section__body .body__order .order__form .form__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 28px;
}

.section_view_body .section__body .body__order .order__form .form__submit-text {
  width: 428px;
  color: rgba(36, 55, 104, 0.5);
  line-height: 150%;
}

.section_view_body .section__body .body__reg .reg__form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 30px;
}

.section_view_body .section__body .body__reg .reg__form form button {
  margin-top: 20px;
  width: 269px;
  height: 47px;
}

.section_view_body .section__body .body__reg .reg__form .form__form {
  width: 100%;
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 17px;
}

.section_view_body .section__body .body__reg .reg__form .form__form div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}

.section_view_body .section__body .body__reg .reg__form .form__input {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 15px);
  flex: 0 0 calc(50% - 15px);
}

.section_view_body .section__body .body__reg .reg__form .form__footer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}

.section_view_body .section__body .body__reg .reg__form .form__agree {
  color: var(--color-light-gray);
}

.section_view_body .section__body .body__refund .refund__tabs .tabs__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-bottom: 50px;
}

.section_view_body .section__body .body__refund .refund__tabs .tabs__body {
  margin-top: 50px;
}

.section_view_body .section__body .body__refund .refund__form .form__body,
.section_view_body .section__body .body__refund .refund__form .form__second {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 89px;
  -moz-column-gap: 89px;
  column-gap: 89px;
}

.section_view_body .section__body .body__refund .refund__form .form__form {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 17px;
}

.section_view_body .section__body .body__refund .refund__form .form__form div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}

.section_view_body .section__body .body__refund .refund__form .form__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}

.section_view_body .section__body .body__refund .refund__form .form__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 30px;
}

.section_view_body .section__body .body__refund .refund__form .form__footer {
  margin-top: 20px;
}

.section_view_body
  .section__body
  .body__refund
  .refund__form
  .form__footer
  button {
  width: 269px;
  height: 47px;
}

.section_view_body .section__body .body__refund .refund__form .form__agree {
  margin-top: 10px;
}

.section_view_body
  .section__body
  .body__refund
  .refund__form
  .form
  span
  + input {
  margin-top: 10px;
}

.section_view_body .section__body .body__refund .refund__form .form select {
  width: 100%;
  height: 47px;
}

.section_view_body
  .section__body
  .body__refund
  .refund__form
  .form
  .select-dropdown {
  margin-top: 10px;
}

.section_view_body
  .section__body
  .body__refund
  .refund__form
  .form
  .select-dropdown::after {
  right: 20px;
}

.section_view_body .section__body .body__refund .refund__table,
.section_view_body .section__body .body__refund .refund__plus,
.section_view_body .section__body .body__refund .refund__add2 {
  display: none;
}

.section_view_body .section__body .body__refund .refund__product {
  margin-top: 40px;
}

.section_view_body
  .section__body
  .body__refund
  .refund__product
  .product__header {
  color: var(--color-new-blue);
  font-size: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  cursor: pointer;
}

.section_view_body
  .section__body
  .body__refund
  .refund__product
  .product__header
  .icon {
  width: 24px;
  height: 24px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.section_view_body
  .section__body
  .body__refund
  .refund__product
  .product__header
  .icon
  svg {
  width: 14px;
  height: 14px;
}

.section_view_body
  .section__body
  .body__refund
  .refund__product
  .product__header
  .icon
  use {
  fill: var(--color-new-blue);
}

.section_view_body
  .section__body
  .body__refund
  .refund__product
  .product__header:hover
  .icon
  use {
  fill: var(--color-blue);
}

.section_view_body .section__body .body__refund .refund__product .product__del {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
}

.section_view_body
  .section__body
  .body__refund
  .refund__product
  .product__del
  .icon {
  width: 24px;
  height: 24px;
}

.section_view_body
  .section__body
  .body__refund
  .refund__product
  .product__del
  .icon
  svg {
  width: 14px;
  height: 14px;
}

.section_view_body
  .section__body
  .body__refund
  .refund__product
  .product__del
  .icon
  use {
  fill: var(--color-new-blue);
}

.section_view_body
  .section__body
  .body__refund
  .refund__product
  .product__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px;
}

.section_view_body
  .section__body
  .body__refund
  .refund__product
  .product__details-mark,
.section_view_body
  .section__body
  .body__refund
  .refund__product
  .product__details-length,
.section_view_body
  .section__body
  .body__refund
  .refund__product
  .product__details-num,
.section_view_body
  .section__body
  .body__refund
  .refund__product
  .product__details-mass,
.section_view_body
  .section__body
  .body__refund
  .refund__product
  .product__details-man,
.section_view_body
  .section__body
  .body__refund
  .refund__product
  .product__details-data {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  white-space: nowrap;
}

.section_view_body
  .section__body
  .body__refund
  .refund__product.product.hide
  .product__header
  .icon {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.section_view_body
  .section__body
  .body__refund
  .refund__product.product.hide
  .product__details {
  max-height: 0;
  overflow: hidden;
  margin-top: 0;
}

.section_view_body .section__body .body__refund .refund__plus .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
}

.section_view_body .section__body .body__refund .refund__plus .button svg {
  width: 16px;
  height: 16px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.section_view_body .section__body .body__refund .refund__plus .button svg use {
  fill: var(--color-new-blue);
}

.section_view_body
  .section__body
  .body__refund
  .refund__plus
  .button:hover
  svg
  use {
  fill: var(--color-white);
}

.section_view_body .section__body .body__refund .refund__file-info {
  color: var(--color-light-gray);
}

.section_view_body .section__body .body__refund .refund__file-info::before,
.section_view_body .section__body .body__refund .refund__file-info::after {
  content: none;
}

.section_view_body .section__body .body__refund.refund_table .refund__table,
.section_view_body .section__body .body__refund.refund_table .refund__plus,
.section_view_body .section__body .body__refund.refund_table .refund__add2 {
  display: block;
}

.section_view_body .section__body .body__refund.refund_table .refund__add {
  opacity: 0;
}

.section_view_body .section__body .body__login .login__tabs .tabs__body {
  margin-top: 40px;
}

.section_view_body .section__body .body__login .login__form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}

.section_view_body .section__body .body__login .login__form form span + input {
  margin-top: 10px;
}

.section_view_body .section__body .body__login .login__form .form__login-pswrd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}

.section_view_body .section__body .body__login .login__form .form__remember {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}

.section_view_body .section__body .body__login .login__form .form__button {
  margin-top: 30px;
}

.section_view_body
  .section__body
  .body__login
  .login__form
  .form__button
  button {
  height: 47px;
  width: 205px;
}

.section_view_body .section__body .body__login .login__links {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}

.section_view_body .section__body .body__calc .calc__icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-top: 30px;
}

.section_view_body .section__body .body__calc .calc__icons .icons__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f9f9f9;
  border-left: 3px solid var(--color-new-blue);
  padding: 20px 30px;
  gap: 30px;
  line-height: 140%;
  font-weight: 500;
}

.section_view_body
  .section__body
  .body__calc
  .calc__icons
  .icons__item
  .icon
  svg {
  width: 39px;
  height: 28px;
}

.section_view_body .section__body .body__calc .calc__search {
  font-size: 15px;
  margin-top: 60px;
}

.section_view_body .section__body .body__calc .calc__search span + div {
  margin-top: 10px;
}

.section_view_body .section__body .body__calc .calc__search form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}

.section_view_body .section__body .body__calc .calc__search .form__search {
  width: calc(100% - 205px - 20px);
}

.section_view_body .section__body .body__calc .calc__search .form__bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.section_view_body .section__body .body__calc .calc__search .form__bar input,
.section_view_body .section__body .body__calc .calc__search .form__bar button {
  height: 47px;
}

.section_view_body .section__body .body__calc .calc__search .form__button {
  width: 205px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.section_view_body
  .section__body
  .body__calc
  .calc__search
  .form__button
  button {
  height: 47px;
}

.section_view_body .section__body .body__calc .calc__search .form__body {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 44px;
  gap: 20px;
  font-size: 18px;
}

.section_view_body .section__body .body__calc .calc__search .form__body > div {
  width: 50%;
}

.section_view_body
  .section__body
  .body__calc
  .calc__search
  .form__car-type
  > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 21px;
}

.section_view_body
  .section__body
  .body__calc
  .calc__search
  .form__car-type
  > div:not(:last-child) {
  margin-bottom: 10px;
}

.section_view_body
  .section__body
  .body__calc
  .calc__search
  .form__results
  > *:not(:last-child) {
  margin-bottom: 10px;
}

.section_view_body .section__body .body__calc .calc__search .form__map {
  width: 100%;
  margin-top: 44px;
  height: 500px;
}

.section_view_calc .section__header {
  grid-column: 1/-1;
}

.section_view_calc .section__calc {
  grid-column: 1/-1;
  gap: 0;
  padding-bottom: 74px;
}

.section_view_calc .section__calc .calc__img {
  grid-column: span 6;
}

.section_view_calc .section__calc .calc__img img {
  -o-object-fit: cover;
  object-fit: cover;
}

.section_view_calc .section__calc .calc__body {
  grid-column: span 6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 580px;
}

.section_view_calc .section__calc .calc__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.section_view_calc .section__calc .calc__tabs > div {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 56px;
  background-color: #ebeef6;
  color: rgba(30, 36, 66, 0.1215686275);
}

.section_view_calc .section__calc .calc__tabs > div.active {
  background-color: var(--color-new-blue);
  color: var(--color-white);
}

.section_view_calc .section__calc .calc__tab-inner {
  padding: 50px 40px;
  background-color: #f9f9f9;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.section_view_calc .section__calc .calc__tab-inner .tab__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 103px;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #1e2442;
}

.section_view_calc
  .section__calc
  .calc__tab-inner
  .tab__header
  > div:first-child {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.section_view_calc .section__calc .calc__tab-inner .tab__description {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}

.section_view_calc .section__calc .calc__tab-inner .tab__body {
  margin-top: 50px;
}

.section_view_calc .section__calc .calc__tab-inner .tab__body.step1 {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.section_view_calc .section__calc .calc__tab-inner .tab__body.step2 {
  display: grid;
  gap: 10px;
}

.section_view_calc .section__calc .calc__tab-inner .tab__body.step2 > div {
  display: grid;
  grid-column: 1/-1;
  gap: 10px;
}

.section_view_calc .section__calc .calc__tab-inner .tab__body.step3 {
  display: grid;
  gap: 10px;
}

.section_view_calc .section__calc .calc__tab-inner .tab__body.step3 > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  grid-column: span 3;
}

.section_view_calc
  .section__calc
  .calc__tab-inner
  .tab__body.step3
  > div
  > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--color-white);
}

.section_view_calc
  .section__calc
  .calc__tab-inner
  .tab__body.step3
  > div
  > div:first-child {
  height: 100%;
  aspect-ratio: 1/1;
  background-color: var(--color-new-blue);
  border-radius: 2px;
}

.section_view_calc .section__calc .calc__tab-inner .tab__body button {
  grid-column: span 2;
  background-color: var(--color-white);
  color: var(--color-blue);
  width: 100%;
  height: 53px;
}

.section_view_calc .section__calc .calc__tab-inner .tab__body button.active {
  border: 2px solid #fe4c00 !important;
  border-radius: 2px;
}

.section_view_calc .section__calc .calc__tab-inner .tab__next {
  margin-top: auto;
  height: 46px;
}

.section_view_calc .section__calc .calc__tab-inner.result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 51px;
}

.section_view_calc .section__calc .calc__tab-inner.result .tab__header {
  margin-bottom: 30px;
}

.section_view_calc .section__calc .calc__tab-inner.result .tab__body {
  margin-top: unset;
}

.section_view_calc .section__calc .calc__tab-inner.result .tab__left,
.section_view_calc .section__calc .calc__tab-inner.result .tab__right {
  font-size: 16px;
}

.section_view_calc .section__calc .calc__tab-inner.result .tab__left {
  width: 60%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
}

.section_view_calc .section__calc .calc__tab-inner.result .tab__left::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #ebeef6;
  right: -25px;
  top: 0;
  bottom: 0;
}

.section_view_calc .section__calc .calc__tab-inner.result .tab__right {
  width: 40%;
}

.section_view_calc .section__calc .calc__tab-inner.result .tab__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}

.section_view_calc .section__calc .calc__tab-inner.result .tab__list > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 16px;
}

.section_view_calc .section__calc .calc__tab-inner.result .tab__notice {
  font-size: 14px;
  font-size: #1e2442;
  opacity: 0.4;
  margin-top: 15px;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
}

.section_view_calc .section__calc .calc__tab-inner.result .tab__change {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}

.section_view_calc .section__calc .calc__tab-inner.result .tab__change > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.section_view_calc
  .section__calc
  .calc__tab-inner.result
  .tab__change
  > div
  > div {
  width: 100%;
}

.section_view_calc
  .section__calc
  .calc__tab-inner.result
  .tab__change
  > div
  > div
  select {
  height: 53px;
}

.section_view_calc .section__calc .calc__tab-inner.result .tab__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
  margin-top: 60px;
}

.section_view_calc .section__calc .calc__tab-inner.result .tab__manager {
  background-color: var(--color-new-blue);
  color: var(--color-white);
}

.cart-item-length,
.cart-item-quantity,
.cart-item-mass {
  padding-right: 5px;
}

.compensate-for-scrollbar {
  padding: 0 !important;
}

.actbut {
  width: 100%;
}

summary {
  font-size: 30px;
  line-height: 150%;
  font-weight: 500;
  margin-top: 60px;
}

.aasbutton {
  height: 60px;
  width: 210px;
}

/* ����� ��������� */

#calendarHolder {
  display: none;
  font-size: 0;
  margin-bottom: 20px;
}

.innerHolder {
  width: 100%;
}

.flatpickr-calendar {
  display: inline-block !important;
  /* display: none!important; */
}

.interval {
  border-radius: 2px;
  border-color: black;
  border-style: solid;
  border-width: 1px;
  margin: auto;
  margin-top: 5px;
  width: 120px;
}

.blueBG {
  background-color: #293c6c;
  pointer-events: none;
}

.blueBG span {
  color: white;
}

.flatpickr-months .flatpickr-month {
  border-radius: 5px 0 0 0 !important;
}

.right-calendar-block {
  display: none;
  font-size: 15px;
  border-radius: 0 5px 0 0;
  /* overflow-y: scroll; */
  vertical-align: top;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  /* display:none!important; */
  width: 200px;
  /* background-color: grey; */
  position: relative;
  top: 12px;
  -webkit-box-shadow: 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 0 3px 13px rgba(0, 0, 0, 0.08);
  border-width: 4px;
  border-right: 1px solid rgba(72, 72, 72, 0.2);
  border-bottom: 1px solid rgba(72, 72, 72, 0.2);
}

.right-calendar-block .top {
  border-radius: 0 5px 0 0;
  height: 62px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bolder;
  /* ���� ��������� */
  /* background: #42a5f5;
  color: rgba(0,0,0,0.54); */
  /* ���� ����� */
  background-color: #293c6c;
  color: white;
}

.right-calendar-block .bottom {
  height: 234px;
  overflow-y: auto;
  text-align: center;
}

.right-calendar-block .bottom .interval {
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #484848;
  cursor: pointer;
  font-weight: 400;
  text-align: center;
}

.right-calendar-block .bottom .interval:hover {
  background: #e2e2e2;
  border-color: #e2e2e2;
  color: #484848;
}

#timeOutput + .flatpickr-calendar {
  width: 100%;
}

#returnContent {
  font-weight: bold;
  cursor: pointer;
}

.bottom .sorry {
  text-align: center;
}

/* ����� ���� ��������� */

#calendarOutput + .flatpickr-calendar .flatpickr-month,
#calendarOutput
  + .flatpickr-calendar
  .flatpickr-current-month
  .flatpickr-monthDropdown-months,
#calendarOutput
  + .flatpickr-calendar
  .flatpickr-current-month
  .flatpickr-monthDropdown-months
  .flatpickr-monthDropdown-month,
#calendarOutput + .flatpickr-calendar .flatpickr-weekdays,
#calendarOutput + .flatpickr-calendar span.flatpickr-weekday,
#calendarOutput + .flatpickr-calendar .flatpickr-day.selected {
  background-color: #293c6c;
  color: white;
}

#calendarOutput + .flatpickr-calendar span.flatpickr-weekday {
  color: white;
}

#calendarOutput + .flatpickr-calendar .flatpickr-day.selected {
  border-color: #293c6c;
}

/* ����� ������ ��������� */

.section_view_photogallery .section__photos .photos__item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cart-item[data-price-length="-"] .modal__inputs-length {
  display: none;
}

.cart-item[data-price-mass="-"] .modal__inputs-item {
  display: none;
}

summary {
  cursor: pointer;
}

.footer {
  position: relative;
  padding-top: 52px;
  padding-bottom: 42px;
  border-top: 1px solid #ebeef6;
}

.footer__nav {
  grid-column: 1/13;
}

.footer__nav a span {
  width: unset;
}

.footer__block {
  padding-bottom: 70px;
}

.footer__block .block {
  grid-column: span 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.footer__block .block:first-child .block__list {
  height: 390px;
  width: 50%;
}
.footer__block .block:last-child .block__list {
  height: unset;
  margin-bottom: 51px;
}

.footer__block .block__name {
  width: 100%;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 55px;
}

.footer__block .block__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.footer__block .block__list-subheader {
  color: var(--color-blue);
  margin-bottom: 40px;
  font-weight: 500;
}

.footer__block .block__list-all {
  margin-top: 30px;
}

.footer__block .block__list li {
  margin-bottom: 16px;
}

.footer__block .block__contacts {
  margin-bottom: 40px;
}

.footer__block .block__contacts .contact__first > div:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  margin-top: -8px;
}

.footer__block .block__contacts .contact__tel {
  font-size: 24px;
  white-space: nowrap;
}
.contact__first .contact__wa_footer {
  margin-left: 26px;
}

.footer__block .block__contacts .contact__wa .icon {
  width: 32px;
  height: 32px;
}
.footer__block .block__contacts .contact__tg .icon {
  width: 32px;
  height: 32px;
}
.footer__block .block__contacts .contact__vk .icon {
  width: 35px;
  height: 35px;
}

.footer__block .block__contacts .contact__mail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 21px;
}

.footer__block .block__contacts .contact__adress {
  display: none;
}

.footer__block .block__contacts2 .contact__calc {
  display: none;
}

.footer__block .block__partners {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.footer__block .block__partners img {
  min-width: unset;
  min-height: unset;
}

.footer__block .block:first-child {
  grid-column: span 6;
}

.footer__block .block:first-child .block__list li {
  width: 50%;
}

.footer__partners {
  grid-column: -4/-1 !important;
  margin-top: -130px;
}

.footer__base {
  grid-column: 1/13;
  padding-top: 42px;
  background-color: var(--color-blue);
  position: relative;
}

.footer__base::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: -1;
  background-color: var(--color-blue);
  width: 200vw;
  height: 100vh;
  top: 0;
  left: -100%;
  right: 0;
  margin: 0 auto;
}

.footer__base-1 {
  padding-bottom: 36px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer__base-1 > div {
  grid-column: span 3;
}

.footer__base-2 {
  padding-top: 41px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer__logo {
  --color-1: var(--color-new-blue);
  --color-2: var(--color-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  width: 193px;
}

.footer__lk a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
}

.footer__lk .icon {
  width: 22px;
  height: 22px;
}

.footer__lk .icon svg use {
  fill: var(--color-white);
}

.footer__developer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  font-size: 16px;
}

.footer__offert {
  font-size: 16px;
}

#btnback {
  float: right;
}

.modal_calc_porezki {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.modal_calc_porezki.active_calc_porezki {
  display: block;
}

.modal-content_calc_porezki {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 20px;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  width: 1182px;
  height: 812px;
}

.modal-content_calc_porezki iframe {
  width: 100%;
  height: 100%;
}

button.close-modal_calc_porezki {
  color: #e19e3a;
  position: absolute;
  top: 4px;
  right: -67px;
  background-color: rgb(255 255 255 / 0%);
  border: none;
  cursor: pointer;
  font-size: 30px;
}

@media (max-width: 768px) {
  .modal_calc_porezki {
    display: none;
  }

  .modal_calc_porezki.active_calc_porezki {
    display: none;
  }
}

.modal_calc_porubki {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9000001;
}

.modal_calc_porubki.active_calc_porubki {
  display: block;
}

.modal-content_calc_porubki {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 20px;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  width: 1182px;
  height: 812px;
}

.modal-content_calc_porubki iframe {
  width: 100%;
  height: 100%;
}

button.close-modal_calc_porubki {
  color: #e19e3a;
  position: absolute;
  top: 4px;
  right: -67px;
  background-color: rgb(255 255 255 / 0%);
  border: none;
  cursor: pointer;
  font-size: 30px;
}

@media (max-width: 768px) {
  .modal_calc_porubki {
    display: none;
  }

  .modal_calc_porubki.active_calc_porubki {
    display: none;
  }
}

.button-up {
  position: fixed;
  width: 45px;
  height: 45px;
  z-index: 90;
  bottom: -80px;
  left: 30px;
  -webkit-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
  background: var(--color-new-blue);
  cursor: pointer;
}

.button-up .button-up__inner {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.button-up .button-up__inner .icon {
  width: 24px;
  height: 24px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.button-up .button-up__inner .icon svg use {
  fill: var(--color-white);
}

.button-up:hover {
  background-color: var(--color-new-blue);
  opacity: 1;
}

.button-up_show {
  visibility: visible;
  opacity: 0.5;
  bottom: 30px;
}

@media (min-width: 576px) {
  .header__menu {
    -webkit-transition: all 0.4s cubic-bezier(0.79, 0.33, 0.14, 0.53);
    transition: all 0.4s cubic-bezier(0.79, 0.33, 0.14, 0.53);
  }

  html.menu_opened body::before {
    -webkit-animation: overlay 0.3s ease-in-out;
    animation: overlay 0.3s ease-in-out;
  }

  @-webkit-keyframes overlay {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 0.5;
    }
  }

  @keyframes overlay {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 0.5;
    }
  }
}

@media (min-width: 901px) {
  .header_sticky {
    height: 80px;
    -webkit-animation: fadeInHeader 0.6s ease-in-out;
    animation: fadeInHeader 0.6s ease-in-out;
  }

  @-webkit-keyframes fadeInHeader {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-150px);
      transform: translateY(-150px);
    }

    50% {
      opacity: 0;
    }

    100% {
      opacity: 1;
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
  }

  @keyframes fadeInHeader {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-150px);
      transform: translateY(-150px);
    }

    50% {
      opacity: 0;
    }

    100% {
      opacity: 1;
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
  }

  .header_sticky .layout {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .header_sticky::before {
    content: none;
  }

  .header_sticky .header__logo {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 0px;
    margin-top: 0px;
    width: unset;
    padding-right: 40px;
  }

  .header_sticky .header__catalog {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .header_sticky .header__search {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-right: auto;
  }

  .header_sticky .header__search input {
    width: 430px;
    -webkit-transition: width 0s linear;
    transition: width 0s linear;
  }

  .header_sticky .header__tel {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .header_sticky .header__lk {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }

  .header_sticky .header__lk .icon {
    width: 38px;
    height: 38px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--color-light-gray);
    -ms-flex-item-align: center;
    align-self: center;
  }

  .header_sticky .header__lk .icon svg {
    width: 21px;
    height: 21px;
  }

  .header_sticky .header__cart {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    margin-left: unset;
    margin-left: 40px;
  }

  .header_sticky .header__sandwich {
    -webkit-box-ordinal-group: 101;
    -ms-flex-order: 100;
    order: 100;
    width: unset;
    margin-left: 20px;
  }

  .header_sticky .header__sandwich .sandwich::before {
    content: none;
  }

  .header_sticky .header__slogan {
    display: none;
  }

  .header_sticky .header__adress {
    display: none;
  }

  .header_sticky .header__mail {
    display: none;
  }

  .header_sticky .header__delivery {
    display: none;
  }

  .header_sticky .header__addition {
    display: none;
  }
}

@media (min-width: 992px) {
  .section_view_first .section__tabs .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
  }
}

@media (max-width: 1680px) {
  .section_view_flag .section__flag {
    left: calc(var(--page-gap) / 2);
  }
}

@media (max-width: 1560px) {
  :root {
    --page-gap: 40px;
    --page-max-width: calc(100vw - var(--page-gap) * 2);
  }
}

@media (max-width: 1540px) {
  .section_view_body .section__body {
    margin-left: 16px;
  }

  .section_view_body .section__body .body__box.box_card .box__items {
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
  }

  .section_view_body .section__body .body__box.box_card .box__item {
    padding: 18px 14px;
  }
}

@media (max-width: 1450px) {
  a.arrow::after {
    right: 8px;
  }

  .table {
    overflow-x: auto;
  }

  .swiper-pagination {
    padding-top: 32px;
  }

  .text-header1,
  h1 {
    font-size: 36px;
  }

  .modal__header {
    font-size: 36px;
  }

  .modal_add .modal__item {
    padding: 20px;
  }

  .header {
    padding-top: 15px;
    font-size: 16px;
  }

  .header::before {
    top: 69px;
  }

  .header .layout {
    row-gap: 23px;
  }

  .header__slogan {
    width: 18.8%;
  }

  .header__adress {
    font-size: 16px;
    width: 21.7%;
  }

  .header__tel {
    width: unset;
    gap: 14px;
    font-size: 18px;
  }

  .header__tel a {
    width: unset;
    gap: 6px;
  }

  .header__mail {
    width: unset;
    gap: 8px;
    padding-left: 33px;
  }

  .header__mail {
    margin-right: auto;
  }

  .header__delivery {
    width: unset;
    padding-right: 20px;
  }

  .header__sandwich {
    width: unset;
    padding-left: 70px;
  }

  .header__sandwich .sandwich {
    width: 38px;
    height: 38px;
    padding: 13px 10px;
  }

  .header__sandwich .sandwich::before {
    top: 6px;
    left: -58px;
    font-size: 16px;
  }

  .header__logo {
    width: 18.8%;
  }

  .header__logo svg {
    width: 150px;
    height: 48px;
  }

  .header__catalog .catalog__button {
    height: 38px;
    width: 111px;
    margin-right: 11px;
    padding: 13px 10px 13px 10px;
  }

  .header__search input {
    width: 513px;
    height: 38px;
    padding: 11px;
    background-size: 17px;
    background-position: center right 8px;
  }

  .header__lk .icon {
    width: 21px;
    height: 21px;
  }

  .header__cart {
    margin-left: 35px;
    width: 38px;
    height: 38px;
  }

  .header__addition {
    /* height: 110px; */
  }

  .main-page .header {
    padding-bottom: 10px;
  }

  .section_view_first {
    padding-top: 49px;
    height: 588px;
  }

  .section_view_first .section__slider .slider__slide {
    height: unset;
    padding-top: 0px;
  }

  .section_view_first .section__header {
    font-size: 36px;
  }

  .section_view_first .section__header {
    grid-column: 1/5;
    font-size: 40px;
    letter-spacing: 0;
  }

  .section_view_first .section__links {
    margin-top: 33px;
  }

  .section_view_first .section__img {
    margin-left: 34px;
    height: 555px;
    top: -16px;
  }

  .section_view_first .section__new {
    width: 310px;
    top: 48px;
    margin-top: 30px;
    margin-bottom: 0px;
  }

  .section_view_first .section__new .new__inner {
    padding-bottom: 24px;
  }

  .section_view_first .section__new .new__img {
    height: 194px;
    margin-bottom: 23px;
  }

  .section_view_first .section__tabs {
    font-size: 16px;
    padding-right: 45px;
  }

  .section_view_first .section__tabs ul {
    gap: 35px;
  }

  .section_view_second {
    margin-top: 89px;
  }

  .section_view_second .section__header {
    font-size: 36px;
  }

  .section_view_second .section__header {
    margin-bottom: 58px;
  }
  .section_view_second .section__item {
    height: 228px;
  }

  .section_view_second .section__item .item__img img {
    max-width: 170px;
    max-height: 110px;
  }

  .section_view_second .section__item .item__name {
    padding-left: 15px;
  }

  .section_view_second .section__calculator {
    padding: 31px 32px 29px 25px;
  }

  .section_view_second .section__calculator .calculator__button {
    margin-top: 31px;
    width: 177px;
    min-width: unset;
  }

  .section_view_second .section__calculator .calculator__icon {
    width: 148px;
    height: 148px;
  }

  .section_view_services {
    padding-top: 60px;
  }

  .section_view_services .layout {
    grid-template-rows: 144px 130px;
  }

  .section_view_services .section__header {
    font-size: 36px;
  }

  .section_view_services .section__header {
    margin-top: 20px;
  }

  .section_view_services .section__list a {
    height: 70px;
  }

  .section_view_reviews {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section_view_reviews .section__header {
    font-size: 36px;
  }

  .section_view_easy {
    --easy-header-height: 95px;
    margin-top: calc(var(--easy-header-height) + 1px);
  }

  .section_view_easy .section__header {
    font-size: 36px;
  }

  .section_view_easy .section__header {
    -webkit-clip-path: polygon(
      0 0,
      calc(100% - 25px) 0,
      100% 26px,
      100% 100%,
      0 100%
    );
    clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 26px, 100% 100%, 0 100%);
    padding-right: 68px;
  }

  .section_view_easy .section__items {
    margin-top: 52px;
    padding-bottom: 34px;
  }

  .section_view_partners .section__header {
    font-size: 36px;
  }

  .section_view_partners .section__header {
    margin-bottom: 40px;
  }

  .section_view_photogallery .section__header {
    font-size: 36px;
  }

  .section_view_photogallery .section__header {
    padding-bottom: 41px;
  }

  .section_view_photogallery .section__photos .photos__item {
    height: 260px;
  }

  .section_view_contacts .section__header {
    font-size: 36px;
  }

  .section_view_contacts .section__header {
    grid-area: 1/1/2/6;
    margin-top: 52px;
    margin-bottom: 12px;
  }

  .section_view_contacts .section__contacts-header {
    margin-bottom: 2px;
  }

  .section_view_contacts .section__contacts-phone {
    margin-top: 0;
  }

  .section_view_contacts .section__contacts-phone .phone-wa {
    width: 32px;
    height: 32px;
  }

  .section_view_contacts .section__contacts-email {
    margin-left: 55px;
    margin-top: 0px;
    gap: 15px;
    -webkit-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
    transform: translateY(-35px);
  }

  .section_view_contacts .section__adress {
    grid-area: 3/1/4/7;
    margin-top: 27px;
  }

  .section_view_contacts .section__form {
    padding-left: 33px;
    padding-top: -10px;
  }

  .section_view_contacts .section__form .form__header {
    margin-bottom: 37px;
  }

  .section_view_contacts .section__form form .form__first {
    width: 100%;
  }

  .section_view_contacts .section__form form .form__first input {
    width: unset;
    width: 100%;
  }

  .section_view_contacts .section__form form .form__name,
  .section_view_contacts .section__form form .form__tel {
    max-width: 100%;
    width: 100%;
  }

  .section_view_map .section__map {
    height: 320px;
  }

  .section_view_franchise .section__header {
    font-size: 36px;
  }

  .section_view_advantages .section__header {
    font-size: 36px;
  }

  .section_view_effective .section__header {
    font-size: 36px;
  }

  .section_view_flag .section__header {
    font-size: 36px;
  }

  .section_view_uniq .section__header {
    font-size: 36px;
  }

  .section_view_ready .section__header {
    font-size: 36px;
  }

  .section_view_ready .section__subheader {
    font-size: 36px;
  }

  .section_view_poll .section__header {
    font-size: 36px;
  }

  .section_view_question .section__header {
    font-size: 36px;
  }

  .section_view_body .section__body .body__header {
    font-size: 36px;
  }

  .section_view_body .section__body .body__filters .filter__line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .section_view_calc .section__calc .calc__img {
    grid-column: span 5;
  }

  .section_view_calc .section__calc .calc__body {
    grid-column: span 7;
    min-height: unset;
  }

  .section_view_calc .section__calc .calc__tab-inner .tab__next {
    margin-top: 60px;
  }

  .section_view_calc .section__calc .calc__tab-inner.result .tab__left {
    -ms-flex-negative: unset;
    flex-shrink: unset;
  }

  .footer__block .block__name {
    margin-bottom: 40px;
  }

  .footer__logo {
    height: 45px;
    width: 150px;
  }

  .footer__links {
    font-size: 16px;
  }
}
#start_cat {
  display: none;
}
@media (max-width: 1366px) {
  .section_view_body
    .section__body
    .body__box.box_card
    .box__item
    .item__price
    > * {
    font-size: 14px;
  }
}

@media (max-width: 1365px) {
  .text-header2,
  h2 {
    font-size: 26px;
  }

  summary {
    font-size: 26px;
  }
}

@media (max-width: 1250px) {
  a span:not(.icon)::before,
  a span:not(.icon)::after {
    bottom: 0px;
  }

  .modal_cart .modal__relative .relative__item {
    min-width: 33%;
    width: 33%;
  }
  .contact__first .contact__wa_footer {
    margin-left: 0px;
  }
  .section_view_second .section__item {
    grid-column: span 4;
  }
  .header__slogan {
    width: 22%;
  }

  .header__adress {
    display: none;
  }

  .header__tel {
    margin-left: auto;
  }

  .header__sandwich {
    width: 15%;
  }

  .header__sandwich .sandwich::before {
    top: 3px;
  }

  .header__logo {
    width: 22%;
  }

  .header__search input {
    width: 413px;
  }

  .header__cart {
    margin-left: 16px;
  }

  .header__addition {
    display: none !important;
  }

  .section_view_first {
    height: unset;
  }

  .section_view_first .section__slider .slider__slide {
    padding-bottom: unset;
  }

  .section_view_first .section__header {
    grid-column: 1/6;
  }

  .section_view_first .section__links {
    padding-bottom: 50px;
  }

  .section_view_first .section__img {
    height: 100%;
    top: 0px;
    margin-left: unset;
    margin-right: 100px;
  }

  .section_view_first .section__img picture {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
  }

  .section_view_first .section__img img {
    height: 117%;
  }

  .section_view_first .section__new {
    overflow: unset;
    top: unset;
    position: relative;
    grid-column: 1/-1;
    grid-row: unset;
    width: 100vw;
    justify-self: unset;
    right: 0;
    padding: var(--page-gap);
    margin-top: 0;
    margin-bottom: 0;
    margin-left: calc(-1 * var(--page-gap));
    margin-right: calc(-1 * var(--page-gap));
    height: 400px;
  }

  .section_view_first .section__new .new__item {
    width: 50%;
  }

  .section_view_first .section__new .new__item {
    border: 1px solid var(--color-light-blue);
    padding-bottom: 32px;
  }

  .section_view_first .section__new .new__control {
    display: none;
  }

  .section_view_first .section__new .new__pag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .section_view_first .section__tabs {
    position: relative;
    width: 100vw;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 calc(-1 * var(--page-gap));
    padding: 0;
  }

  .section_view_first .section__tabs::before {
    -webkit-clip-path: unset;
    clip-path: unset;
  }

  .section_view_second .section__calculator {
    grid-column: span 8;
  }

  .section_view_services .layout {
    grid-template-rows: auto;
  }

  .section_view_contacts .section__contacts-phone {
    width: 100%;
  }

  .section_view_contacts .section__contacts-email {
    margin-left: 0px;
    margin-top: 20px;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }

  .section_view_contacts .section__adress {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .section_view_contacts .section__adress-way {
    margin-left: 0;
    margin-bottom: 16px;
  }

  .section_view_contacts .section__form {
    padding-left: unset;
    padding-top: unset;
    border-left: none;
  }

  .section_view_franchise {
    height: unset;
  }

  .section_view_advantages .section__header {
    grid-column: span 7;
  }

  .section_view_effective .section__header {
    grid-column: span 7;
  }

  .section_view_ready .section__item {
    grid-column: span 6;
  }

  .section_view_question .section__img {
    width: 470px;
    max-width: 45%;
  }

  .section_view_news .section__item {
    grid-column: span 4;
  }

  .section_view_body .section__body .body__box.box_card .box__item {
    grid-column: span 6;
    padding: 16px;
  }

  .section_view_calc .section__calc .calc__img {
    grid-column: span 4;
  }

  .section_view_calc .section__calc .calc__body {
    grid-column: span 8;
  }

  .section_view_calc
    .section__calc
    .calc__tab-inner.result
    .tab__buttons
    button {
    white-space: unset;
  }

  .footer__block .block__contacts .contact__first {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
  }

  .footer__block .block__contacts .contact__first > div:nth-child(1) {
    gap: 12px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .footer__block .block__contacts .contact__tel {
    font-size: 20px;
  }

  .footer__block .block__contacts .contact__mail {
    font-size: 20px;
  }
}

@media (max-width: 1239px) {
  .text-header2,
  h2 {
    font-size: 24px;
  }

  .actbut {
    margin-bottom: 30px;
  }

  summary {
    font-size: 24px;
  }
}

@media (max-width: 1100px) {
  .header__slogan {
    width: 20%;
  }

  .header__logo {
    width: 20%;
  }

  .header__lk:hover .icon {
    background-color: var(--color-light-blue);
  }

  .header__lk span:first-child {
    display: none;
  }

  .header__lk .icon {
    width: 38px;
    height: 38px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--color-light-gray);
    -ms-flex-item-align: center;
    align-self: center;
  }

  .header__lk .icon svg {
    width: 21px;
    height: 21px;
  }
}

@media (max-width: 992px) {
  :root {
    --page-gap: 32px;
  }

  button_arrow,
  .button_arrow {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  ul.check-list li {
    padding-left: 65px;
  }

  :root {
    --font-size: 16px;
  }

  .modal__inner {
    padding: var(--page-gap);
  }

  .modal__header {
    font-size: 26px;
  }

  .modal_cart .modal__itog {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 32px;
  }

  .modal_rez .modal__char,
  .modal_rez2 .modal__char {
    font-size: 14px;
    gap: 20px;
  }

  .modal_rez .modal__item,
  .modal_rez2 .modal__item {
    width: calc(100% - var(--page-gap) * 2);
    left: var(--page-gap);
    right: var(--page-gap);
  }

  .modal_map .modal__inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
  }

  .modal_map .modal__close.close::after,
  .modal_map .modal__close.close::before {
    background-color: var(--color-blue);
  }

  .modal_map .modal__left {
    padding: var(--page-gap);
    width: 100%;
  }
  .modal_map .modal__left .modal__select {
    width: 100%;
  }
  .modal_map .modal__right {
    padding-top: 54px;
    padding-bottom: 54px;
    padding-left: 0;
    padding-right: 0;
  }

  .header__slogan {
    width: 25%;
  }

  .header__delivery {
    display: none;
  }

  .header__logo {
    width: 22%;
  }

  .section_view_first .layout {
    max-width: 100%;
  }

  .section_view_first .section__slider .slider__slide {
    padding: 0 var(--page-gap);
  }

  .section_view_first .section__header {
    font-size: 26px;
  }

  .section_view_first .section__header {
    font-size: 36px;
  }

  .section_view_first .section__img {
    margin-right: 0px;
    justify-self: end;
    -ms-flex-item-align: end;
    align-self: end;
    margin-right: calc(-1 * var(--page-gap)) !important;
  }

  .section_view_first .section__new {
    margin-left: unset;
    margin-right: unset;
  }

  .section_view_first .section__tabs {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + var(--page-gap) * 2);
    margin-left: calc(-1 * var(--page-gap));
  }

  .section_view_first .section__tabs ul {
    gap: unset;
  }

  .section_view_first .section__tabs ul li {
    width: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .section_view_first .section__tabs ul li a::before {
    content: none;
  }

  .section_view_first .section__tabs .swiper-wrapper {
    width: 100%;
  }

  .section_view_first .section__tabs .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -10px;
    padding-top: unset;
  }

  .section_view_first .section__tabs .swiper-button-prev,
  .section_view_first .section__tabs .swiper-button-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .section_view_first .section__tabs .swiper-slide-duplicate {
    position: initial;
    visibility: initial;
    max-width: unset !important;
    overflow: unset;
  }

  .section_view_second .section__header {
    font-size: 26px;
  }

  .section_view_second .section__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 2px;
  }

  .section_view_second .section__header .section__select {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .section_view_second .section__update {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 10px;
  }

  .section_view_second .section__calculator {
    grid-column: span 6;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .section_view_second .section__calculator .calculator__left,
  .section_view_second .section__calculator .calculator__right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section_view_second .section__calculator .calculator__left {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .section_view_second .section__calculator .calculator__right {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 32px;
  }

  .section_view_second .section__calculator .calculator__header {
    font-size: 26px;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .section_view_second .section__calculator .calculator__button {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 32px;
    width: 100%;
    height: 48px;
  }

  .section_view_second .section__calculator .calculator__caption {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 12px;
    text-align: center;
  }

  .section_view_second .section__calculator .calculator__icon {
    width: 84px;
    height: 84px;
  }

  .section_view_services .layout {
    grid-template-rows: 144px 130px;
  }

  .section_view_services .section__header {
    font-size: 26px;
  }

  .section_view_services .section__header {
    grid-area: 1/1/2/13;
  }

  .section_view_services .section__caption {
    padding-top: 16px;
    grid-area: 2/1/3/13;
  }

  .section_view_services .section__button {
    grid-area: 3/1/4/13;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 32px;
  }

  .section_view_services .section__list {
    grid-area: 4/1/5/13;
    margin-top: 32px;
  }

  .section_view_reviews .section__header {
    font-size: 26px;
  }

  .section_view_easy .section__header {
    font-size: 26px;
  }

  .section_view_partners .section__header {
    font-size: 26px;
  }

  .section_view_photogallery .section__header {
    font-size: 26px;
  }

  .section_view_contacts .section__header {
    font-size: 26px;
  }

  .section_view_contacts .section__form form .form__first {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .section_view_franchise .section__header {
    font-size: 26px;
  }

  .section_view_advantages .section__header {
    font-size: 26px;
  }

  .section_view_advantages .section__header {
    grid-column: span 12;
    line-height: 110%;
  }

  .section_view_advantages .section__items {
    row-gap: 32px;
  }

  .section_view_advantages .section__item {
    grid-column: span 6;
  }

  .section_view_effective .section__header {
    font-size: 26px;
  }

  .section_view_flag .section__header {
    font-size: 26px;
  }

  .section_view_digits .section__item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section_view_digits .section__item {
    grid-column: span 6;
  }

  .section_view_digits .section__item .item__digit {
    font-size: 48px;
  }

  .section_view_uniq .section__header {
    font-size: 26px;
  }

  .section_view_uniq .section__header {
    grid-column: 1/-1;
    text-align: center;
  }

  .section_view_uniq .section__arrow {
    grid-column: 1/-1;
    height: 49px;
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .section_view_uniq .section__arrow .icon {
    display: none;
  }

  .section_view_uniq .section__arrow .icon:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .section_view_uniq .section__block {
    grid-column: 1/-1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section_view_ready .section__header {
    font-size: 26px;
  }

  .section_view_ready .section__subheader {
    font-size: 26px;
  }

  .section_view_ready .section__subheader {
    grid-column: 1/-3;
  }

  .section_view_ready .section__text {
    grid-column: 1/-1;
  }

  .section_view_poll .section__header {
    font-size: 26px;
  }

  .section_view_question .section__header {
    font-size: 26px;
  }

  .section_view_question .section__header {
    grid-column: 1/-1;
    text-align: center;
  }

  .section_view_question .section__caption {
    grid-column: 1/-1;
    font-size: 18px;
    text-align: center;
  }

  .section_view_question .section__tel {
    margin-top: 32px;
    grid-column: 1/-1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .section_view_question .section__button {
    grid-column: 1/-1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .section_view_question .section__img {
    position: relative;
    grid-column: 1/-1;
    margin-top: 32px;
    width: unset;
    height: unset;
    max-width: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .section_view_question .section__img picture {
    max-width: 328px;
  }

  .section_view_news .section__item {
    grid-column: span 6;
  }

  .section_view_body .section__left {
    display: none;
  }

  .section_view_body .section__body {
    margin-left: unset;
    grid-column: span 12;
  }

  .section_view_body .section__body .body__header {
    font-size: 26px;
  }

  .section_view_body .section__body .body__refund .refund__form .form__body,
  .section_view_body .section__body .body__refund .refund__form .form__second {
    grid-template-columns: unset;
  }

  .section_view_body .section__body .body__refund.refund_table .refund__add {
    display: none;
  }

  .section_view_calc .section__calc .calc__img {
    grid-column: span 12;
  }

  .section_view_calc .section__calc .calc__body {
    grid-column: span 12;
  }

  .section_view_calc .section__calc .calc__tab-inner .tab__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
  }

  .section_view_calc .section__calc .calc__tab-inner .tab__body.step3 > div {
    grid-column: span 6;
  }

  .section_view_calc .section__calc .calc__tab-inner .tab__body button {
    grid-column: span 6;
  }

  .section_view_calc .section__calc .calc__tab-inner.result {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .section_view_calc .section__calc .calc__tab-inner.result .tab__left {
    width: 100%;
  }

  .section_view_calc .section__calc .calc__tab-inner.result .tab__right {
    width: 100%;
  }

  .footer__catalog {
    grid-column: span 12 !important;
  }

  .footer__menu {
    grid-column: span 6 !important;
  }

  .footer__contacts {
    grid-column: span 6 !important;
  }

  .footer__partners {
    grid-column: span 12 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 32px;
  }

  .footer__base-1 {
    gap: 32px;
  }

  .footer__base-1 > div {
    grid-column: span 6;
  }

  .footer__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
  }

  .footer__offert {
    max-width: 440px;
  }
}

@media (max-width: 973px) {
  .header__catalog .catalog__menu {
    right: 0;
  }
}

@media (max-width: 900px) {
  body {
    padding-bottom: 60px;
  }

  .header {
    padding-top: 10px;
    font-size: 16px;
    padding-bottom: 10px;
  }

  .header::before {
    display: none;
  }

  .header .layout {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .header__slogan {
    display: none;
  }

  .header__tel {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-left: auto;
    gap: 10px;
  }
  .header__tel .icon:last-child {
    width: 24px;
    height: 26px;
  }
  #head_ws {
    margin-left: 3px;
  }
  .header__tel span:nth-child(2) {
    display: none;
  }

  .header__mail {
    display: none;
  }

  .header__sandwich {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    padding-left: unset;
    width: unset;
    margin-left: 15px;
  }

  .header__sandwich .sandwich {
    width: 32px;
    height: 32px;
    padding: 10px 8px;
  }

  .header__sandwich .sandwich::before {
    content: none;
  }

  .header__sandwich .sandwich > span:nth-child(1) {
    width: 13px;
  }

  .header__sandwich .sandwich > span:nth-child(3) {
    width: 11px;
  }

  .header__logo {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    width: unset;
  }

  .header__logo svg {
    width: 130px;
    height: 33px;
  }

  .header__catalog {
    display: none;
  }

  .header__search {
    margin-right: unset;
    width: 32px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: 16px;
  }

  .header__search form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .header__search form button {
    width: 100%;
    padding: 0;
    background-color: transparent;
    pointer-events: none;
  }

  .header__search #searcMidRes {
    top: 118px;
    display: none;
  }

  .header__search.search_open {
    position: fixed;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    height: 118px;
    margin: 0;
    background-color: var(--color-white);
    padding: 0 var(--page-gap);
  }

  .header__search.search_open #searcMidRes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 118px;
  }

  .header__search.search_open .search__header,
  .header__search.search_open .search__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
  }

  .header__search.search_open .search__icon {
    display: none;
  }

  .header__search.search_open .search__close {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
  }

  .header__search.search_open .search__close .icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 32px;
    height: 32px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    cursor: pointer;
  }

  .header__search.search_open .search__close .icon svg {
    width: 12px;
    height: 12px;
  }

  .header__search.search_open .search__close .icon:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .header__search.search_open input {
    display: block;
    width: 100%;
  }

  .header__search.search_open::before {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    position: fixed;
    top: 118px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.3);
  }

  .header__search input {
    display: none;
  }

  .header__search .search__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .header__lk {
    display: none;
  }

  .header__cart {
    display: none;
  }

  .header__mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 20;
    bottom: 0;
    height: 60px;
    background-color: #fff;
    -webkit-box-shadow: 0px -3px 13px 0px rgba(41, 60, 108, 0.15);
    box-shadow: 0px -3px 13px 0px rgba(41, 60, 108, 0.15);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .header__mobile a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 67px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
  }

  .header__mobile .mobile__item-cart {
    position: relative;
  }

  .header__mobile .mobile__item-cart-num {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 19px;
    height: 19px;
    top: 3px;
    right: 8px;
    background-color: var(--color-new-blue);
    color: var(--text-color-inverse);
    border-radius: 50%;
    font-size: 9px;
    border: 1px solid #fff;
  }

  .header__mobile .icon {
    width: 20px;
    height: 20px;
  }

  .header.header_catalog-open .header__search {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 20px;
    background-color: #fff;
    height: 132px;
    margin: unset;
    z-index: 19;
    width: 100vw;
    padding-left: 20px;
    padding-right: 20px;
    /* width: 100%; */
    left: 0;
    right: 0;
    top: 0px;
    padding-top: 32px;
    gap: 32px;
  }

  .header.header_catalog-open .header__search .search__icon {
    display: none;
  }

  .header.header_catalog-open .header__search .search__header-mobile {
    font-size: 18px;
    display: block;
  }

  .header.header_catalog-open .header__search input {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%;
  }

  .header.header_catalog-open .header__catalog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .header.header_catalog-open .header__catalog .catalog__menu {
    position: fixed;
    width: 100%;
    height: calc(100% - 120px);
    max-height: unset;
    z-index: 19;
    top: 130px;
    left: 0;
    right: 0;
    overflow: auto;
    padding-bottom: 60px;
  }

  .header.header_catalog-open .header__catalog .catalog__menu-list {
    height: unset;
  }

  .header.header_catalog-open .header__catalog .catalog__menu-list li {
    min-width: unset;
  }

  .header.header_catalog-open .header__close {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 200;
  }

  .header.header_contacts-open .header__close {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 200;
  }

  .button-up {
    left: 0;
    width: 60px;
    height: 60px;
  }

  .button-up_show {
    bottom: 0;
    opacity: 1;
  }
}

@media (max-width: 829px) {
  .section_view_second .section__list {
    grid-area: 2/1/6/13;
  }

  .section_view_second .section__list2 {
    grid-area: 8/1/6/13;
  }
}

@media (max-width: 768px) {
  :root {
    --page-gap: 24px;
  }

  .select-dropdown > select {
    font-size: 12px;
  }

  .tabs .tabs__item {
    max-width: 50%;
    font-size: 14px;
  }

  .modal_cart .modal__relative .relative__item {
    min-width: 50%;
    width: 50%;
  }

  .modal_add .modal__inner {
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .modal_add .modal__item .item__price {
    font-size: 14px;
  }

  .modal_add .modal__item .item__text {
    font-size: 10px;
  }

  .modal_rez .modal__top,
  .modal_rez2 .modal__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .modal_rez .modal__body,
  .modal_rez2 .modal__body {
    margin-top: unset;
  }

  .modal_rez .modal__select,
  .modal_rez2 .modal__select {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 24px;
  }

  .modal_rez .modal__select .select-dropdown,
  .modal_rez2 .modal__select .select-dropdown {
    width: 100%;
    max-width: unset;
  }

  .modal_rez .modal__char,
  .modal_rez2 .modal__char {
    max-width: unset;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .modal_rez .modal__item,
  .modal_rez2 .modal__item {
    top: 0px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    width: 100%;
    left: unset;
    right: unset;
    position: relative;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .modal_rez .modal__item .item__img,
  .modal_rez2 .modal__item .item__img {
    position: relative;
    width: 100%;
    max-width: unset;
  }

  .modal_rez .modal__item .item__img picture img,
  .modal_rez2 .modal__item .item__img picture img {
    width: 100%;
    height: 100%;
    min-width: unset;
    min-height: unset;
  }

  .modal_rez .modal__selects,
  .modal_rez2 .modal__selects {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .modal_rez .modal__add button,
  .modal_rez2 .modal__add button {
    width: 100%;
  }

  .modal_rez .modal__visual .visual__body,
  .modal_rez2 .modal__visual .visual__body {
    padding: var(--page-gap);
  }

  .modal_rez .modal__visual .visual__line,
  .modal_rez2 .modal__visual .visual__line {
    margin-bottom: 12px;
  }

  .modal_rez .modal__visual .visual__ruller,
  .modal_rez2 .modal__visual .visual__ruller {
    height: 20px;
  }

  .modal_rez .modal__visual .visual__ruller span,
  .modal_rez2 .modal__visual .visual__ruller span {
    font-size: 12px;
    line-height: 12px;
  }

  .modal_rez .modal__options,
  .modal_rez2 .modal__options {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }

  .modal_lk .modal__menu a {
    font-size: 14px;
  }

  .modal_lk .modal__balance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .modal_lk .modal__balance .balance__header {
    text-align: center;
  }

  .modal_lk .modal__balance .balance__val,
  .modal_lk .modal__balance .balance__debt {
    margin-left: unset;
  }

  .modal_lk .modal__balance .balance__debt-date {
    margin-left: unset;
  }

  .modal_lk .modal__manager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .modal_lk .modal__manager .manager__photo {
    width: 90px;
    height: 90px;
  }

  .modal_lk .modal__manager .manager__fio {
    text-align: center;
  }

  .modal_lk .modal__manager .manager__fio-val {
    font-size: 18px;
  }

  .modal_lk .modal__manager .manager__contacts {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .modal_lk .modal__manager .manager__contacts a {
    text-align: center;
  }

  .modal_lk .modal__manager .manager__contacts a:first-child {
    width: 100%;
  }

  .modal_map .modal__city-list div {
    font-size: 10px;
  }

  .modal_map .modal__city-list div::before,
  .modal_map .modal__city-list div::after {
    height: 25px;
    top: -20px;
  }

  .header__catalog .catalog__menu-list-tabs > div li a.arrow span:nth-child(2) {
    line-height: 120% !important;
    padding: 18px 0 !important;
    padding-right: 20px;
    max-width: 75%;
  }

  .section_view_first .section__header {
    font-size: 30px;
  }
  .section_view_first .section__img {
    margin-right: -30px;
  }

  .section_view_easy .section__items {
    row-gap: 20px;
  }

  .section_view_easy .section__item {
    grid-column: span 6;
  }

  .section_view_contacts .section__header {
    grid-area: 1/1/2/13;
    text-align: center;
    margin-top: 32px;
    margin-bottom: 27px;
  }

  .section_view_contacts .section__contacts {
    grid-area: 2/1/3/13;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .section_view_contacts .section__contacts-phone {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section_view_contacts .section__contacts-phone .phone-wa {
    width: 24px;
    height: 24px;
  }

  .section_view_contacts .section__contacts-phone .phone-wa svg {
    width: 16px;
    height: 16px;
  }

  .section_view_contacts .section__contacts-email {
    margin-left: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    gap: unset;
  }

  .section_view_contacts .section__adress {
    grid-area: 3/1/4/13;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 19px;
  }

  .section_view_contacts .section__adress-header {
    margin-bottom: 4px;
  }

  .section_view_contacts .section__adress-way {
    display: none;
  }

  .section_view_contacts .section__button {
    grid-area: 4/1/5/13;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 32px;
  }

  .section_view_contacts .section__button a {
    width: 100%;
  }

  .section_view_contacts .section__form {
    grid-area: 5/1/6/13;
    padding-left: unset;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .section_view_franchise {
    padding-top: 50px;
    padding-bottom: unset;
  }

  .section_view_franchise .section__header {
    grid-column: 1/-1;
    padding-bottom: 17px;
    text-align: center;
  }

  .section_view_franchise .section__royaltie {
    grid-column: 1/-1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 22px;
  }

  .section_view_franchise .section__royaltie .royaltie__icon {
    width: 99px;
    height: 20px;
    font-size: 12px;
  }

  .section_view_franchise .section__royaltie .royaltie__icon .icon {
    width: 10px;
    height: 10px;
  }

  .section_view_franchise .section__royaltie .royaltie__icon .icon svg {
    min-width: unset;
    min-height: unset;
  }

  .section_view_franchise .section__caption {
    padding-top: 24px;
    grid-column: 1/-1;
    font-size: 20px;
    text-align: center;
  }

  .section_view_franchise .section__button {
    padding-top: 24px;
    grid-column: 1/-1;
  }

  .section_view_franchise .section__button button {
    width: 100%;
    height: 48px;
  }

  .section_view_franchise .section__img {
    position: relative;
    grid-column: 1/-1;
    width: 100%;
    left: unset;
    top: unset;
    width: 100vw;
    margin: 48px calc(-1 * var(--page-gap)) 0;
    height: 288px;
  }

  .section_view_effective .section__header {
    grid-column: 1/-1;
    line-height: 110%;
    padding-bottom: 30px;
  }

  .section_view_effective .section__list {
    grid-column: 1/-1;
  }

  .section_view_effective .section__list2 {
    grid-column: 1/-1;
  }

  .section_view_flag {
    height: unset;
    padding-bottom: unset;
  }

  .section_view_flag .section__flag {
    grid-column: 1/-1;
    grid-row: 3/4;
    position: relative;
    left: unset;
    max-width: unset;
    height: 273px;
    margin-top: 15px;
  }

  .section_view_flag .section__flag img {
    min-width: unset;
    min-height: unset;
    height: 100%;
  }

  .section_view_flag .section__header {
    grid-column: 1/-1;
    grid-row: 1/2;
  }

  .section_view_flag .section__text {
    grid-column: 1/-1;
    grid-row: 2/3;
  }

  .section_view_question .section__body {
    margin: 0 calc(-1 * var(--page-gap));
    padding-left: var(--page-gap);
    padding-right: var(--page-gap);
  }

  .section_view_question .section__img img {
    -o-object-fit: contain;
    object-fit: contain;
  }

  .section_view_news .section__items {
    -webkit-column-gap: var(--grid-column-gap);
    -moz-column-gap: var(--grid-column-gap);
    column-gap: var(--grid-column-gap);
  }

  .section_view_body .section__body .body__filters {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .section_view_body .section__body .body__filters .filter_sort {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 50%;
  }

  .section_view_body .section__body .body__filters .filter_sort > span {
    display: none;
  }

  .section_view_body
    .section__body
    .body__filters
    .filter_sort
    .select-dropdown {
    min-width: 212px;
  }

  .section_view_body .section__body .body__filters .filter_dropdown {
    font-size: 12px;
  }

  .section_view_body .section__body .body__filters .filter_size {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .section_view_body .section__body .body__filters .filter_view {
    position: relative;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 50%;
    padding-left: 10px;
    margin-left: auto;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .section_view_body .section__body .body__filters .filter_update {
    font-size: 13px;
    width: 100%;
    position: static;
  }

  .section_view_body .section__body .body__box.box_card .box__item {
    grid-column: span 12;
  }

  .section_view_body .section__body .body__product .product__card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .section_view_body .section__body .body__product .product__card .card__img {
    width: 100%;
  }

  .section_view_body .section__body .body__product .product__card .card__char {
    overflow-x: scroll;
  }

  .section_view_body
    .section__body
    .body__product
    .product__card
    .card__char
    > div {
    min-width: 100px;
    flex-direction: row;
  }

  .card__char {
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    background-color: #f8f9fa;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    margin: 0px;
    padding: 5px;
  }

  .char__item {
    grid-template-columns: 1fr; /* Одна колонка на мобильных устройствах */
    padding: 10px 0; /* Уменьшаем отступы */
    text-align: center; /* Центрируем текст на мобильных устройствах */
  }

  .char__label,
  .char__value {
    font-size: 1.1em; /* Немного увеличиваем шрифт для мобильных устройств */
  }

  .section_view_body
    .section__body
    .body__product
    .product__card
    .card__inputs {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .section_view_body
    .section__body
    .body__product
    .product__card
    .card__inputs
    input {
    width: 100%;
    width: 157px;
  }

  .section_view_body
    .section__body
    .body__product
    .product__card
    .card__inputs
    > div {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .section_view_body .section__body .body__order .order__form .form__tin {
    width: unset;
  }

  .section_view_body
    .section__body
    .body__refund
    .refund__form
    .form__footer
    button {
    width: 100%;
  }

  .section_view_body .section__body .body__refund .refund__form .form__agree {
    text-align: center;
  }
}

@media (max-width: 743px) {
  .text-header2,
  h2 {
    font-size: 22px;
  }

  summary {
    font-size: 22px;
  }
}

@media (max-width: 666px) {
  .section_view_body .section__body .body__filters {
    row-gap: 24px;
  }

  .section_view_body .section__body .body__filters .filter_sort {
    width: unset;
  }

  .section_view_body .section__body .body__filters .filter_view {
    width: unset;
    margin-left: auto;
  }

  .section_view_body .section__body .body__filters .filter_view a {
    width: 32px;
    height: 32px;
  }

  .section_view_body .section__body .body__filters .filter_update {
    position: relative;
    right: unset;
    width: 100%;
    line-height: unset;
  }
}

@media (max-width: 576px) {
  :root {
    --page-max-width: calc(100% - var(--page-gap) * 2);
    --page-gap: 16px;
  }

  a.arrow {
    line-height: 42px;
  }

  button,
  .button {
    width: 100%;
    height: 48px;
  }

  p {
    padding-bottom: 0;
    margin-bottom: 24px;
  }

  ul.check-list li {
    padding-left: 41px;
    line-height: 150%;
    margin-bottom: 25px;
  }

  .table > table thead,
  .table thead,
  .base-table thead {
    font-size: 12px;
  }

  .input-box {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .swiper-pagination {
    gap: 12px;
    padding-top: 24px;
  }

  .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }

  .tabs .tabs__header {
    overflow: auto;
  }

  .tabs .tabs__item {
    text-align: center;
    white-space: inherit;
    max-width: unset;
  }

  :root {
    --font-size: 14px;
  }

  .modal_cart .modal__header {
    margin-top: 10px;
    font-size: 18px;
  }

  .modal_cart .modal__timer {
    font-size: 18px;
  }

  .modal_cart .modal__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }

  .modal_cart .modal__buttons button {
    width: 100%;
  }

  .modal_cart .modal__relative .relative__item {
    min-width: 100%;
    width: 100%;
  }

  .modal_item .modal__inner,
  .modal_edit .modal__inner {
    width: 100%;
  }

  .modal_item .modal__inputs,
  .modal_edit .modal__inputs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .modal_item .modal__inputs > *,
  .modal_edit .modal__inputs > * {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .modal_item .modal__footer,
  .modal_edit .modal__footer {
    margin-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px;
  }

  .modal_item .modal__sum span,
  .modal_edit .modal__sum span {
    font-size: 20px;
  }

  .modal_rez .modal__options > *,
  .modal_rez2 .modal__options > * {
    width: 100%;
  }

  .modal_rez .modal__sum,
  .modal_rez2 .modal__sum {
    font-size: 20px;
  }

  .modal_contacts .modal__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    font-size: 18px;
  }

  .modal_contacts .modal__line > *:nth-child(1) {
    font-size: 14px;
  }

  .modal_contacts .modal__line > *:nth-child(2) {
    font-size: 20px;
  }

  .modal_lk .modal__header {
    margin-top: 10px;
    font-size: 18px;
  }

  .header__catalog .catalog__menu-list-tabs > div li a.arrow span:nth-child(2) {
    font-size: 80%;
  }

  .header__menu {
    width: 100%;
  }

  .section_view_breadcrumbs {
    padding-top: 14px;
    padding-bottom: 5px;
  }

  .section_view_breadcrumbs .section__items > * {
    font-size: 12px;
  }

  .section_view_breadcrumbs .section__items > *:not(:nth-last-child(2)) {
    display: none;
  }

  .section_view_breadcrumbs .section__items > *:nth-last-child(2) {
    padding-left: 20px;
  }

  .section_view_breadcrumbs .section__items > *:not(:last-child)::after {
    right: unset;
    left: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .section_view_first {
    padding-top: 28px;
    padding-bottom: unset;
  }
  #start_cat {
    display: flex;
  }
  .section_view_first .section__slider .slider__slide {
    padding-top: 0px;
  }

  .section_view_first .section__header {
    grid-column: 1/-1;
    font-size: 26px;
  }

  .section_view_first .section__links {
    margin-top: 14px;
    padding-bottom: 22px;
  }

  .section_view_first .section__links ul {
    gap: 0px;
  }

  .section_view_first .section__links {
    grid-column: 1/-1;
  }

  .section_view_first .section__img {
    position: relative;
    grid-column: 1/-1;
    margin: unset;
    top: unset;
    height: 272px;
  }

  .section_view_first .section__img picture {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .section_view_first .section__new {
    padding: 30px 16px;
  }

  .section_view_first .section__new .new__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 26px;
    margin-bottom: 32px;
  }

  .section_view_first .section__new .new__item {
    width: 290px;
    height: 276px;
  }

  .section_view_first .section__new .new__img {
    height: 160px;
    padding: 25px 66px;
  }

  .section_view_first .section__new .new__img img {
    max-width: 100%;
    max-height: 100%;
  }

  .section_view_first .section__new .new__category {
    display: none;
  }

  .section_view_first .section__new .new__name {
    padding-bottom: 8px;
  }

  .section_view_first .section__new .new__price {
    font-size: 20px;
  }

  .section_view_first .section__tabs {
    height: 57px;
  }

  .section_view_first .section__tabs .swiper-button-prev svg,
  .section_view_first .section__tabs .swiper-button-next svg {
    width: 14px;
    height: 14px;
  }

  .section_view_second {
    margin-top: 45px;
  }

  .section_view_second .section__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 0;
    margin-bottom: 19px;
  }

  .section_view_second .section__update {
    font-size: 12px;
    margin-top: -3px;
    margin-bottom: unset;
  }

  .section_view_second .section__item .item__img {
    height: 100px;
    padding: 14px;
    padding-top: 18px;
  }

  .section_view_second .section__item .item__img img {
    width: 100%;
    height: 100%;
  }

  .section_view_second .section__item .item__name {
    height: unset;
    font-size: 14px;
    line-height: 120%;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 17px;
  }

  .section_view_second .section__calculator {
    margin-top: 48px;
    grid-column: span 12;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 32px 20px 30px 20px;
  }

  .section_view_second .section__calculator .calculator__header {
    margin-top: 4px;
  }

  .section_view_second .section__calculator .calculator__button {
    margin-top: 26px;
  }

  .section_view_services {
    padding-top: 30px;
  }

  .section_view_services .section__caption {
    line-height: 156%;
    font-size: 16px;
    padding-top: 0px;
    margin-top: -7px;
  }

  .section_view_services .section__button {
    margin-top: -31px;
  }

  .section_view_services .section__list {
    margin-top: 18px;
  }

  .section_view_services .section__list a {
    height: 57px;
    font-size: 14px;
    gap: 20px;
  }

  .section_view_services .section__list a .icon {
    width: 22px;
    height: 22px;
  }

  .section_view_reviews {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .section_view_easy {
    --easy-header-height: 89px;
    margin-top: 54px;
  }

  .section_view_easy .section__header {
    grid-column: 1/-1;
    margin-top: unset;
    position: relative;
    padding-left: unset;
  }

  .section_view_easy .section__items {
    margin-top: 26px;
    padding-bottom: 8px;
    row-gap: unset;
  }

  .section_view_easy .section__item {
    grid-column: span 12;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 22px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px;
  }

  .section_view_easy .section__item .item__icon {
    margin-bottom: unset;
    width: 30px;
    height: 30px;
  }

  .section_view_easy .section__item .item__header {
    font-size: 16px;
    line-height: 130%;
  }

  .section_view_partners .section__header {
    margin-top: 31px;
    margin-bottom: 25px;
  }

  .section_view_partners .section__items {
    padding-bottom: 29px;
  }

  .section_view_partners .section__items .partners__item {
    width: 50%;
    height: 100px;
    padding: 25px;
  }

  .section_view_partners .section__items .partners__item:not(:last-child) {
    border-bottom: 1px solid var(--color-light-blue);
  }

  .section_view_partners .section__items .partners__item:last-child {
    width: 100%;
  }

  .section_view_partners .section__items .partners__item img {
    width: unset;
    height: unset;
    max-width: unset;
    max-height: 100%;
  }

  .section_view_photogallery {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .section_view_photogallery_second {
    padding-top: 50px;
  }

  .section_view_photogallery .section__header {
    padding-bottom: 32px;
  }

  .section_view_photogallery .section__controll {
    grid-column: 9/13;
  }

  .section_view_photogallery .section__controll-left,
  .section_view_photogallery .section__controll-right {
    width: 36px;
    height: 36px;
  }

  .section_view_photogallery .section__controll-left svg,
  .section_view_photogallery .section__controll-right svg {
    width: 20px;
    height: 20px;
  }

  .section_view_photogallery .section__photos .photos__item {
    min-width: unset;
    width: 288px;
  }

  .section_view_photogallery .section__photos .photos__item picture {
    width: unset;
    max-width: unset;
  }

  .section_view_photogallery .section__photos .photos__pag {
    margin-top: 16px;
  }

  .section_view_contacts {
    padding-bottom: 48px;
  }

  .section_view_contacts .section__contacts-phone {
    font-size: 20px;
  }

  .section_view_contacts .section__form .form__header {
    font-size: 26px;
    margin-top: 62px;
    margin-bottom: 28px;
  }

  .section_view_contacts .section__form form .form__first input {
    max-width: unset;
    min-width: unset;
    width: 100%;
  }

  .section_view_contacts .section__form form .form__message {
    margin-top: -10px;
  }

  .section_view_contacts .section__form form .form__button button {
    width: 100%;
    margin-top: -2px;
    height: 48px;
  }

  .section_view_map {
    background-color: var(--color-blue);
    padding-bottom: 72px;
  }

  .section_view_map .section__map {
    width: 100%;
    height: 365px;
    margin: unset;
  }

  .section_view_advantages {
    padding-top: 50px;
  }

  .section_view_advantages .section__items {
    padding-top: 30px;
    row-gap: 20px;
    padding-bottom: 45px;
  }

  .section_view_advantages .section__item {
    grid-column: 1/-1;
  }

  .section_view_advantages .section__item .item__icon {
    width: 32px;
    height: 32px;
  }

  .section_view_advantages .section__item .item__header {
    margin-top: 17px;
  }

  .section_view_advantages .section__item .item__text {
    margin-top: 5px;
  }

  .section_view_advantages_inverse {
    padding-top: 41px;
  }

  .section_view_advantages_inverse .section__items {
    padding-top: 0px;
    padding-bottom: 32px;
    row-gap: 24px;
    padding-bottom: 12px;
  }

  .section_view_advantages_inverse .section__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  .section_view_advantages_inverse .section__item .item__header {
    margin-top: unset;
    font-size: 16px;
  }

  .section_view_effective {
    padding-top: 50px;
    padding-bottom: 45px;
  }

  .section_view_effective .section__list {
    font-size: 16px;
  }

  .section_view_effective .section__list2 ul li {
    gap: 19px;
    font-size: 14px;
    line-height: 130%;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .section_view_effective .section__list2 ul li .icon {
    width: 22px;
    height: 22px;
  }

  .section_view_flag {
    padding-top: 33px;
  }
  .section_view_body .section__body .body__order .order__weight {
    margin-top: 80px;
  }
  .section_view_flag .section__header {
    line-height: 110%;
  }

  .section_view_flag .section__text p {
    margin-bottom: 16px;
  }

  .section_view_flag .section__text {
    font-size: 16px;
    margin-top: 16px;
  }

  .section_view_digits {
    padding-bottom: 45px;
  }

  .section_view_digits .section__item {
    grid-column: 1/-1;
    padding: 50px 55px 0px;
    border-right: unset;
  }

  .section_view_digits .section__item:first-child:first-child {
    margin-top: 10px;
    border-left: unset;
  }

  .section_view_digits .section__item .item__digit {
    margin-bottom: 26px;
  }

  .section_view_uniq {
    padding-bottom: 40px;
    padding-top: 0px;
  }

  .section_view_uniq .section__header {
    margin-top: 0px;
    text-align: left;
  }

  .section_view_uniq .section__arrow {
    grid-column: 1/-1;
  }

  .section_view_uniq .section__block {
    grid-column: 1/-1;
  }

  .section_view_uniq .section__block-header {
    font-size: 20px;
  }

  .section_view_uniq .section__block-text {
    font-size: 16px;
    margin-top: 13px;
    line-height: 150%;
  }

  .section_view_ready {
    padding-top: 50px;
    padding-bottom: 47px;
  }

  .section_view_ready .section__header {
    grid-column: 1/-1;
  }

  .section_view_ready .section__body {
    margin-top: 33px;
    padding: 24px 15px;
  }

  .section_view_ready .section__subheader,
  .section_view_ready .section__text {
    padding-bottom: unset;
  }

  .section_view_ready .section__subheader {
    grid-column: 1/-1;
    padding-bottom: 22px;
  }

  .section_view_ready .section__text {
    padding-right: unset;
    font-size: 16px;
  }

  .section_view_ready .section__items {
    row-gap: 24px;
    padding-top: 32px;
    row-gap: 25px;
  }

  .section_view_ready .section__item {
    grid-column: 1/-1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    font-size: 16px;
    line-height: 130%;
  }

  .section_view_ready .section__item .item__icon svg {
    width: 32px;
    height: 32px;
  }

  .section_view_ready .section__item .item__text {
    margin-top: 0px;
  }

  .section_view_poll {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section_view_poll .section__header {
    grid-column: 1/-1;
    text-align: left;
  }

  .section_view_poll .section__body {
    height: 357px;
    margin-top: 30px;
  }

  .section_view_question {
    background-color: var(--color-blue);
    padding-bottom: 0px;
  }

  .section_view_question .section__body {
    padding: 32px var(--page-gap);
  }

  .section_view_question .section__caption {
    font-size: 16px;
    margin-top: 12px;
  }

  .section_view_question .section__tel {
    font-size: 26px;
    margin-top: 25px;
  }

  .section_view_question .section__tel .icon svg {
    width: 20px;
    height: 20px;
  }

  .section_view_question .section__button {
    margin-top: 36px;
  }

  .section_view_question .section__button button {
    height: 48px;
    width: 100%;
  }

  .section_view_question .section__img {
    width: 100%;
    height: 322px;
  }

  .section_view_news .section__item {
    grid-column: span 12;
  }

  .section_view_body {
    padding-bottom: 32px;
  }

  .section_view_body
    .section__body
    .body__filters
    .filter_dropdown-header:has(.filter_dropdown-header-mobile)
    span:nth-child(1) {
    display: none;
  }

  .section_view_body
    .section__body
    .body__filters
    .filter_dropdown-header:has(.filter_dropdown-header-mobile)
    span:nth-child(2) {
    display: block;
  }

  .section_view_body .section__body .body__filters .filter_size {
    white-space: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 100%;
    overflow: auto;
  }

  .section_view_body .section__body .body__filters .filter_size a {
    font-size: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  .section_view_body
    .section__body
    .body__box.box_list
    .box__body
    table
    tbody
    tr
    td {
    font-size: 14px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section_view_body .section__body .body__box.box_card .box__items {
    row-gap: 24px;
  }

  .section_view_body .section__body .body__box.box_card .box__item .item__name {
    font-size: 16px;
  }

  .section_view_body .section__body .body__box.box_card .box__item .item__min {
    font-size: 14px;
  }

  .section_view_body .section__body .body__box.box_card .box__item .item__char {
    font-size: 14px;
  }

  .section_view_body
    .section__body
    .body__box.box_card
    .box__item
    .item__price {
    font-size: 14px;
  }

  .section_view_body
    .section__body
    .body__box.box_card
    .box__item
    .item__sum-value {
    font-size: 20px;
  }

  .section_view_body
    .section__body
    .body__box.box_card
    .box__item
    .item__button
    button {
    height: 48px;
  }

  .section_view_body .section__body .body__box.box_card .box__item .item__aval {
    font-size: 14px;
  }

  .section_view_body .section__body .body__lk .lk__line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
  }

  .section_view_body .section__body .body__lk .lk__history .history__buttons {
    gap: 24px;
    margin-bottom: 24px;
  }

  .section_view_body .section__body .body__docs .docs__table table {
    min-width: 705px;
  }

  .section_view_body
    .section__body
    .body__docs
    .docs__table
    table
    tr
    td:last-child {
    white-space: nowrap;
  }

  .section_view_body .section__body .body__notifications .notifications__body {
    margin-top: 32px;
  }

  .section_view_body
    .section__body
    .body__notifications
    .notifications__body
    input {
    width: 100%;
  }

  .section_view_body
    .section__body
    .body__notifications
    .notifications__buttons {
    margin-top: 32px;
  }

  .section_view_body
    .section__body
    .body__notifications
    .notifications__buttons
    button {
    width: 100%;
  }

  .section_view_body .section__body .body__order .order__sum {
    gap: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 24px;
    margin-top: 15px;
  }

  .section_view_body .section__body .body__order .order__form {
    margin-top: 24px;
  }

  .section_view_body .section__body .body__order .order__form form {
    row-gap: 20px;
  }

  .section_view_body .section__body .body__order .order__form .form__line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }

  .section_view_body .section__body .body__order .order__form .form__submit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
  }

  .section_view_body .section__body .body__reg .reg__form form button {
    width: 100%;
  }

  .section_view_body .section__body .body__reg .reg__form .form__form {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px;
  }

  .section_view_body
    .section__body
    .body__refund
    .refund__form
    .form__contacts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }

  .section_view_body .section__body .body__login .login__form form {
    gap: 20px;
  }

  .section_view_body
    .section__body
    .body__login
    .login__form
    .form__login-pswrd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }

  .section_view_body .section__body .body__login .login__form .form__button {
    margin-top: 0px;
  }

  .section_view_body
    .section__body
    .body__login
    .login__form
    .form__button
    button {
    width: 100%;
  }

  .section_view_body .section__body .body__login .login__links {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .section_view_body .section__body .body__calc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .section_view_body .section__body .body__calc .calc__icons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .section_view_body .section__body .body__calc .calc__search .form__search {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .section_view_body .section__body .body__calc .calc__search .form__button {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 100%;
  }

  .section_view_body .section__body .body__calc .calc__search .form__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 32px;
  }

  .section_view_body
    .section__body
    .body__calc
    .calc__search
    .form__body
    > div {
    width: 100%;
  }
  .right-calendar-block .bottom {
    height: 150px;
  }
  .page-order-delivery .right-calendar-block .bottom {
    height: 70px; /* этот стиль применяется только на странице /goods/order/delievery */
  }

  .section_view_body .section__body .body__calc .calc__search .form__car-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 128px;
    border-bottom: 1px solid var(--color-light-blue);
    font-size: 14px;
  }
  .section_view_body
    .section__body
    .body__calc
    .calc__search
    .form__car-type.mobile {
    height: 170px;
  }

  #btnback {
    /* width:381px; */
  }

  .section_view_body
    .section__body
    .body__calc
    .calc__search
    .form__car-type
    > div {
    width: 50%;
  }

  .section_view_body .section__body .body__calc .calc__search .form__map {
    margin-top: 4px;
    height: 360px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .footer {
    padding-top: 24px;
  }
  .footer__block .block:first-child .block__list {
    height: 300px;
  }

  .footer__block .block {
    grid-column: span 12;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .footer__block .block__name {
    font-size: 20px;
    margin-bottom: 22px;
    text-align: left;
  }

  .footer__block .block__list {
    text-align: left;
  }

  .footer__block .block__list li {
    margin-bottom: 12px;
  }

  .footer__block .block__contacts {
    margin-bottom: 32px;
  }
  .footer__block .block__contacts .contact__tel {
    font-size: 20px;
  }

  .footer__block .block__contacts::before {
    content: "Мы на связи!";
    display: block;
    padding-bottom: 12px;
  }

  .footer__block .block__contacts .contact__wa .icon {
    height: 28px;
    width: 28px;
  }
  .footer__block .block__contacts .contact__tg .icon {
    height: 28px;
    width: 28px;
  }
  .footer__block .block__contacts .contact__vk .icon {
    height: 28px;
    width: 28px;
  }

  .footer__block .block__contacts .contact__mail {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .footer__block .block__contacts .contact__mail span {
    margin: 0 auto;
  }

  .footer__block .block__contacts .contact__mail::before {
    content: "Мы на связи!";
    display: block;
    padding-bottom: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
  }

  .footer__block .block__contacts .contact__adress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    margin-top: 24px;
  }

  .footer__block .block__contacts .contact__adress::before {
    content: "Наш адрес:";
    display: block;
    padding-bottom: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
  }

  .footer__block .block__contacts2 .contact__all {
    width: 100%;
    margin-bottom: 0;
  }

  .footer__block .block__contacts2 .contact__all a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid var(--color-new-blue);
    width: 100%;
    height: 48px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .footer__block .block__contacts2 .contact__all a::after {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 8px;
    height: 14px;
    position: relative;
    background-color: var(--color-new-blue);
    -webkit-clip-path: var(--arrow);
    clip-path: var(--arrow);
    margin-left: 18px;
    margin-top: 4px;
  }

  .footer__block .block__contacts2 .contact__all a span::after,
  .footer__block .block__contacts2 .contact__all a span::before {
    content: none;
  }

  .footer__block .block__contacts2 li:not(.contact__all) {
    display: none;
  }

  .footer__block .block:first-child {
    grid-column: span 12;
  }

  .footer__catalog {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }

  .footer__catalog .block__list {
    height: unset;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
  }

  .footer__catalog .block__list li a {
    white-space: nowrap;
    font-size: 14px;
  }

  .footer__catalog .block__list li a hide {
    position: absolute;
    color: var(--text-color-inverse);
  }

  .footer__catalog .block__list li a hide::before {
    content: ".";
    color: var(--text-color-def);
    position: absolute;
  }

  .footer__catalog .block__name {
    text-align: left;
  }

  .footer__catalog {
    grid-area: 2/1/3/13;
  }

  .footer__menu {
    grid-area: 3/1/4/13 !important;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .footer__menu .block__list {
    height: 155px;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
  }

  .footer__menu .block__list li {
    width: 50%;
  }

  .footer__menu .block__list li a {
    white-space: nowrap;
    font-size: 14px;
  }

  .footer__menu {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
    margin-top: 20px;
  }

  .footer__contacts {
    grid-area: 1/1/2/13 !important;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .footer__base {
    padding-top: 31px;
  }

  .footer__base-1 {
    gap: unset;
    border-bottom: unset;
    padding-bottom: unset;
  }

  .footer__base-1 > div {
    grid-column: span 12;
  }

  .footer__base-2 {
    padding-top: 19px;
    font-size: 14px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .footer__base-2 > div {
    width: 100%;
    text-align: center;
  }

  .footer__base-2 > div:first-child {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .footer__base-2 > div:last-child {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .footer__logo {
    grid-row: 1/2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 39px;
  }

  .footer__links {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-top: 27px;
    font-size: 14px;
    line-height: 140%;
  }

  .footer__lk {
    grid-row: 2/3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 26px;
  }

  .footer__lk a {
    font-size: 14px;
  }

  .footer__developer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 32px;
    padding-top: 27px;
    font-size: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  .footer__offert {
    max-width: unset;
    margin-top: 19px;
    line-height: 140%;
    padding: 0 0px;
    font-size: 14px;
  }
}

@media (max-width: 570px) {
  .right-calendar-block {
    width: 308px;
  }

  .innerHolder {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
  }

  #calendarHolder {
    margin-left: auto;
    margin-right: auto;
  }

  #delbtn {
    margin: auto;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media (max-width: 470px) {
  .button-up {
    display: none;
  }
}

@media (max-width: 413px) {
  .section_view_body .section__body .body__filters .filter_sort {
    width: 100%;
  }

  .section_view_body
    .section__body
    .body__filters
    .filter_sort
    .select-dropdown {
    width: 100%;
  }

  .section_view_body .section__body .body__filters .filter_view {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .section_view_body .section__body .body__filters .filter_update {
    width: 50%;
    white-space: nowrap;
  }
}

@media (max-width: 320px) {
  .modal__inner {
    padding: calc(var(--page-gap) * 2) var(--page-gap);
  }

  .modal_map .modal__left {
    padding: calc(var(--page-gap) * 2) var(--page-gap);
  }

  .section_view_body .section__body .body__calc .calc__search .form__car-type {
    height: unset;
  }

  .section_view_body
    .section__body
    .body__calc
    .calc__search
    .form__car-type
    > div {
    width: 100%;
  }
}

@media (min-width: 901px) and (max-width: 1100px) {
  .header_sticky .header__search input {
    width: 330px;
  }
}

@media (min-width: 901px) and (max-width: 960px) {
  .header_sticky .header__search input {
    width: 270px;
  }
}

@media (min-width: 901px) and (max-width: 1250px) {
  .header_sticky .header__tel a[href*="tel:"] span:not(.icon) {
    display: none;
  }
}

@media (min-width: 901px) and (max-width: 1450px) {
  .header_sticky .header__lk {
    margin-left: 20px;
  }

  .header_sticky .header__cart {
    margin-left: 20px;
  }

  .header_sticky .header__sandwich {
    padding-left: unset;
  }
}

@media (min-width: 901px) and (max-width: 1520px) {
  .header_sticky .header__lk span:first-child {
    display: none;
  }
}

.modal_map .modal__city-list div::before {
  background-image: url(../img/pin.webp);
}

.modal_map .modal__city-list div::after {
  background-image: url(../img/pin-active.webp);
}

._webp .section_view_news .section__item .item__img {
  background-image: url(/img/no-img.webp);
}

.cke_button_label {
  display: none !important;
}