@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Arsenal:ital,wght@0,400;0,700;1,400;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap");
a {
  text-decoration: none;
}

.h1, .block-number, .promo__header > h1 {
  color: #351c04;
  font-family: "Arsenal";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 43.2px */
}
@media only screen and (min-width: 768px) {
  .h1, .block-number, .promo__header > h1 {
    font-size: 80px;
  }
}
@media only screen and (min-width: 1280px) {
  .h1, .block-number, .promo__header > h1 {
    font-size: 88px;
  }
}
@media only screen and (min-width: 1440px) {
  .h1, .block-number, .promo__header > h1 {
    font-size: 104px;
  }
}
@media only screen and (min-width: 1920px) {
  .h1, .block-number, .promo__header > h1 {
    font-size: 136px;
  }
}

.h2, .history__header > h2, .about__header > h2 {
  color: #351c04;
  font-family: "Arsenal";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
}
@media only screen and (min-width: 1280px) {
  .h2, .history__header > h2, .about__header > h2 {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1920px) {
  .h2, .history__header > h2, .about__header > h2 {
    font-size: 40px;
  }
}

.h3, .single__title, .archive__title b, .archive__title, .page-history__header, .page-about__header, .history .swiper-slide-content h3, .empty-1 {
  color: #351c04;
  font-family: "Arsenal";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media only screen and (min-width: 768px) {
  .h3, .single__title, .archive__title b, .archive__title, .page-history__header, .page-about__header, .history .swiper-slide-content h3, .empty-1 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1920px) {
  .h3, .single__title, .archive__title b, .archive__title, .page-history__header, .page-about__header, .history .swiper-slide-content h3, .empty-1 {
    font-size: 32px;
  }
}

.h4, .archive-pagination .page-numbers, .archive__alphabet > a, .history__info > a, .about__info > a, .footer__logo-text > h3 {
  color: #351c04;
  font-family: "Arsenal";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
@media only screen and (min-width: 1280px) {
  .h4, .archive-pagination .page-numbers, .archive__alphabet > a, .history__info > a, .about__info > a, .footer__logo-text > h3 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1920px) {
  .h4, .archive-pagination .page-numbers, .archive__alphabet > a, .history__info > a, .about__info > a, .footer__logo-text > h3 {
    font-size: 20px;
  }
}

.b1, .menu-page-list > ul li > a, .footer__company-link, .footer__up > p, .footer__links > ul > li > a, .header .sub-menu a, .header__search, .header__menu-list > ul > li > a {
  color: #351c04;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
@media only screen and (min-width: 1280px) {
  .b1, .menu-page-list > ul li > a, .footer__company-link, .footer__up > p, .footer__links > ul > li > a, .header .sub-menu a, .header__search, .header__menu-list > ul > li > a {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1920px) {
  .b1, .menu-page-list > ul li > a, .footer__company-link, .footer__up > p, .footer__links > ul > li > a, .header .sub-menu a, .header__search, .header__menu-list > ul > li > a {
    font-size: 22px;
  }
}

.menu, .menu-page-cross, .header__menu-btn {
  color: #351c04;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  text-transform: uppercase;
}

.text, .search__form-input, .single__content .video__title, .single__content-link, .single__content-file, .single__content-text *, .single__content-text, .archive__content p, .archive__content-list a, .page-history__content *, .page-about__content *, .err__block > p, .err__block > a, .history__text, .history__info, .about__text, .about__info, .footer__company-header {
  color: #351c04;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
}
@media only screen and (min-width: 1280px) {
  .text, .search__form-input, .single__content .video__title, .single__content-link, .single__content-file, .single__content-text *, .single__content-text, .archive__content p, .archive__content-list a, .page-history__content *, .page-about__content *, .err__block > p, .err__block > a, .history__text, .history__info, .about__text, .about__info, .footer__company-header {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1920px) {
  .text, .search__form-input, .single__content .video__title, .single__content-link, .single__content-file, .single__content-text *, .single__content-text, .archive__content p, .archive__content-list a, .page-history__content *, .page-about__content *, .err__block > p, .err__block > a, .history__text, .history__info, .about__text, .about__info, .footer__company-header {
    font-size: 20px;
  }
}

.text_sm, .search__info p, .single__content-file > p, .history .swiper-slide-content p, .footer__info, .breadcrumbs {
  color: #351c04;
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
}
@media only screen and (min-width: 1920px) {
  .text_sm, .search__info p, .single__content-file > p, .history .swiper-slide-content p, .footer__info, .breadcrumbs {
    font-size: 14px;
  }
}

.text_title, .single__content-title, .archive__content-group-title > a, .archive__content-group-title, .page-history__content h3, .page-about__content h3 {
  color: #351c04;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
@media only screen and (min-width: 1440px) {
  .text_title, .single__content-title, .archive__content-group-title > a, .archive__content-group-title, .page-history__content h3, .page-about__content h3 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1920px) {
  .text_title, .single__content-title, .archive__content-group-title > a, .archive__content-group-title, .page-history__content h3, .page-about__content h3 {
    font-size: 20px;
  }
}

.btn, .search__form-button {
  color: #fff;
  text-align: center;
  font-family: "Mulish";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media only screen and (min-width: 1280px) {
  .btn, .search__form-button {
    font-size: 16px;
  }
}

.breadcrumbs * {
  color: #351c04;
}

.current-item {
  color: #00a0e3;
}

* {
  padding: 0;
  margin: 0;
  border: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

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

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

section {
  width: 100%;
  padding: 40px 0;
}
@media only screen and (min-width: 768px) {
  section {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 1920px) {
  section {
    padding: 80px 0;
  }
}

.container {
  height: inherit;
  width: 100%;
  box-sizing: border-box;
  padding: 0 40px;
}
@media only screen and (min-width: 768px) {
  .container {
    padding: 0 80px;
  }
}
@media only screen and (min-width: 1280px) {
  .container {
    padding: 0 120px;
  }
}
@media only screen and (min-width: 1920px) {
  .container {
    padding: 0 140px;
  }
}

.header {
  padding: 15px 0;
  position: absolute;
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  .header {
    padding: 48px 0 32px;
  }
}
.header__background {
  height: 110px;
  background: url(../img/background.jpg) top/cover no-repeat;
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  .header__background {
    height: 160px;
  }
}
.header__block {
  display: flex;
  align-items: center;
  height: 80px;
  gap: 10px;
}
@media only screen and (min-width: 768px) {
  .header__block {
    gap: 45px;
  }
}
@media only screen and (min-width: 1280px) {
  .header__block {
    gap: 20px;
  }
}
@media only screen and (min-width: 1440px) {
  .header__block {
    gap: 22px;
  }
}
@media only screen and (min-width: 1920px) {
  .header__block {
    gap: 60px;
  }
}
.header__logo {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}
@media only screen and (min-width: 768px) {
  .header__logo {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
  }
}
@media only screen and (min-width: 1440px) {
  .header__logo {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
  }
}
.header__logo > img {
  width: 100%;
  height: 100%;
}
.header__menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.header__menu-btn {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (min-width: 1280px) {
  .header__menu-btn {
    display: none;
  }
}
.header__menu-btn:hover {
  opacity: 0.7;
}
.header__menu-list {
  display: none;
}
@media only screen and (min-width: 1280px) {
  .header__menu-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.header__menu-list > ul {
  display: flex;
  align-items: center;
  gap: 40px;
  list-style-type: none;
}
.header__menu-list > ul > li > a:not(.menu-item-has-children a):hover {
  color: #00a0e3;
}
.header__search {
  display: flex;
  align-items: center;
  width: 130px;
  padding: 4px 10px;
  border-radius: 4px;
  border-bottom: 0.5px solid #351c04;
  outline: none;
  background-color: rgba(0, 0, 0, 0);
}
@media only screen and (min-width: 768px) {
  .header__search {
    width: 189px;
  }
}
@media only screen and (min-width: 1280px) {
  .header__search {
    width: 245px;
  }
}
@media only screen and (min-width: 1440px) {
  .header__search {
    width: 285px;
  }
}
@media only screen and (min-width: 1920px) {
  .header__search {
    width: 380px;
  }
}
.header__search:hover {
  border-radius: 4px;
  border-bottom: 0.5px solid #00a0e3;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.header__search:hover::-moz-placeholder {
  color: #00a0e3;
}
.header__search:hover::placeholder {
  color: #00a0e3;
}
.header__search:focus {
  border-radius: 4px;
  border-bottom: 0.5px solid #00a0e3;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  color: #00a0e3;
}
.header__search-form {
  position: relative;
}
.header__search-clear {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3e%3cpath d='M15 5L5 15' stroke='%2300A0E3' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5 5L15 15' stroke='%2300A0E3' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") center/cover no-repeat;
  width: 15px;
  height: 15px;
}
.header .menu-item-has-children {
  position: relative;
}
.header .menu-item-has-children > a {
  display: flex;
  gap: 8px;
  align-items: center;
  position: relative;
}
.header .menu-item-has-children > a::after {
  content: "";
  width: 6.095px;
  height: 12px;
  display: block;
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3e%3cpath d='M0.701172 12.7126L6.79641 6.71265L0.701171 0.712646' stroke='%23351C04' stroke-width='2' stroke-linejoin='bevel'/%3e%3c/svg%3e") center/cover no-repeat;
}
.header .menu-item-has-children.active > a::after {
  transform: rotate(90deg);
}
.header .sub-menu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 30px;
  background: #e8e7e3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 24px;
  z-index: 1000;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  border-radius: 24px;
  overflow: hidden;
  list-style-type: none;
}
.header .sub-menu a:hover {
  color: #00a0e3;
}
.header .menu-item-has-children.active .sub-menu {
  opacity: 1;
  visibility: visible;
  overflow: visible;
}

.arrow {
  width: 6.095px;
  height: 12px;
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3e%3cpath d='M0.701172 12.7126L6.79641 6.71265L0.701171 0.712646' stroke='%23351C04' stroke-width='2' stroke-linejoin='bevel'/%3e%3c/svg%3e") center/cover no-repeat;
}

.footer {
  position: relative;
  padding: 20px 0;
}
@media only screen and (min-width: 768px) {
  .footer {
    padding: 40px 0;
  }
}
.footer__background {
  background: url(../img/background.jpg) no-repeat top/cover;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
}
.footer__block {
  display: grid;
  gap: 24px 0;
  grid-template-areas: "logo logo " "links opt " "info info ";
  grid-template-columns: 60% 40%;
}
@media only screen and (min-width: 768px) {
  .footer__block {
    grid-template-areas: "logo links opt" "info info info";
    grid-template-columns: 33.3333333333% 50% 16.6666666667%;
  }
}
@media only screen and (min-width: 1280px) {
  .footer__block {
    grid-template-areas: "logo links opt" "info info opt";
    grid-template-columns: 33.3333333333% 50% 16.6666666667%;
    gap: 80px 0;
  }
}
@media only screen and (min-width: 1440px) {
  .footer__block {
    grid-template-columns: 33.3333333333% 50% 16.6666666667%;
  }
}
@media only screen and (min-width: 1440px) {
  .footer__block {
    grid-template-columns: 25% 58.3333333333% 16.6666666667%;
    gap: 62px 0;
  }
}
.footer__logo {
  grid-area: logo;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (min-width: 768px) {
  .footer__logo {
    align-self: flex-start;
  }
}
@media only screen and (min-width: 1280px) {
  .footer__logo {
    gap: 17 px;
  }
}
.footer__logo-img {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}
@media only screen and (min-width: 1280px) {
  .footer__logo-img {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
  }
}
.footer__logo-img > img {
  width: 100%;
  height: 100%;
}
.footer__links {
  grid-area: links;
  display: flex;
  align-items: center;
}
.footer__links > ul {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media only screen and (min-width: 768px) {
  .footer__links > ul {
    gap: 16px;
  }
}
@media only screen and (min-width: 1280px) {
  .footer__links > ul {
    flex-direction: row;
    gap: 40px;
  }
}
@media only screen and (min-width: 1920px) {
  .footer__links > ul {
    gap: 64px;
  }
}
.footer__links > ul > li > a:hover {
  color: #00a0e3;
}
.footer__optional {
  grid-area: opt;
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: space-between;
}
@media only screen and (min-width: 1280px) {
  .footer__optional {
    padding-top: 27.4px;
  }
}
.footer__up {
  justify-self: right;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (min-width: 1280px) {
  .footer__up {
    gap: 30px;
  }
}
@media only screen and (min-width: 1920px) {
  .footer__up {
    gap: 20px;
  }
}
.footer__up:hover .up {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='15' height='20' viewBox='0 0 15 20' fill='none'%3e%3cpath d='M14.5104 8.39799C14.5104 8.47074 14.4731 8.5438 14.3981 8.59907C14.248 8.71025 14.0048 8.71025 13.8548 8.59907L7.25511 3.71035L0.655458 8.59907C0.505369 8.71025 0.262228 8.71025 0.112567 8.59907C-0.0375224 8.48821 -0.0375224 8.30778 0.112567 8.1966L6.98366 3.10681C7.13375 2.99563 7.3769 2.99563 7.52656 3.10681L14.3977 8.1966C14.4727 8.25251 14.5104 8.32525 14.5104 8.39799Z' fill='%2300A0E3'/%3e%3cpath d='M14.5104 5.37456C14.5104 5.4473 14.4731 5.52004 14.3981 5.57563C14.248 5.68681 14.0048 5.68681 13.8548 5.57563L7.25511 0.686927L0.655458 5.57563C0.505369 5.68681 0.262228 5.68681 0.112567 5.57563C-0.0375224 5.46477 -0.0375224 5.28434 0.112567 5.17316L6.98366 0.083384C7.13375 -0.0277953 7.3769 -0.0277953 7.52656 0.083384L14.3977 5.17316C14.4727 5.22907 14.5104 5.30181 14.5104 5.37456Z' fill='%2300A0E3'/%3e%3cpath d='M13.7333 11.6041V19.7151C13.7333 19.8301 13.6398 19.934 13.4962 19.9781C13.3525 20.022 13.1874 19.9978 13.0776 19.9165L7.2563 15.6043L1.43497 19.9165C1.32519 19.9978 1.16009 20.0223 1.01644 19.9781C0.872778 19.934 0.779297 19.8304 0.779297 19.7151L0.779297 11.6041C0.779297 11.5288 0.819604 11.4564 0.891647 11.403L6.98442 6.88978C7.05647 6.83641 7.15424 6.80656 7.25587 6.80656C7.3575 6.80656 7.45527 6.83673 7.52732 6.88978L13.6201 11.403C13.6926 11.4564 13.7333 11.5285 13.7333 11.6041ZM12.9648 19.028V11.7219L7.25587 7.49301L1.54689 11.7219L1.54689 19.028L6.98399 15.0005C7.13408 14.8893 7.37723 14.8893 7.52689 15.0005L12.9648 19.028Z' fill='%2300A0E3'/%3e%3c/svg%3e") center/contain no-repeat;
}
.footer__up:hover > p {
  color: #00a0e3;
}
.footer__company {
  justify-self: right;
  text-align: end;
}
.footer__company-link:hover {
  color: #00a0e3;
}
.footer__info {
  grid-area: info;
}

.up {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='15' height='20' viewBox='0 0 15 20' fill='none'%3e%3cpath d='M14.5104 8.39799C14.5104 8.47074 14.4731 8.5438 14.3981 8.59907C14.248 8.71025 14.0048 8.71025 13.8548 8.59907L7.25511 3.71035L0.655458 8.59907C0.505369 8.71025 0.262228 8.71025 0.112567 8.59907C-0.0375224 8.48821 -0.0375224 8.30778 0.112567 8.1966L6.98366 3.10681C7.13375 2.99563 7.3769 2.99563 7.52656 3.10681L14.3977 8.1966C14.4727 8.25251 14.5104 8.32525 14.5104 8.39799Z' fill='%23351C04'/%3e%3cpath d='M14.5104 5.37456C14.5104 5.4473 14.4731 5.52004 14.3981 5.57563C14.248 5.68681 14.0048 5.68681 13.8548 5.57563L7.25511 0.686927L0.655458 5.57563C0.505369 5.68681 0.262228 5.68681 0.112567 5.57563C-0.0375224 5.46477 -0.0375224 5.28434 0.112567 5.17316L6.98366 0.083384C7.13375 -0.0277953 7.3769 -0.0277953 7.52656 0.083384L14.3977 5.17316C14.4727 5.22907 14.5104 5.30181 14.5104 5.37456Z' fill='%23351C04'/%3e%3cpath d='M13.7333 11.6041V19.7151C13.7333 19.8301 13.6398 19.934 13.4962 19.9781C13.3525 20.022 13.1874 19.9978 13.0776 19.9165L7.2563 15.6043L1.43497 19.9165C1.32519 19.9978 1.16009 20.0223 1.01644 19.9781C0.872778 19.934 0.779297 19.8304 0.779297 19.7151L0.779297 11.6041C0.779297 11.5288 0.819604 11.4564 0.891647 11.403L6.98442 6.88978C7.05647 6.83641 7.15424 6.80656 7.25587 6.80656C7.3575 6.80656 7.45527 6.83673 7.52732 6.88978L13.6201 11.403C13.6926 11.4564 13.7333 11.5285 13.7333 11.6041ZM12.9648 19.028V11.7219L7.25587 7.49301L1.54689 11.7219L1.54689 19.028L6.98399 15.0005C7.13408 14.8893 7.37723 14.8893 7.52689 15.0005L12.9648 19.028Z' fill='%23351C04'/%3e%3c/svg%3e") center/contain no-repeat;
  min-width: 14.51px;
  height: 20px;
}
@media only screen and (min-width: 1280px) {
  .up {
    min-width: 14.51px;
    height: 26.999px;
  }
}

.promo {
  background: url(../img/background.jpg) center/cover no-repeat;
  padding-top: 110px;
}
@media only screen and (min-width: 1280px) {
  .promo {
    padding-top: 160px;
  }
}
.promo__header {
  grid-area: header;
}
.promo__block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "header header" "blockE1 blockE1" "imgBig imgBig" "block1 block2";
  gap: 0 20px;
}
@media only screen and (min-width: 768px) {
  .promo__block {
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas: "header header header header header header header header header header header header" "blockE1 blockE1 blockE1 blockE1 blockE1 blockE1 blockE1 blockE1 blockE1 blockE1 blockE1 blockE1" "imgBig imgBig imgBig imgBig imgBig imgBig block1 block1 block1 block2 block2 block2" "imgBig imgBig imgBig imgBig imgBig imgBig block3 block3 block3 block4 block4 block4" "block5 block5 block5 block5 block6 block6 block6 block6 block7 block7 block7 block7";
    gap: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .promo__block {
    display: block;
    position: relative;
    height: 488px;
  }
}
@media only screen and (min-width: 1440px) {
  .promo__block {
    height: 570px;
  }
}
@media only screen and (min-width: 1920px) {
  .promo__block {
    height: 765px;
  }
}

.cell {
  display: none;
}
@media only screen and (min-width: 768px) {
  .cell {
    display: flex;
  }
}

.promo__img,
.block-1,
.block-2,
.empty-1 {
  display: flex;
}

.block-1,
.block-2 {
  height: 120px;
}

@media only screen and (min-width: 768px) {
  .block-1,
  .block-2,
  .block-3,
  .block-4 {
    height: 127px;
  }
}

@media only screen and (min-width: 768px) {
  .block-5,
  .block-6,
  .block-7 {
    height: 175px;
  }
}

.block {
  position: relative;
  overflow: hidden;
  will-change: transform;
}
@media only screen and (min-width: 1280px) {
  .block {
    width: 157px;
    height: 144px;
  }
}
@media only screen and (min-width: 1440px) {
  .block {
    width: 183px;
    height: 168px;
  }
}
@media only screen and (min-width: 1920px) {
  .block {
    width: 240px;
    height: 220px;
  }
}

.block-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: opacity 1.5s ease-in-out;
  opacity: 0.7;
}

.block-number {
  z-index: 15;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}

.block-bg.current {
  opacity: 1;
  z-index: 1;
}

.block-bg.next {
  opacity: 0;
  z-index: 0;
}

.promo__img .bg1 {
  background: url(../img/promo_big_2.png) center/cover no-repeat;
}

.promo__img .bg2 {
  background: url(../img/promo_big_1.png) center/cover no-repeat;
}

.block-1 .bg1 {
  background: url(../img/1_1.png) center/cover no-repeat;
}

.block-1 .bg2 {
  background: url(../img/1_2.png) center/cover no-repeat;
}

.block-2 .bg1 {
  background: url(../img/2_1.png) center/cover no-repeat;
}

.block-2 .bg2 {
  background: url(../img/2_2.png) center/cover no-repeat;
}

.block-3 .bg1 {
  background: url(../img/3_1.png) center/cover no-repeat;
}

.block-3 .bg2 {
  background: url(../img/3_2.png) center/cover no-repeat;
}

.block-4 .bg1 {
  background: url(../img/4_1.png) center/cover no-repeat;
}

.block-4 .bg2 {
  background: url(../img/4_2.png) center/cover no-repeat;
}

.block-5 .bg1 {
  background: url(../img/5_1.png) center/cover no-repeat;
}

.block-5 .bg2 {
  background: url(../img/5_2.png) center/cover no-repeat;
}

.block-6 .bg1 {
  background: url(../img/6_1.png) center/cover no-repeat;
}

.block-6 .bg2 {
  background: url(../img/6_2.png) center/cover no-repeat;
}

.block-7 .bg1 {
  background: url(../img/7_1.png) center/cover no-repeat;
}

.block-7 .bg2 {
  background: url(../img/7_2.png) center/cover no-repeat;
}

.promo__img {
  grid-area: imgBig;
  height: 325px;
  position: relative;
  margin: 20px 0;
}
.promo__img > img {
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .promo__img {
    height: 100%;
    margin: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .promo__img {
    width: 422px;
    height: 362px;
    position: absolute;
    bottom: 0;
  }
}
@media only screen and (min-width: 1440px) {
  .promo__img {
    width: 488px;
    height: 418px;
  }
}
@media only screen and (min-width: 1920px) {
  .promo__img {
    width: 700px;
    height: 600px;
  }
}

.block-1 {
  grid-area: block1;
}
@media only screen and (min-width: 1280px) {
  .block-1 {
    position: absolute;
    right: 177px;
    bottom: 328px;
  }
}
@media only screen and (min-width: 1440px) {
  .block-1 {
    right: 203px;
    bottom: 376px;
  }
}
@media only screen and (min-width: 1920px) {
  .block-1 {
    right: 260px;
    bottom: 480px;
  }
}

.block-2 {
  grid-area: block2;
}
@media only screen and (min-width: 1280px) {
  .block-2 {
    right: 0;
    position: absolute;
    bottom: 328px;
  }
}
@media only screen and (min-width: 1440px) {
  .block-2 {
    bottom: 376px;
  }
}
@media only screen and (min-width: 1920px) {
  .block-2 {
    bottom: 480px;
  }
}

.empty-1 {
  grid-area: blockE1;
  justify-self: flex-end;
}
@media only screen and (min-width: 1280px) {
  .empty-1 {
    position: absolute;
    right: 354px;
    bottom: 328px;
    text-align: end;
  }
}
@media only screen and (min-width: 1440px) {
  .empty-1 {
    right: 406px;
    bottom: 385px;
  }
}
@media only screen and (min-width: 1920px) {
  .empty-1 {
    right: 520px;
    bottom: 556px;
  }
}

.block-3 {
  grid-area: block3;
}
@media only screen and (min-width: 1280px) {
  .block-3 {
    position: absolute;
    right: 354px;
    bottom: 164px;
  }
}
@media only screen and (min-width: 1440px) {
  .block-3 {
    right: 406px;
    bottom: 188px;
  }
}
@media only screen and (min-width: 1920px) {
  .block-3 {
    right: 520px;
    bottom: 240px;
  }
}

.block-4 {
  grid-area: block4;
}
@media only screen and (min-width: 1280px) {
  .block-4 {
    position: absolute;
    right: 177px;
    bottom: 164px;
  }
}
@media only screen and (min-width: 1440px) {
  .block-4 {
    right: 203px;
    bottom: 188px;
  }
}
@media only screen and (min-width: 1920px) {
  .block-4 {
    right: 260px;
    bottom: 240px;
  }
}

.block-5 {
  grid-area: block5;
}
@media only screen and (min-width: 1280px) {
  .block-5 {
    position: absolute;
    right: 423px;
    bottom: 0;
  }
}
@media only screen and (min-width: 1440px) {
  .block-5 {
    right: 497px;
  }
}
@media only screen and (min-width: 1920px) {
  .block-5 {
    right: 611px;
  }
}

.block-6 {
  grid-area: block6;
}
@media only screen and (min-width: 1280px) {
  .block-6 {
    position: absolute;
    right: 177px;
    bottom: 0;
  }
}
@media only screen and (min-width: 1440px) {
  .block-6 {
    right: 203px;
  }
}
@media only screen and (min-width: 1920px) {
  .block-6 {
    right: 260px;
  }
}

.block-7 {
  grid-area: block7;
}
@media only screen and (min-width: 1280px) {
  .block-7 {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}

@media only screen and (min-width: 1280px) {
  @keyframes moveBlock1Forward {
    0% {
      transform: translate(0, 0);
      z-index: 10;
    }
    100% {
      transform: translate(calc(100% + 20px), 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock2Forward {
    0% {
      transform: translate(0, 0);
      z-index: 10;
    }
    100% {
      transform: translate(0, calc(100% + 20px));
      z-index: 10;
    }
  }
  @keyframes moveBlock3Forward {
    0% {
      transform: translate(0, 0);
      z-index: 10;
    }
    100% {
      transform: translate(-69px, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock4Forward {
    0% {
      transform: translate(0, 0);
      z-index: 10;
    }
    100% {
      transform: translate(-69px, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock5Forward {
    0% {
      transform: translate(0, 0);
      z-index: 10;
    }
    100% {
      transform: translate(69px, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock6Forward {
    0% {
      transform: translate(0, 0);
      z-index: 10;
    }
    100% {
      transform: translate(0, calc(-200% - 40px));
      z-index: 10;
    }
  }
  @keyframes moveBlock7Forward {
    0% {
      transform: translate(0, 0);
      z-index: 10;
    }
    100% {
      transform: translate(calc(-100% - 20px), 0);
      z-index: 10;
    }
  }
}
@media only screen and (min-width: 1440px) {
  @keyframes moveBlock1Forward {
    0% {
      transform: translate(0, 0);
      z-index: 10;
    }
    100% {
      transform: translate(calc(100% + 20px), 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock2Forward {
    0% {
      transform: translate(0, 0);
      z-index: 10;
    }
    100% {
      transform: translate(0, calc(100% + 20px));
      z-index: 10;
    }
  }
  @keyframes moveBlock3Forward {
    0% {
      transform: translate(0, 0);
      z-index: 10;
    }
    100% {
      transform: translate(-91px, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock4Forward {
    0% {
      transform: translate(0, 0);
      z-index: 10;
    }
    100% {
      transform: translate(-91px, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock5Forward {
    0% {
      transform: translate(0, 0);
      z-index: 10;
    }
    100% {
      transform: translate(91px, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock6Forward {
    0% {
      transform: translate(0, 0);
      z-index: 10;
    }
    100% {
      transform: translate(0, calc(-200% - 40px));
      z-index: 10;
    }
  }
  @keyframes moveBlock7Forward {
    0% {
      transform: translate(0, 0);
      z-index: 10;
    }
    100% {
      transform: translate(calc(-100% - 20px), 0);
      z-index: 10;
    }
  }
}
@media only screen and (min-width: 1920px) {
  @keyframes moveBlock1Forward {
    0% {
      transform: translate(0, 0);
      z-index: 10;
    }
    100% {
      transform: translate(calc(100% + 20px), 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock2Forward {
    0% {
      transform: translate(0, 0);
      z-index: 10;
    }
    100% {
      transform: translate(0, calc(100% + 20px));
      z-index: 10;
    }
  }
  @keyframes moveBlock3Forward {
    0% {
      transform: translate(0, 0);
      z-index: 10;
    }
    100% {
      transform: translate(-100px, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock4Forward {
    0% {
      transform: translate(0, 0);
      z-index: 10;
    }
    100% {
      transform: translate(-100px, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock5Forward {
    0% {
      transform: translate(0, 0);
      z-index: 10;
    }
    100% {
      transform: translate(100px, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock6Forward {
    0% {
      transform: translate(0, 0);
      z-index: 10;
    }
    100% {
      transform: translate(0, calc(-200% - 40px));
      z-index: 10;
    }
  }
  @keyframes moveBlock7Forward {
    0% {
      transform: translate(0, 0);
      z-index: 10;
    }
    100% {
      transform: translate(calc(-100% - 20px), 0);
      z-index: 10;
    }
  }
}
/* Анимация движения блоков назад (возврат на места) */
@media only screen and (min-width: 1280px) {
  @keyframes moveBlock1Backward {
    0% {
      transform: translate(calc(100% + 15px), 0);
      z-index: 10;
    }
    100% {
      transform: translate(0, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock2Backward {
    0% {
      transform: translate(0, calc(100% + 15px));
      z-index: 10;
    }
    100% {
      transform: translate(0, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock3Backward {
    0% {
      transform: translate(-69px, 0);
      z-index: 10;
    }
    100% {
      transform: translate(0, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock4Backward {
    0% {
      transform: translate(-69px, 0);
      z-index: 10;
    }
    100% {
      transform: translate(0, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock5Backward {
    0% {
      transform: translate(69px, 0);
      z-index: 10;
    }
    100% {
      transform: translate(0, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock6Backward {
    0% {
      transform: translate(0, calc(-200% - 30px));
      z-index: 10;
    }
    100% {
      transform: translate(0, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock7Backward {
    0% {
      transform: translate(calc(-100% - 15px), 0);
      z-index: 10;
    }
    100% {
      transform: translate(0, 0);
      z-index: 10;
    }
  }
}
@media only screen and (min-width: 1440px) {
  @keyframes moveBlock1Backward {
    0% {
      transform: translate(calc(100% + 15px), 0);
      z-index: 10;
    }
    100% {
      transform: translate(0, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock2Backward {
    0% {
      transform: translate(0, calc(100% + 15px));
      z-index: 10;
    }
    100% {
      transform: translate(0, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock3Backward {
    0% {
      transform: translate(-91px, 0);
      z-index: 10;
    }
    100% {
      transform: translate(0, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock4Backward {
    0% {
      transform: translate(-91px, 0);
      z-index: 10;
    }
    100% {
      transform: translate(0, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock5Backward {
    0% {
      transform: translate(91px, 0);
      z-index: 10;
    }
    100% {
      transform: translate(0, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock6Backward {
    0% {
      transform: translate(0, calc(-200% - 30px));
      z-index: 10;
    }
    100% {
      transform: translate(0, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock7Backward {
    0% {
      transform: translate(calc(-100% - 15px), 0);
      z-index: 10;
    }
    100% {
      transform: translate(0, 0);
      z-index: 10;
    }
  }
}
@media only screen and (min-width: 1920px) {
  @keyframes moveBlock1Backward {
    0% {
      transform: translate(calc(100% + 15px), 0);
      z-index: 10;
    }
    100% {
      transform: translate(0, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock2Backward {
    0% {
      transform: translate(0, calc(100% + 15px));
      z-index: 10;
    }
    100% {
      transform: translate(0, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock3Backward {
    0% {
      transform: translate(-100px, 0);
      z-index: 10;
    }
    100% {
      transform: translate(0, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock4Backward {
    0% {
      transform: translate(-100px, 0);
      z-index: 10;
    }
    100% {
      transform: translate(0, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock5Backward {
    0% {
      transform: translate(100px, 0);
      z-index: 10;
    }
    100% {
      transform: translate(0, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock6Backward {
    0% {
      transform: translate(0, calc(-200% - 30px));
      z-index: 10;
    }
    100% {
      transform: translate(0, 0);
      z-index: 10;
    }
  }
  @keyframes moveBlock7Backward {
    0% {
      transform: translate(calc(-100% - 15px), 0);
      z-index: 10;
    }
    100% {
      transform: translate(0, 0);
      z-index: 10;
    }
  }
}
.menu-page {
  display: none;
  overflow: hidden;
  background: url(../img/background.jpg) center/cover no-repeat;
  position: fixed;
  top: 0;
  z-index: 110;
  width: 100vw;
  height: 100vh;
}
@media only screen and (min-width: 768px) {
  .menu-page {
    height: 840px;
  }
}
.menu-page__block {
  display: flex;
  flex-direction: column;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu-page-cross {
  display: flex;
  align-items: center;
  gap: 8px;
  position: absolute;
  top: 40px;
  right: 40px;
  cursor: pointer;
}
.menu-page-cross:hover {
  opacity: 0.7;
}
.menu-page-list > ul {
  list-style-type: none;
  gap: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.menu-page #menu-mobile_menu > .menu-item-has-children {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.menu-page #menu-mobile_menu > .menu-item-has-children > a {
  display: flex;
  gap: 8px;
  align-items: center;
  position: relative;
}
.menu-page #menu-mobile_menu > .menu-item-has-children > a::after {
  content: "";
  width: 6.095px;
  height: 12px;
  display: block;
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3e%3cpath d='M0.701172 12.7126L6.79641 6.71265L0.701171 0.712646' stroke='%23351C04' stroke-width='2' stroke-linejoin='bevel'/%3e%3c/svg%3e") center/cover no-repeat;
}
.menu-page #menu-mobile_menu > .menu-item-has-children > .sub-menu {
  opacity: 0;
  visibility: hidden;
  position: relative;
  top: 0px;
  background: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  border-radius: 24px;
  overflow: hidden;
  list-style-type: none;
}
.menu-page #menu-mobile_menu > .menu-item-has-children > .sub-menu a {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  text-transform: none;
}
.menu-page #menu-mobile_menu > .menu-item-has-children > .sub-menu a:hover {
  color: #00a0e3;
}
.menu-page #menu-mobile_menu .menu-item-has-children.active > a::after {
  transform: rotate(90deg);
}
.menu-page #menu-mobile_menu .menu-item-has-children.active .sub-menu {
  opacity: 1;
  visibility: visible;
  overflow: visible;
}

.cross {
  width: 8px;
  height: 8px;
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 9 9' fill='none'%3e%3cpath d='M0.361328 0.361511L4.27042 4.2706M8.36133 8.36151L4.27042 4.2706M4.27042 4.2706L8.36133 0.361511M4.27042 4.2706L0.361328 8.36151' stroke='%23351C04'/%3e%3c/svg%3e") center/contain no-repeat;
}

@media only screen and (max-width: 1279.5px) {
  .about {
    padding-bottom: 40px;
  }
}
.about__block {
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 4px;
}
@media only screen and (min-width: 1280px) {
  .about__block {
    display: grid;
    grid-template-areas: "image header text" "image header .." "image header info";
    grid-template-columns: 41.6666666667% 16.6666666667% 41.6666666667%;
    grid-template-rows: auto 40px auto;
    justify-items: center;
    gap: 64px 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .about__block {
    grid-template-rows: auto 44px auto;
    gap: 80px 0px;
  }
}
.about__text a, .about__info a {
  border-bottom: 1px solid #351c04;
}
.about__text a:hover, .about__info a:hover {
  border-bottom: 1px solid #00a0e3;
}
.about__header {
  grid-area: header;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  align-self: center;
}
@media only screen and (min-width: 1280px) {
  .about__header {
    height: 100%;
    gap: 20px;
    margin-right: 20px;
  }
}
.about__info {
  grid-area: info;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 36px;
}
@media only screen and (min-width: 768px) {
  .about__info {
    margin-bottom: 11px;
  }
}
@media only screen and (min-width: 1280px) {
  .about__info {
    margin-bottom: 0;
  }
}
.about__info > a {
  align-self: start;
}
.about__info > a:hover {
  color: #00a0e3;
}
.about__text {
  grid-area: text;
  align-self: start;
}
.about__img {
  position: relative;
  overflow: hidden;
  grid-area: image;
  display: flex;
  flex-direction: column;
  align-items: end;
  width: 280px;
  height: 229px;
}
@media only screen and (min-width: 768px) {
  .about__img {
    width: 419px;
    height: 343px;
    flex-shrink: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .about__img {
    align-self: center;
    width: 442px;
    height: 362px;
    flex-shrink: 0;
  }
}
@media only screen and (min-width: 1440px) {
  .about__img {
    width: 508px;
    height: 417px;
    flex-shrink: 0;
  }
}
@media only screen and (min-width: 1920px) {
  .about__img {
    width: 669px;
    height: 548px;
  }
}
.about__img > img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.about__img > img:first-child {
  z-index: 1;
  width: 100%;
}
.about__img > img:last-child {
  z-index: 2;
  width: 0%;
  transition: width 1.2s ease-out;
  -o-object-position: left center;
     object-position: left center;
}
.about__img:hover > img:last-child {
  width: 100%;
}

.line-v {
  width: 1px;
  height: 40px;
  background-color: #351c04;
  align-self: center;
}
@media only screen and (min-width: 768px) {
  .line-v {
    width: 1px;
    height: 60px;
  }
}
.line-top {
  grid-area: top;
}
@media only screen and (min-width: 1280px) {
  .line-top {
    width: 1px;
    height: 40%;
  }
}
.line-bottom {
  grid-area: bottom;
}
@media only screen and (min-width: 1280px) {
  .line-bottom {
    width: 1px;
    height: 60%;
  }
}

.history {
  background-color: #e8e7e3;
  position: relative;
}
@media only screen and (max-width: 1279.5px) {
  .history {
    padding-bottom: 40px;
  }
}
.history__background {
  background: url(../img/history.svg) no-repeat center/cover;
  position: absolute;
  z-index: 0;
  display: none;
}
@media only screen and (min-width: 768px) {
  .history__background {
    display: block;
    width: 510px;
    height: 503px;
    left: -14px;
  }
}
@media only screen and (min-width: 1280px) {
  .history__background {
    left: 8.3333333333%;
  }
}
@media only screen and (min-width: 1440px) {
  .history__background {
    width: 590px;
    height: 581px;
  }
}
@media only screen and (min-width: 1920px) {
  .history__background {
    width: 800px;
    height: 787px;
  }
}
.history__block {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media only screen and (min-width: 768px) {
  .history__block {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas: "header header header header header header" "text text text text text text " "slider1 slider1 slider2 slider2 slider2 slider2" "buttons buttons slider2 slider2 slider2 slider2" "info info info info info info";
    gap: 40px 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .history__block {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas: "header header header header .. slider1 slider1 slider2 slider2 slider2 slider2 slider2" "text text text text .. slider1 slider1 slider2 slider2 slider2 slider2 slider2" "info info info info .. buttons buttons slider2 slider2 slider2 slider2 slider2";
    gap: 30px 20px;
  }
}
.history__text a, .history__info a {
  border-bottom: 1px solid #351c04;
}
.history__text a:hover, .history__info a:hover {
  border-bottom: 1px solid #00a0e3;
}
.history__header {
  grid-area: header;
}
.history__info {
  grid-area: info;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-self: end;
  order: 2;
  align-items: flex-start;
}
.history__info > a:hover {
  color: #00a0e3;
}
.history__text {
  grid-area: text;
  align-self: start;
}
.history .Swiper1 {
  display: none;
  grid-area: slider1;
}
@media only screen and (min-width: 768px) {
  .history .Swiper1 {
    display: block;
    width: 100%;
    height: 175px;
  }
}
@media only screen and (min-width: 1280px) {
  .history .Swiper1 {
    height: 144px;
  }
}
@media only screen and (min-width: 1440px) {
  .history .Swiper1 {
    height: 169px;
  }
}
@media only screen and (min-width: 1920px) {
  .history .Swiper1 {
    height: 220px;
  }
}
.history .Swiper1 .swiper-slide-img1 {
  background: linear-gradient(0deg, rgba(53, 53, 53, 0.4) 0%, rgba(53, 53, 53, 0.4) 100%), url(../img/8_1.png) lightgray 50%/cover no-repeat;
}
.history .Swiper1 .swiper-slide-img2 {
  background: linear-gradient(0deg, rgba(53, 53, 53, 0.4) 0%, rgba(53, 53, 53, 0.4) 100%), url(../img/5_1.png) lightgray 50%/cover no-repeat;
}
.history .Swiper1 .swiper-slide-img3 {
  background: linear-gradient(0deg, rgba(53, 53, 53, 0.4) 0%, rgba(53, 53, 53, 0.4) 100%), url(../img/1_1.png) lightgray 50%/cover no-repeat;
}
.history .Swiper2 {
  grid-area: slider2;
  width: 100%;
  height: 484px;
}
@media only screen and (min-width: 1280px) {
  .history .Swiper2 {
    height: 100%;
  }
}
@media only screen and (min-width: 1440px) {
  .history .Swiper2 {
    height: 597px;
  }
}
@media only screen and (min-width: 1920px) {
  .history .Swiper2 {
    height: 800px;
  }
}
.history .swiper-wrapper {
  align-items: stretch;
  height: 100%;
}
.history .swiper-buttons {
  grid-area: buttons;
  display: flex;
  align-items: end;
  justify-content: space-between;
  order: 1;
}
.history .swiper-slide {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.history .swiper-slide-img1 {
  background: url(../img/8_1.png) lightgray 50%/cover no-repeat;
  height: 100%;
  width: 100%;
}
.history .swiper-slide-img2 {
  background: url(../img/5_1.png) lightgray 50%/cover no-repeat;
  height: 100%;
  width: 100%;
}
.history .swiper-slide-img3 {
  background: url(../img/1_1.png) lightgray 50%/cover no-repeat;
  height: 100%;
  width: 100%;
}
.history .swiper-slide-content {
  display: flex;
  padding: 12px 40px;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
  align-self: stretch;
  background: #fff;
}
.history .swiper-button-uni {
  position: relative;
  width: 58px;
  height: 50.987px;
  margin: 17px 13px;
  flex-shrink: 0;
  top: 0;
  right: 0;
  left: 0;
}
@media only screen and (min-width: 1280px) {
  .history .swiper-button-uni {
    margin: 9px 5px;
  }
}
.history .swiper-button-next {
  background: url(../img/arrow_slider.svg) center/cover no-repeat;
}
.history .swiper-button-next:hover {
  background: url(../img/arrow_slider_hover.svg) center/cover no-repeat;
}
.history .swiper-button-next::after {
  display: none;
}
.history .swiper-button-prev {
  transform: rotateY(180deg);
  background: url(../img/arrow_slider.svg) center/cover no-repeat;
}
.history .swiper-button-prev:hover {
  background: url(../img/arrow_slider_hover.svg) center/cover no-repeat;
  transform: rotateY(180deg);
}
.history .swiper-button-prev::after {
  display: none;
}

.err {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .err {
    min-height: 583px;
  }
}
@media only screen and (min-width: 1440px) {
  .err {
    min-height: 615px;
  }
}
@media only screen and (min-width: 1920px) {
  .err {
    min-height: 720px;
  }
}
.err__block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
@media only screen and (min-width: 1280px) {
  .err__block {
    gap: 40px;
  }
}
.err__block > a:hover {
  color: #00a0e3;
}
.err-img {
  width: 281px;
  height: 119px;
}
@media only screen and (min-width: 768px) {
  .err-img {
    width: 591px;
    height: 251px;
  }
}
@media only screen and (min-width: 1920px) {
  .err-img {
    width: 635.322px;
    height: 270.8px;
  }
}
.err-img > img {
  width: 100%;
  height: 100%;
}

.page-about__block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media only screen and (min-width: 1440px) {
  .page-about__block {
    gap: 40px;
  }
}
.page-about__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media only screen and (min-width: 1280px) {
  .page-about__content {
    gap: 24px;
  }
}
.page-about__content ol,
.page-about__content ul {
  padding-left: 24px;
}
.page-about__content > blockquote {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
@media only screen and (min-width: 768px) {
  .page-about__content > blockquote {
    display: flex;
    align-items: center;
    gap: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-about__content > blockquote {
    gap: 80px;
  }
}
@media only screen and (min-width: 1920px) {
  .page-about__content > blockquote {
    gap: 120px;
  }
}
.page-about__content > blockquote p {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.page-history {
  padding-bottom: 0;
}
.page-history__block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media only screen and (min-width: 1440px) {
  .page-history__block {
    gap: 40px;
  }
}
.page-history__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media only screen and (min-width: 1280px) {
  .page-history__content {
    gap: 24px;
  }
}
.page-history__content ol,
.page-history__content ul {
  padding-left: 24px;
}
.page-history__background {
  background: url(../img/hist_backgr.png) top/cover no-repeat;
  width: 100%;
  height: 138px;
  aspect-ratio: 60/23;
}
@media only screen and (min-width: 768px) {
  .page-history__background {
    height: 295px;
    aspect-ratio: 768/295;
  }
}
@media only screen and (min-width: 1280px) {
  .page-history__background {
    height: 492px;
    aspect-ratio: 427/164;
  }
}
@media only screen and (min-width: 1440px) {
  .page-history__background {
    height: 553px;
    aspect-ratio: 1440/553;
  }
}
@media only screen and (min-width: 1920px) {
  .page-history__background {
    height: 738px;
    aspect-ratio: 320/123;
  }
}

.archive__block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex-shrink: 0;
}
@media only screen and (min-width: 1280px) {
  .archive__block {
    gap: 40px;
  }
}
.archive__title b {
  color: #00a0e3;
}
.archive__alphabet {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  justify-items: center;
  align-items: center;
  gap: 12px 0;
  background-color: #e8e7e3;
  padding: 12px 24px;
}
@media only screen and (min-width: 768px) {
  .archive__alphabet {
    grid-template-columns: repeat(14, 1fr);
    gap: 20px 0;
    padding: 8px 24px;
  }
}
@media only screen and (min-width: 1280px) {
  .archive__alphabet {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 40px;
  }
}
.archive__alphabet > a {
  position: relative;
}
@media only screen and (min-width: 1280px) {
  .archive__alphabet > a {
    padding: 0 2px 1px 2px;
  }
}
@media only screen and (min-width: 1920px) {
  .archive__alphabet > a {
    padding: 0 2px 4px 1px;
  }
}
.archive__alphabet > a:hover {
  color: #00a0e3;
  top: -2px;
}
.archive__alphabet > .active {
  color: #00a0e3;
  top: -2px;
}
.archive__wrapper {
  position: relative;
  gap: 20px;
  align-self: stretch;
}
@media only screen and (min-width: 768px) {
  .archive__wrapper {
    padding: 20px 40px;
  }
}
@media only screen and (min-width: 1280px) {
  .archive__wrapper {
    padding: 20px 80px;
  }
}
@media only screen and (min-width: 1440px) {
  .archive__wrapper {
    padding: 20px 100px;
  }
}
@media only screen and (min-width: 1920px) {
  .archive__wrapper {
    padding: 40px 100px;
  }
}
.archive__wrapper-background {
  position: absolute;
  z-index: -1;
  display: none;
}
@media only screen and (min-width: 768px) {
  .archive__wrapper-background {
    bottom: 171px;
    right: 40px;
    display: block;
    width: 245.999px;
    height: 230px;
  }
}
@media only screen and (min-width: 1280px) {
  .archive__wrapper-background {
    width: 422px;
    height: 340.001px;
    right: 80px;
    bottom: 86px;
  }
}
@media only screen and (min-width: 1440px) {
  .archive__wrapper-background {
    width: 488px;
    height: 356px;
    right: 100px;
    bottom: 89px;
  }
}
@media only screen and (min-width: 1920px) {
  .archive__wrapper-background {
    width: 660px;
    height: 480px;
    bottom: 51px;
  }
}
.archive__wrapper-street {
  background: url(../img/street.svg) center/cover no-repeat;
}
.archive__wrapper-object {
  background: url(../img/object.svg) center/cover no-repeat;
}
.archive__wrapper-person {
  background: url(../img/person.svg) center/cover no-repeat;
}
.archive__wrapper-search {
  z-index: -1;
  background: url(../img/search.svg) center/cover no-repeat;
  bottom: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 136px;
}
@media only screen and (min-width: 768px) {
  .archive__wrapper-search {
    height: 290.001px;
  }
}
@media only screen and (min-width: 1280px) {
  .archive__wrapper-search {
    height: 484px;
  }
}
@media only screen and (min-width: 1440px) {
  .archive__wrapper-search {
    height: 544px;
  }
}
@media only screen and (min-width: 1920px) {
  .archive__wrapper-search {
    height: 724.999px;
  }
}
.archive__content {
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  min-height: 537px;
}
@media only screen and (min-width: 768px) {
  .archive__content {
    min-height: 561px;
  }
}
@media only screen and (min-width: 1280px) {
  .archive__content {
    min-height: 603px;
  }
}
@media only screen and (min-width: 1920px) {
  .archive__content {
    min-height: 680px;
  }
}
.archive__content-list {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: left;
  list-style-type: none;
  gap: 20px;
}
.archive__content-list a {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.archive__content-list a:hover {
  color: #00a0e3;
  border-bottom: 1px solid #00a0e3;
}
.archive__content-group {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: left;
  gap: 12px;
}
.archive__content-group .objects-list {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: left;
  gap: 10px;
  list-style-type: none;
  padding-left: 10px;
}
.archive-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
}
@media only screen and (min-width: 768px) {
  .archive-pagination {
    gap: 24px;
  }
}
.archive-pagination .page-numbers {
  display: flex;
  padding: 0 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.archive-pagination .page-numbers.current {
  color: #00a0e3;
}

.single__block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex-shrink: 0;
}
@media only screen and (min-width: 1440px) {
  .single__block {
    gap: 40px;
  }
}
.single__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}
@media only screen and (min-width: 1280px) {
  .single__content {
    gap: 24px;
  }
}
.single__content-text {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media only screen and (min-width: 1280px) {
  .single__content-text {
    gap: 24px;
  }
}
.single__content-text * {
  font-family: "Inter" !important;
  background-color: rgba(0, 0, 0, 0) !important;
}
.single__content-text img {
  max-height: 300px;
  height: auto;
}
.single__content-files {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 12px;
}
@media only screen and (min-width: 768px) {
  .single__content-files {
    gap: 24px;
  }
}
.single__content-file {
  display: flex;
  gap: 12px;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  color: #00a0e3;
}
.single__content-file > p {
  color: rgba(53, 28, 4, 0.5019607843);
}
.single__content-file-icon {
  width: 28px;
  height: 28px;
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3e%3cpath d='M22.1663 17.5V21.1667C22.1663 21.719 21.7186 22.1667 21.1663 22.1667H6.83301C6.28072 22.1667 5.83301 21.719 5.83301 21.1667V17.5' stroke='%2300A0E3' stroke-width='2'/%3e%3cpath d='M8.75 12.2503L14 16.917M14 16.917L19.25 12.2503M14 16.917V4.66699' stroke='%2300A0E3' stroke-width='2'/%3e%3c/svg%3e") center/cover no-repeat;
}
.single__content-file:hover {
  border-bottom: 1px solid #00a0e3;
}
.single__content-file:hover > p {
  color: #00a0e3;
}
.single__content-link {
  border-bottom: 1px solid #000;
}
.single__content-link:hover {
  color: #00a0e3;
  border-bottom: 1px solid #00a0e3;
}
.single__content-slider {
  display: flex;
  position: relative;
  width: 100%;
}
.single__content .swiper {
  width: calc(100% - 60px);
}
.single__content .swiper-button-next, .single__content .swiper-button-prev {
  width: 24px;
  height: 24px;
}
.single__content .swiper-button-next::after, .single__content .swiper-button-prev::after {
  display: none;
}
.single__content .swiper-button-prev {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3e%3cpath d='M0.280244 12C0.203281 12 0.12787 11.9642 0.0737454 11.8971C-0.00728553 11.797 -0.0232341 11.6494 0.0343323 11.5302L2.69208 5.99999L0.0343323 0.469812C-0.0229212 0.350578 -0.00728553 0.202957 0.0737454 0.102886C0.154776 0.0028145 0.283044 -0.0277023 0.392545 0.0265916L11.8323 5.709C11.9343 5.75975 12 5.87402 12 5.99999C12 6.12632 11.934 6.24058 11.8323 6.29098L0.392545 11.9734C0.356253 11.9915 0.3181 12 0.280244 12ZM0.918474 0.981881L3.2571 5.84811C3.30278 5.94286 3.30278 6.05747 3.2571 6.15222L0.918474 11.0185L11.0214 6.00034L0.918474 0.981881Z' fill='%23351C04'/%3e%3c/svg%3e") center/cover no-repeat;
  transform: rotate(180deg);
  left: 0;
}
.single__content .swiper-button-next {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3e%3cpath d='M0.280244 12C0.203281 12 0.12787 11.9642 0.0737454 11.8971C-0.00728553 11.797 -0.0232341 11.6494 0.0343323 11.5302L2.69208 5.99999L0.0343323 0.469812C-0.0229212 0.350578 -0.00728553 0.202957 0.0737454 0.102886C0.154776 0.0028145 0.283044 -0.0277023 0.392545 0.0265916L11.8323 5.709C11.9343 5.75975 12 5.87402 12 5.99999C12 6.12632 11.934 6.24058 11.8323 6.29098L0.392545 11.9734C0.356253 11.9915 0.3181 12 0.280244 12ZM0.918474 0.981881L3.2571 5.84811C3.30278 5.94286 3.30278 6.05747 3.2571 6.15222L0.918474 11.0185L11.0214 6.00034L0.918474 0.981881Z' fill='%23351C04'/%3e%3c/svg%3e") center/cover no-repeat;
  right: 0;
}
.single__content .gallery__item {
  height: 205px;
}
@media only screen and (min-width: 768px) {
  .single__content .gallery__item {
    height: 215px;
  }
}
@media only screen and (min-width: 1280px) {
  .single__content .gallery__item {
    height: 243px;
  }
}
@media only screen and (min-width: 1440px) {
  .single__content .gallery__item {
    height: 283px;
  }
}
@media only screen and (min-width: 1920px) {
  .single__content .gallery__item {
    height: 380px;
  }
}
.single__content .gallery__item > img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.single__content .video__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.single__content .video__list {
  display: grid;
  align-items: end;
  grid-template-columns: 1fr;
  width: 100%;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .single__content .video__list {
    grid-template-columns: repeat(3, 32%);
  }
}
@media only screen and (min-width: 1280px) {
  .single__content .video__list {
    grid-template-columns: repeat(4, 23%);
  }
}
.single__content .video-local > video {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}

#yandex-map {
  width: 100%;
  height: 440px;
}
@media only screen and (min-width: 768px) {
  #yandex-map {
    height: 475px;
  }
}
@media only screen and (min-width: 1280px) {
  #yandex-map {
    height: 475px;
  }
}
@media only screen and (min-width: 1440px) {
  #yandex-map {
    height: 548px;
  }
}
@media only screen and (min-width: 1920px) {
  #yandex-map {
    height: 749px;
  }
}

.page-map__block {
  position: relative;
}
.page-map__menu {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 0;
  z-index: 100;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  padding-right: 10px;
  gap: 20px;
}
@media only screen and (min-width: 1280px) {
  .page-map__menu {
    gap: 40px;
  }
}
.page-map__menu-button {
  cursor: pointer;
  width: 100px;
  height: 100px;
  background: url(../img/menu_category.png) center/cover no-repeat;
}
.page-map__menu-open {
  background: url(../img/menu_category_active.png) center/cover no-repeat;
}
.page-map__filters {
  display: none;
  align-items: center;
  gap: 20px;
}
@media only screen and (min-width: 1280px) {
  .page-map__filters {
    gap: 40px;
  }
}
.page-map__btn {
  display: flex;
  flex-direction: column;
  gap: 3px;
  background-color: #fff;
  cursor: pointer;
  border-radius: 12px;
}
.page-map__btn > .img {
  width: 100px;
  height: 100px;
}
.page-map__btn > p {
  display: none;
  text-align: center;
  font-family: "Arsenal";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.page-map__btn:hover > p {
  display: block;
}
.page-map__btn-all {
  display: none;
}
.page-map__btn-person > .img {
  background: url(../img/person_category.png) center/cover no-repeat;
}
.page-map__btn-object > .img {
  background: url(../img/object_category.png) center/cover no-repeat;
}
.page-map__btn-object.active > .img {
  background: url(../img/object_category_active.png) center/cover no-repeat;
}
.page-map__btn-object.active > p {
  display: block;
}
.page-map__btn-person.active > .img {
  background: url(../img/person_category_active.png) center/cover no-repeat;
}
.page-map__btn-person.active > p {
  display: block;
}

.map {
  width: 100%;
  height: 770px;
}
@media only screen and (min-width: 1920px) {
  .map {
    height: 960px;
  }
}

.search {
  position: relative;
}
.search .archive__wrapper, .search .archive__content {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.search__info {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.search__form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .search__form {
    flex-direction: row;
  }
}
.search__form-input {
  display: flex;
  height: 40px;
  padding: 12px 56px;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid #00a0e3;
  width: 100%;
  outline: none;
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z' stroke='%2300A0E3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M21.0004 20.9999L16.6504 16.6499' stroke='%2300A0E3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat 16px 50%/24px 24px;
}
.search__form-field {
  position: relative;
  width: 100%;
}
.search__form-clear {
  position: absolute;
  right: 16px;
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3e%3cpath d='M15 5L5 15' stroke='%2300A0E3' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5 5L15 15' stroke='%2300A0E3' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") center/cover no-repeat;
  width: 20px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.search__form-button {
  display: flex;
  height: 40px;
  width: 100%;
  align-items: center;
  justify-content: center;
  background-color: #00a0e3;
  border-radius: 8px;
}
@media only screen and (min-width: 768px) {
  .search__form-button {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 1280px) {
  .search__form-button {
    width: 16.6666666667%;
  }
}/*# sourceMappingURL=style.css.map */