

/* Start:/local/templates/tourism/assets/styles/territories.css?171585860127429*/
.main-territories {
  padding-top: 100px;
  position: relative;
}

.territories-filter {
  margin-bottom: 25px;
}

.territories-filter__top {
  margin-bottom: 8px;
}

.territories-filter__btns {
  display: flex;
  justify-content: space-between;
}

.territories-filter__btn-open {
  cursor: pointer;
  display: flex;
  gap: 8px;
}

.territories-filter__open-text {
  color: #fff;
  font-family: "CeraPro-Bold", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.territories-filter__icon-down {
  display: flex;
  align-items: center;
}

.territories-filter__right-box {
  display: flex;
  gap: 32px;
}

.territories-filter__btn-close {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--fg-text-button-regular-on);
  transition: all 0.3s ease
}

@media (any-hover: hover) {
  .territories-filter__btn-close:hover {
    color: var(--fg-text-button-hover-on);
  }
}
.territories-filter__btn-close:active {
  color: var(--fg-text-button-active-on);
}
.territories-filter__btn-close[disabled] {
  color: var(--fg-text-button-disabled-on);
}

.territories-filter__pages {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #fff;
}

.territories-filter__page-link {
  color: #bbc1c6;
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.56px;
  transition: all 0.3s ease;
}
@media (any-hover: hover) {
  .territories-filter__page-link:hover {
    color: #fff;
  }
}

.territories-filter__page-link.active {
  color: #fff;
}

.territories-filter__close-text {
  color: inherit;
  transition: inherit;
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.56px;
}

.territories-filter__close-icon {
  color: inherit;
  transition: inherit;
  display: block;
  width: 1.5em;
  height: 1.5em;
}

.territories-filter__filter {
  overflow: hidden;
  transition: all 0.45s ease-in-out;
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
}

.territories-filter__filter > * {
  min-height: 0;
  transition: all 1s ease-in-out;
}

.filter--opened .territories-filter__filter {
  grid-template-rows: 1fr;
  opacity: 1;
}
.filter--animated .territories-filter__filter {
  overflow: visible;
}

.territories-filter__filter-wrapper {
  transition: 1s ease-in-out;
}

.territories-filter__items {
  margin-bottom: 20px;
  background: rgba(15, 20, 24, 0.6);
}

.territories-filter__container {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0px 40px;
}

.territories-filter__items-wrapper {
  display: grid;
  grid-template-columns: 2fr 3fr;
  gap: 194px;
  padding: 11px 0px;
}

/* !!! double range !!! */
.territories-filter__item-box {
  display: flex;
  justify-content: space-between;
}

.territories-filter__item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 27px;
  width: 213px;
}

.territories-filter__item-header {
  display: flex;
  align-items: baseline;
  gap: 12px;
}

.territories-filter__item-chosen {
  color: #e8ebee;
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  opacity: 0.8;
}

.territories-filter__item-title {
  color: #e8ebee;
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.territories-filter__item-btn {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 4px 12px;
  border-radius: 2px;
  border: 1px solid #d9d9d9;
}
.territories-filter__item-icon {
  transition: all 0.3s ease;
}

.territories-filter__item-text {
  color: #fff;
  font-family: "CeraPro-Regular", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.territories-filter__options {
  position: absolute;
  top: 80px;
  z-index: 11;
  width: 100%;
  overflow: hidden;
  height: 0px;
  transition: height 2s ease-in-out;
  border-radius: 0 0 10px 10px;
}

.territories-filter__options.overflow_scroll{
  overflow-y: auto;
}

.territories-filter__options.overflow_scroll::-webkit-scrollbar {
  width: 10px;
}
.territories-filter__options.overflow_scroll::-webkit-scrollbar-thumb {
  background: #ff0000;
  border: 2px solid #ebebeb;
  border-radius: 10px;
  background-clip: padding-box;
}
.territories-filter__options.overflow_scroll::-webkit-scrollbar-track {
  background: #ebebeb;
}

.territories-filter__options-wrapper {
  transform: translateY(-100%);
  transition: all 2s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 12px;
  background-color: #1c2023;
}

.territories-filter__options-elems {
  display: flex;
  flex-direction: column;
  padding: 0px 12px 12px;
  gap: 12px;
}


.territories-filter__options-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.territories-filter__options-input + label {
  display: inline-flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  color: #bbc1c6;
  font-family: "CeraPro-Regular", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.territories-filter__options-input + label::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #bbc1c6;
  border-radius: 2px;
  margin-right: 8px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px;
}

.territories-filter__options-input:checked + label::before {
  border-color: #e8ebee;
  background-color: #e8ebee;
  background-image: url("/local/templates/tourism/assets/images/icon-check.png");
}

.territories-filter__options-input:checked + label {
  color: #e8ebee;
}

.territories-filter__options-reset {
  border-top: 1px solid #e8ebee;
  border-radius: 0px 0px 10px 10px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 12px 0px;
  font-family: "CeraPro-Medium", sans-serif;
  color: var(--fg-text-button-regular-on);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.56px;
  transition: all 0.3s ease;
}

@media (any-hover: hover) {
  .territories-filter__options-reset:hover {
    color: var(--fg-text-button-hover-on);
  }
}
.territories-filter__options-reset:active {
  color: var(--fg-text-button-active-on);
}
.territories-filter__options-reset[disabled] {
  color: var(--fg-text-button-disabled-on);
}

/*  */
.range-slider {
  height: 1px;
  position: relative;
  background-color: #e1e9f6;
  border-radius: 2px;
}

.range-selected {
  height: 100%;
  left: 0%;
  right: 0%;
  position: absolute;
  border-radius: 5px;
  background-color: #f00;
}

.range-input {
  position: relative;
}

.range-input input {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 1px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.range-input input::-webkit-slider-thumb {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  pointer-events: auto;
  -webkit-appearance: none;
}

.range-input input::-moz-range-thumb {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  background-color: #fff;
  pointer-events: auto;
  -moz-appearance: none;
}

.range-price {
  margin: 15px 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.range-price__input-wrapper {
  display: flex;
}

.range-price label {
  margin-right: 5px;
  color: #fff;
  font-family: "CeraPro-Regular", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.range-price input {
  background-color: transparent;
  width: 100%;
  padding: 5px;
  color: #fff;
  font-family: "CeraPro-Regular", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.range-price input:first-of-type {
  margin-right: 15px;
}

.territories-filter__link-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}

.territories-filter__link {
  padding: 8px 32px;
  border-radius: 40px;
  border: 1px solid #bbc1c6;
  background: #e8ebee;
  color: #1c2023;
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.48px;
}

.territories-header__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 42px;
}

.territories-header__title {
  color: #f1f3f5;
  font-family: "CeraPro-Bold", sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
}

.territory-descr__title {
  transition: all 0.3s ease
}
@media (any-hover: hover) {
  .territory-descr__top:hover .territory-descr__title {
    opacity: 0.65;
  }
}

.territories-header__tab-list {
  display: flex;
  gap: 20px;
}

.territories-header__tab {
  position: relative;
  color: #fff;
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.56px;
  opacity: 0.6;
  transition: all 0.3s ease;
}

@media (any-hover: hover) {
  .territories-header__tab:hover {
    opacity: 1;
  }
}

.territories-header__tab.active {
  opacity: 1;
}

.territories-header__tab.active::before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0px;
  width: 100%;
  height: 1px;
  border-radius: 10px;
  background: #fff;
}

.territories-catalog {
  margin-bottom: 50px;
}

.territories-catalog__wrapper {
  margin-bottom: 20px;
}

.territories-card {
  overflow: hidden;
  margin-bottom: 4px;
  transition: margin-bottom 1s ease-in-out;
}

.territories-card.active {
  margin-bottom: 64px;
}
.tour-section .territories-card,
.tour-section .territories-card.active {
  margin-bottom: 15px;
}

.territory-descr {
  overflow: hidden;
}

.territory-descr.active {
  margin-bottom: 4px;
}

.territory-descr__top {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 16px;
}

.territory-descr__title-wrapper {
  display: flex;
  gap: 12px;
  align-items: center;
  width: 100%;
}

.territory-descr__icon-arrow {
  width: 24px;
  height: 24px;
  transform: rotate(-90deg);
  transition: 0.3s;
}

.territories-card.active .territory-descr__icon-arrow {
  transform: rotate(0deg);
}

.territory-descr__title {
  color: #fff;
  font-family: var(--ff-bold);
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

.territory-descr__title--bold {
  color: #fff;
  font-family: "CeraPro-Black", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: 32px;
  text-transform: uppercase;
}

.territory-descr__top-link {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--fg-text-button-regular-on);
  transition: all 0.3s ease;
}

@media (any-hover: hover) {
  .territory-descr__top-link:hover {
    color: var(--fg-text-button-hover-on);
  }
}
.territory-descr__top-link:active {
  color: var(--fg-text-button-active-on);
}
.territory-descr__top-link[disabled] {
  color: var(--fg-text-button-disabled-on);
}

.territory-descr__top-text {
  transition: inherit;
  white-space: nowrap;
  color: inherit;
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.56px;
}

.territory-descr__arrow-link {
  color: inherit;
  transition: inherit;
  width: 24px;
  height: 24px;
}

.territory-descr__info {
  overflow: hidden;
  transition: all 0.45s ease-in-out;
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
}

.territory-descr__info > * {
  min-height: 0;
  transition: all 1s ease-in-out;
}

.territories-card.active .territory-descr__info {
  grid-template-rows: 1fr;
  opacity: 1;
  padding-bottom: 40px;
}
.filter--animated .territory-descr__info {
  overflow: visible;
}

.territory-descr__info-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.territory-descr__img-wrapper {
  background-image: var(--bg-image);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}



.territory-descr__block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 80px;
  padding: 40px;
  background-color: #fafafa;
}

.territory-descr__block-title {
  margin-bottom: 16px;
  color: #1c2023;
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}

.territory-descr__text {
  color: #1c2023;
  font-family: "CeraPro-Regular", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.territory-descr__data-title {
  margin-bottom: 12px;
  color: #697075;
  font-family: "CeraPro-Regular", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.territory-descr__location {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 19px;
}

.territory-descr__icon {
  width: 24px;
  height: 24px;
}

.territory-descr__location-text {
  color: #1c2023;
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.56px;
}

.territory-descr__item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 42px;
}

.territory-descr__item:first-child {
  margin-bottom: 27px;
}

.territory-descr__elem-title {
  margin-bottom: 12px;
  color: #697075;
  font-family: "CeraPro-Regular", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.territory-descr__elem-data {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 4px;
}

.territory-descr__elem-data--column {
  flex-direction: column;
  align-items: flex-start;
}

.territory-descr__elem-num {
  color: #474f56;
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}

.territory-descr__elem-text {
  color: #474f56;
  font-family: "CeraPro-Regular", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.territory-descr__elem-img {
  width: 24px;
  height: 24px;
}

.territory-descr__elem-name {
  color: #1c2023;
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.56px;
}

.territories-card.active .territory-project {
  margin-bottom: 8px;
}

.territory-project__content {
  overflow: hidden;
}

.territory-project__content.active {
  margin-bottom: 4px;
}

.territory-project__top {
  cursor: pointer;
  /*height: 0px;*/
  transition: height 1s ease-in-out;
}

.territory-project__top-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 16px;
}

.territory-project__title-wrapper {
  display: flex;
  gap: 12px;
  align-items: center;
}

.territory-project__icon-arrow {
  width: 24px;
  height: 24px;
  transform: rotate(-90deg);
  transition: 0.3s ease-in-out;
}

.territory-project__content.active .territory-project__icon-arrow {
  transform: rotate(0deg);
}

.territory-project__title {
  color: #fff;
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}

.territory-project__title--bold {
  color: #fff;
  font-family: "CeraPro-Black", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: 32px;
  text-transform: uppercase;
}

.territory-project__info {
    position: relative;
    overflow: hidden;
    transition: all 0.45s ease-in-out;
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
}

.territory-project__info > * {
  min-height: 0;
  transition: all 1s ease-in-out;
}

.territory-project.active .territory-project__info {
  grid-template-rows: 1fr;
  opacity: 1;
  padding-bottom: 40px;
}
.filter--animated .territory-project__info {
  overflow: visible;
}

.territory-project__info-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.territory-project__img-wrapper {
  background-image: var(--bg-image);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}



.territory-project__block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 80px;
  padding: 40px;
  background-color: #fafafa;
  position: relative;
}

.territory-project__descr-title {
  margin-bottom: 16px;
  color: #1c2023;
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}

.territory-project__list-item {
  list-style: disc;
  margin-left: 25px;
  color: #1c2023;
  font-family: "CeraPro-Regular", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.territory-project__data {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.territory-project__elem {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.territory-project__data-title {
  color: #697075;
  font-family: "CeraPro-Regular", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.territory-project__logo {
  display: flex;
  align-items: center;
  gap: 8px;
}

.territory-project__logo-img {
  width: 24px;
  height: 24px;
}

.territory-project__logo-title {
  position: relative;
  color: #1c2023;
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.56px;
}

.territory-project__logo-title a {
  background-image: linear-gradient(to bottom, currentColor 0, currentColor 100%);
  background-position: 0 90%;
  background-repeat: repeat-x;
  background-size: 0.1em 0.1em;
  text-decoration: none;
}

.territory-project__investor {
  color: #474f56;
  font-family: "CeraPro-Regular", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.territory-project__elem-title {
  margin-bottom: 12px;
  color: #697075;
  font-family: "CeraPro-Regular", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.territory-project__elem-num {
  color: #474f56;
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}

.territory-project__elem-text {
  color: #474f56;
  font-family: "CeraPro-Regular", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.territory-project__btn-wrapper {
  position: relative;
  display: flex;
  gap: 6px;
}

.territory-project__btn {
  padding: 12px 60px;
  border-radius: 40px;
  border: 1px solid var(--border-color-button);
  background-color: var(--bg-button);
  color: var(--fg-button);
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.56px;
  transition: all 0.3s ease;
}

@media (any-hover: hover) {
  .territory-project__btn:hover {
    background-color: var(--bg-button-hover);
    transition: all 0.3s ease;
  }
}
.territory-project__btn:active {
  background-color: var(--bg-button-active);
  transition: all 0.3s ease;
}
.territory-project__btn[disabled] {
  background-color: var(--bg-button-disabled);
  border-color: var(--border-color-button-disabled);
  color: var(--fg-button-disabled);
}

.territory-project__tooltip-wrapper {
  position: relative;
}

.territory-project__tooltip {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.territory-project__tooltip-popup {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  position: absolute;
  top: 0px;
  right: -30px;
  transform: translateY(calc(-100% - 10px));
  width: 382px;
  padding: 10px 16px;
  border-radius: 4px;
  background-color: #474f56;
  color: #f1f3f5;
  font-family: "CeraPro-Regular", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.territory-project__tooltip:hover + .territory-project__tooltip-popup {
  opacity: 1;
}

.territory-project__tooltip-triangle {
  position: absolute;
  bottom: -6px;
  right: 35px;
  width: 12px;
  height: 12px;
}

.territory-lots {
  overflow: hidden;
}

.territory-lots__top {
  cursor: pointer;
  height: 0px;
  transition: height 0.4s ease-in-out;
}

.territory-lots__top-wrapper {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  padding: 19px 16px 13px;
}

.territory-lots__title {
  color: #fff;
  font-family: "CeraPro-Bold", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.territory-lots__title-wrapper {
  display: flex;
  gap: 12px;
  align-items: center;
}

.territory-lots__icon-arrow {
  width: 24px;
  height: 24px;
  transform: rotate(-90deg);
  transition: 0.3s ease-in-out;
}

.territory-lots.active .territory-lots__icon-arrow {
  transform: rotate(0deg);
}

.lots-list {
  overflow: hidden;
}

.lots-list__wrapper {
  height: 0px;
  transition: height 1s ease-in-out;
}

.lots-item {
  overflow: hidden;
}

.lots-item__top {
  cursor: pointer;
}

.lots-item__top-wrapper {
  display: flex;
  padding: 12px 16px;
  border: 1px solid #d9d9d9;
  background-color: #fafafa;
}

.lots-item__title-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}

.lots-item__icon-arrow {
  width: 24px;
  height: 24px;
  transform: rotate(-90deg);
  transition: 0.3s ease;
}

.lots-item.active .lots-item__icon-arrow {
  transform: rotate(0deg);
}

.lots-item__title {
  color: #1c2023;
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.lots-item__info {
  position: relative;
  overflow: hidden;
  transition: all 0.45s ease-in-out;
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
}

.lots-item__info > * {
  min-height: 0;
  transition: all 0.45s ease-in-out;
}

.lots-item.active .lots-item__info {
  grid-template-rows: 1fr;
  opacity: 1;
}
.lots-item.active .lots-item__info {
  overflow: visible;
}

.lots-item__info-wrapper {
  display: grid;
  grid-template-columns: 1fr 2fr;
  background-color: #fafafa;
}

.lots-item.active .lots-item__info-wrapper {
  padding: 16px;
}

.lots-item__img-wrapper {
  background-image: var(--bg-image);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}



.lots-item__block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 80px;
  padding: 24px 36px;
}

.lots-item__descr {
  color: #1c2023;
  font-family: "CeraPro-Regular", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.lots-item__data {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.lots-item__elements {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 48px;
}

.lots-item__elem-title {
  margin-bottom: 12px;
  color: #697075;
  font-family: "CeraPro-Regular", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.lots-item__elem-num {
  color: #474f56;
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}

.lots-item__elem-text {
  color: #474f56;
  font-family: "CeraPro-Regular", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.lots-item__btn-wrapper {
  position: relative;
  display: flex;
  gap: 6px;
}

.lots-item__btn {
  padding: 12px 60px;
  border-radius: 40px;
  border: 1px solid #bbc1c6;
  background: #1c2023;
  color: #fff;
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.56px;
}

@media screen and (max-width: 1440px) {
  .territories-filter__items-wrapper {
    gap: 74px;
  }

  .territory-descr__info-wrapper,
  .territory-project__info-wrapper {
    grid-template-columns: 1fr 2fr;
  }

  .territory-descr__block,
  .territory-project__block {
    grid-template-columns: 4fr 3fr;
    gap: 32px;
  }

  .lots-item__block {
    gap: 32px;
  }
}

@media screen and (max-width: 1280px) {
  .territories-filter__items-wrapper {
    grid-template-columns: 1fr;
  }

  .territories-filter__item-box {
    gap: 34px;
  }

  .territories-filter__item-box--left .territories-filter__item {
    width: 100%;
  }

  .territory-descr__img-wrapper,
  .territory-project__img-wrapper,
  .lots-item__img {
    height: 385px;
  }

  .territory-descr__info-wrapper,
  .territory-project__info-wrapper,
  .lots-item__info-wrapper {
    grid-template-columns: 1fr;
  }

  .territory-descr__block,
  .territory-project__block,
  .lots-item__block {
    grid-template-columns: repeat(2, 1fr);
  }

  .lots-item__img-wrapper {
    height: 500px;
  }
}

@media screen and (max-width: 1024px) {
  .territory-project__block {
    flex-direction: column;
    gap: 32px;
  }

  .territory-project__btn-wrapper {
    justify-content: center;
  }

  .territory-descr__item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .lots-item__img {
    height: 100%;
  }

  .lots-item__block {
    padding: 24px 0px;
  }

  .lots-item__btn-wrapper {
    justify-content: center;
  }

  .lots-item__img-wrapper {
    height: 300px;
  }
}

@media screen and (max-width: 768px) {
  .territories-catalog .container {
    padding: 0px;
  }

  .territories-filter__item-box--right {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .territories-filter__item {
    width: 100%;
  }

  .territories-header__wrapper {
    gap: 20px;
  }

  .territory-descr__block,
  .territory-project__block {
    grid-template-columns: 1fr;
    gap: 26px;
    padding: 36px 30px;
  }

  .lots-item__block {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .content-basement {
    padding: 0px 16px;
  }
}

@media screen and (max-width: 576px) {
  .territories-filter__item-box {
    display: flex;
    flex-direction: column;
  }

  .territories-filter__pages {
    display: none;
  }

  .territories-filter__item-title {
    text-align: center;
  }

  .territories-header__wrapper {
    align-items: center;
    flex-direction: column;
  }

  .territories-header__title {
    font-size: 24px;
  }

  .territory-descr__top {
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }

  .territory-descr__title {
    font-size: 14px;
    line-height: 20px;
  }

  .territory-descr__title--bold {
    font-size: 24px;
    line-height: 32px;
  }

  .territory-descr__block {
    display: flex;
    flex-direction: column;
    padding: 36px 16px;
  }

  .territory-descr__block-title {
    font-size: 24px;
  }

  .territory-project__title {
    font-size: 18px;
  }

  .territory-project__title--bold {
    font-size: 24px;
  }

  .territory-project__block {
    padding: 33px 16px 24px;
  }

  .lots-item__block {
    padding: 24px 0px;
  }

  .territory-project__tooltip-popup {
    width: 310px;
  }
}

.lots-item__body-url,
.territory-project__body-url {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
}
/* End */


/* Start:/local/templates/tourism/assets/styles/reports.css?171093405610626*/
.reports-main section {
  margin-bottom: 40px;
}

.repots-links__wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 40px;
}

.repots-links__link {
  padding: 2px 16px 3px;
  border-radius: 20px;
  border: 1px solid #bbc1c6;
  color: #8e959a;
  font-family: "CeraPro-Regular", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  transition: all 0.3s ease;
}

@media (any-hover: hover) {
  .repots-links__link:not(.active):hover {
    color: var(--fg-button-secondary-hover);
    border-color: var(--border-color-button-secondary-hover);
  }
}
.repots-links__link:not(.active):active {
  color: var(--fg-button-secondary-active);
  border-color: var(--border-color-button-secondary-active);
}

.repots-links__link.active {
  background-color: #fff;
  color: #1c3e6b;
}

.reports-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 53px;
  margin-bottom: 40px;
}

.repots-item {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}

.repots-item__date-wrapper {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 2px 10px;
  border-radius: 0px 0px 0px 5px;
  background-color: #474f56;
}

.repots-item__date {
  color: #fff;
  font-family: "CeraPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.repots-item__link-img {
  display: inline-block;
  height: 254px;
  width: 100%;
}

.repots-item__link-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.repots-item__img {
  height: inherit;
  object-fit: cover;
  object-position: center;
}

.repots-item__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}

.repots-item__info-box {
  padding: 15px 16px;
}

.repots-item__them {
  margin-bottom: 20px;
}

.repots-item__them-elem {
  padding: 3px 16px 4px;
  border-radius: 20px;
  background-color: #1c3e6b;
  color: #fff;
  font-family: "CeraPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.repots-item__text-wrapper {
  padding-bottom: 40px;
}

.repots-item__text-wrapper--video {
  padding-bottom: 20px;
}

.repots-item__download-box {

  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px;
  background-color: #474f56;
}

.repots-item__download-link {
  display: flex;
  gap: 8px;
}

.repots-item__download-text {
  color: #fff;
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.56px;
}

.repots-item__download-icon {
  width: 24px;
  height: 24px;
}

.repots-item__download-desc {
  display: flex;
  gap: 4px;
  color: #f1f3f5;
  font-family: "CeraPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.repots-item__text {
  color: #1c2023;
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  transition: all 0.3s ease;
}

@media (any-hover: hover) {
  .repots-item:hover .repots-item__text {
    color: var(--fg-link-active);
  }
}

.reports-list--events {
  gap: 28px 35px;
}

.repots-item__wrapper--events {
  border: 1px solid #000;
}

.repots-item__event-descr {
  position: relative;
  padding: 20px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

.repots-item__wrapper--events:hover .repots-item__event-descr {
  background-color: #000;
}

.repots-item__event-date {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 125px;
  margin-bottom: 12px;
}

.repots-item__num-wrapper {
  display: flex;
  align-items: center;
}

.repots-item__num-date {
  color: #1c2023;
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 120px;
  font-style: normal;
  font-weight: 500;
  line-height: 125px;
  transition: all 0.3s ease-in-out;
}

.repots-item__wrapper--events:hover .repots-item__num-date {
  color: #fff;
}

.repots-item__date-line {
  width: 2px;
  height: 100%;
  background-color: #000;
  transition: all 0.3s ease-in-out;
}

.repots-item__wrapper--events:hover .repots-item__date-line {
  background-color: #fff;
}

.repots-item__date-box {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.repots-item__date-month {
  margin-bottom: 4px;
  color: #1c2023;
  font-family: "CeraPro-Bold", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  transition: all 0.3s ease-in-out;
}

.repots-item__wrapper--events:hover .repots-item__date-month {
  color: #fff;
}

.repots-item__date-day {
  padding: 1px 10px 2px;
  border-radius: 26px;
  background-color: #bbc1c6;
  color: #1c2023;
  font-family: "CeraPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.repots-item__date-year {
  color: #1c2023;
  font-family: "CeraPro-Regular", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: all 0.3s ease-in-out;
}

.repots-item__wrapper--events:hover .repots-item__date-year {
  color: #fff;
}

.repots-item__title-wrapper {
  margin-bottom: 9px;
  height: 48px;
}

.repots-item__event-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #1c2023;
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  transition: all 0.3s ease-in-out;
}

.repots-item__wrapper--events:hover .repots-item__event-title {
  color: #fff;
}

.repots-item__event-elem {
  height: 200px;
  overflow: hidden;
}

.repots-item__text-box {
  color: #1c2023;
  font-family: "CeraPro-Regular", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  transition: all 0.3s ease-in-out;
}

.repots-item__event-text {
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.repots-item__wrapper--events:hover .repots-item__text-box {
  display: none;
}

.repots-item__event-reg {
  display: none;
  transition: all 0.3s ease-in-out;
}

.repots-item__wrapper--events:hover .repots-item__event-reg {
  display: block;
}

.repots-item__reg-wrapper {
  padding-top: 13px;
  margin-bottom: 48px;
  display: flex;
  justify-content: center;
}

.repots-item__reg-link {
  padding: 8px 28px;
  border-radius: 20px;
  background: var(--bg-button-on);
  color: var(--fg-button-on);
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  transition: all 0.3s ease;
}

@media (any-hover: hover) {
  .repots-item__reg-link:hover {
    background: var(--bg-button-hover-on);
  }
}
.repots-item__reg-link:active {
  background: var(--bg-button-active-on);
}
.repots-item__reg-link[disabled] {
  color: var(--fg-button-disabled);
  background: var(--bg-button-disabled-on);
}

.repots-item__event-place {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.repots-item__city-wrapper {
  color: #fff;
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
}

.repots-item__place-line {
  height: 1px;
  background-color: #fff;
}

.repots-item__event-cost {
  color: #fff;
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}

.repots-item__triangle-wrapper {
  position: absolute;
  bottom: -43px;
  right: 43px;
}

.repots-item__triangle path {
  transition: all 0.3s ease-in-out;
}

.repots-item__wrapper--events:hover .repots-item__triangle path {
  fill: #000;
}

.event-img__link-wrapper {
  width: 100%;
  height: 168px;
}

.event-img__link{
  display: block;
  height: inherit;
}

.event-img__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.reports-main .materials {
  background-color: #f1f3f5;
  margin-bottom: 0px;
}

.materials__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: center;
  gap: 104px;
  padding: 40px 0px;
}

.materials__logo-box,
.materials__instructions-box {
  display: flex;
  flex-direction: column;
}

.logo-box__logo-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 24px;
}

.logo-box__logo-wrapper {
  height: 210px;
}

.logo-box__logo {
  height: inherit;
  object-fit: cover;
  object-position: center;
}

.materials__descr {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.materials__title-wrapper {
  margin-bottom: 16px;
}

.materials__title {
  color: #1c2023;
  font-family: "CeraPro-Bold", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.materials__text-wrapper {
  margin-bottom: 56px;
  color: #1c2023;
  font-family: "CeraPro-Regular", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.instructions-box__img-wrapper {
  height: 422px;
  margin-bottom: 24px;
}

.instructions-box__img {
  height: inherit;
  object-fit: cover;
  object-position: center;
}

@media screen and (max-width: 1680px) {
  .reports-list--events {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (max-width: 1440px) {
  .reports-list {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }

  .reports-list--events {
    gap: 28px 1px;
  }

  .materials__wrapper {
    gap: 18px;
  }
}

@media screen and (max-width: 1280px) {
  .reports-list {
    grid-template-columns: repeat(3, 1fr);
  }

  .materials__wrapper {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 1024px) {
  .reports-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 38px;
  }
}

@media screen and (max-width: 992px) {
  .page-top__wrapper {
    flex-wrap: wrap;
    gap: 10px;
  }
}

@media screen and (max-width: 768px) {
  .reports-list {
    grid-template-columns: 1fr;
  }

  .instructions-box__img-wrapper {
    width: 100%;
  }
}

@media screen and (max-width: 640px) {
  .reports-list {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 576px) {
  .page-top__links-wrapper {
    justify-content: center;
    flex-wrap: wrap;
  }

  .repots-links__wrapper {
    justify-content: center;
    flex-wrap: wrap;
  }

  .logo-box__logo-list {
    grid-template-columns: 1fr;
  }
}

/* End */


/* Start:/local/templates/tourism/assets/styles/document-card.css?17158586017007*/
.document-card {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	font-family: var(--ff-regular);
}

.document-card__head {
	display: flex;
	width: 100%;
}

.document-card__date {
	margin-left: auto;
	display: inline-block;
	background-color: var(--c-brand);

	padding: 2px 10px;
	border-radius: 0px 0px 0px 5px;
	color: #fff;
	margin-bottom: 12px;
	font-size: 12px;
}

.document-card__body {
	background: var(--bg-card);
	padding: 24px 16px;
	width: 100%;
	height: 100%;
}
.document-card--transparent .document-card__body {
	color: inherit;
	padding: 0;
	background: transparent;
}

.document-card--light .document-card__body {
	background: #fff;
}

.document-gallery__content--big .document-card__body {
	padding: 24px 24px 16px;
}
.document-gallery__content--big .document-card__footer {
	padding: 16px 20px;
}

.document-card__title {
	color: var(--fg-regular);
	font-family: var(--ff-medium);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%;
	min-height: 5.5em;
	transition: all 0.3s ease;
}
.document-card--transparent .document-card__title:not(:hover) {
	color: inherit;
}

@media (any-hover: hover) {
	.document-card__title:hover {
		color: var(--c-brand);
	}
}

.document-card__title-link {
	color: inherit;
    transition: inherit;
}


.document-card__body:only-child .document-card__title {
    min-height: initial;
	margin-bottom: 1em;
}

.document-card__footer {
	width: 100%;
	background: var(--bg-card-dark);
	padding: 16px;
}

.documents-card__footer-title {
	color: var(--bg-card);
	font-family: var(--ff-medium);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 133.333%;
	margin-bottom: 6px;
}

.document-card__file {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: var(--fg-second);
	position: relative;
}
.document-card--transparent .document-card__body .document-card__file {
	color: inherit;
}

.document-card__body .document-card__file {
	color: var(--fg-regular);
}

.document-card__file-download-link {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: inherit;
	margin-right: 0.8em;
}

.document-card__footer .document-card__file-download-link {
	margin-right: auto;
}

.document-card__file-download-link::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.document-card__file-download-icon {
	display: block;
	--size: 24px;
	width: var(--size);
	min-width: var(--size);
	max-width: var(--size);
	height: var(--size);
	min-height: var(--size);
	max-height: var(--size);
}


.document-card__file-download-text {
	color: inherit;
	margin-right: 0.65em;

	font-family: var(--ff-medium);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 142.857%;
	letter-spacing: 0.56px;

	background-image: linear-gradient(to bottom, var(--fg-second) 0,var(--fg-second) 100%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 140%;
    transition: all 0.2s ease;
}

@media (any-hover: hover) {
	.document-card__file-download-link:hover .document-card__file-download-text {
		background-position: 0 90%;
	}
}

.document-card__file-size {
	font-family: var(--ff-regular);
	font-size: 13px;
	white-space: nowrap;
}
.document-card__body .document-card__file-size {
	opacity: 0.5;
}

.document-card__file-title {
	margin-right: auto;
	color: var(--bg-card);
	font-family: var(--ff-bold);
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px; /* 133.333% */
	max-width: 80%;
}

.document-card__file-list {
	margin-bottom: 13px;
}

.document-card__file-list .document-card__file-download-link {
	margin-right: 0.5em;
}
.document-card__file-list .document-card__file {
    border-bottom: 1px solid var(--bg-card);
	padding-bottom: 6px;
	padding-top: 6px;
	margin-bottom: 10px;
}

.document-card__file-list .document-card__file:last-child {
	margin-bottom: 0;
}

.document-card__field-list {
	display: grid;
	grid-template-columns: 1.2291666666666667fr 1.3333333333333333fr;
	gap: 14px 22px;
}

.document-card__field {
    display: flex;
	justify-content: space-between;
	align-items: flex-end;
	color: var(--bg-card-dark);
	padding-bottom: 4px;
	border-bottom: 1px solid var(--c-brand);
}

@media (min-width: 768px) {
	/* два последних элемента */
	.document-card__field:nth-last-child(-n+2) {
		border-bottom: none;
		padding-bottom: 0;
	}
}

.document-card__field--vertical {
    /*flex-direction: column;*/
	/*align-items: flex-start;*/
    display: grid;
	justify-content: unset;
	align-items: unset;
}

.document-card__field--double {
	grid-column: span 2;
}

.document-card__field-label {
	font-family: var(--ff-medium);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 133.333%;
}

.document-card__field-value {
	color: var(--fg-regular);
	font-family: var(--ff-bold);
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 133.333%;
}

h3.document-card__field-value {
	font-size: 18px;
}

.document-card__field-value a {
 	color: var(--c-brand-light);
}

.document-card__field--double .document-card__field-value {
	font-family: var(--ff-regular);
	font-weight: 400;
	font-size: 16px;
}

.document-card__field-value--hl {
	background-color: var(--c-brand);
	color: var(--bg-card);
	margin-bottom: -4px;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 133.333%;
	padding-left: 8px;
	padding-right: 8px;
	text-transform: uppercase;
	margin-right: 5px;
}

@media (max-width: 767px) {
	.document-card__field-list {
		grid-template-columns: 100%;
		gap: 16px 22px;
	}
	.document-gallery__content--big .document-card {
		margin-left: -16px;
		margin-right: -16px;
	}
	.document-card__field {
		padding-bottom: 0;
	}
	.document-card__field:last-child {
		border-bottom: none;
	}
	.document-card__field-value--hl {
		margin-bottom: 0;
		margin-right: 0;
	}
	.document-card__field--double {
        grid-column: initial;
		/*margin-bottom: -4px;*/
    }
	.document-card__field--vertical:not(.document-card__field--double) .document-card__field-label {
		margin-bottom: 6px;
    }

	.document-card__field:nth-of-type(1) {
		order: -5;
	}
	.document-card__field:nth-of-type(2) {
		order: -3;
    }
	.document-card__field:nth-of-type(3) {
		order: -4;
    }

	.document-card__file-title {
		width: 100%;
		margin-bottom: 20px;
	}
	.document-card__file {
		flex-wrap: wrap;
	}

	.document-card__body {
		padding: 26px 20px;
	}

	.document-gallery__content--big .document-card__body {
		padding: 24px 20px;
	}
	.document-gallery__content--big .document-card__footer {
		padding: 12px 20px;
	}
	.document-gallery__content--big .documents-card__footer-title {
		margin-bottom: -4px;
    }
}

.document-preview {
	width: 100%;
	height: 100%;
	background-image: url('/local/templates/tourism/assets/images/loader.svg');
    background-size: 5em;
	background-position: center center;
	background-repeat: no-repeat;
}

/* End */


/* Start:/local/templates/tourism/assets/styles/document-gallery.css?17113842742686*/
.document-gallery {
	padding-bottom: 60px;
}

.document-gallery--light {
    --bg-card: #fff;
}


.search-result .page-top {
	padding-top: 0;
}

.search-result .document-gallery__container {
	padding-left: 0;
	padding-right: 0;
}


.document-gallery__head {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.document-gallery .document-gallery__title,
.document-gallery__title {
	color: var(--fg-title);
	font-family:  "CeraPro-Medium", sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	line-height: 142.857%;
	margin-bottom: 0;
}

@media (max-width: 768px) {
	.document-gallery .document-gallery__title,
	.document-gallery__title {
		font-size: 20px;
    }

}

.document-gallery__link {
	color: var(--fg-regular);
	font-family: "CeraPro-Regular", sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 123.077%;
	transition: all 0.3s ease;
}

@media (any-hover: hover) {
	.document-gallery__link:hover {
		color: var(--fg-link-hover)
	}
}
.document-gallery__link:active {
	color: var(--fg-link-active)
}

.document-gallery__content {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 54px 60px;
	padding-top: 60px;
	padding-bottom: 60px;
}

.document-gallery__head + .document-gallery__content {
	padding-top: 30px;
}

@media (max-width: 1800px) {
	.document-gallery__content {
		grid-template-columns: repeat(4, 1fr);
		gap: 60px 20px;
	}
}

.document-gallery__content--big {
	grid-template-columns: repeat(2, 1fr);
	gap: 46px 31px;
}

@media (max-width: 1280px) {
	.document-gallery {
		padding-bottom: 42px;
	}
	.document-gallery__content {
		grid-template-columns: repeat(2, 1fr);
		padding-top: 42px;
		padding-bottom: 42px;
		gap: 32px 60px;
    }
	.document-gallery__content--big {
		row-gap: 42px;
		grid-template-columns: 100%;
	}
}


@media (max-width: 1024px) and (min-width: 768px) {
	.document-gallery__content {
		padding-left: 12px;
		padding-right: 12px;
	}
}

@media (max-width: 576px) {
	.document-gallery__content {
		grid-template-columns: 100%;
		padding-top: 32px;
        row-gap: 46px;
		max-width: 360px;
		margin-left: auto;
		margin-right: auto;
	}
}

.document-gallery__content--single {
	grid-template-columns: 100%;
	max-width: initial;
}

.document-gallery__content--single .territory-project {
	margin-bottom: 30px;
}

.document-gallery__content--single *:last-child {
	margin-bottom: 0;
}

.search-result .document-gallery__content--single {
	display: block;
}

@media (max-width: 576px) {
	.document-gallery__content--single {
		margin-left: -16px;
		margin-right: -16px;
	}
}

.documents-list .document-gallery__content {
	padding-bottom: 40px;
	padding-top: 0;
}

/* End */


/* Start:/local/templates/tourism/assets/styles/document-list.css?17113842741418*/
.documents-list {
    padding-top: 28px;
    padding-bottom: 40px;
}

.documents-list .faq-item:last-child {
    border-bottom: none;
}


.documents-list .faq-item__header {
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    justify-content: flex-start;
    height: initial;
}

.documents-list .faq-item__header-text {
    font-size: 28px;
    text-transform: uppercase;
    color: var(--c-on);
    font-family: var(--ff-bold);
    line-height: 166.667%;
}

@media (max-width: 768px) {
    .documents-list .faq-item__icon {
        margin-left: 1rem;
    }
}

.faq-item .container.document-gallery__container {
    padding-left: 0;
    padding-right: 0;
}

.documents-list .faq-item  .document-gallery__content {
    padding-bottom: 30px;
}

.faq-item .document-gallery {
    padding-bottom: 0;
    margin-bottom: 44px;
}

.filter {
    margin-bottom: 0;
}

.filter-body.documents-list {
    padding-top: 0;
}

@media (max-width: 767px) {
    .documents-list .faq-item__header-text {
        text-transform: initial;
        display: inline;
    }

    .documents-list .faq-item__header {
        display: block;
    }

    .documents-list .faq-item__header-left {
        display: inline;
    }

    .documents-list .faq-item__icon-wrapper {
        display: inline;
    }
    .documents-list .faq-item__icon {
        display: inline;
        margin-left: -0.3em;
    }
}
/* End */


/* Start:/local/templates/tourism/components/bitrix/search.page/search/style.css?17109340563009*/
div.search-tags-chain a {margin:2px;}
div.search-tags-chain a.search-tags-link {color:#333333; font-size:90%; text-decoration:none;color:#535353;}
div.search-tags-cloud a {white-space: normal;}

div.search-advanced { overflow: hidden; margin: 0.5em 0; zoom:1;}
div.search-advanced-result { float: left; width:70%;}
div.search-advanced-filter { float: right; }
div.search-advanced-filter a { outline: none;}

div.search-item { }
div.search-item h4 { font-size: 140%; font-weight: normal; line-height: 1.2; margin: 1.3em 0 0.4em;}
div.search-item h4 a { text-decoration:none;}
div.search-item h4 img { border:0px;vertical-align:middle;}
div.search-item h4 span { vertical-align:middle;text-decoration:underline;}
div.search-result { padding: 40px 0;}

div.search-result > h2,
div.search-result .item__wrapper h2 {
    font-family: "CeraPro-Bold", sans-serif;font-size: 36px;font-weight: 700;line-height: 40px;letter-spacing: 0em;text-align: left;margin-bottom: 20px;
}
div.search-result .item__wrapper h4 {padding: 0 5px 12px 5px;}
div.search-result .item__wrapper h4 a {font-family: "CeraPro-Bold", sans-serif;font-size: 16px;font-weight: 500;line-height: 20px;letter-spacing: 0em;text-align: left;}
div.search-result .item__wrapper{padding-top: 20px;}
div.search-preview {font-family: "CeraPro", sans-serif;font-size: 16px;font-weight: 400;line-height: 20px;letter-spacing: 0em;text-align: left;}

div.search-item-meta { margin: 1em 0 0 0; overflow: hidden; zoom: 1;}
div.search-item-rate { float: left; margin: -3px 6px 0 0;}
div.search-item-tags { float: left; }
div.search-item-date { float: right;}

div.search-page input.search-query {width: 99%; border: 1px solid; font-size:1.3em; padding:10px}
div.search-page input.search-suggest {width: 99%; border: 1px solid; font-size:1.3em;}
div.search-page input.search-button { font-size: 2.2em; background-color: unset;font-family: "CeraPro-Bold", sans-serif;font-size: 30px;font-weight: 700;line-height: 40px;letter-spacing: 0em;text-align: left;cursor: pointer;}

div.search-filter h2 { margin:1em 0 0.5em; border: none;}
table.search-filter { width: 100%;  margin-top: 0.5em;}
table.search-filter td { padding: 1em; border-top: 1px solid;}
td.search-filter-name { width: 10%; text-align: right;}
td.search-filter-field { width: 50%;}

table.search-filter input.input-field { border: 1px solid; font-size:1.3em; }
table.search-filter select.select-field {border: 1px solid; font-size:1.2em; }

div.search-sorting { margin: 0.5em 0;}
div.search-sorting b { padding: 0.2em 0.3em 0.3em ; font-weight: normal;}
/* COLORS */
div.search-item, table.search-filter td { border-color: #E9E9E9;}
div.search-page input.search-query, div.search-page input.search-suggest, table.search-filter input.input-field, table.search-filter select.select-field { background: #F8F7F7; border-color: #D9D9D9; }
div.search-advanced, div.search-item-meta, div.search-item-meta a { color: #8a8a8a; }
div.search-sorting b { background: #e8e9ec; }

.search-item-rate {font-size: 11px;}

/* End */


/* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?170531046051*/
font.errortext{color:red}font.notetext{color:green}
/* End */
/* /local/templates/tourism/assets/styles/territories.css?171585860127429 */
/* /local/templates/tourism/assets/styles/reports.css?171093405610626 */
/* /local/templates/tourism/assets/styles/document-card.css?17158586017007 */
/* /local/templates/tourism/assets/styles/document-gallery.css?17113842742686 */
/* /local/templates/tourism/assets/styles/document-list.css?17113842741418 */
/* /local/templates/tourism/components/bitrix/search.page/search/style.css?17109340563009 */
/* /bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?170531046051 */
