@charset "UTF-8";
:root {
  /*sizes*/
  --cW: calc(1350px + var(--gap) * 2);
  --cWw: calc(1600px + var(--gap) * 2);
  --menuW: 24.375rem;
  --menuP: 1.125rem 0.9375rem 1.5625rem;
  --edge: calc(var(--gap) * -1);
  --vw100: calc(100vw);
  --fzmain: 1rem;
  --gap: 1rem;
  --pd: 2.2rem;
  --pdt: 3.75rem;
  --pdc: var(--pdt) 4.6875rem;
  /*colors*/
  --white: #ffffff;
  --red: #AF0C26;
  --ltgray: #E4E4E3;
  --ltgrayf: #F3F3F2;
  --ltblue: #70898F;
  --blue: #002E3A;
  --drblue: #0C1214;
  --nblack: #313234;
  --black: #000000;
  --secbg:#3C474ACC;
  --fo: #d9d9d9;
  --colorMainText: var(--blue);
  --bgBody: var(--ltgray);
  --accentColor: var(--blue);
  --colorH: var(--blue);
  --grad1: linear-gradient(180deg, rgba(73, 110, 122, 0) 0%, #0C1214 100%);
  --grad2: linear-gradient(179.62deg, #3C474ACC 0%,#3C474ACC 100%);
  --grad3: linear-gradient(90deg, rgba(73, 110, 122, 0) 0%, #0C1214 100%);
  --pattern: url("../imgs/pattern-v2.png");
  /*fonts*/
  --fontMain: "Open Sans", sans-serif;
  --fontH: "Open Sans", sans-serif;
  --splideHand: url(../imgs/splideHand.png);
}
@media screen and (pointer: fine) {
  :root {
    --menuW: 19.75rem;
  }
}
@media screen and (min-width: 1438px) {
  :root {
    --edge: calc((var(--gap) + var(--vw100) / 2 - var(--cW) / 2) * -1);
  }
}
@media screen and (min-width: 1025px) and (max-width: 1300px) {
  :root {
    --pdt: 3rem;
    --pdc: var(--pdt) 2rem;
  }
}
@media screen and (min-width: 1025px) {
  :root {
    --fzmain: 1rem;
    --mt: 3.75rem;
    --ingap: 1.5625rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  :root {
    --mt: 2.5rem;
    --pd: 2rem;
    --pdt: 2rem;
    --pdc: var(--pdt) 2rem;
    --ingap: 1.5625rem;
  }
}
@media screen and (max-width: 699px) {
  :root {
    --mt: 1.125rem;
    --pd: 2rem;
    --gap: 0rem;
    --pdt: 1.5625rem;
    --pdc: var(--pdt) 0.9375rem;
    --fzmain: 0.9375rem;
    --ingap: 1.5625rem;
  }
}
@media screen and (pointer: fine) {
  :root {
    --vw100: calc(100vw - 17px);
  }
}

* {
  box-sizing: border-box;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  scroll-behavior: smooth;
}
*::before, *::after {
  box-sizing: border-box;
}

ul, ol {
  padding: 0;
}

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

img {
  max-width: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  height: auto;
}

svg {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
}

input, button, textarea, select {
  font: inherit;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/**OpenSans*/
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-Regular.woff2") format("woff2"), url("../fonts/OpenSans-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-Italic.woff2") format("woff2"), url("../fonts/OpenSans-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-Medium.woff2") format("woff2"), url("../fonts/OpenSans-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-MediumItalic.woff2") format("woff2"), url("../fonts/OpenSans-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-Bold.woff2") format("woff2"), url("../fonts/OpenSans-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-BoldItalic.woff2") format("woff2"), url("../fonts/OpenSans-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-SemiBold.woff2") format("woff2"), url("../fonts/OpenSans-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-SemiBoldItalic.woff2") format("woff2"), url("../fonts/OpenSans-SemiBoldItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
.container {
  max-width: var(--cW);
  margin: 0 auto;
  padding: 0 var(--gap);
}
.container--wide {
  max-width: var(--cWw);
}
.container--full {
  max-width: var(--vw100);
}
.container .container {
  display: contents;
}

@keyframes handDrag {
  0% {
    translate: 0 0;
  }
  50% {
    translate: -1.25rem 0;
  }
  100% {
    translate: 0 0;
  }
}
.breadcrumbs {
  position: relative;
  overflow: hidden;
  margin: 0.125rem 0;
  z-index: 2;
  font-size: 0.9375rem;
  font-weight: 600;
}
@media screen and (min-width: 1025px) {
  .breadcrumbs {
    margin: 0.3125rem 0;
    font-size: 1.375rem;
  }
}
.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  justify-items: center;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1;
  color: var(--dark);
}
.breadcrumbs__divider::before {
  content: "/";
}
.breadcrumbs__item:last-child {
  display: none;
}
.btn {
  position: relative;
  display: inline-grid;
  place-items: center;
  border: 0.09375rem solid var(--blue);
  border-radius: 1.25rem;
  background-color: transparent;
  max-width: 100%;
  cursor: pointer;
  overflow: hidden;
  font-size: 0.875rem;
  font-family: var(--fontH);
  font-weight: 600;
  line-height: 1;
  text-align: center;
  color: var(--blue);
  text-decoration: none;
  transition: 0.4s background, 0.4s color;
  z-index: 1;
}
@media (min-width: 1025px) {
  .btn {
    min-height: 5.3125rem;
    border-radius: 3.75rem;
    padding: 0.75rem 0.75rem;
    font-size: 1.125rem;
    width: 20.9375rem;
  }
  .btn--s {
    min-height: 3.75rem;
    padding: 0.75rem 0.75rem;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1024px) {
  .btn {
    border-radius: 3.75rem;
    padding: 0.25rem 1rem;
    min-height: 4.0625rem;
  }
}
@media screen and (max-width: 699px) {
  .btn {
    width: 16.5625rem;
  }
}
.btn:hover, .btn:focus-visible {
  background-color: var(--accentColor);
  text-decoration: none;
  color: var(--white);
}
.btn:visited {
  background-color: var(----yellowlight);
}
.btn:disabled {
  --lightorange: #9c9c9c;
  pointer-events: none;
  opacity: 0.7;
}
.btn:active {
  background-color: var(----yellowlight);
}
.btn--black {
  color: rgba(0, 0, 0, 0.8);
}
.btn--black:hover {
  color: rgba(0, 0, 0, 0.8);
}
.btn--red {
  border-color: var(--red);
  background-color: var(--red);
  color: var(--white);
}
.btn--blue {
  border-color: var(--blue);
  background-color: var(--blue);
  color: var(--white);
}
.btn--blue:hover {
  border-color: var(--red);
  background-color: var(--red);
}
.btn--icon {
  grid-template-columns: 1fr 1.5625rem;
  background-color: transparent;
  border: 0.125rem solid #60D66A;
}
.btn--active, .btn:active {
  background-color: #333333;
  color: var(--accentColor);
  box-shadow: 0 0 0 transparent;
}
.btn--filter {
  background-color: #333333;
  color: var(--white);
}
.btn--filter:hover {
  background-color: var(--accentColor);
  color: inherit;
  box-shadow: 0 0 0 transparent;
}
.btn--filter:active, .btn--filter[class*="--active"] {
  background-color: #333;
  color: var(--accentColor);
}

.btn-wrap--center {
  text-align: center;
}

body {
  position: relative;
  margin: 0;
  padding: 0;
  width: var(--vw100);
  background-color: var(--bgBody);
  font-size: var(--fzmain);
  line-height: 1.2;
  font-family: var(--fontMain);
  color: var(--colorMainText);
  display: grid;
  grid-template-rows: auto 1fr auto;
  transition: 0.5s opacity;
  line-height: 1.35;
}
body * {
  box-sizing: border-box;
}

.siteFooter {
  max-width: var(--vw100);
  align-self: end;
}

.siteHeader + main {
  position: relative;
  grid-template-columns: 100%;
  max-width: var(--vw100);
  width: 100%;
  z-index: 1;
}

[class*=__inner] {
  border-radius: 1.25rem;
  padding: var(--pdc);
  background-color: var(--white);
  overflow: hidden;
}
@media screen and (max-width: 699px) {
  [class*=__inner] {
    border-radius: 0.625rem;
  }
}

section[style*="--bg"] {
  position: relative;
}
@media screen and (max-width: 699px) {
  section[style*="--bg"] {
    border-radius: 0.625rem;
  }
}
section[style*="--bg"]::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--grad2), var(--bg);
  background-size: cover;
  border-radius: 1.25rem;
  z-index: -1;
}
@media screen and (max-width: 699px) {
  section[style*="--bg"]::after {
    border-radius: 0.625rem;
  }
}

.main-accent {
  background: var(--main-accent);
  color: var(--text-white);
}
.main-accent .lined-heading::first-line {
  background-color: var(--main-accent);
}
.main-accent .lined-heading::before, .main-accent .lined-heading::after {
  background-color: currentColor;
}

b {
  font-weight: 600;
}

.accent {
  color: var(--accentColor);
}

.text-center {
  text-align: center;
}

.delimiter {
  display: flex;
  align-items: center;
  color: var(--red-accent);
  font-weight: 600;
  line-height: 1.35;
  text-transform: uppercase;
}
.delimiter::before {
  content: "";
  height: 0.1875rem;
  background-color: currentColor;
}
@media screen and (min-width: 1024px) {
  .delimiter {
    font-size: 1.25rem;
  }
  .delimiter::before {
    margin-right: 1.375rem;
    width: 4.375rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1023px) {
  .delimiter {
    font-size: 1.25rem;
  }
  .delimiter::before {
    margin-right: 1.375rem;
    width: 4.375rem;
  }
}
@media screen and (max-width: 699px) {
  .delimiter::before {
    margin-right: 1rem;
    width: 2.5rem;
  }
}

.aspect-ratio {
  position: relative;
  display: block;
}
.aspect-ratio::before {
  content: "";
  display: block;
  padding-top: var(--pt, 66%);
}
.aspect-ratio img {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hidden-a > a {
  display: none;
}

.checkul {
  list-style: none;
  display: grid;
  grid-gap: 0.625rem;
}
.checkul li {
  position: relative;
  list-style: none;
  padding-left: 1.875rem;
}
.checkul li::before {
  content: "";
  position: absolute;
  top: 0.25rem;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  background-color: var(--main-light);
  background-image: var(--icon-check-li);
  border-radius: 50%;
}
.checkul--square li {
  padding-left: 1.6875rem;
}
.checkul--square li::before {
  top: 0.3125rem;
  border-radius: 0.1875rem;
  width: 1.0625rem;
  height: 1.0625rem;
  background-image: none;
}

.imaged-list {
  grid-gap: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .imaged-list {
    margin: 2.5rem 0 !important;
  }
}
.imaged-list__i {
  display: grid;
}
@media screen and (min-width: 700px) {
  .imaged-list__i {
    grid-template-columns: 1fr 21.8125rem;
    grid-template-rows: auto 1fr;
    grid-template-areas: "n f" "t f";
    grid-gap: 0.625rem 3.6%;
    padding-left: 2.125rem;
  }
}
@media screen and (max-width: 699px) {
  .imaged-list__i {
    grid-template-columns: 100%;
    grid-template-rows: auto 11.25rem auto;
    grid-template-areas: "n" "f" "t";
    grid-gap: 0.625rem 3.6%;
    padding-left: 1.5rem;
  }
}
.imaged-list__name {
  grid-area: n;
}
.imaged-list__text {
  grid-area: t;
  align-self: start;
  max-width: 23.125rem;
  font-size: 0.8em;
  line-height: 1.1818;
}
.imaged-list__figure {
  grid-area: f;
  border-radius: 0.625rem;
}
@media screen and (min-width: 1024px) {
  .imaged-list__figure {
    height: 12.0625rem;
  }
}
.imaged-list__figure img {
  -o-object-fit: cover;
     object-fit: cover;
}

.marked {
  position: relative;
  transform: translateX(0.6875rem);
}
.marked::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -0.625rem;
  width: 0.0625rem;
  background-color: var(--main-accent);
}

a {
  transition: 0.2s color;
  color: var(--accentColor);
  text-decoration: none;
}
a:hover {
  color: var(--red);
  text-decoration: none;
}
a[href="javascript:void()"] {
  pointer-events: none;
}

button:focus {
  outline: none;
}

[data-src] {
  cursor: pointer;
}

.overlay {
  position: absolute;
}
.overlay::after {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background: rgba(31, 32, 35, 0.3);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  z-index: 3;
  transition: 0.4s opacity;
  opacity: 0.6;
}
.overlay--none::after {
  opacity: 0;
  pointer-events: none;
}

.stopscroll {
  overflow-y: hidden;
}
@media screen and (pointer: fine) {
  .stopscroll {
    padding-right: 0rem;
  }
}

.hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  left: -9999px !important;
  overflow: hidden !important;
}

.popup-video {
  position: relative;
  display: block;
}
.popup-video img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
.popup-video::after, .popup-video::before {
  content: "";
  background-size: 5.4375rem 5.4375rem;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.2s opacity, 0.2s background;
}
.popup-video::before {
  position: relative;
  display: block;
  padding-top: 60.8%;
  background-image: var(--play-hover);
  z-index: 2;
}
.popup-video::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: var(--play);
  z-index: 3;
}
.popup-video:hover:after {
  opacity: 0;
}

@media (max-width: 649px) {
  .popup-video::after, .popup-video::before {
    background-size: 2.6875rem 2.6875rem;
  }
}
.pswp iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100vh;
}

.gray {
  position: relative;
  z-index: 1;
}
.gray::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 5.375rem);
  max-width: var(--vw100);
  background-color: var(--text-white);
  background-repeat: no-repeat;
  z-index: -1;
  border-radius: 1.25rem;
}
.gray--accent::before {
  background-color: var(--main-accent);
}
@media screen and (min-width: 1024px) {
  .gray--accent::before {
    border-radius: 1.875rem;
  }
}
@media screen and (max-width: 699px) {
  .gray--accent::before {
    max-width: 100%;
  }
}

.logo {
  display: flex;
  justify-content: flex-start;
  max-height: 100%;
}
.logo img {
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 100%;
  width: auto;
}

[id] {
  scroll-margin-top: 0.625rem;
}

.alignright img {
  display: inline-block;
}

.alignright {
  justify-self: end;
}

.alignleft {
  justify-self: start;
}

.contactBtn {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: 0;
  font-weight: 500;
  text-decoration: none;
  transition: 0.4s color;
  cursor: pointer;
}
.contactBtn:hover {
  color: var(--red);
}

.parallaxEl {
  transition: 0.1s transform;
  transform: translateY(var(--y));
}

@media screen and (max-width: 600px) {
  .big {
    font-size: 1.5em;
  }
}
@media screen and (min-width: 600px) {
  .big {
    font-size: 1.75rem;
  }
}

.scroll-to-top {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--accentColor);
  cursor: pointer;
  position: fixed;
  right: 1.5em;
  bottom: 5em;
  opacity: 0;
  transform: scale(0);
  transition: transform 0.4s, opacity 0.6s, 0.4s background;
  z-index: 12;
}
.scroll-to-top:hover {
  background-color: var(--red);
}
.scroll-to-top::after {
  content: "";
  display: block;
  height: 30%;
  width: 30%;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  position: absolute;
  top: 4px;
  bottom: 0;
  left: -1px;
  right: 0;
  margin: auto;
  transform: rotate(-45deg);
}
.siteHeader--scroll ~ .scroll-to-top {
  transform: scale(1);
  opacity: 1;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, h6 {
  color: var(--colorH);
  font-family: var(--fontH);
  margin: 0;
  padding: 0;
  max-width: 100%;
  font-weight: 600;
  line-height: 1.35;
}

@media screen and (min-width: 800px) {
  h1, .h1 {
    font-size: 3.125rem;
  }
}
@media screen and (min-width: 600px) and (max-width: 799px) {
  h1, .h1 {
    font-size: 2.25rem;
  }
}
@media screen and (max-width: 599px) {
  h1, .h1 {
    font-size: 1.5625rem;
  }
}

h2, .h2 {
  font-family: var(--fontMain);
  font-weight: 600;
}
@media screen and (min-width: 1025px) {
  h2, .h2 {
    font-size: 2.8125rem;
  }
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  h2, .h2 {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 599px) {
  h2, .h2 {
    font-size: 1.375rem;
  }
}
h2 b, h2 strong, .h2 b, .h2 strong {
  font-weight: 700;
  color: var(--red);
}

@media screen and (min-width: 800px) {
  h3, .h3 {
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 600px) and (max-width: 799px) {
  h3, .h3 {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 599px) {
  h3, .h3 {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 800px) {
  h4, .h4 {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 600px) and (max-width: 799px) {
  h4, .h4 {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 599px) {
  h4, .h4 {
    font-size: 1rem;
  }
}

input, textarea {
  --mrg: 0 0 0.75rem;
  --pd: 0.75rem;
  --fz: 0.9375rem;
  --brd: 0.0625rem solid var(--ltgray);
  --brda: 0.25rem;
  color: var(--colorMainText);
}

input[type=text], input[type=email], input[type=tel], input[type=number], input[type=password] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: var(--mrg);
  padding: var(--pd);
  border: var(--brd);
  border-radius: var(--brda);
  background-color: var(--white);
  width: 100%;
  height: 2.5rem;
  text-align: left;
  font-size: var(--fz);
  line-height: inherit;
}
@media screen and (min-width: 1025px) {
  input[type=text], input[type=email], input[type=tel], input[type=number], input[type=password] {
    height: 3.125rem;
  }
}
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=password]:focus {
  outline: none;
}

textarea {
  display: block;
  margin: var(--mrg);
  padding: var(--pd);
  border: var(--brd);
  border-radius: var(--brda);
  width: 100%;
  font-size: var(--fz);
  font-weight: 500;
  text-align: left;
  line-height: 1.2;
  background-color: var(--accentColor);
  resize: none;
}
textarea:focus {
  outline: none;
}
@media screen and (min-width: 800px) {
  textarea {
    height: 6.25rem;
  }
}
@media screen and (max-width: 799px) {
  textarea {
    height: 3.75rem;
  }
}

*::-moz-placeholder {
  color: var(--white);
  font-weight: 300;
  opacity: 1;
  -moz-transition: 0.2s color;
  transition: 0.2s color;
}

*::placeholder {
  color: var(--white);
  font-weight: 300;
  opacity: 1;
  transition: 0.2s color;
}

.wpcf7-form-control-wrap {
  display: block;
}
.wpcf7-form-control-wrap:has(.wpcf7-acceptance, .wpcf7-checkbox, .wpcf7-radio) {
  margin-bottom: 0.75rem;
}

.files {
  display: contents;
}

.file {
  border: 0.0625rem solid transparent;
  position: relative;
  margin-bottom: 0.75rem;
  padding: 0.125rem 0;
  font-weight: 600;
  font-size: 0.875rem;
}
.file:not(:first-child) {
  display: none;
}
.file:has(.file__label--file) + .file {
  display: block;
}
.file:has(.file__label--file) {
  --brdc: transparent;
  border-color: var(--ltgray);
  font-weight: 400;
  font-size: 0.9375rem;
}
.file input[type=file], .file .wpcf7-form-control-wrap {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.file__label {
  display: inline-grid;
  align-items: center;
  grid-gap: 0.625rem;
  border-radius: 2.75rem;
  border: 0.0375rem solid var(--brdc, #0C1214);
  padding: 0.5rem 0.8125rem;
  height: 2.75rem;
  font-size: 0.875rem;
  font-weight: inherit;
  transition: 0.4s color;
  cursor: pointer;
}
.file__label:hover {
  color: var(--dark);
}
.file__label::after {
  grid-area: 1/2/2/3;
  background-color: var(--white);
  height: 1.3125rem;
}
.file__label::before {
  grid-area: 1/3/2/4;
  width: 1.3125rem;
  height: 1.3125rem;
  background-color: currentColor;
  clip-path: url(#iconfile);
}
.file__label--file::before {
  opacity: 0;
}
.file__label-text {
  transition: 0.4s width;
}
.file__del {
  position: absolute;
  top: 0.8125rem;
  right: 1.4375rem;
  padding: 0;
  border: 0;
  background-color: transparent;
  width: 1.3125rem;
  height: 1.3125rem;
  opacity: 0;
  color: currentColor;
  transition: 0.4s opacity;
  transition: 0.4s all;
  pointer-events: none;
}
.file__del::before {
  content: "";
  position: absolute;
  inset: 0.1875rem;
  background-color: currentColor;
  clip-path: url(#iconclose);
}
.file__del:hover {
  color: var(--red);
}
.file__del--visible {
  cursor: pointer;
  opacity: 1;
  pointer-events: auto;
}

/* <
 * <div class="files">
 * <div class="file">
 * <label class="file__label">
 *  <span class="wpcf7-form-control-wrap" data-name="file-274"><input size="40"
 *    class="wpcf7-form-control wpcf7-file" accept="audio/*,video/*,image/*" aria-invalid="false"
 *    type="file" name="file-274" /></span>
 *
 *  <div class="file__label-text">Загрузите фото фасада/файл проекта</div>
 * </label>
 * <button type="button" class="file__del"></button>
 * </div>
 * </div> */
.wpcf7-acceptance .wpcf7-list-item-label, .wpcf7-checkbox .wpcf7-list-item-label, .wpcf7-radio .wpcf7-list-item-label {
  position: relative;
  display: block;
  padding-left: 2.5rem;
  cursor: pointer;
}
.wpcf7-acceptance .wpcf7-list-item-label::before, .wpcf7-checkbox .wpcf7-list-item-label::before, .wpcf7-radio .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0rem;
  border-radius: 0.25rem;
  border: 0.125rem solid var(--ltgrayf);
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--ltgrayf);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23002E3A' stroke-linecap='round' stroke-width='1.5' d='M7 12.038 10.8229 16 17 8'/%3e%3c/svg%3e");
  background-size: 0 0;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.4s background, 0.4s border;
}
.wpcf7-acceptance .wpcf7-list-item-label:hover::before, .wpcf7-checkbox .wpcf7-list-item-label:hover::before, .wpcf7-radio .wpcf7-list-item-label:hover::before {
  border-color: var(--ltblue);
}
.wpcf7-acceptance input[type=checkbox], .wpcf7-acceptance input[type=radio], .wpcf7-checkbox input[type=checkbox], .wpcf7-checkbox input[type=radio], .wpcf7-radio input[type=checkbox], .wpcf7-radio input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.wpcf7-acceptance input[type=checkbox]:focus-visible ~ .wpcf7-list-item-label::before, .wpcf7-acceptance input[type=radio]:focus-visible ~ .wpcf7-list-item-label::before, .wpcf7-checkbox input[type=checkbox]:focus-visible ~ .wpcf7-list-item-label::before, .wpcf7-checkbox input[type=radio]:focus-visible ~ .wpcf7-list-item-label::before, .wpcf7-radio input[type=checkbox]:focus-visible ~ .wpcf7-list-item-label::before, .wpcf7-radio input[type=radio]:focus-visible ~ .wpcf7-list-item-label::before {
  border-color: var(--ltblue);
}
.wpcf7-acceptance input[type=checkbox]:checked ~ .wpcf7-list-item-label::before, .wpcf7-acceptance input[type=radio]:checked ~ .wpcf7-list-item-label::before, .wpcf7-checkbox input[type=checkbox]:checked ~ .wpcf7-list-item-label::before, .wpcf7-checkbox input[type=radio]:checked ~ .wpcf7-list-item-label::before, .wpcf7-radio input[type=checkbox]:checked ~ .wpcf7-list-item-label::before, .wpcf7-radio input[type=radio]:checked ~ .wpcf7-list-item-label::before {
  background-size: 100% 100%;
}
.wpcf7-acceptance a, .wpcf7-checkbox a, .wpcf7-radio a {
  color: inherit;
  border-bottom: 0.0625rem solid currentColor;
}
.wpcf7-acceptance a:hover, .wpcf7-checkbox a:hover, .wpcf7-radio a:hover {
  border-color: transparent;
  color: var(--accentColor);
}
.wpcf7-acceptance .wpcf7-list-item, .wpcf7-checkbox .wpcf7-list-item, .wpcf7-radio .wpcf7-list-item {
  margin: 0;
}

.wpcf7-radio input[type=radio]:checked ~ .wpcf7-list-item-label::before {
  background-color: var(--accentColor);
}

.wpcf7-not-valid-tip {
  display: none;
}

.wpcf7-not-valid {
  border-color: red !important;
  outline: 0.0625rem solid red;
}

.wpcf7-response-output {
  display: none;
}

.screen-reader-response {
  position: absolute;
  height: 1px;
  width: 1px;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}

.acceptance {
  max-width: 23.75rem;
  font-size: 0.75rem;
  line-height: 1.3;
}
.acceptance a {
  color: inherit;
  border-bottom: 0.1875rem solid currentColor;
  transition: 0.4s border;
}
.acceptance a:hover {
  border-color: transparent;
}

.wpcf7-acceptance label {
  color: inherit !important;
}

.pagi {
  font-weight: 600;
}
@media screen and (min-width: 1025px) {
  .pagi {
    font-size: 1.375rem;
  }
}
.pagi__list {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0 3.125rem;
  list-style: none;
  gap: 0.3125rem;
  line-height: 1;
}
.pagi__list li {
  display: contents;
}
.pagi__text {
  margin-right: 0.625rem;
}
@media screen and (max-width: 699px) {
  .pagi__text {
    display: none;
  }
}
.pagi__item {
  display: grid;
  place-items: center;
  border: 0.0625rem solid var(--blue);
  border-radius: 1.875rem;
  width: 2.875rem;
  height: 1.75rem;
  background-color: transparent;
  font-size: 1rem;
  color: iherit;
  transition: 0.4s background, 0.4s color;
}
@media screen and (min-width: 1025px) {
  .pagi__item {
    width: 4.5rem;
    height: 2.4375rem;
  }
}
.pagi__item:hover {
  background-color: var(--blue);
  color: var(--white);
}
.pagi__item--current {
  background-color: var(--blue);
  color: var(--white);
}
.pagi__item--arrow {
  position: absolute;
  top: 50%;
  padding: 0 0.5rem;
  font-size: 0;
}
.pagi__item--arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 1.0625rem;
  height: 0.75rem;
  background-color: var(--blue);
  clip-path: url(#iconpagiarrow);
  transition: 0.4s background;
}
.pagi__item--arrow:hover {
  background-color: var(--blue);
}
.pagi__item--arrow:hover::before {
  background-color: var(--white);
}
.pagi__item--next {
  right: 0;
  translate: 0 -50%;
}
.pagi__item--prev {
  left: 0;
  translate: 0 -50%;
  transform: scaleX(-1);
}
.pagi__item--first, .pagi__item--last {
  padding: 0 0.5625rem;
}
.pagi li:has([class*=last]) {
  order: 10;
}
.pagi li:has([class*=first]) {
  order: -1;
}

.rt {
  line-height: 1.4;
}
@media screen and (max-width: 699px) {
  .rt {
    line-height: 1.33;
  }
}
.rt h1 {
  margin: 1em 0 1.05em;
}
.rt h2, .rt h3, .rt h4, .rt h5 {
  margin: 0.75em 0 0.5em;
}
@media screen and (max-width: 699px) {
  .rt h2, .rt h3, .rt h4, .rt h5 {
    margin: 1.2em 0 1em;
  }
}
@media screen and (min-width: 1025px) {
  .rt h2 {
    font-size: 2.5rem;
  }
}
.rt h3 {
  margin: 1.2em 0 1.1em;
}
.rt h4 {
  margin: 1.2em 0 1.1em;
}
.rt h5 {
  font-weight: normal;
}
.rt p, .rt ul, .rt ol {
  margin: 1em 0;
}
.rt > *:first-child {
  margin-top: 0 !important;
}
.rt > *:last-child {
  margin-bottom: 0 !important;
}
.rt .wp-block-columns, .rt .wp-block-image {
  margin: 1em 0;
}
.rt .wp-block-column > *:first-child, .rt td > *:first-child, .rt th > *:first-child {
  margin-top: 0 !important;
}
.rt .wp-block-column > *:last-child, .rt td > *:last-child, .rt th > *:last-child {
  margin-bottom: 0 !important;
}
.rt ul:not([class*=splide]) {
  gap: 0.9em;
  display: grid;
  list-style: none;
}
@media screen and (max-width: 699px) {
  .rt ul:not([class*=splide]) {
    gap: 0.6rem;
  }
}
.rt ul:not([class*=splide]) li {
  position: relative;
  padding: 0 0 0 1.3rem;
}
@media screen and (max-width: 699px) {
  .rt ul:not([class*=splide]) li {
    padding-left: 0.8rem;
  }
}
.rt ul:not([class*=splide]) li::before {
  content: "";
  position: absolute;
  left: 0rem;
  top: 0.375rem;
  border-radius: 50%;
  width: 0.625rem;
  height: 0.625rem;
  background-color: var(--ltblue);
}
@media screen and (max-width: 699px) {
  .rt ul:not([class*=splide]) li::before {
    top: 0.4375rem;
    width: 0.375rem;
    height: 0.375rem;
  }
}
.rt ol li::before {
  color: var(--accentColor);
  font-size: 1rem;
}
.rt li > strong:first-child {
  padding-bottom: 2px;
  display: inline-block;
  text-transform: uppercase;
}
.rt b, .rt strong {
  font-weight: 700;
}
.rt a:not(.btn) {
  text-decoration: none;
  padding-bottom: 0.0625rem;
  color: var(--colorH);
  border-bottom: rm(1) solid var(--accentColor);
  transition: 0.4s border, 0.4s color;
}
.rt a:not(.btn):hover {
  border-bottom-color: var(--redL);
}
.rt img {
  max-width: 100%;
}
.rt figure {
  max-width: 100%;
}
.rt a:not(.btn) {
  color: #af0c26;
}
.rt a:not(.btn):hover {
  text-decoration: underline;
}
.rt .wp-block-gallery, .rt .gallery {
  --wp--style--unstable-gallery-gap: 1rem;
  gap: var(--wp--style--unstable-gallery-gap) !important;
}
.rt .wp-block-gallery.columns-1, .rt .wp-block-gallery.gallery-columns-1, .rt .gallery.columns-1, .rt .gallery.gallery-columns-1 {
  --n: 1;
}
.rt .wp-block-gallery.columns-2, .rt .wp-block-gallery.gallery-columns-2, .rt .gallery.columns-2, .rt .gallery.gallery-columns-2 {
  --n: 2;
}
.rt .wp-block-gallery.columns-3, .rt .wp-block-gallery.columns-default, .rt .wp-block-gallery.gallery-columns-3, .rt .gallery.columns-3, .rt .gallery.columns-default, .rt .gallery.gallery-columns-3 {
  --n: 3;
}
.rt .wp-block-gallery.columns-4, .rt .wp-block-gallery.gallery-columns-4, .rt .gallery.columns-4, .rt .gallery.gallery-columns-4 {
  --n: 4;
}
.rt .wp-block-gallery.columns-5, .rt .wp-block-gallery.gallery-columns-5, .rt .gallery.columns-5, .rt .gallery.gallery-columns-5 {
  --n: 5;
}
.rt .wp-block-gallery:not(.splide), .rt .gallery:not(.splide) {
  display: grid;
}
@media screen and (min-width: 768px) {
  .rt .wp-block-gallery:not(.splide), .rt .gallery:not(.splide) {
    grid-template-columns: repeat(var(--n), 1fr);
  }
}
@media screen and (max-width: 767px) {
  .rt .wp-block-gallery:not(.splide), .rt .gallery:not(.splide) {
    grid-auto-flow: column;
    grid-auto-columns: 15.5rem;
    overflow: auto;
  }
}
.rt .wp-block-gallery:not(.splide).is-cropped .wp-block-image, .rt .gallery:not(.splide).is-cropped .wp-block-image {
  width: 100% !important;
}
.rt .wp-block-gallery:not(.splide).is-cropped .wp-block-image img, .rt .gallery:not(.splide).is-cropped .wp-block-image img {
  width: 100%;
  height: 100;
  -o-object-fit: cover;
     object-fit: cover;
}
.rt .wp-block-gallery.splide, .rt .gallery.splide {
  --wp--style--unstable-gallery-gap: 0;
}
.rt .wp-block-gallery.splide .wp-block-image, .rt .gallery.splide .wp-block-image {
  aspect-ratio: 608/390;
  width: 100% !important;
}
.rt .wp-block-gallery a, .rt .gallery a {
  border: none;
  padding: 0;
}
.rt .gallery {
  justify-items: center;
}
.rt .gallery img {
  border-radius: 0.625rem;
}
.rt .wp-block-columns {
  gap: 2rem;
}
.rt .wp-block-image img {
  width: 100%;
  border-radius: 1.25rem;
}
.rt table {
  width: 100%;
}
@media screen and (max-width: 1759px) {
  .rt table {
    font-size: 1rem;
  }
}
.rt table th {
  border-bottom: 0.0625rem solid var(--lightgrey);
  padding: 0 1.5em 0 0;
  font-weight: 400;
  color: var(--darkgrey);
  text-align: left;
}
.rt table td {
  border-bottom: 0.0625rem solid var(--lightgrey);
  padding: 1.45em 1.5em 1.45em 0;
  color: var(--darkblue);
  line-height: 1.5;
}
.rt ol {
  display: grid;
  counter-reset: myCounter;
  gap: 0.5em;
}
.rt ol li {
  list-style: none;
  position: relative;
}
.rt ol > li {
  padding-left: 1.25em;
}
.rt ol > li::before {
  counter-increment: myCounter;
  content: counter(myCounter) ".";
  position: absolute;
  left: 0;
  top: -0.05em;
  color: var(--main-accent);
  line-height: 1.2;
}
.rt .rt-tasks {
  gap: 0;
}
.rt .rt-tasks li {
  display: grid;
  grid-template-columns: 100%;
  gap: 0.25rem;
  margin-top: -0.0625rem;
  border: 0.0625rem solid var(--ltgray);
  border-radius: 0.5rem;
  padding: 1rem 1.5rem;
  padding-left: 2.25rem;
  font-size: 0.9375rem;
}
.rt .rt-tasks li::before {
  top: 1rem;
  left: 1rem;
}
@media screen and (min-width: 700px) {
  .rt .rt-tasks li {
    grid-template-columns: 1fr max-content;
    padding-left: 2.5rem;
  }
  .rt .rt-tasks li::before {
    font-size: inherit;
    top: 1.0625rem;
    left: 1.5rem;
  }
}
.rt .rt-tasks li span, .rt .rt-tasks li em, .rt .rt-tasks li strong {
  margin-left: -1.25rem;
  font-size: 0.8125rem;
  color: var(--ltblue);
  font-style: normal;
  font-weight: normal;
}
@media screen and (min-width: 1025px) {
  .rt .rt-tasks li span, .rt .rt-tasks li em, .rt .rt-tasks li strong {
    font-size: 0.9375rem;
  }
}
.rt .rt-bg {
  border-radius: 0.625rem;
  background-color: var(--ltgrayf);
  padding: 1rem;
}
.rt .rt-splide {
  display: grid;
  grid-template-columns: 100%;
  gap: 1rem;
  margin: 1em 0;
}
.rt .rt-splide__img {
  position: relative;
  height: 11.375rem;
  border-radius: 0.625rem;
  overflow: hidden;
}
@media screen and (min-width: 1025px) {
  .rt .rt-splide__img {
    height: 29.4375rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .rt .rt-splide__img {
    height: 25rem;
  }
}
.rt .rt-splide__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.rt .rt-splide__img figcaption {
  position: absolute;
  inset: auto 0 0;
  background-image: var(--grad1);
  padding: 1rem;
  color: var(--white);
}
.rt .rt-splide .splide__track {
  order: 1;
}
.rt .rt-splide .splide__arrows {
  justify-self: center;
  align-items: center;
  display: grid;
  grid-auto-flow: column;
  gap: 1rem;
  order: 2;
}
.rt .rt-splide .splide__arrow {
  position: static;
  transform: none;
}
.rt .rt-splide .splide__arrow--prev {
  order: 1;
}
.rt .rt-splide .splide__arrow--next {
  order: 3;
}
.rt .rt-splide .splide__num {
  order: 2;
  color: var(--ltblue);
}

.p404 {
  padding: 2.5rem 0;
}
.p404__inner {
  display: grid;
  grid-template-columns: 37.5rem;
  gap: 1.5rem;
  justify-content: center;
  position: relative;
  overflow: hidden;
  text-align: center;
  height: 100%;
}
.p404__code {
  background: linear-gradient(236deg, #E10311 0%, #7E2119 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-weight: 600;
  line-height: 1;
  font-size: 2.625rem;
  text-transform: uppercase;
}
main:has(.p404) {
  display: grid;
  place-items: center;
}

.social {
  --w: 2.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
@media screen and (max-width: 699px) {
  .social {
    --w: 1.875rem;
    gap: 0.5rem;
  }
}
.social__link {
  display: grid;
  grid-template-rows: 1.5rem;
  grid-template-columns: 1.5rem;
  place-content: center;
  border-radius: 50%;
  background-color: var(--red);
  width: var(--w);
  height: var(--w);
  transition: 0.4s transform;
}
@media screen and (max-width: 699px) {
  .social__link {
    grid-template-columns: 0.875rem;
    grid-template-rows: 0.875rem;
  }
}
.social__link path {
  transition: 0.4s fill;
}
.social__link:hover path {
  fill: var(--ltblue);
}

.siteFooter::before {
  content: "";
  display: block;
  height: 0.1px;
}
@media screen and (max-width: 699px) {
  .siteFooter {
    margin-top: 3.75rem;
  }
}
.siteFooter__inner {
  position: relative;
  display: grid;
  align-items: start;
  border-radius: 1.25rem 1.25rem 0 0;
  background-color: var(--drblue);
  color: var(--white);
  z-index: 1;
  overflow: hidden;
}
@media (min-width: 1025px) {
  /*old .siteFooter__inner { 
    grid-template-columns: 14.75rem 16.4375rem 1fr;
    grid-auto-flow: dense;
    grid-template-areas: "s s s" "i c n";
    gap: 1.5625rem 2.75rem;
    padding-top: 4.0625rem;
    margin-top: -3.75rem;
  }*/

  .siteFooter__inner {
    grid-template-columns: 14.75rem 16.4375rem 16.4375rem 1fr;
    grid-auto-flow: dense;
    grid-template-areas: "s s s s" "i c n f";
    gap: 1.5625rem 2.75rem;
    padding-top: 4.0625rem;
    margin-top: -3.75rem;
  }
  .siteFooter__inner > .imaged-list__name {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .siteFooter__inner {
    grid-template-columns: 12.5rem 1fr;
    grid-template-areas: "s s" "i n" "c n" "f f";
    grid-template-rows: auto auto 1fr;
    gap: 1.25rem;
    justify-content: space-between;
    padding-top: 1.5625rem;
  }
  .siteFooter__inner > .imaged-list__name {
    -ms-grid-row: 3;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
}
@media screen and (max-width: 599px) {
  .siteFooter__inner {
    grid-template-columns: 2fr 1.02fr;
    grid-template-areas: "s s" "l links" "soc copy" "c copy" "n n" "btn btn";
    gap: 1.5625rem;
    justify-content: center;
    font-size: 0.75rem;
  }
  .siteFooter__inner > .imaged-list__name {
    -ms-grid-row: 9;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}
.siteFooter__inner a {
  color: inherit;
}
.siteFooter__inner a:hover {
  color: var(--red);
}
.siteFooter__slogan {
  grid-area: s;
  display: grid;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.35;
}
@media screen and (min-width: 1025px) {
  .siteFooter__slogan {
    gap: 1.5rem;
    margin-bottom: 1.25rem;
    font-size: 2.8125rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .siteFooter__slogan {
    gap: inherit;
    margin-bottom: 0.625rem;
    font-size: 2rem;
  }
}
@media screen and (max-width: 699px) {
  .siteFooter__slogan {
    gap: inherit;
  }
}
.siteFooter__slogan::after {
  content: "";
  margin: 0 -4.6875rem;
  background-color: var(--white);
  height: 0.0625rem;
}
.siteFooter__info {
  align-self: stretch;
  grid-area: i;
  display: grid;
  grid-template-columns: 100%;
  gap: 1.5625rem;
  grid-template-rows: auto auto auto 1fr;
}
@media screen and (max-width: 699px) {
  .siteFooter__info {
    display: contents;
  }
}
.siteFooter__logo {
  width: 100%;
  max-width: 12.5rem;
}
@media screen and (max-width: 699px) {
  .siteFooter__logo {
    grid-area: l;
    max-width: 8.125rem;
  }
}
.siteFooter__logo img {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .siteFooter__social {
    margin-top: 0.625rem;
  }
}
@media screen and (max-width: 699px) {
  .siteFooter__social {
    grid-area: soc;
    margin-top: -1.25rem;
  }
}
.siteFooter__links {
  display: grid;
  justify-self: start;
}
@media screen and (max-width: 699px) {
  .siteFooter__links {
    grid-area: links;
  }
}
.siteFooter__contacts {
  grid-area: c;
  display: grid;
  grid-template-columns: 100%;
  gap: 1.5rem;
  line-height: 1.4;
}
@media screen and (max-width: 699px) {
  .siteFooter__contacts {
    gap: 0.9375rem;
  }
}
.siteFooter__contactsItem {
  display: grid;
  grid-template-columns: 100%;
  gap: 0.875rem;
}
@media screen and (max-width: 699px) {
  .siteFooter__contactsItem {
    gap: 0.5rem;
  }
}
.siteFooter__contactsItemDoc {
  justify-self: start;
  display: grid;
  place-items: center;
  border: 0.0625rem solid var(--red);
  border-radius: 0.625rem;
  padding: 0.25rem 0.75rem;
  height: 2.8125rem;
  min-width: 8.125rem;
  font-size: 0.875rem;
  font-weight: 600;
}
@media screen and (max-width: 699px) {
  .siteFooter__contactsItemDoc {
    height: 2.1875rem;
    min-width: 6.25rem;
  }
}
.siteFooter__nav {
  grid-area: n;
}
@media screen and (max-width: 1024px) {
  .siteFooter__nav {
    grid-area: n;
  }
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .siteFooter__nav {
    grid-area: n;
  }
}
@media screen and (max-width: 699px) {
  .siteFooter__nav {
    display: grid;
    gap: inherit;
    grid-template-columns: inherit;
    align-items: start;
  }
}
.siteFooter__nav .menu {
  display: grid;
  align-items: start;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 1025px) {
  .siteFooter__nav .menu {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: min(3.5vw, 3.75rem);
    margin-right: -0.9375rem;
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .siteFooter__nav .menu {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 699px) {
  .siteFooter__nav .menu {
    display: contents;
  }
}
.siteFooter__nav .menu > .menu-item-has-children {
  display: grid;
  grid-template-columns: 100%;
  gap: 0.9375rem;
}
@media screen and (max-width: 699px) {
  .siteFooter__nav .menu > .menu-item-has-children {
    gap: 0.4375rem;
  }
}
@media screen and (max-width: 699px) {
  .siteFooter__nav .menu > .menu-item-has-children > a {
    font-size: 0.875rem;
  }
}
.siteFooter__nav a {
  font-weight: 600;
  color: inherit;
}
.siteFooter__nav a:hover {
  color: var(--red);
}
.siteFooter__nav .sub-menu {
  display: grid;
  grid-template-columns: 100%;
  align-content: start;
  gap: 0.625rem;
  margin-top: 0.125rem;
  list-style: none;
  line-height: 1.35;
  color: #fff;
}
@media screen and (min-width: 700px) {
  .siteFooter__nav .sub-menu {
    font-size: 1rem;
  }
}
@media screen and (max-width: 699px) {
  .siteFooter__nav .sub-menu {
    gap: 0.3125rem;
  }
}
.siteFooter__nav .sub-menu a {
  position: relative;
  display: inline-block;
  font-weight: 400;
  color: var(--white);
}
.siteFooter__nav .sub-menu a:hover {
  color: var(--red);
}
.siteFooter__copy {
  align-self: end;
}
@media screen and (max-width: 699px) {
  .siteFooter__copy {
    align-self: start;
    grid-area: copy;
    margin-top: -0.625rem;
  }
}
.siteFooter__btn {
  grid-area: btn;
  justify-self: center;
  border-color: var(--red);
  border-radius: 0.625rem;
  height: 2.1875rem;
  min-height: 2.1875rem;
  width: 100%;
  font-size: 0.75rem;
  color: var(--white);
}
@media screen and (min-width: 700px) {
  .siteFooter__btn {
    display: none;
  }
}

.siteHeader {
  top: 0rem;
  z-index: 4;
  transition: 0.4s background, 0.4s padding;
}
@media (pointer: fine) and (min-width: 1025px) {
  .siteHeader {
    padding: 1.375rem 0 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 1024px), (pointer: coarse) {
  .siteHeader {
    padding: 0 0 1.25rem;
  }
}
@media screen and (max-width: 599px) {
  .siteHeader {
    padding: 0;
  }
}
.siteHeader--scroll {
  z-index: 4;
}
.siteHeader__inner {
  position: relative;
  display: grid;
  align-items: center;
  border-radius: 0.9375rem;
  background: var(--white);
  padding: var(--pdc);
  padding-top: 1.25rem;
  padding-bottom: 2.5rem;
  letter-spacing: 0.01em;
  overflow: visible;
}
@media (pointer: fine) and (min-width: 1200px) {
  .siteHeader__inner {
    grid-template-columns: 10rem 1fr max-content 12.1875rem;
    grid-template-areas: "l n c b" "sn sn sn sn";
    align-items: center;
    gap: 1.25rem 0.9375rem;
    font-size: 0.875rem;
    transition: 0.2s grid-template-rows, 0.2s gap;
  }
  .siteHeader__inner > .imaged-list__name {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .siteHeader__inner > .siteFooter__logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .siteHeader__inner > .siteFooter__contacts {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .siteHeader__inner > .siteFooter__nav {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .siteHeader__inner > .siteFooter__nav {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .siteHeader__inner > .siteFooter__nav {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
}
@media screen and (min-width: 700px) and (max-width: 1199px), (pointer: coarse) {
  .siteHeader__inner {
    grid-template-columns: 10rem 1fr max-content max-content max-content;
    grid-template-areas: "l . c b t" "sn sn sn sn sn";
    gap: 1.25rem 0.9375rem;
    transition: 0.2s grid-template-rows, 0.2s gap;
  }
  .siteHeader__inner > .imaged-list__text {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
  }
  .siteHeader__inner > .siteFooter__logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .siteHeader__inner > .siteFooter__contacts {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
}
@media screen and (max-width: 699px) {
  .siteHeader__inner {
    grid-template-columns: 7.5rem 1fr max-content;
    grid-template-areas: "l . t";
    gap: 0 12px;
    border-radius: 0.625rem;
    padding-top: 0.8125rem;
    padding-bottom: 0.75rem;
    transition: 0.2s grid-template-rows, 0.2s gap;
  }
  .siteHeader__inner > .imaged-list__text {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .siteHeader__inner > .siteFooter__logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
.siteHeader__logo {
  grid-area: l;
}
@media screen and (max-width: 699px) {
  .siteHeader__logo {
    height: 100%;
  }
}
.siteHeader__logo.adapt {
  grid-template-columns: 7.5rem;
}
.siteHeader__logo.adapt [class*=__descr] {
  display: none;
}
.siteHeader__menu {
  grid-area: n;
}
@media (pointer: coarse) {
  .siteHeader__menu:not(.adapt) {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  .siteHeader__menu:not(.adapt) {
    justify-self: stretch;
    margin-left: 0.625rem;
    transition: 0.2s opacity;
  }
}
@media screen and (max-width: 1024px) {
  .siteHeader__menu:not(.adapt) {
    display: none;
  }
}
.siteHeader__call {
  grid-area: c;
  display: grid;
  grid-template-columns: 100%;
  font-weight: 600;
}
.siteHeader__call a:hover {
  color: var(--red);
}
.siteHeader__call.adapt {
  font-size: 0.875rem;
}
@media screen and (max-width: 699px) {
  .siteHeader__call:not(.adapt) {
    display: none;
  }
}
.siteHeader__opros {
  --pos: absolute;
  --op: 0;
  --pe: none;
  --tr: scaleY(0);
  --anim: none;
  grid-area: b;
  position: relative;
}
.siteHeader__opros.adapt {
  justify-self: start;
  margin-top: -0.625rem;
  width: 12.1875rem;
}
@media screen and (max-width: 699px) {
  .siteHeader__opros:not(.adapt) {
    display: none;
  }
}
@media (pointer: fine) {
  .siteHeader__opros:hover {
    --pos: absolute;
    --op: 1;
    --pe: auto;
    --tr: scaleY(1);
    --anim: 0.4s subOpen linear 1 forwards;
    --trDl: 0.2s;
  }
}
.siteHeader__oprosBtn {
  grid-template-columns: max-content max-content;
  justify-content: center;
  gap: 0.375rem;
  width: 100%;
}
.siteHeader__oprosBtn::after {
  content: "";
  width: 0.859375rem;
  height: 0.859375rem;
  background-color: currentColor;
  clip-path: url(#iconmenudown);
}
.opened .siteHeader__oprosBtn {
  background-color: var(--blue);
  color: var(--white);
}
.siteHeader__oprosList {
  position: absolute;
  opacity: 0;
  pointer-events: var(--pe);
  position: absolute;
  top: calc(100% + 2.6875rem);
  left: 50%;
  translate: calc(-50% - 0.625rem) 0;
  display: grid;
  gap: 0.625rem;
  border-radius: 1.25rem;
  padding: 1.375rem 1rem 1.125rem;
  background-color: var(--white);
  width: 12.1875rem;
  opacity: var(--op);
  box-shadow: 0px 2px 30px 0px rgba(0, 46, 58, 0.15);
  transform: var(--tr);
  transition: 0.4s transform, 0.4s opacity;
  transform-origin: 50% 0;
  text-transform: none;
  font-size: 0.875rem;
  letter-spacing: -0.005em;
  line-height: 1.3;
}
.siteHeader__oprosList::before, .siteHeader__oprosList::after {
  content: "";
  position: absolute;
}
.siteHeader__oprosList::before {
  background-color: inherit;
  bottom: calc(100% - 0.6875rem);
  left: 50%;
  translate: -50% 0;
  height: 2.5625rem;
  width: 2.9375rem;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.siteHeader__oprosList::after {
  inset: -2.6875rem 0 100%;
}
.siteHeader__oprosList .menu-item {
  display: grid;
  grid-template-columns: 100%;
  gap: inherit;
  padding: 0;
  transition: 0.4s background, 0.4s opacity;
  transition-delay: var(--trDl);
  max-width: none;
  z-index: 1;
  opacity: var(--op);
}
.siteHeader__oprosList .menu-item:not(:last-child)::after {
  content: "";
  height: 0.0625rem;
  background-color: var(--ltgray);
}
.siteHeader__opros.adapt .siteHeader__oprosList {
  --op: 0;
  --pe: auto;
  --tr: none;
  position: static;
  translate: none;
  margin-top: -3.4375rem;
  padding-top: 3.4375rem;
  border-radius: 1.875rem;
  background-color: var(--blue);
  color: var(--white);
}
@media (pointer: coarse) {
  .siteHeader__opros.adapt .siteHeader__oprosList {
    height: 0;
  }
}
.siteHeader__opros.adapt .siteHeader__oprosList::before {
  content: none;
}
.siteHeader__opros.adapt .siteHeader__oprosList a {
  color: inherit;
}
@media (pointer: coarse) {
  .siteHeader__opros.opened .siteHeader__oprosList {
    --op: 1;
    height: auto;
  }
}
.siteHeader__opros a:hover {
  color: var(--red);
}
.siteHeader__menusecond {
  grid-area: sn;
  display: grid;
  gap: inherit;
  letter-spacing: 0.005em;
}
@media screen and (max-width: 699px) {
  .siteHeader__menusecond {
    display: none;
  }
}
.siteHeader__menusecond::before {
  content: "";
  height: 0.0625rem;
  background: var(--ltgray);
}
.siteHeader__menusecond .menu {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.siteHeader__menusecond .menu-item {
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: center;
  gap: inherit;
}
.siteHeader__menusecond .menu-item:not(:last-child)::after {
  content: "";
  border-radius: 50%;
  background-color: var(--red);
  width: 0.3125rem;
  height: 0.3125rem;
}
.siteHeader__menusecond a:hover {
  color: var(--red);
}
.siteHeader__toggleAdapt {
  grid-area: t;
  display: grid;
  justify-self: end;
  position: relative;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 50%;
  width: 1.875rem;
  height: 1.875rem;
  background-color: var(--red);
  cursor: pointer;
  transition: 0.4s transform;
}
@media screen and (min-width: 700px){
  .imaged-list__name {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .imaged-list__text {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .imaged-list__figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .siteFooter__nav {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .siteFooter__nav {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .siteFooter__nav {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .siteHeader__menu {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .siteHeader__toggleAdapt {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
@media screen and (max-width: 699px){
  .imaged-list__name {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .imaged-list__text {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .imaged-list__figure {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .siteFooter__nav {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .siteFooter__nav {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .siteFooter__nav {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .siteHeader__inner > .siteHeader__logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .siteHeader__menu {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .siteHeader__toggleAdapt {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .siteHeader__inner > .siteHeader__toggleAdapt {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
}
@media (min-width: 1025px){
  .siteFooter__slogan {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .siteFooter__info {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .siteFooter__contacts {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .siteFooter__inner > .siteFooter__nav {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
  .siteFooter__inner > .siteFooter__nav {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
  .siteFooter__inner > .siteFooter__nav {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
  .siteFooter__inner > .siteHeader__menu {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
  .siteHeader__call {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px){
  .siteFooter__inner > .siteFooter__slogan {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .siteFooter__inner > .siteFooter__info {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .siteFooter__inner > .siteFooter__contacts {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .siteFooter__inner > .siteFooter__nav {
    -ms-grid-row: 3;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .siteFooter__inner > .siteFooter__nav {
    -ms-grid-row: 3;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .siteFooter__inner > .siteFooter__nav {
    -ms-grid-row: 3;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .siteFooter__inner > .siteHeader__menu {
    -ms-grid-row: 3;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .siteFooter__inner > .siteHeader__call {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
}
@media screen and (max-width: 599px){
  .siteFooter__inner > .siteFooter__slogan {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .siteFooter__logo {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .siteFooter__social {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .siteFooter__links {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .siteFooter__inner > .siteFooter__contacts {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }
  .siteFooter__inner > .siteFooter__nav {
    -ms-grid-row: 9;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .siteFooter__inner > .siteFooter__nav {
    -ms-grid-row: 9;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .siteFooter__inner > .siteFooter__nav {
    -ms-grid-row: 9;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .siteFooter__copy {
    -ms-grid-row: 5;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .siteFooter__btn {
    -ms-grid-row: 11;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .siteHeader__logo {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .siteFooter__inner > .siteHeader__menu {
    -ms-grid-row: 9;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .siteFooter__inner > .siteHeader__call {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }
}
@media (pointer: fine) and (min-width: 1200px){
  .siteHeader__inner > .siteHeader__logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .siteHeader__inner > .siteHeader__menu {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .siteHeader__inner > .siteHeader__call {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .siteHeader__opros {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
  }
  .siteHeader__menusecond {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
}
@media screen and (min-width: 700px) and (max-width: 1199px), (pointer: coarse){
  .siteHeader__inner > .siteHeader__logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .siteHeader__inner > .siteHeader__call {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .siteHeader__inner > .siteHeader__opros {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
  }
  .siteHeader__inner > .siteHeader__menusecond {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 9;
  }
  .siteHeader__inner > .siteHeader__toggleAdapt {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
  }
}
@media (pointer: coarse) and (min-width: 1314px) {
  .siteHeader__toggleAdapt--within {
    display: none;
  }
}
@media (max-width: 1200px) {
  .siteHeaderAdapt .siteHeader__toggleAdapt {
    margin-top: -0.9375rem;
  }
}
@media (pointer: fine) and (min-width: 1200px) {
  .siteHeader__toggleAdapt {
    display: none;
  }
}
@media (min-width: 1025px) {
  .siteHeader__toggleAdapt {
    width: 3rem;
    height: 3rem;
  }
}
.siteHeader__toggleAdapt[class*=close]:hover {
  --colorBody: var(--accentColor);
}
.siteHeader__toggleLine {
  position: relative;
  place-self: center;
  height: 0.075rem;
  width: 40%;
  background-color: var(--white);
  transition: 0.4s background, 0.4s transform;
  transition-delay: 0.2s;
}
.siteHeader__toggleLine::before, .siteHeader__toggleLine::after {
  content: "";
  position: absolute;
  top: 0;
  right: 50%;
  background: var(--white);
  width: 100%;
  height: 100%;
  transition: 0.4s transform, 0.4s width, 0.4s right, 0.4s background;
}
.siteHeader__toggleLine::before {
  transform: translateX(50%) translateY(-3.2px);
}
.siteHeader__toggleLine::after {
  transform: translateX(50%) translateY(3.2px);
  width: 100%;
}
[class*=close] > .siteHeader__toggleLine {
  transform: rotate(135deg);
  transition-delay: 0s;
}
[class*=close] > .siteHeader__toggleLine::before {
  transform: translateX(50%) translateY(-190%) rotate(90deg);
  width: 55%;
  background-color: var(--white);
}
[class*=close] > .siteHeader__toggleLine::after {
  transform: translateX(50%) translateY(190%) rotate(-90deg);
  width: 55% !important;
  right: 50%;
  background-color: var(--white);
}

.openMenu {
  overflow: hidden;
  height: 100vh;
}

@keyframes searching {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes showMenuBtn {
  0% {
    transform: scale(0) translateX(10vw);
  }
  100% {
    transform: scale(1) translateX(0);
  }
}
@keyframes hideMenuBtn {
  0% {
    transform: scale(1) translateX(0);
  }
  100% {
    transform: scale(0) translateX(10vw);
  }
}
.logo {
  display: grid;
  grid-template-columns: 100%;
  gap: 0.75rem;
  align-items: center;
  transition: 0.4s all;
}
.logo.adapt {
  width: 10.375rem;
}
@media screen and (max-width: 699px) {
  .logo {
    grid-template-columns: auto;
  }
}
.logo [class*=-scroll] {
  font-size: 0;
}
.logo--descr {
  gap: 0.75rem;
  align-items: center;
  color: inherit;
}
@media screen and (min-width: 720px) {
  .logo--descr {
    grid-template-columns: 8.625rem 8.625rem;
    gap: 1.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .logo--descr {
    gap: 2.125rem;
  }
}
.logo--noimg {
  grid-template-columns: max-content;
  font-weight: 700;
}
@media screen and (max-width: 699px) {
  .logo--noimg {
    justify-content: center;
  }
  .logo--noimg [class*=descr] {
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
    background-image: var(--grad1);
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    justify-self: center;
  }
}
.logo img[src*=svg] {
  width: 100%;
}
.logo__img {
  height: 100%;
}
.logo__descr {
  font-size: 1rem;
  line-height: 1;
  letter-spacing: -0.008em;
}
@media screen and (max-width: 699px) {
  .logo__descr {
    display: none;
  }
}
.logo__descr small {
  display: block;
  text-transform: none;
  font-size: 0.9375rem;
  font-family: var(--fontMain);
  line-height: 1.2;
}

.siteHeaderAdapt {
  position: fixed;
  left: 100%;
  top: 0;
  transform: translateX(0);
  display: grid;
  grid-template-columns: 100%;
  align-content: start;
  gap: 1.875rem;
  border-radius: 0.625rem;
  max-height: 100vh;
  padding: var(--menuP, 1rem 1rem 2rem);
  background-color: var(--white);
  overflow-y: auto;
  width: var(--menuW, 21.25rem);
  max-width: 100vw;
  transition: 0.4s transform, 0.4s opacity;
  z-index: 16;
}
.siteHeaderAdapt > * {
  grid-area: initial !important;
}
.siteHeaderAdapt.open {
  transform: translateX(-100%);
}
.siteHeaderAdapt .siteHeaderAdaptBtn {
  position: absolute;
  top: 1.8125rem;
  right: 1rem;
}

.siteHeaderMenu .menu-item {
  position: relative;
  min-width: 2rem;
}
.siteHeaderMenu .menu-item-icon > a {
  display: grid;
  grid-template-columns: 0.75rem 1fr;
  align-items: center;
  gap: 0.4375rem;
}
.siteHeaderMenu .menu-item-icon > a:hover {
  --dark: var(--accentColor);
  color: #121212 !important;
}
.siteHeaderMenu .menu-item-icon > a::before {
  content: "";
  background-color: var(--dark);
  height: 0.75rem;
  clip-path: var(--clip);
  transition: 0.4s background;
}
.siteHeaderMenu .menu-item-icon--percent {
  --clip: url(#iconpercent);
}
.siteHeaderMenu .menu-item-icon--pencil {
  --clip: url(#iconpencil);
}
@media (pointer: coarse), (max-width: 1199px) {
  .siteHeaderMenu:not(.adapt) {
    display: none;
  }
}
@media (min-width: 1199px) and (pointer: fine) {
  .siteHeaderMenu:not(.adapt) {
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1;
  }
}
@media screen and (min-width: 1199px) and (pointer: fine) and (max-width: 1300px) {
  .siteHeaderMenu:not(.adapt) {
    font-size: 0.875rem;
  }
}
@media (min-width: 1199px) and (pointer: fine) {
  .siteHeaderMenu:not(.adapt) .menu {
    display: flex;
    justify-content: flex-start;
    gap: 1.25rem;
  }
  .siteHeaderMenu:not(.adapt) .menu > .menu-item {
    align-content: center;
    padding: 0;
  }
  .siteHeaderMenu:not(.adapt) .menu > .menu-item > a {
    display: grid;
    color: inherit;
  }
  .siteHeaderMenu:not(.adapt) .menu > .menu-item > a:hover {
    color: var(--red);
  }
  .siteHeaderMenu:not(.adapt) .menu-item {
    position: relative;
    min-width: 2rem;
  }
  .siteHeaderMenu:not(.adapt) .menu-item.menu-item-has-children {
    --pos: absolute;
    --op: 0;
    --pe: none;
    --tr: scaleY(0);
    --anim: none;
  }
  .siteHeaderMenu:not(.adapt) .menu-item.menu-item-has-children:not([class*=production]) > a {
    display: grid;
    grid-template-columns: 1fr max-content;
    align-items: center;
    gap: 0.3125rem;
  }
  .siteHeaderMenu:not(.adapt) .menu-item.menu-item-has-children:not([class*=production]) > a::after {
    content: "";
    margin: 0 0.1875rem;
    width: 0.859375rem;
    height: 0.859375rem;
    background-color: currentColor;
    transition: 0.4s background, 0.4s transform;
    clip-path: url(#iconmenudown);
  }
  .siteHeaderMenu:not(.adapt) .menu-item.menu-item-has-children:not([class*=production]) > a:hover {
    color: var(--red);
  }
  .siteHeaderMenu:not(.adapt) .menu-item.menu-item-has-children:hover {
    --pos: absolute;
    --op: 1;
    --pe: auto;
    --tr: scaleY(1);
    --anim: 0.4s subOpen linear 1 forwards;
    --trDl: 0.2s;
  }
  .siteHeaderMenu:not(.adapt) .menu-item.menu-item-has-children:hover > a::after {
    transform: scaleY(-1);
  }
  .siteHeaderMenu:not(.adapt) .sub-menu {
    position: absolute;
    top: calc(100% + 2.6875rem);
    left: 50%;
    translate: calc(-50% - 0.625rem) 0;
    display: grid;
    gap: 0.625rem;
    border-radius: 1.25rem;
    padding: 1.375rem 1rem 1.125rem;
    background-color: var(--white);
    width: 12.1875rem;
    opacity: var(--op);
    box-shadow: 0px 2px 30px 0px rgba(0, 46, 58, 0.15);
    transform: var(--tr);
    transition: 0.4s transform, 0.4s opacity;
    transform-origin: 50% 0;
    text-transform: none;
    font-size: 0.875rem;
    letter-spacing: -0.005em;
    line-height: 1.3;
  }
  .siteHeaderMenu:not(.adapt) .sub-menu::before, .siteHeaderMenu:not(.adapt) .sub-menu::after {
    content: "";
    position: absolute;
  }
  .siteHeaderMenu:not(.adapt) .sub-menu::before {
    background-color: inherit;
    bottom: calc(100% - 0.6875rem);
    left: 50%;
    translate: -50% 0;
    height: 2.5625rem;
    width: 2.9375rem;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
  }
  .siteHeaderMenu:not(.adapt) .sub-menu::after {
    inset: -2.6875rem 0 100%;
  }
  .siteHeaderMenu:not(.adapt) .sub-menu .menu-item {
    display: grid;
    grid-template-columns: 100%;
    gap: inherit;
    padding: 0;
    transition: 0.4s background, 0.4s opacity;
    transition-delay: var(--trDl);
    max-width: none;
    z-index: 1;
    opacity: var(--op);
  }
  .siteHeaderMenu:not(.adapt) .sub-menu .menu-item:not(:last-child)::after {
    content: "";
    height: 0.0625rem;
    background-color: var(--ltgray);
  }
  .siteHeaderMenu:not(.adapt) .sub-menu a {
    position: relative;
    align-self: start;
    width: auto;
    color: inherit;
    transition: 0.4s color, 0.4s background;
  }
  .siteHeaderMenu:not(.adapt) .sub-menu a:hover {
    color: var(--red);
  }
  .siteHeaderMenu:not(.adapt) .menu-item-catalog > .sub-menu {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    translate: none;
    left: -3.875rem;
    gap: 1.5625rem 1.4375rem;
    padding: 2.9375rem 2.8125rem;
    width: 67.3125rem;
    max-width: calc(100vw - 12.5rem);
  }
  .siteHeaderMenu:not(.adapt) .menu-item-catalog > .sub-menu::before {
    left: 4.6875rem;
    translate: none;
  }
  .siteHeaderMenu:not(.adapt) .menu-item-catalog > .sub-menu .menu-item-has-children {
    --pos: static;
    --op: 1;
    --pe: none;
    --tr: scaleY(1);
  }
  .siteHeaderMenu:not(.adapt) .menu-item-catalog > .sub-menu > .menu-item {
    align-content: start;
    gap: 0.4375rem;
  }
  .siteHeaderMenu:not(.adapt) .menu-item-catalog > .sub-menu > .menu-item > a {
    grid-template-columns: 100%;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.45;
    max-width: 12.5rem;
  }
  .siteHeaderMenu:not(.adapt) .menu-item-catalog > .sub-menu > .menu-item > a:hover {
    color: var(--red);
  }
  .siteHeaderMenu:not(.adapt) .menu-item-catalog > .sub-menu > .menu-item > a::after {
    content: none !important;
  }
  .siteHeaderMenu:not(.adapt) .menu-item-catalog > .sub-menu > .menu-item::after {
    content: none;
  }
  .siteHeaderMenu:not(.adapt) .menu-item-catalog > .sub-menu .sub-menu {
    position: static;
    transform: none;
    translate: none;
    gap: 0.5625rem;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    border-top: 0.0625rem solid var(--ltgray);
    padding: 0.625rem 0 0;
    width: 100%;
  }
  .siteHeaderMenu:not(.adapt) .menu-item-catalog > .sub-menu .sub-menu::before {
    content: none;
  }
  .siteHeaderMenu:not(.adapt) .menu-item-catalog > .sub-menu .sub-menu .menu-item::after {
    content: none;
  }
  .siteHeaderMenu:not(.adapt) .menu-item-catalog > .sub-menu .sub-menu a {
    --x: 0;
    position: relative;
    display: inline-block;
    padding-left: 1.25rem;
  }
  .siteHeaderMenu:not(.adapt) .menu-item-catalog > .sub-menu .sub-menu a:hover {
    --x: 0.5rem;
  }
  .siteHeaderMenu:not(.adapt) .menu-item-catalog > .sub-menu .sub-menu a::before {
    content: ">";
    position: absolute;
    top: 0.7em;
    left: 0;
    translate: var(--x) -50%;
    font-weight: 600;
    color: var(--red);
    transform: scaleY(2);
    transition: 0.4s translate;
    font-size: 0.875rem;
    line-height: 1;
  }
}
@media (min-width: 1024px) and (pointer: coarse) {
  .siteHeaderMenu__list {
    display: grid;
    grid-template-columns: 100%;
    gap: 1rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1023px) {
  .siteHeaderMenu__list {
    display: grid;
    grid-template-columns: 100%;
    gap: 1.125rem;
  }
}
@media screen and (max-width: 699px) {
  .siteHeaderMenu__list {
    display: grid;
    grid-template-columns: 100%;
    gap: 0.625rem;
  }
}
.siteHeaderMenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.siteHeaderMenu.adapt {
  font-size: 1rem;
  text-transform: uppercase;
}
.siteHeaderMenu.adapt .menu {
  gap: 0.71875rem;
}
.siteHeaderMenu.adapt .menu-item {
  position: relative;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-flow: dense;
  align-items: center;
  gap: 0 0.25rem;
  line-height: 1.2;
  transition: 0.4s margin;
}
.siteHeaderMenu.adapt .menu-item:not(:first-child) {
  border-top: 0.0625rem solid var(--ltgray);
  margin-top: 0rem;
  padding: 0.625rem 0 0;
}
.siteHeaderMenu.adapt .menu-item.opened {
  margin-bottom: var(--subH);
}
.siteHeaderMenu.adapt .menu-item.menu-item-has-children {
  grid-template-columns: 1fr 20px;
}
.siteHeaderMenu.adapt .menu-item.menu-item-has-children > a {
  padding-right: 1.25rem;
}
@media (pointer: coarse), (max-width: 1024px) {
  .siteHeaderMenu.adapt .menu-item.menu-item-has-children {
    grid-template-columns: 1fr 32px;
  }
}
.siteHeaderMenu.adapt .menu-item a {
  color: inherit;
}
@media screen and (pointer: fine) {
  .siteHeaderMenu.adapt .menu-item a:hover {
    color: var(--accentColor);
  }
}
.siteHeaderMenu.adapt .sub-menu {
  position: absolute;
  left: 0;
  top: 100%;
  display: grid;
  gap: 0.25rem;
  margin: 0;
  padding: 0.4375rem 0 0;
  opacity: 1;
  order: 4;
  align-content: start;
  width: 100%;
  transition: 0.4s transform, 0.4s max-height, 0.4s opacity;
  transform: scaleY(0);
  z-index: 4;
  opacity: 0;
  pointer-events: none;
  transform-origin: 50% 0;
  font-size: 0.875rem;
  text-transform: none;
}
@media screen and (max-width: 699px) {
  .siteHeaderMenu.adapt .sub-menu {
    font-size: 0.875rem;
    padding-left: 0.5rem;
  }
}
.siteHeaderMenu.adapt .sub-menu.opened {
  pointer-events: auto;
  transform: scaleY(1);
  opacity: 1;
  height: var(--subH);
}
.siteHeaderMenu.adapt .sub-menu.opened .sub-menu {
  position: static;
  transform: none;
  padding-left: 0.625rem;
  opacity: 1;
  pointer-events: auto;
}
.siteHeaderMenu.adapt .sub-menu .menu-item {
  padding: 0;
  border: none;
  line-height: 1.4;
}
.siteHeaderMenu.adapt .sub-menu a {
  position: relative;
  text-decoration: none;
}
.siteHeaderMenu.adapt .sub-menu a:hover {
  color: var(--red);
}
.siteHeaderMenu__btn {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  place-items: center;
  border: 0;
  padding: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  width: var(--w);
  height: var(--w);
  z-index: 3;
  color: inherit;
  --w: 1.25rem;
  transform-origin: 50%;
}
.siteHeaderMenu__btn::before {
  content: "›";
  justify-self: end;
  color: currentColor;
  width: 1.375rem;
  font-weight: 300;
  font-size: 2rem;
  transition: 0.4s transform;
  transform: rotate(90deg);
}
.siteHeaderMenu__btn.opened {
  z-index: 5;
}
.siteHeaderMenu__btn.opened::before {
  transform: rotate(90deg) scaleX(-1);
}
.sub-menu .siteHeaderMenu__btn {
  opacity: 0;
  pointer-events: none;
}
.siteHeaderMenu.adapt .siteHeaderMenu__btn {
  width: 100%;
  line-height: 1px;
  display: grid;
  place-items: center;
}
.siteHeaderMenu:not(.adapt) .siteHeaderMenu__btn {
  display: inline-block;
}
@media (pointer: fine) and (min-width: 1025px) {
  .siteHeaderMenu:not(.adapt) .siteHeaderMenu__btn {
    display: none;
    --w: 0.5rem;
    pointer-events: none;
    transition: 0.4s transform;
  }
  .menu-item-has-children:hover > .siteHeaderMenu:not(.adapt) .siteHeaderMenu__btn {
    transform: scale(1.2);
  }
}

@keyframes subOpen {
  0% {
    height: 0.125rem;
    max-height: 0.125rem;
    width: 0.125rem;
    min-width: 0.125rem;
    padding: 0rem 0rem;
    border-top: 0.125rem solid var(--accentColor);
  }
  50% {
    width: 0.125rem;
    min-width: 0.125rem;
    height: auto;
    max-height: 25rem;
    padding: 0.5rem 0rem;
    border-top: 0.25rem solid var(--accentColor);
  }
  100% {
    width: -moz-max-content;
    width: max-content;
    min-width: 100%;
    height: auto;
    max-height: 25rem;
    padding: 0.5rem 1.0625rem;
    border-top: 0.25rem solid var(--accentColor);
  }
}
.accordion__item {
  position: relative;
  transition: 0.4s padding;
}
.accordion__content {
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  width: 100%;
  transform-origin: 50% 100%;
  transform: scaleY(0);
  transition: 0.4s transform;
}
.accordion__content .rt {
  opacity: 0;
  transition: 0.1s opacity;
}
.accordion__content--open {
  transform: scaleY(1);
}
.accordion__content--open .rt {
  opacity: 1;
  transition: 0.4s opacity;
}
@supports not (inset-inline-start: 0) {
  .accordion__content {
    left: 0;
  }
  [dir=rtl] .accordion__content {
    right: 0;
  }
}
.accordion__button {
  position: relative;
  display: block;
  padding: 0;
  border: 0;
  background-color: transparent;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  text-align: initial;
  color: inherit;
  cursor: pointer;
}
.accordion__button::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.5rem);
  inset-inline-end: -2.4375rem;
  width: 1.25rem;
  height: 1.25rem;
  background-color: var(--accentColor);
  clip-path: url(#iconmenuopen);
  transition: 0.4s transform;
}
@supports not (inset-inline-end: 0) {
  .accordion__button::after {
    right: 0;
  }
  [dir=rtl] .accordion__button::after {
    left: 0;
  }
}
.accordion__button--open::after {
  transform: scaleY(-1);
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
}
.modal__container {
  position: relative;
  background-color: #fff;
  padding: 1.875rem;
  max-width: 31.25rem;
  max-height: 100vh;
  border-radius: 0.625rem;
  overflow-y: auto;
  box-sizing: border-box;
}
.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  box-sizing: border-box;
}
.modal__close {
  position: absolute;
  right: 1.2rem;
  top: 1.05rem;
  padding: 0.5rem;
  background: transparent;
  border: 0;
  cursor: pointer;
  z-index: 2;
}
.modal__close svg {
  pointer-events: none;
  width: 1.625rem;
  height: 1.625rem;
}
.modal__close path {
  transition: 0.2s fill;
}
.modal__close:hover, .modal__close:focus {
  outline: none;
}
.modal__close:hover path, .modal__close:focus path {
  fill: var(--border-yellow);
}
.modal__content {
  margin-top: 1rem;
  margin-bottom: 1rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.8);
}
.modal__btn {
  font-size: 0.875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 0.25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  -moz-osx-font-smoothing: grayscale;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: transform 0.25s ease-out;
}
.modal__btn:focus, .modal__btn:hover {
  transform: scale(1.05);
}
.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}
.modal__footer {
  margin-top: 0;
}

@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}
.micromodal-slide.is-open {
  display: block;
}
.micromodal-slide[aria-hidden=false] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden=false] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden=true] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden=true] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.modal__overlay {
  background: rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.modal__container {
  max-width: 31.25rem;
  border-radius: 0.625rem;
  padding: 1rem;
}
@media screen and (min-width: 1025px) {
  .modal__container {
    border-radius: 1.25rem;
    padding: 1.5rem;
  }
}
.modal__container:has([class*=__inner]) {
  padding: 0;
}
.modal__close {
  padding: 0;
  transition: 0.4s opacity;
  color: inherit;
}
@media screen and (min-width: 1025px) {
  .modal__close {
    width: 2rem;
    height: 2rem;
  }
}
@media screen and (max-width: 1024px) {
  .modal__close {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.modal__close svg {
  width: 100%;
  height: 100%;
}
.modal__close path, .modal__close rect, .modal__close circle {
  transition: 0.2s fill;
  fill: var(--blue);
}
.modal__close:hover {
  opacity: 1;
}
.modal__close:hover path, .modal__close:hover rect, .modal__close:hover circle {
  fill: var(--red);
}
.modal__content {
  color: inherit;
  margin: 0;
  border-radius: inherit;
}

.pswp__video-container {
  position: relative;
  z-index: 1;
}
.pswp__video-container::before {
  content: "";
  position: absolute;
  top: calc(50% - 1.5625rem);
  left: calc(50% - 1.5625rem);
  width: 3.125rem;
  height: 3.125rem;
  border: 0.3125rem solid var(--accentColor);
  animation: 2s videoload infinite;
}

@keyframes videoload {
  0% {
    transform: scale(1) rotate(0deg);
    border-radius: 0;
  }
  50% {
    transform: scale(1.25) rotate(180deg);
    border-radius: 25%;
  }
  100% {
    transform: scale(1) rotate(360deg);
    border-radius: 0;
  }
}
.splide {
  --bg: transparent;
  --bgHover: var(--blue);
  --arrBg: var(--blue);
}
.splide:not(.is-initialized) {
  width: 1px;
  height: 1px;
  overflow: hidden;
}
@media screen and (min-width: 800px) {
  .splide {
    --w: 5rem;
    --h: 5rem;
    --arrW: 2.375rem;
  }
}
@media screen and (min-width: 600px) and (max-width: 799px) {
  .splide {
    --w: 2.5rem;
    --h: 2.5rem;
    --arrW: 1.5rem;
  }
}
@media screen and (max-width: 599px) {
  .splide {
    --w: 2.375rem;
    --h: 2.375rem;
    --arrW: 1rem;
  }
}
.splide__arrow {
  opacity: 1;
  width: var(--w);
  height: var(--h);
  background-color: var(--bg);
  transition: 0.4s opacity, 0.4s background;
  border: 0.0625rem solid var(--blue);
  border-radius: 50%;
  opacity: 1;
}
.splide__arrow:hover {
  --bg: var(--bgHover);
  --arrBg: var(--white);
  opacity: 1 !important;
}
.splide__arrow:active {
  --bg: var(--accentColor);
}
.splide__arrow:disabled, .splide__arrow.disabled {
  background-color: var(--bg) !important;
  pointer-events: none;
  opacity: 0.3;
}
.splide__arrow svg {
  fill: var(--arrBg);
  width: var(--arrW);
  height: var(--arrW);
  transition: 0.4s fill;
}
.splide__arrow--prev {
  left: calc(-1 * var(--gap) + 0.375rem);
}
.splide__arrow--next {
  right: calc(-1 * var(--gap) + 0.375rem);
}
.splide__pagination {
  gap: 0.875rem;
  bottom: 0;
}
.splide__pagination__page {
  --w: 1rem;
  --c: #fff;
  margin: 0;
  width: var(--w);
  height: var(--w);
  border: rm(0) solid var(--c);
  border-radius: 50%;
  background-color: var(--accentColor);
  transition: 0.4s transform;
  opacity: 1;
}
.splide__pagination__page.is-active {
  background-color: var(--accentColor);
  transform: scale(1.5);
  opacity: 1;
}
.splide__track--nav > .splide__list > .splide__slide {
  border: 0;
  border-radius: 0;
  transition: 0.4s opacity, 0.4s filter;
}
.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 0;
  opacity: 0.7;
  filter: brightness(0.8);
}

.tabs__names {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.tabs__contents {
  position: relative;
  transition: 0.4s all;
}
.tabs__content {
  position: absolute;
  top: 100%;
  inset-inline-start: 0;
  width: 100%;
  transform-origin: 50% 0;
  transform: scaleY(0.3);
  transition: 0.4s transform, 0.4s opacity;
  opacity: 0;
  pointer-events: none;
}
@supports not (inset-inline-start: 0) {
  .tabs__content {
    left: 0;
  }
  [dir=rtl] .tabs__content {
    right: 0;
  }
}
.tabs__content--open {
  transform: scaleY(1);
  opacity: 1;
  z-index: 2;
  pointer-events: auto;
}
.tabs__content--start {
  position: static;
  transform: scaleY(1);
  opacity: 1;
}
.tabs__btn {
  position: relative;
  display: block;
  padding: 0;
  border: 0;
  background-color: transparent;
  border: 0;
  text-align: initial;
  color: inherit;
  cursor: pointer;
  display: grid;
  place-items: center;
  border: 0.09375rem solid var(--ltgray);
  border-radius: 1.875rem;
  padding: 0.5rem 0.5rem;
  height: 2.5rem;
  transition: 0.4s background, 0.4s border, 0.4s color;
}
@media screen and (min-width: 1025px) {
  .tabs__btn {
    border-radius: 3.75rem;
    height: 5rem;
    width: auto;
    font-size: 1.125rem;
    padding: 0 1.25rem;
  }
}
.tabs__btn:hover {
  border-color: var(--red);
}
.tabs__btn--open {
  border-color: var(--red);
  background-color: var(--red);
  color: var(--white);
  font-weight: 600;
}

/*	<div class="tabs">
 * <div class="tabs__names">
 * <button type="button" class="tabs__btn tabs__btn--open" data-tab="tab1">Tab1</button>
 * <button type="button" class="tabs__btn" data-tab="tab2">Tab2</button>
 * </div>
 * <div class="tabs__contents">
 * <div class="tabs__content tabs__content--start tabs__content--open rt" id="tab1">
 *  <p>content1</p>
 * </div>
 * <div class="tabs__content rt" id="tab2">
 *  <p>content2</p>
 * </div>
 * </div>
 * </div>*/
.pswpCaption {
  position: absolute;
  left: 50%;
  bottom: 1rem;
  translate: -50% 0;
  background: var(--accentColor);
  font-size: 1rem;
  color: #fff;
  width: calc(100% - 2rem);
  max-width: 25rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.pswpCaption__name {
  font-weight: bold;
}

.ts-wrapper {
  --mrg: 0 0 0.75rem;
  --pd: 0.75rem;
  --fz: 0.9375rem;
  --brd: 0.0625rem solid var(--ltgray);
  --brda: 0.25rem;
}

.ts-dropdown, .ts-control, .ts-control input {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.ts-dropdown {
  display: grid;
  align-items: center;
  grid-template-columns: max-content 1fr;
  color: var(--main-gray);
  font-weight: 300;
}

.ts-control {
  --tr: scaleY(-1);
  position: relative;
  margin: var(--mrg);
  padding: var(--pd);
  border: var(--brd);
  border-radius: var(--brda);
  background-color: var(--white);
}
@media screen and (min-width: 1024px) {
  .ts-control {
    height: 3rem;
    padding-left: 1rem;
  }
}
.ts-control .item {
  font-weight: 400;
}
.dropdown-active .ts-control {
  --tr: scale(1);
}

.ts-dropdown .create:hover, .ts-dropdown .option:hover, .ts-dropdown .active {
  background-color: var(--ltgrayf);
  font-weight: 400;
}

.ts-dropdown {
  margin-top: 0.25rem;
  padding: 0.25rem;
  border: 0.0625rem solid var(--ltgrayf);
  border-radius: var(--brda);
}

.ts-dropdown-content {
  display: grid;
  grid-gap: 0.5rem;
}

/**custom*/
.ts-control {
  --tr: scaleY(1);
  --cp: url(#iconmenudown);
  position: relative;
  padding-right: 2.625rem;
  cursor: pointer;
}
.ts-control::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.625rem);
  right: 1rem;
  width: 1.25rem;
  height: 1.25rem;
  background-color: currentColor;
  clip-path: var(--cp);
  transform: var(--tr);
  transition: 0.4s transform;
}
@media screen and (max-width: 599px) {
  .ts-control::after {
    right: 0.375rem;
  }
}
.dropdown-active .ts-control {
  --tr: scaleY(-1);
}

.thanks__inner {
  display: grid;
  grid-template-rows: 5rem 1fr;
  gap: 1.25rem;
  text-align: center;
}
.thanks__img {
  justify-self: center;
}
.thanks__title {
  font-size: 2em;
}

.homeBanner {
  position: relative;
  margin-top: 1.25rem;
  padding-bottom: 5rem;
  z-index: 1;
}
@media screen and (min-width: 1025px) {
  .homeBanner {
    padding-bottom: 9.375rem;
  }
}
@media screen and (max-width: 699px) {
  .homeBanner {
    margin-top: 0.9375rem;
  }
}
.homeBanner::before {
  content: "";
  position: absolute;
  inset: -18.75rem 0 0;
  z-index: -1;
  background-color: var(--drblue);
}
.homeBanner__splide:not(.is-initialized) {
  position: relative;
  visibility: visible;
  width: auto;
  height: auto;
}
.homeBanner__splide:not(.is-initialized) .splide__slide {
  width: 100%;
}
.homeBanner__splide:not(.is-initialized) .splide__slide:not(:first-child) {
  display: none;
}
.homeBanner__bg {
  position: absolute;
  inset: 0;
  margin: 0;
  z-index: -1;
}
.homeBanner__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #000;
  opacity: 0.45;
}
.homeBanner__bg img, .homeBanner__bg video {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.homeBanner__inner {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr;
  background-color: rgba(51, 51, 51, 0.2);
  height: 28.125rem;
  color: var(--white);
  font-weight: 500;
  font-size: 1.125rem;
}
@media screen and (min-width: 1025px) {
  .homeBanner__inner {
    height: 37.5rem;
    font-size: 2rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .homeBanner__inner {
    height: 37.5rem;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 699px) {
  .homeBanner__inner {
    align-content: end;
    height: 28.125rem;
    font-size: 1.5rem;
    grid-template-rows: auto;
  }
}
.homeBanner__head {
  display: grid;
  gap: 1.5rem;
  max-width: 62rem;
}
@media screen and (min-width: 1025px) {
  .homeBanner__head {
    padding-top: 1.875rem;
  }
}
.homeBanner__h1 {
  display: block;
  color: var(--white);
  font-weight: 600;
  font-size: 1.5625rem;
}
@media screen and (min-width: 1025px) {
  .homeBanner__h1 {
    font-size: 3.125rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .homeBanner__h1 {
    font-size: 2.25rem;
  }
}
.homeBanner__link {
  align-self: end;
  color: inherit;
  text-decoration: underline;
  font-size: 1.125rem;
}
.homeBanner .splide__arrow--prev {
  left: 0.5rem;
}
.homeBanner .splide__arrow--next {
  right: 0.5rem;
}

.infoTabs {
  position: relative;
  z-index: 2;
}
.infoTabs__inner {
  display: grid;
  gap: 0.3125rem;
  padding: 0;
  background-color: transparent;
}
@media screen and (min-width: 1025px) {
  .infoTabs__inner {
    margin-top: -3.75rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .infoTabs__inner {
    margin-top: -1.875rem;
  }
}
@media screen and (max-width: 699px) {
  .infoTabs__inner {
    gap: 0.625rem;
    margin-top: -1.25rem;
    overflow: initial;
  }
}
.infoTabs__head {
  display: grid;
  gap: 0.9375rem;
  border-radius: inherit;
  padding: var(--pdc);
  padding-bottom: 1.0625rem;
  background: var(--white);
}
@media screen and (min-width: 1025px) {
  .infoTabs__head {
    gap: 2.8125rem;
  }
}
@media screen and (max-width: 699px) {
  .infoTabs__head {
    position: sticky;
    top: -6.25rem;
    padding-bottom: 1.5625rem;
    z-index: 15;
  }
}
.infoTabs__h {
  max-width: 50rem;
}
.infoTabs .tabs__names {
  gap: 0.625rem 0.25rem;
  scroll-margin-top: 0.625rem;
}
@media screen and (min-width: 1025px) {
  .infoTabs .tabs__names {
    margin-right: -0.3125rem;
  }
}
@media screen and (max-width: 699px) {
  .infoTabs .tabs__names {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(8.75rem, 1fr));
    gap: 0.1875rem;
    position: sticky;
    top: var(--header-h);
  }
}
.infoTabs .tabs__btn {
  min-height: auto;
}
@media screen and (min-width: 1025px) {
  .infoTabs .tabs__btn {
    height: 5rem;
  }
}
@media screen and (max-width: 699px) {
  .infoTabs .tabs__btn {
    height: 3.125rem;
  }
}
.infoTabs__tab {
  display: grid;
  gap: 0.3125rem;
  border-radius: 1.25rem;
}
@media screen and (min-width: 1025px) {
  .infoTabs__tab {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .infoTabs__tab {
    grid-template-columns: 1fr 18.75rem;
  }
}
.infoTabs__tabText {
  display: grid;
  gap: 1.5625rem;
  align-content: start;
  border-radius: inherit;
  padding: var(--pdc);
  background-color: var(--white);
}
@media screen and (min-width: 1025px) {
  .infoTabs__tabText {
    padding-top: 1.4375rem;
    padding-bottom: 1.1875rem;
  }
}
.infoTabs__tabLink {
  justify-self: start;
}
@media screen and (min-width: 1025px) {
  .infoTabs__tabLink {
    height: 5.3125rem;
    font-size: 1.125rem;
    min-width: 20.9375rem;
  }
}
@media screen and (max-width: 699px) {
  .infoTabs__tabLink {
    justify-self: center;
    width: 16.5625rem;
    height: 4.0625rem;
    font-size: 0.9375rem;
  }
}
.infoTabs__tabInt {
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: center;
  gap: 0.9375rem;
}
@media screen and (max-width: 699px) {
  .infoTabs__tabInt {
    justify-self: center;
    margin-top: 0.125rem;
    margin-bottom: -0.3125rem;
  }
  .infoTabs__tabInt:has(span) {
    grid-template-columns: 100%;
  }
}
.infoTabs__tabIntBig {
  font-weight: 600;
}
@media screen and (min-width: 1025px) {
  .infoTabs__tabIntBig {
    font-size: 5.625rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .infoTabs__tabIntBig {
    font-size: 4.0625rem;
  }
}
@media screen and (max-width: 699px) {
  .infoTabs__tabIntBig {
    font-size: 4.0625rem;
    line-height: 1;
  }
}
.infoTabs__tabImg {
  align-self: stretch;
  border-radius: inherit;
  overflow: hidden;
}
@media screen and (max-width: 699px) {
  .infoTabs__tabImg {
    display: none;
  }
}
.infoTabs__tabImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (min-width: 1025px) {
  .catalog {
    margin-top: -3.75rem;
    padding: 9.375rem 0;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .catalog {
    padding: 6.25rem 0;
    margin-top: -1.875rem;
  }
}
@media screen and (max-width: 699px) {
  .catalog {
    padding: 5rem 0;
    margin-top: -1.25rem;
    background-size: 100% 80% !important;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
}
.catalog__inner {
  display: grid;
  grid-template-columns: 100%;
  gap: 0.9375rem;
}
@media screen and (min-width: 1025px) {
  .catalog__inner {
    gap: 2.8125rem;
  }
}
.catalog__list {
  display: grid;
  gap: 0.3125rem;
}
@media screen and (min-width: 1025px) {
  .catalog__list {
    grid-template-columns: 1.72fr 1fr 1fr;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .catalog__list {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 699px) {
  .catalog__list {
    gap: 0.625rem;
  }
}
.catalog__item {
  --bgt: 100%;
  --tr: 0.41s;
  position: relative;
  display: grid;
  border-radius: 1.25rem;
  overflow: hidden;
  z-index: 1;
}
.catalog__item:hover, .catalog__item:focus-within {
  --bgt: 73.56%;
  --tr: 0.39s;
}
@media screen and (min-width: 1025px) {
  .catalog__item {
    height: 20rem;
  }
  .catalog__item:nth-child(5n+1) {
    grid-row: span 2;
    height: auto;
    min-height: 20rem;
  }
  .catalog__item:nth-child(5n+1) [class*=Name] {
    padding-bottom: 3.0625rem;
    grid-template-columns: 17.5rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .catalog__item {
    height: 17.5rem;
  }
  .catalog__item:nth-child(5n+1) {
    grid-row: span 2;
    height: auto;
  }
}
@media screen and (max-width: 699px) {
  .catalog__item {
    height: 16.25rem;
  }
  .catalog__item:nth-child(n+4) {
    display: none;
  }
}
.catalog__itemFig {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.catalog__itemFig img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.catalog__itemName {
  display: grid;
  place-items: end start;
  grid-template-columns: 15rem;
  background-image: var(--grad1);
  background-size: 100% var(--bgt);
  font-weight: 600;
  font-size: 1.125rem;
  color: var(--white);
  transition: 0.4s background;
}
.catalog__itemName:hover {
  color: var(--white);
}
.catalog__itemName::before {
  content: "";
  position: absolute;
  inset: 0;
  top: calc(var(--bgt) - 1px);
  background-color: #0C1214;
  z-index: -1;
  transition: var(--tr) top;
}
@media screen and (min-width: 1025px) {
  .catalog__itemName {
    padding: 2.4375rem 2.25rem;
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .catalog__itemName {
    padding: 1.25rem 1.25rem;
  }
}
@media screen and (max-width: 699px) {
  .catalog__itemName {
    padding: 1.5625rem;
  }
}
.catalog__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.625rem;
}
@media screen and (min-width: 1025px) {
  .catalog__links {
    gap: 1.5625rem;
  }
}
@media screen and (max-width: 699px) {
  .catalog__links {
    flex-direction: column;
    align-items: center;
    margin-top: 0.625rem;
  }
}
@media screen and (max-width: 699px) {
  .catalog__link {
    width: 16.5625rem;
  }
}

.trend {
  overflow: hidden;
}
@media screen and (min-width: 1025px) {
  .trend {
    padding: 0 0 9.375rem;
    margin-top: -3.8125rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .trend {
    padding: 0 0 6.25rem;
    margin-top: -1.875rem;
  }
}
@media screen and (max-width: 699px) {
  .trend {
    position: relative;
    padding: 0 0 5rem;
    margin-top: -1.25rem;
    z-index: 1;
  }
}
.trend::before {
  content: "";
  display: block;
  height: 0.1px;
}
.trend__inner {
  display: grid;
  grid-template-columns: 100%;
  gap: 0.3125rem;
  background-image: var(--pattern);
  overflow: visible;
}
.trend__h {
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 1025px) {
  .trend__h {
    margin-bottom: 2.5rem;
  }
}
.trend__slide {
  position: relative;
  display: grid;
  place-items: end start;
  border-radius: 0.3125rem;
  padding: 1.5625rem 1.25rem;
  height: 8.8125rem;
  font-weight: 600;
  font-size: 1.125rem;
  color: var(--white);
  z-index: 1;
  overflow: hidden;
}
[data-direct=rtl] .trend__slide {
  direction: ltr;
}
@media screen and (min-width: 1025px) {
  .trend__slide {
    padding: 2.1875rem;
    height: 15.625rem;
    font-size: 1.375rem;
  }
}
.trend__slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--grad1);
  z-index: -1;
}
.trend__slideFig {
  position: absolute;
  inset: 0;
  z-index: -2;
}
.trend__slideFig img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.trend .splide__track {
  overflow: visible;
}

.blockCentered {
  text-align: center;
}
.blockCentered__descr {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.3;
}
@media screen and (min-width: 1025px) {
  .blockCentered__descr {
    line-height: 1.35;
    font-size: 1.375rem;
  }
}

.industry {
  border-radius: 1.25rem;
}
@media screen and (min-width: 1025px) {
  .industry {
    padding: 0 0 9.375rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .industry {
    padding: 0 0 6.25rem;
  }
}
@media screen and (max-width: 699px) {
  .industry {
    padding: 5rem 0 0;
    margin-top: -6.0625rem;
    z-index: 0;
    background-size: 100% calc(100% - 3.125rem) !important;
    background-repeat: no-repeat;
  }
}
.industry::before {
  content: "";
  display: block;
  height: 0.1px;
}
.industry__inner {
  position: relative;
  display: grid;
  grid-template-columns: 100%;
  gap: 1.25rem;
}
@media screen and (min-width: 1025px) {
  .industry__inner {
    gap: 1.5625rem;
    margin-top: -3.75rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .industry__inner {
    margin-top: -1.875rem;
  }
}
.industry__descr {
  justify-self: center;
  width: 100%;
  max-width: 63.125rem;
}
@media screen and (max-width: 699px) {
  .industry__descr {
    margin-bottom: 0.3125rem;
  }
}
.industry__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.4375rem 0.3125rem;
}
@media screen and (min-width: 1025px) {
  .industry__list {
    margin-top: 1.25rem;
  }
}
.industry__splide {
  width: 100%;
}
.industry__item {
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: center;
  gap: 1.3125rem;
  border-radius: 0.625rem;
  padding: 1.25rem 1.875rem;
  background-color: var(--red);
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--white);
  text-align: left;
}
@media screen and (min-width: 1200px) {
  .industry__item {
    padding: 1.8125rem;
    width: calc(33.3333333333% - 0.25rem);
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1199px) {
  .industry__item {
    padding: 1.8125rem;
    width: calc(50% - 0.25rem);
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .industry__item {
    padding: 1.25rem;
    width: calc(50% - 0.25rem);
  }
}
@media screen and (max-width: 699px) {
  .industry__item {
    gap: 0.9375rem;
    min-height: 6.5625rem;
  }
}
.industry__itemIcon {
  display: grid;
  grid-template-columns: 1.9375rem;
  grid-template-rows: 1.9375rem;
  place-content: center;
  border-radius: inherit;
  width: 3.75rem;
  background-color: var(--white);
  aspect-ratio: 1/1;
}
@media screen and (min-width: 1025px) {
  .industry__itemIcon {
    width: 5.0625rem;
    grid-template-columns: 2.8125rem;
    grid-template-rows: 2.8125rem;
  }
}
@media screen and (max-width: 1024px) {
  .industry__itemIcon {
    width: 3.4375rem;
  }
}
@media screen and (min-width: 700px) {
  .industry [class*=splide] {
    display: contents !important;
  }
}
.industry .splide {
  display: grid;
  grid-template-columns: 100%;
  gap: 1.5625rem;
}
.industry .splide__arrows {
  justify-self: center;
  display: grid;
  grid-template-columns: max-content max-content;
  gap: 0.9375rem;
  order: 2;
}
.industry .splide__arrow {
  position: static;
  transform: none;
}

@media screen and (min-width: 1025px) {
  .clients {
    padding: 0 0 9.375rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .clients {
    padding: 0 0 6.25rem;
  }
}
@media screen and (max-width: 699px) {
  .clients {
    padding: 3.75rem 0 0;
    margin-top: 0rem;
    z-index: 0;
    background-size: 100% calc(100% - 3.125rem) !important;
    background-repeat: no-repeat;
  }
}
.clients::before {
  content: "";
  display: block;
  height: 0.001px;
}
.clients__inner {
  display: grid;
  gap: 1.25rem;
}
@media screen and (min-width: 1025px) {
  .clients__inner {
    gap: 1.5625rem;
    margin-top: -3.75rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .clients__inner {
    gap: 1.5625rem;
    margin-top: -1.875rem;
  }
}
.clients__descr {
  justify-self: center;
  max-width: 46.875rem;
  width: 100%;
}
.clients__list {
  display: grid;
  grid-auto-flow: dense;
  gap: 0.3125rem;
}
@media screen and (min-width: 1025px) {
  .clients__list {
    grid-template-columns: repeat(5, 1fr);
    margin-top: 1.25rem;
  }
}
@media screen and (max-width: 699px) {
  .clients__list {
    margin-top: 0.3125rem;
  }
}
@media screen and (max-width: 699px) {
  .clients__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.25rem;
  }
}
.clients__item {
  --opu: 1;
  --oph: 0;
  display: grid;
  place-items: center;
  border-radius: 0.625rem;
  padding: 1rem;
  background-color: var(--ltgrayf);
  transition: 0.4s height, 0.4s padding, 0.4s background;
}
.clients__item:hover {
  --opu: 0;
  --oph: 1;
  --fill: var(--white);
  background-color: var(--red);
}
.clients__item:hover .hover {
  fill: var(--fill);
}
@media screen and (min-width: 1025px) {
  .clients__item {
    height: 10rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .clients__item {
    height: 7.5625rem;
  }
}
@media screen and (max-width: 699px) {
  .clients__item {
    height: 7.5625rem;
  }
  .clients__item:nth-child(n+7) {
    height: 0;
    padding: 0;
    overflow: hidden;
  }
  .clients__item.shown {
    height: 7.5625rem;
    padding: 1rem;
  }
}
@media screen and (min-width: 700px) {
  .clients__item--span2 {
    grid-column: span 2;
  }
}
.clients__item img, .clients__item svg {
  grid-area: 1/1/2/2;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.clients__itemImg {
  opacity: var(--opu);
  transition: 0.4s opacity;
}
.clients__itemImg--hover {
  opacity: var(--oph);
}
.clients__item .hover {
  transition: 0.4s fill;
}
.clients__more {
  justify-self: center;
  width: 16.5625rem;
  margin-top: -0.75rem;
}
@media screen and (min-width: 700px) {
  .clients__more {
    display: none;
  }
}

@media screen and (min-width: 1025px) {
  .cases {
    margin-top: 2.5rem;
    padding: 0 0 9.375rem;
  }
  .catalogPage + .cases {
    margin-top: -5.625rem;
    padding: 17.5rem 0 9.375rem;
  }
  .catalogPage + .cases::after {
    bottom: 17.5rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .cases {
    padding: 0 0 6.25rem;
  }
  .catalogPage + .cases {
    margin-top: -3.75rem;
    padding: 11.25rem 0 6.25rem;
  }
  .catalogPage + .cases::after {
    bottom: 11.25rem;
  }
}
@media screen and (max-width: 699px) {
  .cases {
    position: relative;
    padding: 5rem 0 0;
    margin-top: -1.25rem;
    z-index: -1;
    background-size: 100% calc(100% - 3.125rem) !important;
    background-repeat: no-repeat;
  }
}
.cases::before {
  content: "";
  display: block;
  height: 0.00625rem;
}
.cases__inner {
  display: grid;
  gap: 1.5625rem;
  grid-template-columns: 100%;
}
@media screen and (min-width: 1025px) {
  .cases__inner {
    grid-template-columns: 1fr 10.625rem;
    gap: 3.375rem 1rem;
    margin-top: -6.25rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .cases__inner {
    grid-template-columns: 1fr 8.125rem;
    margin-top: -1.875rem;
  }
}
@media screen and (min-width: 1025px) {
  .cases__h {
    padding-top: 0.625rem;
  }
}
.cases__splide {
  grid-column: 1/-1;
}
@media screen and (max-width: 699px) {
  .cases__splide {
    margin-top: -0.625rem;
  }
}
@media screen and (max-width: 699px) {
  .cases__splide::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: calc(100% + 0.8125rem);
    width: 2.1875rem;
    height: 2.1875rem;
    background-image: var(--splideHand);
    animation: handDrag 3s infinite;
  }
}
.cases__link {
  grid-column: 1/-1;
  justify-self: center;
}
@media screen and (min-width: 1025px) {
  .cases__link {
    margin-top: -0.5625rem;
  }
}
.cases__item {
  --ps: 1.125rem;
  --pb: 1.5625rem;
  position: relative;
  display: grid;
  grid-template-rows: 15.3125rem auto auto 1fr;
  gap: 0.625rem;
  border-radius: 0.625rem;
  padding: 0 var(--ps) var(--pb);
  height: 100%;
  background-color: var(--ltgrayf);
  overflow: hidden;
  transition: 0.4s background;
}
.cases__item:has(a:hover) {
  background-color: var(--fo);
}
@media screen and (min-width: 1025px) {
  .cases__item {
    --ps: 2.32rem;
    --pb: 2.1875rem;
    gap: 0.9375rem;
  }
}
@media screen and (max-width: 699px) {
  .cases__item {
    align-content: start;
    height: auto;
  }
}
.cases__itemFig {
  margin: 0 calc(-1 * var(--ps));
}
.cases__itemFig img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cases__itemCity {
  display: grid;
  grid-template-columns: 0.9375rem 1fr;
  align-items: center;
  gap: 0.3125rem;
  margin-top: 0.375rem;
}
@media screen and (min-width: 1025px) {
  .cases__itemCity {
    margin-top: 1.375rem;
  }
}
.cases__itemCity::before {
  content: "";
  background-color: var(--red);
  height: 1.25rem;
  clip-path: url(#iconmaptag);
}
.cases__itemName {
  font-weight: 600;
  font-size: 1.125rem;
  color: var(--red);
}
@media screen and (min-width: 1025px) {
  .cases__itemName {
    font-size: 1.375rem;
  }
}
.cases__itemName::before {
  content: "";
  position: absolute;
  inset: 0;
}
.cases__itemExcerpt {
  line-height: 1.4;
}
.cases .splide__arrows {
  position: absolute;
  display: grid;
  grid-template-columns: max-content max-content;
  gap: 0.5rem;
}
@media screen and (min-width: 1025px) {
  .cases .splide__arrows {
    bottom: calc(100% + 2.8125rem);
    right: 0;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .cases .splide__arrows {
    bottom: calc(100% + 1.5rem);
    right: 0;
  }
}
.cases .splide__arrow {
  position: static;
  transform: none;
}
.cases .splide__list {
  transition: 0.4s height;
}

@media screen and (min-width: 1025px) {
  .proofs {
    padding: 0 0 9.375rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .proofs {
    padding: 0 0 6.25rem;
  }
}
@media screen and (max-width: 699px) {
  .proofs {
    padding: 5rem 0 0;
    margin-top: -1.25rem;
  }
  .proofs + .proofs {
    position: relative;
    z-index: -1;
  }
}
.proofs::before {
  content: "";
  display: block;
  height: 0.1px;
}
.proofs__inner {
  display: grid;
  grid-template-columns: 100%;
  gap: 1.5625rem;
}
@media screen and (min-width: 1025px) {
  .proofs__inner {
    gap: 2.875rem;
    margin-top: -3.75rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .proofs__inner {
    margin-top: -1.875rem;
  }
}
.proofs__item {
  border: 0.09375rem solid var(--ltgray);
  border-radius: 0.4375rem;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
}
@media screen and (max-width: 699px) {
  .proofs__item {
    width: 14.6875rem;
    aspect-ratio: 235/336;
  }
}
.proofs__all {
  justify-self: center;
}
@media screen and (min-width: 1025px) {
  .proofs__all {
    margin-bottom: -0.1875rem;
  }
}
.proofs__list {
  display: grid;
  gap: 5px;
}
@media screen and (min-width: 770px) {
  .proofs__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
.proofs__popup {
  max-width: var(--cW);
}
.proofs__popup [class*=__inner] {
  margin: 0 0.1875rem 0 0;
  height: 100vh;
  max-height: 56.5rem;
  overflow: auto;
}

@media screen and (min-width: 1025px) {
  .objectsMap {
    padding: 0 0 9.375rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .objectsMap {
    padding: 0 0 6.25rem;
  }
}
@media screen and (max-width: 699px) {
  .objectsMap {
    padding: 5rem 0 0;
  }
}
.objectsMap::before {
  content: "";
  display: block;
}
.objectsMap__inner {
  display: grid;
  grid-template-columns: 100%;
  background-color: var(--nblack);
  color: var(--white);
}
@media screen and (min-width: 1025px) {
  .objectsMap__inner {
    margin-top: -3.75rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .objectsMap__inner {
    margin-top: -1.875rem;
  }
}
@media screen and (max-width: 699px) {
  .objectsMap__inner {
    margin-top: -1.25rem;
  }
}
.objectsMap__tab {
  display: grid;
  grid-template-columns: 100%;
  gap: 1.25rem;
  grid-template-rows: auto 1fr;
  background-color: var(--nblack);
}
.objectsMap__tab:not(:has([class*=H])) {
  grid-template-rows: auto;
  padding-bottom: calc(var(--pdt) / 2);
}
@media screen and (min-width: 1025px) {
  .objectsMap__tab {
    gap: 2.8125rem;
    min-height: 43.75rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .objectsMap__tab {
    gap: 1.5625rem;
    height: 41.25rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 768px) {
  .objectsMap__tab {
    gap: 1.5625rem;
    min-height: 24.5625rem;
  }
}
@media screen and (max-width: 699px) {
  .objectsMap__tab {
    height: 17.5625rem;
  }
}
.objectsMap__tab--map {
  align-content: start;
  gap: 0;
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .objectsMap__tab--map {
    gap: 0rem;
  }
}
@media screen and (max-width: 699px) {
  .objectsMap__tab--map {
    gap: 1.25rem;
  }
}
.objectsMap__tabMap {
  justify-self: center;
  width: 80%;
}
@media screen and (min-width: 1025px) {
  .objectsMap__tabMap {
    margin-top: -3.75rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .objectsMap__tabMap {
    margin-top: -1.25rem;
  }
}
.objectsMap__tabH {
  max-width: 43.75rem;
  color: inherit;
}
.objectsMap__tabH b, .objectsMap__tabH strong {
  color: inherit;
}
@media screen and (max-width: 699px) {
  .objectsMap__tabH {
    text-align: center;
    min-height: 4.0625rem;
  }
}
.objectsMap__tabGallery {
  display: grid;
  grid-template-columns: 100%;
  align-content: start;
  gap: 0.3125rem;
}
@media screen and (min-width: 1025px) {
  .objectsMap__tabGallery {
    justify-self: center;
    width: 79.2%;
  }
}
@media screen and (max-width: 699px) {
  .objectsMap__tabGalleryMainSplide {
    margin-top: 2.5rem;
  }
  .objectsMap__tabGalleryMainSplide::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: calc(100% + 0.8125rem);
    width: 2.1875rem;
    height: 2.1875rem;
    background-image: var(--splideHand);
    animation: handDrag 3s infinite;
    filter: invert(1);
  }
}
.objectsMap__tabGalleryMainFig {
  display: block;
  aspect-ratio: 950/533;
}
@media screen and (max-width: 699px) {
  .objectsMap__tabGalleryMainFig {
    aspect-ratio: auto;
    height: 12.5625rem;
  }
}
.objectsMap__tabGalleryMainFig img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.625rem;
}
@media screen and (max-width: 768px) {
  .objectsMap__tabGalleryNavSplide {
    display: none !important;
  }
}
.objectsMap__tabGalleryNavFig {
  display: grid;
  aspect-ratio: 233/131;
}
.objectsMap__tabGalleryNavFig img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.625rem;
}
.objectsMap__tabGallery .splide__arrows {
  display: contents;
}
.objectsMap__controls {
  position: relative;
  display: grid;
  gap: 0.9375rem;
  background-color: var(--white);
  padding: calc(var(--pdt) / 2) 0 0;
  color: var(--colorMainText);
  z-index: 1;
}
@media screen and (min-width: 1025px) {
  .objectsMap__controls {
    margin-bottom: -0.875rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .objectsMap__controls {
    padding: 1.5625rem 0 0;
    margin-bottom: 0;
  }
}
.objectsMap__controls::before {
  content: "";
  position: absolute;
  inset: 0 -4.6875rem -3.75rem;
  background-color: inherit;
  z-index: -1;
}
.objectsMap__tabsName {
  gap: 0.9375rem;
}
@media screen and (max-width: 699px) {
  .objectsMap__tabsName {
    gap: 0.625rem 0.9375rem;
  }
}
.objectsMap .tabs__btn {
  width: auto;
  border: 0.09375rem solid #F0F0F0;
  padding-left: 1.1875rem;
  padding-right: 1.1875rem;
  height: 3.4375rem;
  min-height: auto;
  font-size: 1rem;
  font-weight: 400;
  color: var(--red);
}
@media screen and (max-width: 699px) {
  .objectsMap .tabs__btn {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    height: 2.8125rem;
    font-size: 0.9375rem;
  }
}
.objectsMap .tabs__btn:hover {
  border-color: var(--red);
  background-color: transparent;
}
.objectsMap .tabs__btn--open {
  background-color: var(--red) !important;
  color: var(--white);
  font-weight: 600;
}
.objectsMap .splide__track--nav > .splide__list > .splide__slide {
  border: 0;
}
.objectsMap .splide__track--nav > .splide__list > .splide__slide.is-active {
  opacity: 0.5;
}
.objectsMap .splide {
  display: grid;
  grid-template-columns: 100%;
  gap: 0.9375rem;
}
.objectsMap .splide__arrow {
  --bg: var(--white);
  --arrBg: var(--red);
}
.objectsMap .splide__arrow:hover {
  --bg: var(--red);
  --arrBg: var(--white);
}
@media screen and (min-width: 1025px) {
  .objectsMap .splide__arrow--prev {
    left: -7.75rem;
  }
  .objectsMap .splide__arrow--next {
    right: -7.75rem;
  }
}
@media screen and (max-width: 699px) {
  .objectsMap .splide__arrow {
    position: static;
    transform: none;
  }
}
@media screen and (max-width: 699px) {
  .objectsMap .splide__arrows {
    display: grid;
    display: none;
    grid-template-columns: max-content max-content;
    gap: 0.625rem;
    justify-self: center;
    order: 2;
  }
}

@media screen and (min-width: 1025px) {
  .news {
    --mt: 80px;
    padding: 0 0 9.375rem;
  }
  .news--page:last-child {
    margin-bottom: calc(var(--mt) * 1);
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .news {
    padding: 0 0 6.25rem;
  }
}
@media screen and (max-width: 699px) {
  .news {
    padding: 5rem 0 0;
    margin-top: -1.25rem;
    background-size: 100% calc(100% - 6.25rem) !important;
    background-repeat: no-repeat;
  }
}
.news--side {
  display: grid;
  gap: 0.0625rem;
  grid-template-rows: auto auto 1fr;
  border-radius: inherit;
  padding: 0;
}
.news--side::before {
  position: absolute;
}
@media screen and (min-width: 771px) {
  .news--side [class*=splide]:not([class*=slide]) {
    display: contents;
  }
  .news--side .splide__list {
    display: grid !important;
    gap: 0.0625rem;
  }
  .news--side .splide__slide {
    display: block;
    padding: 1rem;
  }
}
.news--side .splide__slide {
  border-radius: 0.625rem;
  padding: 1rem;
  background-color: var(--white);
}
.news--side [class*=__h] {
  border-radius: inherit;
  background-color: var(--white);
}
@media screen and (min-width: 1025px) {
  .news--side [class*=__h] {
    padding: 1rem;
  }
}
.news--page {
  margin-top: var(--mt);
  padding: 0;
}
.news::before {
  content: "";
  display: block;
  height: 0.1px;
}
.news__inner {
  display: grid;
  grid-template-columns: 100%;
  gap: 1.5625rem;
}
@media screen and (min-width: 1025px) {
  .news__inner {
    gap: 2.8125rem;
    margin-top: -3.75rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .news__inner {
    margin-top: -1.875rem;
  }
}
@media screen and (min-width: 1025px) {
  .news__h--h1 {
    font-size: 2.8125rem;
  }
}
.news__list {
  display: grid;
  justify-items: center;
  gap: 2.9375rem 0.5rem;
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
}
@media screen and (min-width: 1025px) {
  .news__list {
    grid-template-columns: repeat(auto-fill, minmax(18.75rem, 1fr));
  }
}
.news__link {
  justify-self: center;
}
.news__linkwrapper {
  display: grid;
  align-content: start;
  border-radius: inherit;
  background-color: var(--white);
  padding: 1rem;
}
@media screen and (max-width: 699px) {
  .news__splide::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: calc(100% + 0.8125rem);
    width: 2.1875rem;
    height: 2.1875rem;
    background-image: var(--splideHand);
    animation: handDrag 3s infinite;
  }
}

.newsItem {
  --pds: 0.9375rem;
  position: relative;
  display: grid;
  gap: 0.9375rem;
  border-radius: 0.625rem;
  padding-bottom: 1.25rem;
  max-width: 24.75rem;
  width: 100%;
  height: 100%;
  transition: 0.4s background;
}
.newsItem:hover {
  background-color: var(--fo);
}
.news--side .newsItem {
  border-radius: 0.625rem;
  background-color: var(--white);
  height: auto;
}
@media screen and (min-width: 1025px) {
  .newsItem {
    grid-template-rows: 15.3125rem auto auto 1fr;
    padding-bottom: 2.1875rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1023px) {
  .newsItem {
    grid-template-rows: 12.5rem auto auto 1fr;
  }
}
@media screen and (max-width: 699px) {
  .newsItem {
    gap: 0.625rem;
  }
}
.newsItem__fig {
  border-radius: 0.625rem;
  overflow: hidden;
}
.newsItem__fig img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.newsItem__cats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  margin-top: 1.25rem;
  padding: 0 var(--pds);
  font-weight: 600;
}
.newsItem__name {
  padding: 0 var(--pds);
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--red);
}
@media screen and (min-width: 1025px) {
  .newsItem__name {
    font-size: 1.375rem;
  }
}
.newsItem__name::before {
  content: "";
  position: absolute;
  inset: 0;
}
.newsItem__date {
  padding: 0 var(--pds);
}

@media screen and (min-width: 1025px) {
  .partners {
    padding: 0 0 9.375rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .partners {
    padding: 0 0 6.25rem;
  }
}
@media screen and (max-width: 699px) {
  .partners {
    padding: 5rem 0 0;
  }
}
.partners::before {
  content: "";
  display: block;
  height: 0.1px;
}
.partners__inner {
  display: grid;
  gap: 1.5625rem;
}
@media screen and (min-width: 1025px) {
  .partners__inner {
    gap: 2.8125rem;
    margin-top: -3.75rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .partners__inner {
    margin-top: -1.875rem;
  }
}
@media screen and (max-width: 699px) {
  .partners__inner {
    margin-top: -1.25rem;
  }
}
.partners__list {
  display: grid;
  gap: 0.3125rem;
}
@media screen and (min-width: 1025px) {
  .partners__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .partners__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 699px) {
  .partners__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.partners__item {
  --opu: 1;
  --oph: 0;
  display: grid;
  place-items: center;
  border-radius: 0.625rem;
  background-color: var(--ltgrayf);
  transition: 0.4s background;
}
.partners__item:hover {
  --opu: 0;
  --oph: 1;
  --fill: var(--white);
  background-color: var(--red);
}
.partners__item:hover .hover {
  fill: var(--fill);
}
@media screen and (min-width: 1025px) {
  .partners__item {
    height: 10rem;
    padding: 0.75rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .partners__item {
    height: 7.5rem;
    padding: 0.625rem;
  }
}
@media screen and (max-width: 699px) {
  .partners__item {
    height: 7.5rem;
    grid-template-rows: 4rem;
    padding: 1.75rem;
  }
}
.partners__item img, .partners__item svg {
  grid-area: 1/1/2/2;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.partners__itemImg {
  opacity: var(--opu);
  transition: 0.4s opacity;
}
.partners__itemImg--hover {
  opacity: var(--oph);
}
.partners__item .hover {
  transition: 0.4s fill;
}

@media screen and (min-width: 1025px) {
  .pagination {
    margin: 0.3125rem 0 0;
    padding: 0 0 9.375rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .pagination {
    margin: 0.3125rem 0 0;
    padding: 0 0 6.25rem;
  }
}
@media screen and (max-width: 699px) {
  .pagination {
    margin: 0.3125rem 0 0;
  }
}
.pagination__inner {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}

.catalogPage {
  position: relative;
  z-index: 1;
  margin-top: var(--mt);
}
@media screen and (min-width: 1025px) {
  .catalogPage {
    --mt: 20px;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .catalogPage {
    --mt: 20px;
  }
}
@media screen and (max-width: 699px) {
  .catalogPage {
    --mt: 15px;
  }
}
.catalogPage__inner {
  display: grid;
  grid-template-columns: 100%;
  gap: 0.625rem;
}
@media screen and (min-width: 1025px) {
  .catalogPage__inner {
    gap: 2.8125rem;
  }
}
@media screen and (min-width: 1025px) {
  .catalogPage__h--h1 {
    font-size: 2.8125rem;
  }
}
.catalogPage__h b, .catalogPage__h strong {
  font-weight: 700;
  color: var(--red);
}
.catalogPage__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(18.75rem, 1fr));
  gap: 0.625rem;
}
@media screen and (min-width: 1025px) {
  .catalogPage__list {
    gap: 0.3125rem 0.1875rem;
  }
}

.catalogItem {
  --gap: 0.9375rem;
  --pd: 0 1.25rem 1.5rem;
  --fzn: 1.125rem;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 15.3125rem 1fr;
  gap: var(--gap);
  margin: 0 auto;
  border-radius: 0.625rem;
  background-color: var(--ltgrayf);
  width: 100%;
  max-width: 24.875rem;
  overflow: hidden;
}
.catalogItem--single {
  position: relative;
  transition: 0.4s background;
}
.catalogItem--single:hover {
  background-color: var(--fo);
}
@media screen and (min-width: 1025px) {
  .catalogItem {
    --pd: 0 2.25rem 2.95rem;
    --gap: 2.25rem;
    --fzn: 1.375rem;
  }
}
.catalogItem__fig img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.catalogItem__text {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 0.9375rem;
  padding: var(--pd);
}
.catalogItem__text:has([class*=__name]:last-child) {
  grid-template-rows: auto;
}
.catalogItem__name {
  font-weight: 600;
  font-size: var(--fzn);
}
.catalogItem__name--single::before {
  content: "";
  position: absolute;
  inset: 0;
}
.catalogItem__list {
  display: grid;
  align-content: start;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 1025px) {
  .catalogItem__list {
    gap: 0.375rem;
  }
}
.catalogItem__li {
  margin: 0;
  padding: 0;
}
.catalogItem__li::before {
  content: none;
}
.catalogItem__suba {
  --x: 0;
  position: relative;
  display: inline-block;
  padding-left: 1.25rem;
}
.catalogItem__suba:hover {
  --x: 0.5rem;
}
.catalogItem__suba::before {
  content: ">";
  position: absolute;
  top: 0.7em;
  left: 0;
  translate: var(--x) -50%;
  font-weight: 600;
  color: var(--red);
  transform: scaleY(2);
  transition: 0.4s translate;
  font-size: 0.875rem;
  line-height: 1;
}

.aboutInfo {
  --sertpd: 1rem;
  margin: var(--mt) 0 var(--mt);
}
@media screen and (min-width: 1025px) {
  .aboutInfo {
    --sertpd: 1.5rem;
  }
}
.aboutInfo__inner {
  display: grid;
  gap: var(--ingap);
}
@media screen and (min-width: 1025px) {
  .aboutInfo__inner {
    grid-template-columns: 1fr 18.75rem;
  }
}
.aboutInfo__h {
  grid-column: 1/-1;
}
@media screen and (min-width: 1025px) {
  .aboutInfo__rt {
    display: grid;
    gap: 1.5em;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 1024px) {
  .aboutInfo__rt {
    display: contents;
  }
}
@media screen and (max-width: 1024px) {
  .aboutInfo__rtP--n1 {
    order: 1;
  }
  .aboutInfo__rtP--n2 {
    order: 2;
  }
  .aboutInfo__rtP--n3 {
    order: 3;
  }
}
.aboutInfo__side {
  align-self: start;
  line-height: 1.139;
  font-size: 0.8125rem;
}
@media screen and (min-width: 1025px) {
  .aboutInfo__side {
    display: grid;
    gap: 2.5rem;
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 1024px) {
  .aboutInfo__side {
    display: contents;
  }
}
@media screen and (max-width: 1024px) {
  .aboutInfo__sideP--n1 {
    order: 1;
  }
  .aboutInfo__sideP--n2 {
    order: 2;
  }
  .aboutInfo__sideP--n3 {
    order: 3;
  }
}
.aboutInfo__sert {
  padding: var(--sertpd);
  background-color: var(--ltgrayf);
  color: var(--ltblue);
  order: 10;
}
@media screen and (min-width: 1025px) {
  .aboutInfo__sert {
    font-size: 1.375rem;
  }
}
.aboutInfo__sert b, .aboutInfo__sert strong {
  color: var(--blue);
}

.customBlockBigDig {
  display: grid;
  gap: 0.5rem;
  color: var(--ltblue);
}
@media screen and (max-width: 1024px) {
  .customBlockBigDig {
    grid-template-columns: min(100%, 20.125rem);
    justify-content: center;
  }
}
.customBlockBigDig__b {
  font-weight: 300;
  line-height: 1.19;
  color: var(--blue);
  font-size: 2em;
}
@media screen and (min-width: 1025px) {
  .customBlockBigDig__b {
    font-size: 4.5rem;
  }
}

.aboutHistory {
  margin: var(--mt) 0;
}
.aboutHistory__inner {
  display: grid;
  grid-template-columns: 100%;
  gap: var(--ingap);
}
@media screen and (min-width: 1025px) {
  .aboutHistory__inner {
    grid-template-columns: 18.75rem 1fr 11.25rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .aboutHistory__inner {
    grid-template-columns: 1fr 11.25rem;
  }
}
.aboutHistory__h {
  line-height: 1;
}
.aboutHistory__sub {
  max-width: 41.5625rem;
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .aboutHistory__sub {
    grid-column: 1;
  }
}
.aboutHistory__splide {
  grid-column: 1/-1;
  position: relative;
}
.aboutHistory__splide::before {
  content: "";
  position: absolute;
  inset: 2.0625rem -6.25rem 0;
  height: 0.25rem;
  background-image: var(--grad3);
}
@media screen and (min-width: 1025px) {
  .aboutHistory__splide::before {
    inset: 2.1875rem -6.25rem 0;
  }
}
@media screen and (max-width: 699px) {
  .aboutHistory__splide {
    margin-top: 1.875rem;
  }
}
@media screen and (max-width: 699px) {
  .aboutHistory__splide::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: calc(100% + 0.8125rem);
    width: 2.1875rem;
    height: 2.1875rem;
    background-image: var(--splideHand);
    animation: handDrag 3s infinite;
  }
}
.aboutHistory__slide {
  display: grid;
  grid-template-rows: auto 12.5rem 1fr;
  gap: 0.4375rem;
  font-size: 0.8125rem;
  line-height: 1.46;
}
.aboutHistory__year {
  position: relative;
  margin-bottom: 1.4375rem;
  line-height: 1;
}
.aboutHistory__year::before {
  content: "";
  position: absolute;
  top: calc(100% + 0.4375rem);
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  background-color: currentColor;
}
.aboutHistory__fig {
  border-radius: 0.625rem;
  overflow: hidden;
}
.aboutHistory__fig img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.aboutHistory__splide .splide__arrows {
  position: absolute;
  display: grid;
  grid-template-columns: max-content max-content;
  gap: 0.5rem;
}
@media screen and (min-width: 1025px) {
  .aboutHistory__splide .splide__arrows {
    bottom: calc(100% + var(--ingap));
    right: 0;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .aboutHistory__splide .splide__arrows {
    bottom: calc(100% + var(--ingap));
    right: 0;
  }
}
.aboutHistory__splide .splide__arrow {
  position: static;
  transform: none;
}

.aboutTeam {
  margin: var(--mt) 0;
}
.aboutTeam__inner {
  display: grid;
  grid-template-columns: 100%;
  gap: var(--ingap);
}
@media screen and (min-width: 1025px) {
  .aboutTeam__inner {
    grid-template-columns: 18.75rem 1fr 11.25rem;
  }
}
.aboutTeam__h {
  line-height: 1;
}
.aboutTeam__sub {
  max-width: 41.5625rem;
}
.aboutTeam__splide {
  grid-column: 1/-1;
}
@media screen and (max-width: 699px) {
  .aboutTeam__splide::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: calc(100% + 0.8125rem);
    width: 2.1875rem;
    height: 2.1875rem;
    background-image: var(--splideHand);
    animation: handDrag 3s infinite;
  }
}
.aboutTeam__slide {
  display: grid;
  grid-template-rows: auto auto 1fr;
  gap: 0rem;
  font-size: 0.8125rem;
  line-height: 1.46;
}
@media screen and (min-width: 1025px) {
  .aboutTeam__slide {
    font-size: 0.9375rem;
  }
}
.aboutTeam__slideFig {
  aspect-ratio: 322/420;
  border-radius: 0.625rem;
  overflow: hidden;
}
.aboutTeam__slideFig img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.aboutTeam__slideName {
  letter-spacing: -0.02em;
  font-size: 0.9375rem;
}
@media screen and (min-width: 1025px) {
  .aboutTeam__slideName {
    font-size: 1.125rem;
  }
}
.aboutTeam .splide__arrows {
  position: absolute;
  display: grid;
  grid-template-columns: max-content max-content;
  gap: 0.5rem;
}
@media screen and (min-width: 1025px) {
  .aboutTeam .splide__arrows {
    bottom: calc(100% + var(--ingap));
    right: 0;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .aboutTeam .splide__arrows {
    bottom: calc(100% + var(--ingap));
    right: 0;
  }
}
.aboutTeam .splide__arrow {
  position: static;
  transform: none;
}

.aboutGroup {
  margin: var(--mt) 0;
}
.aboutGroup:last-child {
  margin-bottom: calc(var(--mt) * 2);
}
.aboutGroup__inner {
  display: grid;
  grid-template-columns: 100%;
  gap: 0.0625rem;
  background-color: transparent;
  padding: 0;
}
.aboutGroup__head {
  display: grid;
  background-color: var(--white);
  gap: var(--ingap);
  border-radius: inherit;
  padding: var(--pdc);
}
@media screen and (min-width: 1025px) {
  .aboutGroup__head {
    grid-template-columns: 18.75rem 1fr;
  }
}
.aboutGroup__h {
  line-height: 1;
}
.aboutGroup__sub {
  max-width: 41.5625rem;
}
.aboutGroup__list {
  grid-column: 1/-1;
  display: grid;
  gap: inherit;
  grid-template-columns: repeat(auto-fill, minmax(21.25rem, 1fr));
}
.aboutGroup__item {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 1rem;
  border-radius: 0.625rem;
  padding: var(--pdc);
  background-color: var(--white);
  font-size: 0.9375rem;
  line-height: 1.46;
}
.aboutGroup__itemFig {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
}
.aboutGroup__itemFig img {
  height: 3rem;
  max-width: 7.9375rem;
}
.aboutGroup__itemName {
  letter-spacing: -0.02em;
}
@media screen and (min-width: 1025px) {
  .aboutGroup__itemName {
    font-size: 1.125rem;
  }
}
.aboutGroup .splide__arrows {
  position: absolute;
  display: grid;
  grid-template-columns: max-content max-content;
  gap: 0.5rem;
}
@media screen and (min-width: 1025px) {
  .aboutGroup .splide__arrows {
    bottom: calc(100% + var(--ingap));
    right: 0;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .aboutGroup .splide__arrows {
    bottom: calc(100% + 0.25rem);
    right: 0;
  }
}
.aboutGroup .splide__arrow {
  position: static;
  transform: none;
}

.pageContacts {
  margin: var(--mt) 0 calc(var(--mt) * 2);
}
.pageContacts__inner {
  display: grid;
  gap: 0.0625rem;
  padding: 0;
  background-color: transparent;
}
.pageContacts__head {
  display: grid;
  gap: var(--ingap);
  align-items: center;
  border-radius: inherit;
  padding: var(--pdc);
  background-color: var(--white);
}
@media screen and (min-width: 1025px) {
  .pageContacts__head {
    grid-template-columns: max-content 1fr;
  }
}
.pageContacts__social {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.75rem;
}
@media screen and (min-width: 1025px) {
  .pageContacts__social {
    justify-self: end;
  }
}
@media screen and (max-width: 1024px) {
  .pageContacts__social {
    justify-content: start;
  }
}
.pageContacts__socialItem {
  display: grid;
  grid-template-columns: 1.5rem;
  align-items: center;
  gap: 0.5rem;
  border: 0;
  background-color: var(--red);
  padding: 0.5rem 1.5rem;
  height: 2.8125rem;
  min-height: initial;
  color: var(--white);
}
@media screen and (min-width: 700px) {
  .pageContacts__socialItem {
    grid-template-columns: 1fr 1.5rem;
    justify-content: center;
    width: auto;
    min-width: auto;
  }
}
@media screen and (max-width: 699px) {
  .pageContacts__socialItem {
    place-content: center;
    grid-template-rows: 1.5rem;
    width: 6.5625rem;
    height: 2.5rem;
  }
}
@media screen and (max-width: 699px) {
  .pageContacts__socialSpan {
    display: none;
  }
}
.pageContacts__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(18.75rem, 1fr));
  gap: inherit;
  border-radius: inherit;
}
@media screen and (min-width: 1025px) {
  .pageContacts__list {
    grid-template-columns: repeat(auto-fill, minmax(31.25rem, 1fr));
  }
}
.pageContacts__item {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto auto 22.5625rem 1fr;
  gap: 1rem;
  border-radius: inherit;
  padding: var(--pdc);
  background-color: var(--white);
}
@media screen and (min-width: 1025px) {
  .pageContacts__item {
    padding-right: 1rem;
  }
}
.pageContacts__itemAdr {
  display: grid;
  font-size: 1.125rem;
  letter-spacing: -0.02em;
}
.pageContacts__itemAdr small {
  color: var(--ltblue);
}
.pageContacts__itemPeoples {
  display: grid;
  gap: 1rem;
}
.pageContacts__itemPeoplePosition {
  font-style: smaller;
  color: var(--ltblue);
}
.pageContacts__itemPeople a {
  color: var(--red);
}
.pageContacts__itemPeople a:hover {
  text-decoration: underline;
}

.pageContent {
  margin: var(--mt) 0 calc(var(--mt) * 2);
}
.pageContent__inner {
  display: grid;
  grid-template-columns: 100%;
  gap: 0.625rem;
  border-radius: 0.625rem;
  padding: 0;
  background-color: transparent;
}
@media screen and (min-width: 1025px) {
  .pageContent__inner {
    gap: 0.0625rem;
    grid-template-columns: 1fr 24.625rem;
  }
}
.pageContent__content {
  display: grid;
  grid-template: auto auto auto 1fr;
  grid-template-columns: 100%;
  align-content: baseline;
  gap: calc(var(--ingap) / 2);
  border-radius: inherit;
  background-color: var(--white);
  padding: var(--pdc);
}
.pageContent__contentFig {
  border-radius: 0.625rem;
  overflow: hidden;
}
@media screen and (min-width: 1025px) {
  .pageContent__contentFig {
    height: 32.6875rem;
  }
}
.pageContent__contentFig img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.pageContent__contentBread {
  margin: 0;
}
.pageContent__news {
  display: grid;
  grid-template-columns: 100%;
  gap: 0.0625rem;
}
.pageContent__news [class*=__h] {
  padding: var(--pdc);
  letter-spacing: -0.02em;
}
@media screen and (min-width: 1025px) {
  .pageContent__news [class*=__h] {
    padding: 1rem;
    font-size: 2.5rem;
  }
}

.vacancies {
  margin: var(--mt) 0 calc(var(--mt) * 2);
}
.vacancies__inner {
  display: grid;
  grid-template-columns: 100%;
  gap: 0.0625rem;
  padding: 0;
  background-color: transparent;
}
.vacancies__head {
  display: grid;
  grid-template-columns: 100%;
  gap: var(--ingap);
  border-radius: inherit;
  padding: var(--pdc);
  background-color: var(--white);
}
@media screen and (min-width: 1025px) {
  .vacancies__head {
    grid-template-columns: 1fr 27.3125rem;
  }
}
.vacancies__h {
  grid-column: 1/-1;
}
.vacancies__alert {
  align-self: start;
  border-radius: inherit;
  padding: calc(var(--ingap) / 2);
  background-color: var(--ltgray);
  font-size: 0.9375rem;
}
.vacancies__alertH {
  font-weight: 600;
}
@media screen and (min-width: 1025px) {
  .vacancies__alertH {
    font-size: 1.125rem;
  }
}
.vacancies__alert a {
  color: var(--red);
}
.vacancies__alert a:hover {
  text-decoration: underline;
}
.vacancies__isoNames {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.125rem;
  padding: var(--pdc);
  background-color: var(--white);
  border-radius: inherit;
}
.vacancies__isoH {
  margin-right: 0.875rem;
}
.vacancies .iso__btn {
  width: auto;
  min-width: initial;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  min-height: initial;
  height: 2.75rem;
}
.vacancies .iso__btn--active {
  background-color: var(--blue);
  color: var(--white);
  pointer-events: none;
}
.vacancies__list {
  display: flex;
  flex-wrap: wrap;
  border-radius: inherit;
  margin: 0 -0.0625rem;
}
.vacancies__item {
  display: grid;
  align-content: start;
  margin: 0.0625rem;
  padding: var(--pdc);
  background-color: var(--white);
  border-radius: inherit;
  font-size: 0.9375rem;
}
@media screen and (min-width: 600px) {
  .vacancies__item {
    height: var(--isoHMax, auto);
  }
}
@media screen and (min-width: 1025px) {
  .vacancies__item {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    width: calc(33.333% - 0.125rem);
  }
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .vacancies__item {
    width: calc(50% - 0.125rem);
  }
}
.vacancies__itemCity {
  color: var(--ltblue);
}
@media screen and (min-width: 1025px) {
  .vacancies__itemCity {
    font-size: 1.125rem;
  }
}
.vacancies__itemName {
  margin-bottom: 0.72em;
  max-width: 100%;
  font-size: 1.125rem;
  color: var(--red);
}
@media screen and (min-width: 1025px) {
  .vacancies__itemName {
    font-size: 1.375rem;
  }
}
.vacancies__itemName:hover {
  color: var(--drblue);
}
.vacancies__itemName:hover::after {
  translate: 0.5em 0;
}
.vacancies__itemName .last-word {
  display: inline-block;
}
.vacancies__itemName .last-word::after {
  position: relative;
  content: "";
  display: inline-block;
  top: 0.2em;
  width: 1.5rem;
  height: 1.5rem;
  background-color: currentColor;
  clip-path: url(#iconjobarrow);
  transition: 0.4s translate;
}
.vacancies__itemDescr ul {
  display: grid;
  gap: 0.5em;
  padding-left: 1em;
}

.vacancy {
  margin: var(--mt) 0 calc(var(--mt) * 2);
}
.vacancy__inner {
  display: grid;
  gap: 1.5rem;
}
@media screen and (min-width: 1025px) {
  .vacancy__inner {
    grid-template-columns: 1fr 27.3125rem;
  }
}
.vacancy__bread {
  grid-column: 1/-1;
  margin: 0;
}
.vacancy__h {
  grid-column: 1/-1;
}
.vacancy__short {
  align-self: start;
  display: grid;
  gap: 0.75rem;
  border-radius: inherit;
  background-color: var(--ltgrayf);
  padding: 1.5rem 0.75rem;
}
@media screen and (min-width: 1025px) {
  .vacancy__short {
    padding: 1.5rem;
  }
}
.vacancy__shortItemName {
  font-size: 0.8125rem;
  color: var(--ltblue);
}
@media screen and (min-width: 1025px) {
  .vacancy__shortItemName {
    font-size: 0.9375rem;
  }
}
@media screen and (min-width: 1025px) {
  .vacancy__shortItemValue {
    font-size: 1.125rem;
  }
}
.vacancy__shortBtn {
  margin: 1.25rem 0 0.25rem;
}
.vacancy__shortPdf {
  color: var(--red);
}
.vacancy__shortPdf:hover {
  color: var(--drblue);
}
.vacancy__descr ul li {
  padding-left: 1.75rem !important;
}
.vacancy__descr ul li::before {
  top: 0.625rem !important;
  background-color: currentColor !important;
  border-radius: 0 !important;
  height: 0.0625rem !important;
  width: 1rem !important;
}

.popupJob {
  max-width: 35.25rem;
  font-size: 0.9375rem;
}
.popupJob__h {
  margin-bottom: 1rem;
}
@media screen and (min-width: 1025px) {
  .popupJob__h {
    font-size: 1.75rem;
  }
}
.popupJob__name {
  display: block;
  color: var(--ltblue);
}
.popupJob__descr {
  margin-bottom: 1rem;
}
.popupJob__btns {
  display: grid;
  gap: 0.5rem;
}
@media screen and (min-width: 500px) {
  .popupJob__btns {
    grid-template-columns: repeat(2, 1fr);
  }
}
.popupJob__btns .btn {
  min-width: auto;
  width: auto;
}
.popupJob label {
  color: var(--ltblue);
}
.popupJob .ts-dropdown {
  top: auto;
  bottom: 100%;
}

.services {
  margin: var(--mt) 0 calc(var(--mt) * 2);
}
.services--complex {
  margin-bottom: -1rem;
}
.services__inner {
  display: grid;
  grid-template-columns: 100%;
  gap: calc(var(--ingap) / 1.5);
}
.services__tabs {
  display: grid;
  grid-template-rows: auto 1fr;
}
.services__tabsNames {
  gap: 0.625rem;
  margin-bottom: var(--ingap);
}
@media screen and (min-width: 1025px) {
  .services__tabsName {
    height: 2.8125rem;
  }
}
.services__descr {
  margin-bottom: var(--ingap);
  max-width: 51.25rem;
}
.services__list {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-flow: dense;
  gap: 1rem;
}
@media screen and (min-width: 1025px) {
  .services__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .services__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.services__item {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 0.75rem;
  background-color: var(--ltgray);
  border-radius: 0.625rem;
  padding: 1rem;
}
@media screen and (min-width: 1211px) {
  .services__item {
    --mw: 18.75rem;
  }
  .services__item--span2 {
    --mw: 26rem;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1210px) {
  .services__item {
    --mw: 12rem;
  }
  .services__item--span2 {
    --mw: 20rem;
  }
}
@media screen and (min-width: 1025px) {
  .services__item {
    padding: 1.5rem;
    grid-column: span 2;
    gap: 0.625rem;
    min-height: 14.375rem;
  }
  .services__item--span2 {
    grid-column: span 3;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .services__item {
    min-height: 14.375rem;
  }
}
@media screen and (max-width: 699px) {
  .services__item {
    min-height: 11.25rem;
  }
}
.services__itemName {
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: -0.06em;
  max-width: var(--mw);
}
@media screen and (min-width: 1025px) {
  .services__itemName {
    font-size: 1.375rem;
    font-weight: 400;
  }
}
.services__itemDescr {
  display: none;
  max-width: var(--mw);
  font-size: 0.9375rem;
  letter-spacing: -0.04em;
}
@media screen and (min-width: 1025px) {
  .services__itemDescr {
    display: block;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .services__itemDescr {
    display: block;
  }
}
.services__itemFig {
  order: -1;
  bottom: 0.75rem;
  right: 0.75rem;
}
@media screen and (min-width: 1025px) {
  .services__itemFig {
    position: absolute;
    width: 7rem;
    height: 7rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .services__itemFig {
    width: 5rem;
    height: 5rem;
  }
}
@media screen and (max-width: 699px) {
  .services__itemFig {
    width: 3.5rem;
    height: 3.5rem;
  }
}
.services__itemFig img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.service {
  margin: var(--mt) 0 calc(var(--mt) * 2);
}
.service__inner {
  display: grid;
  gap: 1rem;
}
@media screen and (min-width: 1025px) {
  .service__inner {
    grid-template-columns: 1fr 25rem;
    gap: 1.5rem;
  }
}
.service__bread {
  grid-column: 1/-1;
  margin: 0;
}
.service__h {
  grid-column: 1/-1;
}
.service__short {
  display: grid;
  align-content: start;
  gap: 0.5rem;
  border-radius: inherit;
}
@media screen and (min-width: 1025px) {
  .service__short {
    order: 2;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .service__short {
    grid-template-columns: 1fr 25rem;
  }
}
.service__shortFig {
  display: none;
  place-items: center;
  align-content: center;
  border-radius: inherit;
  padding: 1rem;
  background-color: var(--ltgray);
}
@media screen and (min-width: 1025px) {
  .service__shortFig {
    display: grid;
    grid-template-rows: 9.125rem;
    height: 14.375rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .service__shortFig {
    display: grid;
    min-height: 14.375rem;
  }
  .service__shortFig img {
    height: 9.125rem !important;
  }
}
.service__shortFig img {
  width: 100%;
  height: 100%;
  -o-object-fit: content;
     object-fit: content;
}
.service__shortInfo {
  display: grid;
  gap: 0.75rem;
  border-radius: inherit;
  padding: 1.5rem 1rem;
  background-color: var(--ltgray);
  line-height: 1.33;
}
@media screen and (min-width: 1025px) {
  .service__shortInfo {
    padding: 1.5rem 1rem;
  }
}
.service__shortName {
  font-size: 0.8125rem;
  color: var(--ltblue);
}
@media screen and (min-width: 1025px) {
  .service__shortName {
    font-size: 0.9375rem;
  }
}
.service__shortValue {
  font-size: 0.9375rem;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 1025px) {
  .service__shortValue {
    font-size: 1.125rem;
  }
}
.service__shortBtn {
  margin-top: 0.75rem;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .service__shortBtn {
    margin-top: 1.25rem;
  }
}

.productCard {
  margin: calc(var(--mt) / 3.1) 0 calc(var(--mt) * 1.5);
}
@media screen and (max-width: 699px) {
  .productCard {
    margin: calc(var(--mt) / 1.2) 0 calc(var(--mt) * 1.5);
  }
}
.productCard__inner {
  display: grid;
  gap: var(--ingap);
}
@media screen and (min-width: 1025px) {
  .productCard__inner {
    grid-template-columns: calc(100% - 26.3125rem) 26.3125rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .productCard__inner {
    grid-template-columns: 26.3125rem 1fr;
  }
}
.productCard__h {
  grid-column: 1/-1;
  color: var(--red);
}
@media screen and (min-width: 1025px) {
  .productCard__h {
    font-size: 2.8125rem;
    margin-bottom: 1.25rem;
  }
}
@media screen and (max-width: 699px) {
  .productCard__h {
    margin-top: calc(-1 * var(--ingap));
    font-size: 1.375rem;
  }
}
.productCard__price {
  display: grid;
  align-content: start;
  gap: 0.3125rem;
  font-weight: 600;
}
@media screen and (min-width: 1025px) {
  .productCard__price {
    padding-left: 4rem;
  }
}
@media screen and (max-width: 699px) {
  .productCard__price {
    margin-top: -0.625rem;
    text-align: center;
  }
}
@media screen and (min-width: 1025px) {
  .productCard__priceSub {
    font-size: 1.375rem;
  }
}
.productCard__priceCost {
  font-size: 2.1875rem;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .productCard__priceCost {
    margin-bottom: 1.25rem;
    font-size: 2.8125rem;
    text-align: left;
  }
}
@media screen and (max-width: 699px) {
  .productCard__priceCost {
    margin: 0.3125rem 0;
  }
}
@media screen and (min-width: 1025px) {
  .productCard__priceDeliv {
    margin-bottom: 1.25rem;
    font-size: 1rem;
  }
}
@media screen and (max-width: 699px) {
  .productCard__priceBtn {
    justify-self: center;
    margin-top: 1.25rem;
  }
}
.productCard__gallery {
  display: grid;
  gap: 0.3125rem;
}
@media screen and (min-width: 1025px) {
  .productCard__gallery {
    grid-template-columns: 9.9375rem calc(100% - 10.25rem);
  }
  .productCard__gallery--single {
    grid-template-columns: 100%;
  }
}
@media screen and (max-width: 699px) {
  .productCard__gallery {
    margin-top: -0.625rem;
  }
}
@media screen and (min-width: 1025px) {
  .productCard__galleryNavSplide {
    order: -1;
  }
}
.productCard__galleryNavSplide--single {
  display: none;
}
.productCard__galleryNavFig {
  border-radius: 0.625rem;
  overflow: hidden;
  background-color: var(--ltgrayf);
}
@media screen and (min-width: 1025px) {
  .productCard__galleryNavFig {
    border-radius: 1.25rem;
    width: 9.9375rem;
    height: 100%;
  }
}
@media screen and (max-width: 699px) {
  .productCard__galleryNavFig {
    height: 6.875rem;
  }
}
.productCard__galleryNavFig.video {
  position: relative;
}
.productCard__galleryNavFig.video::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  height: 2.5rem;
  aspect-ratio: 1/1;
  background-color: var(--red);
  opacity: 0.7;
  clip-path: url(#iconplay);
}
@media screen and (min-width: 1025px) {
  .productCard__galleryNavFig.video::before {
    height: 3.75rem;
  }
}
.productCard__galleryNavFig img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.productCard__galleryMainFig {
  display: block;
  place-items: center;
  aspect-ratio: 779/438;
  background-color: var(--ltgrayf);
  border-radius: 0.625rem;
  height: 100%;
  overflow: hidden;
}
@media screen and (min-width: 1025px) {
  .productCard__galleryMainFig {
    border-radius: 1.25rem;
  }
}
@media screen and (max-width: 699px) {
  .productCard__galleryMainFig {
    height: auto;
    max-height: 16.6875rem;
    justify-self: center;
  }
}
.productCard__galleryMainFig img, .productCard__galleryMainFig video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.productCard__tabs {
  display: grid;
  gap: inherit;
  grid-template-columns: 100%;
  grid-column: 1/-1;
}
@media screen and (min-width: 1025px) {
  .productCard__tabs {
    margin-top: 1.25rem;
  }
}
@media screen and (max-width: 699px) {
  .productCard__tabs {
    gap: 0.9375rem;
  }
}
.productCard__tabsName {
  gap: 0.25rem 0.125rem;
  justify-content: flex-start;
}
@media screen and (min-width: 1025px) {
  .productCard__tabsName {
    gap: 0.3125rem;
  }
}
.productCard__tabsName .tabs__btn {
  width: 11.1875rem;
  height: 3.125rem;
  min-height: auto;
}
@media screen and (min-width: 1025px) {
  .productCard__tabsName .tabs__btn {
    width: 18.5625rem;
    height: 5rem;
  }
}
.productCard__tab .rt {
  max-width: 48.8125rem;
}
.productCard__tabTable {
  display: grid;
  grid-template-columns: 100%;
  gap: var(--ingap);
}
.productCard__tabOtions {
  display: grid;
  grid-template-columns: 100%;
  gap: var(--ingap);
  border-radius: 0.625rem;
  padding: 1rem;
  background-color: var(--ltgrayf);
}
@media screen and (min-width: 1025px) {
  .productCard__tabOtions {
    border-radius: 1.25rem;
    padding: 2.5rem;
  }
}
.productCard__tabOtionsItem {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 0.625rem;
  border-bottom: 0.0625rem solid var(--ltgray);
  padding: 0.9375rem 0;
}
.productCard__tabOtionsItem:last-child {
  border: 0;
}
.productCard__tabOtionsName {
  color: var(--ltblue);
  max-width: 12.5rem;
}
.productCard__tabOtionsInput {
  justify-self: end;
  width: 100%;
}
.productCard__tabOtionsRadio {
  display: grid;
  grid-template-columns: repeat(auto-fit, 3.125rem);
  justify-content: end;
  gap: 0.3125rem;
}
@media screen and (min-width: 1025px) {
  .productCard__tabOtionsRadio {
    grid-template-columns: repeat(auto-fit, 5.9375rem);
  }
}
.productCard__tabOtionsRadioLabel {
  position: relative;
  display: grid;
  place-items: center;
  border: 0.0625rem solid var(--blue);
  border-radius: 1.625rem;
  height: 1.625rem;
  font-size: 0.9375rem;
  cursor: pointer;
}
@media screen and (min-width: 1025px) {
  .productCard__tabOtionsRadioLabel {
    height: 2.625rem;
    font-weight: 600;
    font-size: 1rem;
  }
}
.productCard__tabOtionsRadioLabel:has(input:checked) {
  color: var(--white);
  background-color: var(--blue);
}
.productCard__tabOtionsRadioLabel:has(input:focus-visible) {
  background-color: var(--ltblue);
}
.productCard__tabOtionsRadioLabel input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}
.productCard__tabOtionsCheck {
  --bgs: 0.6875rem 0.5625rem;
  position: relative;
  display: block;
  margin-left: auto;
  border-radius: 0.1875rem;
  background-color: var(--white);
  background-size: 0 0;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 19'%3e%3cpath stroke='%23002E3A' stroke-linecap='round' stroke-width='2.7' d='M2 9.2684 8.88123 16.4 20 2'/%3e%3c/svg%3e");
  width: 1.625rem;
  aspect-ratio: 1/1;
  transition: 0.4s background;
  cursor: pointer;
}
.productCard__tabOtionsCheck:hover {
  background-color: var(--ltgray);
}
@media screen and (min-width: 1025px) {
  .productCard__tabOtionsCheck {
    --bgs: 1.125rem 0.90625rem;
    width: 2.625rem;
  }
}
.productCard__tabOtionsCheck:has(input:checked) {
  background-size: var(--bgs);
}
.productCard__tabOtionsCheck:has(input:focus-visible) {
  background-color: var(--ltgray);
}
.productCard__tabOtionsCheck input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}
.productCard__tabDocs {
  display: grid;
  grid-template-columns: 100%;
  gap: var(--ingap);
  max-width: 24.75rem;
}
.productCard__tabDocsList {
  display: grid;
  gap: 0.3125rem;
}
@media screen and (min-width: 1025px) {
  .productCard__tabDocsList {
    gap: 0.9375rem;
  }
}
.productCard__tabDocsItem {
  display: grid;
  grid-template-columns: 1.5625rem 1fr max-content;
  justify-content: start;
  align-items: center;
  gap: 0.625rem;
  font-size: 0.9375rem;
}
@media screen and (min-width: 1025px) {
  .productCard__tabDocsItem {
    grid-template-columns: 2.8125rem 1fr max-content;
    gap: 1.5625rem;
  }
}
.productCard__tabDocsIcon {
  aspect-ratio: 1/1;
  background-color: var(--red);
  clip-path: url(#icondoc);
}
.productCard__tabDocsBtn {
  padding: 0.25rem 0.625rem;
  width: 6.5625rem;
  height: 2.1875rem;
  min-height: auto;
  font-size: 0.875rem;
}
@media screen and (min-width: 1025px) {
  .productCard__tabDocsBtn {
    width: 8.125rem;
    height: 2.8125rem;
  }
}
.productCard__tab .tableTab {
  display: grid;
  align-items: start;
  grid-template-columns: repeat(auto-fill, minmax(18.75rem, 1fr));
  gap: 0 1.25rem;
}
@media screen and (min-width: 1025px) {
  .productCard__tab .tableTab {
    gap: 0 3.875rem;
  }
}
.productCard__tab .tableTab tr:last-child th, .productCard__tab .tableTab tr:last-child td {
  border-color: transparent;
}
.productCard__tab .tableTab th, .productCard__tab .tableTab td {
  border-bottom: 0.0625rem solid var(--ltgray);
  padding: 0.9375rem 0 1.5625rem;
  font-size: 1rem;
  text-align: right;
}
.productCard__tab .tableTab th {
  padding-right: 0.125rem;
  font-weight: 400;
  color: var(--ltblue);
  text-align: left;
}

.productMore {
  margin: var(--mt) 0 calc(var(--mt) * 1.5);
  overflow: hidden;
}
@media screen and (max-width: 699px) {
  .productMore {
    margin: calc(3.3 * var(--mt)) 0 calc(var(--mt) * 1.5);
  }
}
.productMore__inner {
  display: grid;
  grid-template-columns: 100%;
  gap: var(--ingap);
  overflow: visible;
}
@media screen and (min-width: 1025px) {
  .productMore__inner {
    grid-template-columns: 1fr 10.625rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .productMore__inner {
    grid-template-columns: 1fr 8.125rem;
  }
}
@media screen and (min-width: 1025px) {
  .productMore__h {
    margin: 0.625rem 0 1.5625rem;
  }
}
.productMore__splide {
  grid-column: 1/-1;
}
@media screen and (max-width: 699px) {
  .productMore__splide {
    margin-top: -0.625rem;
  }
}
@media screen and (max-width: 699px) {
  .productMore__splide::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: calc(100% + 0.8125rem);
    width: 2.1875rem;
    height: 2.1875rem;
    background-image: var(--splideHand);
    animation: handDrag 3s infinite;
  }
}
.productMore__slide {
  --pds: 0 1rem;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 14.3125rem auto 1fr auto;
  gap: 0.9375rem;
  border-radius: 0.625rem;
  padding-bottom: 1.5rem;
  height: 100%;
  background-color: var(--ltgrayf);
  overflow: hidden;
}
@media screen and (min-width: 1025px) {
  .productMore__slide {
    grid-template-rows: 15.3125rem auto 1fr auto;
    padding-bottom: 2.25rem;
  }
}
.productMore__slideFig {
  display: grid;
  background-color: #F9F9F9;
}
.productMore__slideFig img, .productMore__slideFig video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.productMore__slideCats {
  margin: var(--pds);
  line-height: 1;
  margin-top: 0.125rem;
}
@media screen and (min-width: 1025px) {
  .productMore__slideCats {
    margin-top: 1.6875rem;
  }
}
.productMore__slideName {
  margin: var(--pds);
  color: var(--red);
  font-size: 1.125rem;
  color: var(--red);
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (min-width: 1025px) {
  .productMore__slideName {
    margin-top: 0.1875rem;
    margin-bottom: 0.75rem;
    font-size: 1.375rem;
  }
}
.productMore__slideBtn {
  margin: var(--pds);
  width: 16.5625rem;
  height: 4.0625rem;
  min-height: auto;
}
@media screen and (min-width: 1025px) {
  .productMore__slideBtn {
    width: 14.6875rem;
    height: 4.0625rem;
  }
}
@media screen and (max-width: 699px) {
  .productMore__slideBtn {
    margin-top: 0.5625rem;
  }
}
.productMore .splide__track {
  overflow: visible;
}
.productMore .splide__arrows {
  position: absolute;
  display: grid;
  grid-template-columns: max-content max-content;
  gap: 0.5rem;
}
@media screen and (min-width: 1025px) {
  .productMore .splide__arrows {
    bottom: calc(100% + 2.5rem);
    right: 0;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .productMore .splide__arrows {
    bottom: calc(100% + 1.25rem);
    right: 0;
  }
}
.productMore .splide__arrow {
  position: static;
  transform: none;
}
.productMore .splide__list {
  transition: 0.4s height;
}

.faq {
  margin: var(--mt) 0 calc(var(--mt) * 2.8);
}
@media screen and (max-width: 699px) {
  .faq {
    margin: calc(3.3 * var(--mt)) 0 calc(var(--mt) * 0);
  }
}
.faq__inner {
  display: grid;
  grid-template-columns: 100%;
  gap: 1.25rem;
}
@media screen and (min-width: 1025px) {
  .faq__inner {
    grid-template-columns: 1fr 1fr;
    gap: 2.8125rem 0.125rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .faq__inner {
    gap: 1.25rem;
  }
}
.faq__h {
  grid-column: 1/-1;
  max-width: 36.5rem;
}
@media screen and (max-width: 699px) {
  .faq__h {
    margin-top: 0.25rem;
  }
}
.faq__fig {
  align-self: start;
  border-radius: 0.9375rem;
  overflow: hidden;
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .faq__fig {
    justify-self: center;
  }
}
@media screen and (max-width: 699px) {
  .faq__fig {
    margin: 0.5625rem -1rem -1.5625rem;
    height: 24.375rem;
  }
}
.faq .accordion {
  display: grid;
  gap: 0.375rem;
  font-size: 0.875rem;
}
.faq .accordion__item {
  border-radius: 0.9375rem;
  padding: 0.75rem 1rem 0;
  background-color: var(--ltgray);
}
@media screen and (min-width: 1025px) {
  .faq .accordion__item {
    padding: 1.75rem 2.8125rem 0 1.875rem;
  }
}
.faq .accordion__button {
  --bgc: var(--blue);
  --bgb: var(--white);
  --cp: url(#iconfaqplus);
  display: grid;
  grid-template-columns: 1fr 2.5rem;
  align-items: center;
  gap: 0.625rem;
  padding-bottom: 1rem;
  width: 100%;
  min-height: 2.5rem;
  font-size: 0.9375rem;
  font-weight: 600;
}
@media screen and (min-width: 1025px) {
  .faq .accordion__button {
    grid-template-columns: 1fr 3.75rem;
    gap: 1rem;
    min-height: 5.5625rem;
    padding-bottom: 1.5625rem;
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .faq .accordion__button {
    min-height: 4.375rem;
  }
}
.faq .accordion__button--open {
  --bgc: transparent;
  --bgb: var(--blue);
  --cp: url(#iconfaqminus);
  padding-bottom: 0;
}
.faq .accordion__button:hover {
  --bgc: var(--ltblue);
}
.faq .accordion__button::after {
  align-self: start;
  grid-area: 1/2/2/3;
  position: static;
  border-radius: 50%;
  border: 0.0625rem solid var(--blue);
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  background-color: var(--bgc);
  transition: 0.4s background;
}
.faq .accordion__button::before {
  align-self: start;
  grid-area: 1/2/2/3;
  content: "";
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  background-color: var(--bgb);
  clip-path: var(--cp);
  z-index: 2;
  transition: 0.4s background;
}
.faq .accordion__content {
  padding: 1.5rem 1rem;
}
@media screen and (min-width: 1025px) {
  .faq .accordion__content {
    padding: 0.9375rem 1.875rem 1.5625rem;
  }
}

.projects {
  margin: var(--mt) 0 calc(2 * var(--mt));
}
.projects__inner {
  display: grid;
  grid-template-columns: 100%;
  gap: 0.125rem;
  padding: 0;
  background-color: transparent;
}
.projects__head {
  display: grid;
  gap: var(--ingap);
  grid-template-columns: min(100%, 48.75rem);
  border-radius: inherit;
  padding: var(--pdc);
  background-color: var(--white);
}
.projects__filter {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem 1rem;
  border-radius: inherit;
  padding: var(--pdc);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  background-color: var(--white);
}
@media screen and (min-width: 1025px) {
  .projects__filter {
    gap: 0.625rem 2.5rem;
  }
}
@media screen and (max-width: 699px) {
  .projects__filter {
    display: grid;
    grid-template-columns: 100%;
  }
}
.projects__filterName {
  margin-right: 0.75rem;
}
.projects__filterYear {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 699px) {
  .projects__filterYear [class*=Name] {
    display: none;
  }
}
.projects__filterSelect {
  width: 9rem;
}
.projects__filterSelect .ts-control {
  margin: 0;
}
.projects__filterType {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 699px) {
  .projects__filterType {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.625rem;
  }
}
.projects__filterList {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.125rem;
  overflow: auto;
  width: 100%;
}
@media screen and (max-width: 699px) {
  .projects__filterList {
    padding-bottom: 0.375rem;
  }
}
.projects__filterLink {
  border: 0.0625rem solid var(--blue);
  border-radius: 1.5rem;
  padding: 0.5rem 1.5rem;
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 60;
  cursor: pointer;
  transition: 0.4s background, 0.4s border;
}
.projects__filterLink:hover {
  border-color: var(--red);
}
.projects__filterLink:has(:checked) {
  background-color: var(--blue);
  color: var(--white);
  pointer-events: none;
}
.projects__pagi {
  border-radius: inherit;
  padding: var(--pdc);
  background-color: var(--white);
}
.projects__list {
  border-radius: inherit;
  display: grid;
  gap: inherit;
}
@media screen and (min-width: 700px) {
  .projects__list {
    grid-template-columns: 1fr 1fr;
  }
}
.projects__item {
  position: relative;
  display: grid;
  grid-template-rows: 10.75rem auto 1fr;
  gap: 0.5rem;
  border-radius: inherit;
  padding: var(--pdc);
  background-color: var(--white);
  overflow: hidden;
  font-size: 0.8125rem;
}
@media screen and (min-width: 1025px) {
  .projects__item {
    grid-template-rows: 24.0625rem auto 1fr;
    font-size: 0.9375rem;
  }
}
.projects__itemFig img {
  border-radius: 0.25rem;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.projects__itemName {
  margin-top: 0.5rem;
  font-weight: 600;
  font-size: 1.125rem;
  color: var(--red);
}
@media screen and (min-width: 1025px) {
  .projects__itemName {
    font-size: 1.375rem;
    font-weight: 400;
    letter-spacing: -0.06em;
  }
}
.projects__itemDescr {
  letter-spacing: -0.02em;
}
.projects__itemDate {
  color: var(--ltblue);
}
.projects__form {
  display: grid;
  place-content: center;
  gap: 0.5rem;
  border-radius: inherit;
  padding: var(--pdc);
  background-color: var(--white);
  text-align: center;
  font-size: 0.8125rem;
}
@media screen and (min-width: 1025px) {
  .projects__form {
    font-size: 0.9375rem;
  }
}
.projects__formBtn {
  justify-self: center;
}
@media screen and (min-width: 1025px) {
  .projects__formBtn {
    margin-top: 1rem;
  }
}

.project {
  margin: var(--mt) 0 calc(var(--mt) * 2);
}
.project__inner {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 100%;
  gap: 1rem;
}
@media screen and (min-width: 1025px) {
  .project__inner {
    grid-template-columns: calc(100% - 26.5rem) 25rem;
    gap: 1.5rem;
  }
}
.project__bread {
  grid-column: 1/-1;
  margin: 0;
}
.project__h {
  grid-column: 1/-1;
}
.project__short {
  display: grid;
  align-content: start;
  gap: 0.5rem;
  border-radius: inherit;
}
@media screen and (min-width: 1025px) {
  .project__short {
    grid-area: 2/2/3/3;
  }
  .breadcrumbs ~ .project__short {
    grid-area: 3/2/4/3;
  }
}
@media screen and (max-width: 1024px) {
  .project__short {
    justify-self: center;
    width: 100%;
    max-width: 25rem;
  }
}
.project__shortInfo {
  display: grid;
  gap: 0.75rem;
  border-radius: inherit;
  padding: 1.5rem 1rem;
  background-color: var(--ltgray);
  line-height: 1.33;
}
@media screen and (min-width: 1025px) {
  .project__shortInfo {
    align-self: start;
    grid-row: span 2;
    padding: 1.5rem 1rem;
  }
}
.project__shortLine {
  display: flex;
}
.project__shortLine > * {
  flex: 1;
  gap: 0.5rem;
}
.project__shortName {
  font-size: 0.8125rem;
  color: var(--ltblue);
}
@media screen and (min-width: 1025px) {
  .project__shortName {
    font-size: 0.9375rem;
  }
}
.project__shortValue {
  font-size: 0.9375rem;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 1025px) {
  .project__shortValue {
    font-size: 1.125rem;
  }
}
.project__shortBtn {
  margin-top: 0.75rem;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .project__shortBtn {
    margin-top: 1.25rem;
  }
}
.project__banner {
  height: 11.875rem;
  border-radius: inherit;
  overflow: hidden;
}
@media screen and (min-width: 700px) {
  .project__banner {
    height: 33.4375rem;
  }
}
.project__banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.project__cards {
  display: grid;
  gap: 1rem;
}
@media screen and (min-width: 1025px) {
  .project__cards {
    grid-template-columns: 1fr 1fr;
    grid-column: 1;
  }
}
@media screen and (max-width: 1024px) {
  .project__cards {
    grid-auto-flow: column;
    grid-auto-columns: 20rem;
    overflow: auto;
  }
}
.project__cardsItem {
  border-radius: 0.625rem;
  overflow: hidden;
  transition: 0.4s opacity;
}
@media screen and (min-width: 1025px) {
  .project__cardsItem {
    height: 18rem;
  }
}
@media screen and (max-width: 1024px) {
  .project__cardsItem {
    grid-auto-flow: column;
    grid-auto-columns: 15.5rem;
    height: 10rem;
  }
}
.project__cardsItem:hover {
  opacity: 0.8;
}
.project__cardsItem img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.project__devices {
  display: grid;
  grid-template-columns: 100%;
  gap: 1rem;
}
@media screen and (min-width: 1025px) {
  .project__devices {
    grid-column: 1;
  }
}
.project__devicesItem {
  display: grid;
  gap: 0.5rem;
  grid-template-rows: 10.625rem 1fr;
  height: 100%;
  font-size: 0.9375rem;
}
.project__devicesFig {
  border-radius: 0.625rem;
  background-color: var(--ltgrayf);
  overflow: hidden;
  padding: 0.5rem;
}
.project__devicesFig img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.project__reviews {
  display: grid;
  grid-template-columns: 100%;
  gap: 1rem;
}
@media screen and (min-width: 1025px) {
  .project__reviews {
    grid-column: 1;
  }
}
.project__reviewsSlide {
  display: grid;
  gap: 0.25rem;
  border-radius: 0.625rem;
  padding: 1rem;
  background-color: var(--ltgrayf);
}
@media screen and (min-width: 700px) {
  .project__reviewsSlide {
    grid-template-columns: 1fr 12.5rem;
    gap: 1rem;
    padding: 1.5rem 1rem;
  }
}
.project__reviewsSlideFig {
  border-radius: 1.5rem;
  width: 6.5rem;
  height: 6.5rem;
  overflow: hidden;
}
.project__reviewsSlideFig img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.project__reviewsSlideName {
  margin-top: 0.5rem;
  font-size: 1.125rem;
  font-weight: 600;
}
@media screen and (min-width: 700px) {
  .project__reviewsSlideName {
    font-size: 1.375rem;
    font-weight: 400;
  }
}
@media screen and (max-width: 699px) {
  .project__reviewsSlideAuthor {
    order: -1;
  }
}
.project__reviewsSlidePos {
  font-size: 0.8125rem;
}

.categoryHead {
  margin: 1.25rem 0 var(--mt);
}
@media screen and (max-width: 600px) {
  .categoryHead {
    margin-top: 0.9375rem;
    margin-bottom: 3.875rem;
  }
}
.categoryHead__inner {
  display: grid;
  grid-template-columns: 100%;
  gap: 0.3125rem;
  padding: 0;
  background-color: transparent;
}
.categoryHead__intro {
  display: grid;
  grid-template-columns: 100%;
  gap: 0.9375rem;
  border-radius: inherit;
  padding: var(--pdc);
  background: var(--white);
}
@media screen and (min-width: 1025px) {
  .categoryHead__intro {
    grid-template-columns: 1fr 35.8125rem;
    grid-template-rows: auto auto 1fr;
    gap: 1.5625rem 1.875rem;
  }
}
@media screen and (min-width: 1025px) {
  .categoryHead__introH {
    margin-bottom: 1.25rem;
  }
}
@media screen and (max-width: 600px) {
  .categoryHead__introH {
    font-size: 1.375rem;
  }
}
.categoryHead__introDescr {
  line-height: 1.37;
}
@media screen and (min-width: 1025px) {
  .categoryHead__introDescr {
    font-size: 1.375rem;
  }
}
.categoryHead__introFig {
  border-radius: inherit;
  overflow: hidden;
  margin-top: 0.625rem;
}
@media screen and (min-width: 1025px) {
  .categoryHead__introFig {
    grid-area: 1/2/4/3;
    margin-top: 0;
    margin-bottom: -3.75rem;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1300px) {
  .categoryHead__introFig {
    margin-bottom: -3rem;
  }
}
.categoryHead__introLink {
  align-self: start;
}
@media screen and (max-width: 600px) {
  .categoryHead__introLink {
    margin-top: 0.4375rem;
  }
}
.categoryHead__products {
  display: grid;
  grid-template-columns: 100%;
  gap: 1.875rem;
  border-radius: inherit;
  padding: var(--pdc);
  background: var(--white);
}
@media screen and (min-width: 1025px) {
  .categoryHead__products {
    gap: 2.8125rem;
    padding-top: 2.8125rem;
  }
}
.categoryHead__productsLine {
  display: grid;
  grid-template-columns: 100%;
  gap: var(--ingap);
}
@media screen and (min-width: 1025px) {
  .categoryHead__productsH {
    font-size: 2.1875rem;
  }
}
@media screen and (max-width: 600px) {
  .categoryHead__productsH {
    margin-bottom: -0.75rem;
  }
}
.categoryHead__productsList {
  --col: span 1;
  display: grid;
  gap: 0.3125rem;
}
@media screen and (min-width: 1025px) {
  .categoryHead__productsList {
    grid-template-columns: repeat(4, 1fr);
  }
  .categoryHead__productsList:has([class*=Card]:nth-child(2):last-child) {
    --col: span 2;
  }
}
@media screen and (max-width: 600px) {
  .categoryHead__productsList {
    gap: 0.6875rem;
  }
}
.categoryHead__productsCard {
  display: grid;
  grid-template-rows: 15.3125rem 1fr;
  grid-column: var(--col);
  border-radius: 0.625rem;
  background-color: var(--ltgrayf);
  overflow: hidden;
  transition: 0.4s color, 0.4s background;
}
.categoryHead__productsCard:hover {
  background-color: var(--ltgray);
}
.categoryHead__productsCard img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.categoryHead__productsName {
  padding: 0.9375rem 1rem;
  font-weight: 600;
}
@media screen and (min-width: 1025px) {
  .categoryHead__productsName {
    padding: 2.25rem 1.5625rem;
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 600px) {
  .categoryHead__productsName {
    padding-bottom: 1.375rem;
  }
}

.categoryPref {
  margin: calc(1.5 * var(--mt)) 0 var(--mt);
}
.categoryPref--complex {
  margin: calc(1.5 * var(--mt)) 0 calc(2.5 *var(--mt));
}
@media screen and (max-width: 600px) {
  .categoryPref {
    margin-bottom: 3.75rem;
  }
  .categoryPref--complex {
    margin-bottom: 1rem;
  }
}
.categoryPref__inner {
  display: grid;
  grid-template-columns: 100%;
  gap: 0.9375rem;
}
@media screen and (min-width: 1025px) {
  .categoryPref__inner {
    gap: 2.8125rem;
  }
}
@media screen and (max-width: 600px) {
  .categoryPref__h {
    max-width: 19.5625rem;
  }
}
.categoryPref__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(23.75rem, 1fr));
  justify-items: center;
  gap: 0.3125rem;
}
@media screen and (min-width: 1025px) {
  .categoryPref__list {
    margin-bottom: -0.1875rem;
  }
}
@media screen and (max-width: 599px) {
  .categoryPref__list {
    grid-template-columns: 100%;
  }
}
.categoryPref__item {
  --trfr: rotateY(0);
  --trbc: rotateY(180deg);
  --pd: 2.4375rem 2.5rem;
  display: grid;
  border-radius: 0.625rem;
  max-width: 24.8125rem;
  width: 100%;
  height: 100%;
  perspective: 1000px;
}
@media screen and (pointer: coarse) {
  .categoryPref__item.backed {
    --trfr: rotateY(180deg);
    --trbc: rotateY(0);
  }
}
@media screen and (pointer: fine) {
  .categoryPref__item:hover {
    --trfr: rotateY(180deg);
    --trbc: rotateY(0);
  }
}
@media screen and (min-width: 1025px) {
  .categoryPref__item {
    border-radius: 1.25rem;
  }
}
.categoryPref__itemFront {
  grid-area: 1/1/2/2;
  transform: var(--trfr);
  transform-style: preserve-3d;
  transition: transform 0.8s;
  backface-visibility: hidden;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 1.125rem;
  border-radius: inherit;
  background-color: var(--ltgrayf);
  padding: var(--pd);
}
@media screen and (min-width: 1025px) {
  .categoryPref__itemFront {
    gap: 1.125rem;
  }
}
.categoryPref__itemBack {
  grid-area: 1/1/2/2;
  transform: var(--trbc);
  transform-style: preserve-3d;
  transition: transform 0.8s;
  backface-visibility: hidden;
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 1.125rem;
  border-radius: inherit;
  background-color: var(--red);
  padding: var(--pd);
  color: var(--white);
}
@media screen and (min-width: 1025px) {
  .categoryPref__itemBack {
    gap: 1.5625rem;
  }
}
.categoryPref__itemIcon {
  width: 2.8125rem;
  height: 2.8125rem;
}
@media screen and (min-width: 1025px) {
  .categoryPref__itemIcon {
    width: 3.125rem;
    height: 3.125rem;
  }
}
.categoryPref__itemName {
  font-size: 1.125rem;
  font-weight: 600;
}
@media screen and (min-width: 1025px) {
  .categoryPref__itemName {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 599px) {
  .categoryPref__itemName {
    max-width: 17.4375rem;
  }
}
.categoryPref__itemDescr {
  margin-bottom: -0.625rem;
}
@media screen and (min-width: 1025px) {
  .categoryPref__itemDescr {
    margin-bottom: 1.25rem;
  }
}
.categoryPref__itemBtn {
  justify-self: end;
  display: grid;
  place-content: center;
  border: 0;
  border-radius: 50%;
  width: 3.375rem;
  aspect-ratio: 1/1;
  background-color: var(--red);
}
@media screen and (min-width: 1025px) {
  .categoryPref__itemBtn {
    width: 3.75rem;
  }
}
.categoryPref__itemBtn::before {
  content: "";
  background-color: var(--white);
  width: 1.75rem;
  aspect-ratio: inherit;
  clip-path: url(#iconfliparrow);
}
@media screen and (min-width: 1025px) {
  .categoryPref__itemBtn::before {
    width: 2.0625rem;
  }
}
.categoryPref__itemBtn--back {
  background-color: var(--white);
}
.categoryPref__itemBtn--back::before {
  background-color: var(--red);
}
@media screen and (max-width: 699px) {
  .categoryPref__splide::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: calc(100% + 0.8125rem);
    width: 2.1875rem;
    height: 2.1875rem;
    background-image: var(--splideHand);
    animation: handDrag 3s infinite;
  }
}
@media screen and (max-width: 599px) {
  .categoryPref .splide {
    width: 100%;
  }
}
@media screen and (min-width: 600px) {
  .categoryPref [class*=splide] {
    display: contents !important;
    visibility: visible !important;
  }
}

.categoryProcess {
  margin: calc(1.5 * var(--mt)) 0 var(--mt);
}
.categoryProcess--complex {
    margin-top: -3rem;
}

@media screen and (max-width: 600px) {
  .categoryProcess {
    margin-bottom: 3.75rem;
  }
  .categoryProcess--complex {
    margin-top: 3.75rem;
  }
}
.categoryProcess__inner {
  display: grid;
  grid-template-columns: 100%;
  gap: 0.75rem;
}
@media screen and (min-width: 1025px) {
  .categoryProcess__inner {
    gap: 2.8125rem;
  }
}
@media screen and (max-width: 600px) {
  .categoryProcess__h {
    max-width: 18.75rem;
  }
}
.categoryProcess__nav {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.625rem;
}
@media screen and (min-width: 1025px) {
  .categoryProcess__nav {
    gap: 0.9375rem;
    margin-top: -1.25rem;
  }
}
.categoryProcess__navBtn {
  border-color: var(--ltgrayf);
  padding: 0.5rem 1rem;
  min-height: auto;
  height: 2.8125rem;
  width: auto;
  font-size: 0.9375rem;
  font-weight: 400;
  color: var(--red);
  transition: 0.4s all;
}
@media screen and (min-width: 1025px) {
  .categoryProcess__navBtn {
    height: 3.4375rem;
  }
}
.categoryProcess__navBtn:hover {
  border-color: var(--red);
  background-color: transparent;
  color: var(--red);
}
.categoryProcess__navBtn.current {
  border-color: var(--red);
  background-color: var(--red);
  color: var(--white);
}
.categoryProcess__static {
  display: grid;
  gap: var(--ingap);
}
@media screen and (min-width: 1025px) {
  .categoryProcess__staticH {
    font-size: 2.1875rem;
  }
}
@media screen and (max-width: 600px) {
  .categoryProcess__staticH {
    margin-top: 0.75rem;
    margin-bottom: -0.625rem;
    font-size: 1.375rem;
  }
}
.categoryProcess__staticList {
  display: grid;
  grid-template-columns: 100%;
  gap: 0.625rem;
}
@media screen and (min-width: 1025px) {
  .categoryProcess__staticList {
    gap: 0.3125rem;
    grid-template-columns: repeat(auto-fill, minmax(23.75rem, 1fr));
  }
}
.categoryProcess__slider {
  display: grid;
  grid-template-columns: 100%;
  gap: var(--ingap);
  -moz-column-gap: 0.3125rem;
       column-gap: 0.3125rem;
  overflow: hidden;
}
.categoryProcess__sliderH {
  grid-column: 1/-1;
}
@media screen and (min-width: 1025px) {
  .categoryProcess__sliderH {
    font-size: 2.1875rem;
  }
}
@media screen and (max-width: 600px) {
  .categoryProcess__sliderH {
    margin-top: 0.75rem;
    margin-bottom: -0.625rem;
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 699px) {
  .categoryProcess__splide::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: calc(100% + 0.8125rem);
    width: 2.1875rem;
    height: 2.1875rem;
    background-image: var(--splideHand);
    animation: handDrag 3s infinite;
  }
}
.categoryProcess__splideWrap {
  position: relative;
  display: grid;
  grid-template-columns: 100%;
  gap: 0.3125rem;
}
@media screen and (min-width: 1025px) {
  .categoryProcess__splideWrap {
    grid-template-columns: repeat(auto-fill, minmax(23.75rem, 1fr));
  }
}
.categoryProcess__card {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 0.625rem;
  border-radius: 0.625rem;
  height: 100%;
  padding: 1.5625rem 0.9375rem;
  background-color: var(--ltgrayf);
  font-size: 0.9375rem;
}
.categoryProcess__card--inverse {
  background-color: var(--blue);
  color: var(--white);
}
@media screen and (min-width: 1025px) {
  .categoryProcess__card {
    gap: 0.9375rem;
    border-radius: 1.25rem;
    padding: 2.4375rem 1.8125rem;
    font-size: 1rem;
  }
  .splide .categoryProcess__card {
    padding: 2.6875rem 1.8125rem 2.4375rem;
    gap: 1.5625rem;
  }
  .splide .categoryProcess__cardRt {
    line-height: 1.37;
  }
}
@media screen and (max-width: 600px) {
  .splide .categoryProcess__card {
    padding: 1.4375rem 0.9375rem;
  }
  .splide .categoryProcess__cardRt {
    letter-spacing: 0.01em;
    line-height: 1.35;
  }
  .categoryProcess__card ul {
    gap: 0.375rem !important;
  }
}
.categoryProcess__cardName {
  font-weight: 600;
  font-size: 1.125rem;
}
@media screen and (min-width: 1025px) {
  .categoryProcess__cardName {
    font-size: 1.375rem;
  }
}
.categoryProcess__cardRt {
  max-width: 21.0625rem;
}
.categoryProcess .splide {
  position: static;
}
.categoryProcess .splide__track {
  overflow: visible;
}
.categoryProcess .splide__arrows {
  position: absolute;
  display: grid;
  grid-template-columns: max-content max-content;
  gap: 0.5rem;
}
@media screen and (min-width: 1025px) {
  .categoryProcess .splide__arrows {
    bottom: calc(100% + 2.8125rem);
    right: 0;
  }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .categoryProcess .splide__arrows {
    bottom: calc(100% + 1.5rem);
    right: 0;
  }
}
.categoryProcess .splide__arrow {
  position: static;
  transform: none;
}

.categoryDevices {
  margin: calc(1.5 * var(--mt)) 0 var(--mt);
}
@media screen and (max-width: 600px) {
  .categoryDevices {
    margin-bottom: 3.75rem;
  }
}
.categoryDevices__inner {
  display: grid;
  gap: 0.9375rem;
}
@media screen and (min-width: 1025px) {
  .categoryDevices__inner {
    gap: 2.8125rem;
  }
}
@media screen and (min-width: 1025px) {
  .categoryDevices__h {
    margin-top: -0.875rem;
  }
}
.categoryDevices__list {
  margin-bottom: -0.25rem;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.35;
}
@media screen and (min-width: 1025px) {
  .categoryDevices__list {
    margin-bottom: 0rem;
    font-size: 1.25rem;
  }
}
.categoryDevices__list ul {
  display: block;
  margin: 0;
  list-style: none;
}
@media screen and (min-width: 700px) {
  .categoryDevices__list ul {
    -moz-columns: 2;
         columns: 2;
    -moz-column-gap: 2.8125rem;
         column-gap: 2.8125rem;
  }
}
.categoryDevices__list li {
  display: block;
  margin: 0.28125rem 0;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
@media screen and (min-width: 1025px) {
  .categoryDevices__list li {
    margin: 0.9375rem 0;
  }
}
.categoryDevices__list li:first-child {
  margin-top: 0;
}

.categoryScada {
  margin: calc(1.5 * var(--mt)) 0 var(--mt);
}
@media screen and (max-width: 600px) {
  .categoryScada {
    margin-bottom: 3.75rem;
  }
}
.categoryScada__inner {
  display: grid;
  grid-template-columns: 100%;
  gap: 0.3125rem;
  padding: 0;
  background-color: transparent;
}
.categoryScada__slider {
  display: grid;
  grid-template-columns: 100%;
  gap: 0.9375rem;
  border-radius: inherit;
  background: var(--white) var(--pattern);
  padding: var(--pdc);
}
@media screen and (min-width: 1025px) {
  .categoryScada__slider {
    gap: 2.8125rem;
  }
}
.categoryScada__sliderH {
  justify-self: center;
  width: 100%;
  max-width: 47.375rem;
  color: var(--red);
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .categoryScada__sliderH {
    margin-top: -0.9375rem;
  }
}
.categoryScada__sliderDescr {
  justify-self: center;
  width: 100%;
  max-width: 59.9375rem;
  font-size: 0.9375rem;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .categoryScada__sliderDescr {
    font-size: 1.375rem;
  }
}
.categoryScada__sliderGallery {
  display: grid;
  grid-template-columns: 100%;
  align-content: start;
  gap: 0.125rem;
}
@media screen and (min-width: 1025px) {
  .categoryScada__sliderGallery {
    gap: 0.3125rem;
    padding: 0 7.5rem;
  }
}
@media screen and (max-width: 600px) {
  .categoryScada__sliderGallery {
    padding-bottom: 3.4375rem;
  }
}
@media screen and (max-width: 600px) {
  .categoryScada__sliderGalleryMainSplide .splide__arrows {
    position: absolute;
    top: calc(100% + 5rem);
    left: 0;
    width: 100%;
    display: grid;
    grid-template-columns: max-content max-content;
    justify-content: center;
    gap: 0.9375rem;
  }
  .categoryScada__sliderGalleryMainSplide .splide__arrow {
    position: static;
    transform: none;
  }
}
.categoryScada__sliderGalleryMainFig {
  display: grid;
  grid-template-rows: 28.0625rem;
  aspect-ratio: 959/449;
}
@media screen and (max-width: 699px) {
  .categoryScada__sliderGalleryMainFig {
    aspect-ratio: auto;
    grid-template-rows: 10.4375rem;
  }
}
.categoryScada__sliderGalleryNavFig {
  display: grid;
  aspect-ratio: 236/159;
}
@media screen and (max-width: 700px) {
  .categoryScada__sliderGalleryNavFig {
    height: 3.75rem;
  }
}
.categoryScada__sliderGallery img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.625rem;
}
@media screen and (min-width: 1025px) {
  .categoryScada__sliderGallery img {
    border-radius: 1.25rem;
  }
}
@media screen and (min-width: 1025px) {
  .categoryScada__sliderGallery .splide__arrow--prev {
    left: -7.5rem;
  }
}
@media screen and (min-width: 1025px) {
  .categoryScada__sliderGallery .splide__arrow--next {
    right: -7.5rem;
  }
}
.categoryScada__func {
  display: grid;
  grid-template-columns: 100%;
  gap: 0.5rem;
  border-radius: inherit;
  background: var(--white);
  padding: var(--pdc);
}
@media screen and (min-width: 1025px) {
  .categoryScada__func {
    gap: 2.8125rem;
  }
}
@media screen and (min-width: 1025px) {
  .categoryScada__funcH {
    margin-top: -1.125rem;
    font-size: 2.1875rem;
  }
}
.categoryScada__funcList {
  display: grid;
  grid-template-columns: 100%;
}
@media screen and (min-width: 600px) {
  .categoryScada__funcList {
    grid-template-columns: repeat(auto-fill, minmax(14.75rem, 1fr));
    gap: 0.3125rem;
  }
}
@media screen and (max-width: 600px) {
  .categoryScada__funcList {
    padding-bottom: 2.875rem;
  }
}
.categoryScada__funcItem {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 0.9375rem;
  border-radius: 1.25rem;
  padding: 1.5625rem 1.875rem 1.8125rem;
  background-color: var(--red);
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--white);
}
@media screen and (min-width: 1025px) {
  .categoryScada__funcItem {
    padding: 2.4375rem 1.875rem;
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 600px) {
  .categoryScada__funcItem {
    grid-template-columns: 3.4375rem 1fr;
    align-items: center;
    align-content: center;
  }
}
.categoryScada__funcIcon {
  display: grid;
  grid-template-columns: 1.875rem;
  place-content: center;
  align-self: start;
  border-radius: 0.625rem;
  background-color: var(--white);
  width: 3.4375rem;
  aspect-ratio: 1/1;
}
@media screen and (min-width: 1025px) {
  .categoryScada__funcIcon {
    grid-template-columns: 3.4375rem;
    width: 5.0625rem;
  }
}
@media screen and (max-width: 600px) {
  .categoryScada__func .splide__arrows {
    position: absolute;
    top: calc(100% + 0.625rem);
    left: 0;
    width: 100%;
    display: grid;
    grid-template-columns: max-content max-content;
    justify-content: center;
    gap: 0.9375rem;
  }
  .categoryScada__func .splide__arrow {
    position: static;
    transform: none;
  }
}
@media screen and (min-width: 600px) {
  .categoryScada__func [class*=splide] {
    display: contents !important;
    visibility: visible !important;
  }
}

.categoryPhoto {
  margin: calc(1.5 * var(--mt)) 0 calc(1.5 * var(--mt));
}
.categoryPhoto--about {
  --pdc: 0px;
  margin: 0;
  grid-column: 1/-1;
}
.categoryPhoto--about [class*=__inner] {
  overflow: visible;
}
.categoryPhoto__inner {
  display: grid;
  grid-template-columns: 100%;
  gap: 0.9375rem;
}
@media screen and (min-width: 1025px) {
  .categoryPhoto__inner {
    gap: 2.8125rem;
  }
}
.categoryPhoto__h {
  justify-self: center;
  width: 100%;
  max-width: 47.375rem;
  text-align: center;
}
.categoryPhoto__ref {
  justify-self: center;
  display: grid;
  grid-template-columns: 100%;
  align-items: center;
  gap: 0.9375rem;
  width: 100%;
  max-width: 56rem;
}
@media screen and (min-width: 1025px) {
  .categoryPhoto__ref {
    grid-template-columns: max-content 1fr;
    gap: 1.5625rem;
  }
}
@media screen and (max-width: 600px) {
  .categoryPhoto__ref {
    justify-items: center;
  }
}
.categoryPhoto__gallery {
  display: grid;
  grid-template-columns: 100%;
  align-content: start;
  gap: 0.125rem;
}
@media screen and (min-width: 1025px) {
  .categoryPhoto__gallery {
    gap: 0.3125rem;
    padding: 0 7.5rem;
  }
}
@media screen and (max-width: 600px) {
  .categoryPhoto__gallery {
    padding-bottom: 3.375rem;
  }
}
@media screen and (max-width: 600px) {
  .categoryPhoto__galleryMainSplide .splide__arrows {
    position: absolute;
    top: calc(100% + 4.1875rem);
    left: 0;
    width: 100%;
    display: grid;
    grid-template-columns: max-content max-content;
    justify-content: center;
    gap: 0.9375rem;
  }
  .categoryPhoto__galleryMainSplide .splide__arrow {
    position: static;
    transform: none;
  }
}
.categoryPhoto__galleryMainFig {
  display: grid;
  grid-template-rows: 33.3125rem;
  aspect-ratio: 961/533;
}
@media screen and (max-width: 699px) {
  .categoryPhoto__galleryMainFig {
    aspect-ratio: auto;
    grid-template-rows: 12.4375rem;
  }
}
.categoryPhoto__galleryNavFig {
  display: grid;
  aspect-ratio: 236/131;
}
.categoryPhoto__gallery img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.625rem;
}
@media screen and (min-width: 1025px) {
  .categoryPhoto__gallery .splide__arrow--prev {
    left: -7.5rem;
  }
}
@media screen and (min-width: 1025px) {
  .categoryPhoto__gallery .splide__arrow--next {
    right: -7.5rem;
  }
}
.splide__slide a:hover .trend__slideName {
  color: var(--wp--preset--color--vivid-red);
}
a.tabs__btn--open:hover {
  color: #fff;
}