/* Start:/local/templates/main/components/bitrix/news.detail/project/style.css?176493555257065*/
.tabs_list__WHqk1 {
  display:flex;
  gap:calc(1 * var(--base-spacing, 4px));
  padding:calc(2 * var(--base-spacing, 4px));
  background-color:#fff;
  border-radius:calc(2 * var(--base-spacing, 4px))
}
.tabs_tab__dTAKg {
  padding:calc(1 * var(--base-spacing, 4px)) calc(3 * var(--base-spacing, 4px));
  border-radius:calc(1 * var(--base-spacing, 4px));
  color:#00000099
}
.tabs_tab__dTAKg.tabs_selected__5yQzN {
  color:#fff;
  background-color:#155ef6
}

.project-genplan-chooser-section_landscape__w6bTD .info_panel__sUJ6e{
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.25s linear;
  display: none;
}
.project-genplan-chooser-section_landscape__w6bTD .info_panel__sUJ6e.info_opened__hZwIs{
  visibility: visible;
  opacity: 1;
  display: flex;
}

.project-genplan-section_landscape__mJbnJ .genplanSelectionElement {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.25s linear;
  display: none;
}
.project-genplan-section_landscape__mJbnJ .genplanSelectionElement.genplanSelectionElementShow {
  visibility: visible;
  opacity: 1;
  display: flex;
}

.project-genplan-section_info__7wnN8 {
  display:flex;
  justify-content:center;
  align-items:center;
  color:#155ef6;
  border-radius:100%;
  background-color:#eaeaea;
  width:calc(12 * var(--base-spacing, 4px));
  height:calc(12 * var(--base-spacing, 4px));
  cursor:pointer
}
.project-genplan-section_info__7wnN8 svg {
  width:calc(6 * var(--base-spacing, 4px));
  height:calc(6 * var(--base-spacing, 4px))
}
.project-genplan-section_info__7wnN8.project-genplan-section_opened__O_PK0 {
  color:#fff;
  background-color:#155ef6
}
.project-genplan-section_landscape__mJbnJ,
.project-genplan-section_landscape__mJbnJ img {
  width:100vw
}
@media (max-width:1024px) {
  .project-genplan-section_landscape__mJbnJ {
    width:auto;
    height:calc(var(--fsvh, 1vh)*100);
    overflow-x:scroll;
    padding-bottom:calc(2 * var(--base-spacing, 4px))
  }
  .project-genplan-section_landscape__mJbnJ::-webkit-scrollbar {
    width:10px;
    height:10px
  }
  .project-genplan-section_landscape__mJbnJ::-webkit-scrollbar-track {
    background:#fff;
    border-radius:calc(1 * var(--base-spacing, 4px));
    height:12px
  }
  .project-genplan-section_landscape__mJbnJ::-webkit-scrollbar-thumb {
    background:#155ef6;
    border-radius:calc(1 * var(--base-spacing, 4px))
  }
  .project-genplan-section_landscape__mJbnJ img {
    height:100%;
    width:auto;
    display:block;
    max-width:fit-content
  }
}
.project-genplan-section_card__UYFlb {
  z-index:1;
  display:flex;
  gap:calc(6 * var(--base-spacing, 4px));
  bottom:calc(20 * var(--base-spacing, 4px));
  right:calc(6 * var(--base-spacing, 4px));
  padding:calc(6 * var(--base-spacing, 4px));
  width:calc(calc(1 * var(--base-spacing, 4px))*141.25);
  background-color:#fff;
  border-radius:calc(2 * var(--base-spacing, 4px))
}
.project-genplan-section_card__UYFlb img {
  height:9.3055555556vw;
  width:9.3055555556vw;
  border-radius:calc(1 * var(--base-spacing, 4px));
  object-fit:cover
}
@media (max-width:1024px) {
  .project-genplan-section_card__UYFlb {
    display:none
  }
}
.project-genplan-section_mask__OWggE {
  height:100%;
  width:100%
}
.project-genplan-section_mask__OWggE svg {
  height:100%;
  width:100%;
  object-fit:cover
}
.project-genplan-section_mask__OWggE svg path {
  opacity:0
}
.project-genplan-section_modal__6iKP1 {
  display:none
}
@media (max-width:1024px) {
  .project-genplan-section_modal__6iKP1 {
    display:initial
  }
}
.project-numbers-section_container__utSWs {
  display:flex;
  flex-direction:column;
  gap:calc(25 * var(--base-spacing, 4px));
  padding:calc(25 * var(--base-spacing, 4px)) calc(6 * var(--base-spacing, 4px))
}
@media (max-width:640px) {
  .project-numbers-section_container__utSWs {
    padding:calc(16 * var(--base-spacing, 4px)) calc(6 * var(--base-spacing, 4px))
  }
  .project-numbers-section_numbers__fpzvE {
    flex-direction:column
  }
}
.project-numbers-section_shortInfo__OSv2P {
  display:flex;
  flex-direction:column;
  gap:calc(2 * var(--base-spacing, 4px));
  width:100%;
  padding-bottom:calc(6 * var(--base-spacing, 4px));
  border-bottom:calc(.5 * var(--base-spacing, 4px)) solid #00000033
}

.f-carousel {
  --f-carousel-theme-color:#706f6c;
  --f-carousel-spacing:0px;
  --f-carousel-slide-width:100%;
  --f-carousel-slide-height:auto;
  --f-carousel-slide-padding:0;
  --f-button-width:42px;
  --f-button-height:42px;
  --f-button-color:var(--f-carousel-theme-color,currentColor);
  --f-button-hover-color:var(--f-carousel-theme-color,currentColor);
  --f-button-bg:transparent;
  --f-button-hover-bg:var(--f-button-bg);
  --f-button-active-bg:var(--f-button-bg);
  --f-button-svg-width:24px;
  --f-button-svg-height:24px;
  --f-button-next-pos:10px;
  --f-button-prev-pos:10px;
  --f-spinner-color-1:rgba(0,0,0,.1);
  --f-spinner-color-2:rgba(17,24,28,.8);
  --f-spinner-stroke:2.75;
  position:relative;
  box-sizing:border-box
}
.f-carousel *,
.f-carousel :after,
.f-carousel :before {
  box-sizing:inherit
}
.f-carousel.is-ltr {
  direction:ltr
}
.f-carousel.is-rtl {
  direction:rtl
}
.f-carousel__viewport {
  overflow:hidden;
  transform:translateZ(0);
  backface-visibility:hidden;
  width:100%;
  height:100%
}
.f-carousel__viewport.is-draggable {
  cursor:move;
  cursor:grab
}
.f-carousel__viewport.is-dragging {
  cursor:move;
  cursor:grabbing
}
.f-carousel__track {
  display:flex;
  margin:0 auto;
  padding:0;
  height:100%;
  -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.f-carousel__slide {
  position:relative;
  flex:0 0 auto;
  width:var(--f-carousel-slide-width);
  max-width:100%;
  height:var(--f-carousel-slide-height);
  margin:0 var(--f-carousel-spacing) 0 0;
  padding:var(--f-carousel-slide-padding);
  outline:0;
  transform-origin:center center
}
.f-carousel__slide img.is-preloading {
  visibility:hidden
}
.f-carousel__slide>.f-spinner {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}
.f-carousel.is-vertical {
  --f-carousel-slide-height:100%
}
.f-carousel.is-vertical .f-carousel__track {
  flex-wrap:wrap
}
.f-carousel.is-vertical .f-carousel__slide {
  margin:0 0 var(--f-carousel-spacing) 0
}
:root {
  --f-carousel-dots-width:24px;
  --f-carousel-dots-height:30px;
  --f-carousel-dot-width:8px;
  --f-carousel-dot-height:8px;
  --f-carousel-dot-radius:50%;
  --f-carousel-dot-color:var(--f-carousel-theme-color,currentColor);
  --f-carousel-dot-opacity:0.2;
  --f-carousel-dot-hover-opacity:0.4
}
.f-carousel.has-dots {
  margin-bottom:var(--f-carousel-dots-height)
}
.f-carousel__dots {
  position:absolute;
  bottom:calc(var(--f-carousel-dots-height)*-1);
  left:0;
  right:0;
  flex-wrap:wrap;
  margin:0 auto!important;
  list-style:none!important;
  user-select:none
}
.f-carousel__dots,
.f-carousel__dots li {
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0
}
.f-carousel__dots li {
  margin:0;
  border:0;
  opacity:var(--f-carousel-dot-opacity);
  transition:opacity .15s ease-in-out
}
.f-carousel__dots li+li {
  margin:0
}
.f-carousel__dots li:hover {
  opacity:var(--f-carousel-dot-hover-opacity)
}
.f-carousel__dots li.is-current {
  opacity:1
}
.f-carousel__dots li button {
  appearance:none;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0;
  width:var(--f-carousel-dots-width);
  height:var(--f-carousel-dots-height);
  border:0;
  background:transparent;
  cursor:pointer;
  transition:all .2s linear
}
.f-carousel__dot {
  display:block;
  margin:0;
  padding:0;
  border:0;
  width:var(--f-carousel-dot-width);
  height:var(--f-carousel-dot-height);
  border-radius:var(--f-carousel-dot-radius);
  background-color:var(--f-carousel-dot-color);
  line-height:0;
  font-size:0;
  cursor:pointer;
  pointer-events:none
}
.f-carousel__dots.is-dynamic li:not(.is-prev,
.is-next,
.is-current,
.is-after-next,
.is-before-prev) button {
  transform:scale(0);
  width:0
}
.f-carousel__dots.is-dynamic li.is-after-next button,
.f-carousel__dots.is-dynamic li.is-before-prev button {
  transform:scale(.22)
}
.f-carousel__dots.is-dynamic li.is-next button,
.f-carousel__dots.is-dynamic li.is-prev button {
  transform:scale(.66)
}
.f-carousel__dots.is-dynamic li.is-current button {
  transform:scale(1)
}
.f-carousel__dots.is-dynamic li.is-after-next button,
.f-carousel__dots.is-dynamic li.is-before-prev button {
  transform:scale(.33)
}
.f-carousel__dots.is-dynamic li.is-current:first-child {
  margin-left:calc(var(--f-carousel-dots-width)*2)
}
.f-carousel__dots.is-dynamic li.is-prev:first-child {
  margin-left:var(--f-carousel-dots-width)
}
.f-carousel__dots.is-dynamic li.is-next:last-child {
  margin-right:var(--f-carousel-dots-width)
}
.f-carousel__dots.is-dynamic li.is-current:last-child {
  margin-right:calc(var(--f-carousel-dots-width)*2)
}
.f-carousel.is-rtl .f-carousel__dots.is-dynamic .is-current:first-child,
.f-carousel.is-rtl .f-carousel__dots.is-dynamic .is-current:last-child,
.f-carousel.is-rtl .f-carousel__dots.is-dynamic .is-prev:first-child {
  margin-left:0;
  margin-right:var(--f-carousel-dots-width)
}
.f-carousel.is-rtl .f-carousel__dots.is-dynamic .is-next:last-child {
  margin-right:0;
  margin-left:var(--f-carousel-dots-width)
}
.carousel_track__dy_T_ {
  display:flex;
  height:100%;
  width:100%;
  padding-top:calc(2 * var(--base-spacing, 4px));
  --f-thumb-width:100%;
  --f-thumb-border-radius:calc(2 * var(--base-spacing, 4px));
  --f-thumb-opacity:1;
  --f-thumb-gap:calc(2 * var(--base-spacing, 4px));
  --fancybox-bg:#000;
  --thumb-max-count:5;
  --thumb-offset:(calc(1 * var(--base-spacing, 4px)) * (var(--thumb-max-count) + 1));
  --thumb-width:calc((100% - var(--thumb-offset)) / var(--thumb-max-count))
}
@media (max-width:1024px) {
  .carousel_track__dy_T_ {
    --thumb-offset:(2 * calc(4 * var(--base-spacing, 4px)) + calc(2 * var(--base-spacing, 4px)) * (var(--thumb-max-count) + 1));
    --thumb-max-count:3
  }
}
.carousel_track__dy_T_>div {
  width:var(--thumb-width);
  aspect-ratio:100/56;
  height:100%
}
.carousel_viewport__3NIvt {
  display:none
}
.carousel_carouselNavigation__Cxr_0 {
  position:absolute;
  bottom:0;
  margin:calc(4 * var(--base-spacing, 4px));
  display:flex;
  justify-content:space-between;
  width:100%;
  gap:calc(2 * var(--base-spacing, 4px));
  padding-right:calc(8 * var(--base-spacing, 4px));
  z-index: 1;
}
.carousel_carouselNavigation__Cxr_0 .carousel_carouselBtn__y0rDH {
  display:flex;
  justify-content:center;
  align-items:center;
  height:calc(14 * var(--base-spacing, 4px));
  width:calc(14 * var(--base-spacing, 4px));
  color:#fff;
  background-color:#000;
  border-radius:calc(2 * var(--base-spacing, 4px))
}
.carousel_carouselNavigation__Cxr_0 .carousel_carouselBtn__y0rDH svg {
  height:calc(6 * var(--base-spacing, 4px));
  width:calc(6 * var(--base-spacing, 4px))
}
@media (max-width:1024px) {
  .carousel_carouselNavigation__Cxr_0 .carousel_carouselBtn__y0rDH {
    background-color:#00000066
  }
}
:root {
  --f-spinner-width:36px;
  --f-spinner-height:36px;
  --f-spinner-color-1:rgba(0,0,0,.1);
  --f-spinner-color-2:rgba(17,24,28,.8);
  --f-spinner-stroke:2.75
}
.f-spinner {
  margin:auto;
  padding:0;
  width:var(--f-spinner-width);
  height:var(--f-spinner-height)
}
.f-spinner svg {
  width:100%;
  height:100%;
  vertical-align:top;
  animation:f-spinner-rotate 2s linear infinite
}
.f-spinner svg * {
  stroke-width:var(--f-spinner-stroke);
  fill:none
}
.f-spinner svg :first-child {
  stroke:var(--f-spinner-color-1)
}
.f-spinner svg :last-child {
  stroke:var(--f-spinner-color-2);
  animation:f-spinner-dash 2s ease-in-out infinite
}
@keyframes f-spinner-rotate {
  to {
    transform:rotate(1turn)
  }
}
@keyframes f-spinner-dash {
  0% {
    stroke-dasharray:1,150;
    stroke-dashoffset:0
  }
  50% {
    stroke-dasharray:90,150;
    stroke-dashoffset:-35
  }
  to {
    stroke-dasharray:90,150;
    stroke-dashoffset:-124
  }
}
.f-throwOutUp {
  animation:var(--f-throw-out-duration,.175s) ease-out both f-throwOutUp
}
.f-throwOutDown {
  animation:var(--f-throw-out-duration,.175s) ease-out both f-throwOutDown
}
@keyframes f-throwOutUp {
  to {
    transform:translate3d(0,calc(var(--f-throw-out-distance, 150px) * -1),0);
    opacity:0
  }
}
@keyframes f-throwOutDown {
  to {
    transform:translate3d(0,var(--f-throw-out-distance,150px),0);
    opacity:0
  }
}
.f-zoomInUp {
  animation:var(--f-transition-duration,.2s) ease .1s both f-zoomInUp
}
.f-zoomOutDown {
  animation:var(--f-transition-duration,.2s) ease both f-zoomOutDown
}
@keyframes f-zoomInUp {
  0% {
    transform:scale(.975) translate3d(0,16px,0);
    opacity:0
  }
  to {
    transform:scale(1) translateZ(0);
    opacity:1
  }
}
@keyframes f-zoomOutDown {
  to {
    transform:scale(.975) translate3d(0,16px,0);
    opacity:0
  }
}
.f-fadeIn {
  animation:var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeIn;
  z-index:2
}
.f-fadeOut {
  animation:var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeOut;
  z-index:1
}
@keyframes f-fadeIn {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
@keyframes f-fadeOut {
  to {
    opacity:0
  }
}
.f-fadeFastIn {
  animation:var(--f-transition-duration,.2s) ease-out both f-fadeFastIn;
  z-index:2
}
.f-fadeFastOut {
  animation:var(--f-transition-duration,.1s) ease-out both f-fadeFastOut;
  z-index:2
}
@keyframes f-fadeFastIn {
  0% {
    opacity:.75
  }
  to {
    opacity:1
  }
}
@keyframes f-fadeFastOut {
  to {
    opacity:0
  }
}
.f-fadeSlowIn {
  animation:var(--f-transition-duration,.5s) ease both f-fadeSlowIn;
  z-index:2
}
.f-fadeSlowOut {
  animation:var(--f-transition-duration,.5s) ease both f-fadeSlowOut;
  z-index:1
}
@keyframes f-fadeSlowIn {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
@keyframes f-fadeSlowOut {
  to {
    opacity:0
  }
}
.f-crossfadeIn {
  animation:var(--f-transition-duration,.2s) ease-out both f-crossfadeIn;
  z-index:2
}
.f-crossfadeOut {
  animation:calc(var(--f-transition-duration, .2s)*.5) linear .1s both f-crossfadeOut;
  z-index:1
}
@keyframes f-crossfadeIn {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
@keyframes f-crossfadeOut {
  to {
    opacity:0
  }
}
.f-slideIn.from-next {
  animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInNext
}
.f-slideIn.from-prev {
  animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInPrev
}
.f-slideOut.to-next {
  animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutNext
}
.f-slideOut.to-prev {
  animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrev
}
@keyframes f-slideInPrev {
  0% {
    transform:translateX(100%)
  }
  to {
    transform:translateZ(0)
  }
}
@keyframes f-slideInNext {
  0% {
    transform:translateX(-100%)
  }
  to {
    transform:translateZ(0)
  }
}
@keyframes f-slideOutNext {
  to {
    transform:translateX(-100%)
  }
}
@keyframes f-slideOutPrev {
  to {
    transform:translateX(100%)
  }
}
.f-classicIn.from-next {
  animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInNext;
  z-index:2
}
.f-classicIn.from-prev {
  animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInPrev;
  z-index:2
}
.f-classicOut.to-next {
  animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutNext;
  z-index:1
}
.f-classicOut.to-prev {
  animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutPrev;
  z-index:1
}
@keyframes f-classicInNext {
  0% {
    transform:translateX(-75px);
    opacity:0
  }
  to {
    transform:translateZ(0);
    opacity:1
  }
}
@keyframes f-classicInPrev {
  0% {
    transform:translateX(75px);
    opacity:0
  }
  to {
    transform:translateZ(0);
    opacity:1
  }
}
@keyframes f-classicOutNext {
  to {
    transform:translateX(-75px);
    opacity:0
  }
}
@keyframes f-classicOutPrev {
  to {
    transform:translateX(75px);
    opacity:0
  }
}
:root {
  --f-button-width:40px;
  --f-button-height:40px;
  --f-button-border:0;
  --f-button-border-radius:0;
  --f-button-color:#374151;
  --f-button-bg:#f8f8f8;
  --f-button-hover-bg:#e0e0e0;
  --f-button-active-bg:#d0d0d0;
  --f-button-shadow:none;
  --f-button-transition:all 0.15s ease;
  --f-button-transform:none;
  --f-button-svg-width:20px;
  --f-button-svg-height:20px;
  --f-button-svg-stroke-width:1.5;
  --f-button-svg-fill:none;
  --f-button-svg-filter:none;
  --f-button-svg-disabled-opacity:0.65
}
.f-button {
  display:flex;
  justify-content:center;
  align-items:center;
  box-sizing:content-box;
  position:relative;
  margin:0;
  padding:0;
  width:var(--f-button-width);
  height:var(--f-button-height);
  border:var(--f-button-border);
  border-radius:var(--f-button-border-radius);
  color:var(--f-button-color);
  background:var(--f-button-bg);
  box-shadow:var(--f-button-shadow);
  pointer-events:all;
  cursor:pointer;
  transition:var(--f-button-transition)
}
@media(hover:hover) {
  .f-button:hover:not([disabled]) {
    color:var(--f-button-hover-color);
    background-color:var(--f-button-hover-bg)
  }
}
.f-button:active:not([disabled]) {
  background-color:var(--f-button-active-bg)
}
.f-button:focus:not(:focus-visible) {
  outline:none
}
.f-button:focus-visible {
  outline:none;
  box-shadow:inset 0 0 0 var(--f-button-outline,2px) var(--f-button-outline-color,var(--f-button-color))
}
.f-button svg {
  width:var(--f-button-svg-width);
  height:var(--f-button-svg-height);
  fill:var(--f-button-svg-fill);
  stroke:currentColor;
  stroke-width:var(--f-button-svg-stroke-width);
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:opacity .15s ease;
  transform:var(--f-button-transform);
  filter:var(--f-button-svg-filter);
  pointer-events:none
}
.f-button[disabled] {
  cursor:default
}
.f-button[disabled] svg {
  opacity:var(--f-button-svg-disabled-opacity)
}
.f-carousel__nav .f-button.is-next,
.f-carousel__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev {
  position:absolute;
  z-index:1
}
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev {
  top:50%;
  transform:translateY(-50%)
}
.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
  left:var(--f-button-prev-pos)
}
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
  right:var(--f-button-next-pos)
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
  left:auto;
  right:var(--f-button-next-pos)
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
  right:auto;
  left:var(--f-button-prev-pos)
}
.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev {
  top:auto;
  left:50%;
  transform:translateX(-50%)
}
.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
  top:var(--f-button-next-pos)
}
.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
  bottom:var(--f-button-next-pos)
}
.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg {
  transform:rotate(90deg)
}
.f-carousel__nav .f-button:disabled,
.fancybox__nav .f-button:disabled {
  pointer-events:none
}
html.with-fancybox {
  width:auto;
  overflow:visible;
  scroll-behavior:auto
}
html.with-fancybox body {
  touch-action:none
}
html.with-fancybox body.hide-scrollbar {
  width:auto;
  margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
  overflow:hidden!important;
  overscroll-behavior-y:none
}
.fancybox__container {
  --fancybox-color:#dbdbdb;
  --fancybox-hover-color:#fff;
  --fancybox-bg:rgba(24,24,27,.98);
  --fancybox-slide-gap:10px;
  --f-spinner-width:50px;
  --f-spinner-height:50px;
  --f-spinner-color-1:hsla(0,0%,100%,.1);
  --f-spinner-color-2:#bbb;
  --f-spinner-stroke:3.65;
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  right:0;
  direction:ltr;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  margin:0;
  padding:0;
  color:#f8f8f8;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  overflow:visible;
  z-index:var(--fancybox-zIndex,1050);
  outline:none;
  transform-origin:top left;
  -webkit-text-size-adjust:100%;
  -moz-text-size-adjust:none;
  -ms-text-size-adjust:100%;
  text-size-adjust:100%;
  overscroll-behavior-y:contain
}
.fancybox__container *,
.fancybox__container :after,
.fancybox__container :before {
  box-sizing:inherit
}
.fancybox__container::backdrop {
  background-color:transparent
}
.fancybox__backdrop {
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  right:0;
  z-index:-1;
  background:var(--fancybox-bg);
  opacity:var(--fancybox-opacity,1);
  will-change:opacity
}
.fancybox__carousel {
  position:relative;
  box-sizing:border-box;
  flex:1;
  min-height:0;
  z-index:10;
  overflow-y:visible;
  overflow-x:clip
}
.fancybox__viewport {
  width:100%;
  height:100%
}
.fancybox__viewport.is-draggable {
  cursor:move;
  cursor:grab
}
.fancybox__viewport.is-dragging {
  cursor:move;
  cursor:grabbing
}
.fancybox__track {
  display:flex;
  margin:0 auto;
  height:100%
}
.fancybox__slide {
  flex:0 0 auto;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
  height:100%;
  margin:0 var(--fancybox-slide-gap) 0 0;
  padding:4px;
  overflow:auto;
  overscroll-behavior:contain;
  transform:translateZ(0);
  backface-visibility:hidden
}
.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
  padding-top:40px
}
.fancybox__slide.has-html5video,
.fancybox__slide.has-iframe,
.fancybox__slide.has-image,
.fancybox__slide.has-video {
  overflow:hidden
}
.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
  overflow:visible
}
.fancybox__slide:after,
.fancybox__slide:before {
  content:"";
  flex:0 0 0;
  margin:auto
}
.fancybox__backdrop:empty,
.fancybox__slide:empty,
.fancybox__track:empty,
.fancybox__viewport:empty {
  display:block
}
.fancybox__content {
  align-self:center;
  display:flex;
  flex-direction:column;
  position:relative;
  margin:0;
  padding:2rem;
  max-width:100%;
  color:var(--fancybox-content-color,#374151);
  background:var(--fancybox-content-bg,#fff);
  cursor:default;
  border-radius:0;
  z-index:20
}
.is-loading .fancybox__content {
  opacity:0
}
.is-draggable .fancybox__content {
  cursor:move;
  cursor:grab
}
.can-zoom_in .fancybox__content {
  cursor:zoom-in
}
.can-zoom_out .fancybox__content {
  cursor:zoom-out
}
.is-dragging .fancybox__content {
  cursor:move;
  cursor:grabbing
}
.fancybox__content [contenteditable],
.fancybox__content [data-selectable] {
  cursor:auto
}
.fancybox__slide.has-image>.fancybox__content {
  padding:0;
  background:transparent;
  min-height:1px;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:50%;
  transition:none;
  transform:translateZ(0);
  backface-visibility:hidden
}
.fancybox__slide.has-image>.fancybox__content>picture>img {
  width:100%;
  height:auto;
  max-height:100%
}
.is-animating .fancybox__content,
.is-dragging .fancybox__content {
  will-change:transform,width,height
}
.fancybox-image {
  margin:auto;
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:contain;
  user-select:none;
  filter:blur(0)
}
.fancybox__caption {
  align-self:center;
  max-width:100%;
  flex-shrink:0;
  margin:0;
  padding:14px 0 4px;
  overflow-wrap:anywhere;
  line-height:1.375;
  color:var(--fancybox-color,currentColor);
  opacity:var(--fancybox-opacity,1);
  cursor:auto;
  visibility:visible
}
.is-closing .fancybox__caption,
.is-loading .fancybox__caption {
  opacity:0;
  visibility:hidden
}
.is-compact .fancybox__caption {
  padding-bottom:0
}
.f-button.is-close-btn {
  --f-button-svg-stroke-width:2;
  position:absolute;
  top:0;
  right:8px;
  z-index:40
}
.fancybox__content>.f-button.is-close-btn {
  --f-button-width:34px;
  --f-button-height:34px;
  --f-button-border-radius:4px;
  --f-button-color:var(--fancybox-color,#fff);
  --f-button-hover-color:var(--fancybox-color,#fff);
  --f-button-bg:transparent;
  --f-button-hover-bg:transparent;
  --f-button-active-bg:transparent;
  --f-button-svg-width:22px;
  --f-button-svg-height:22px;
  position:absolute;
  top:-38px;
  right:0;
  opacity:.75
}
.is-loading .fancybox__content>.f-button.is-close-btn,
.is-zooming-out .fancybox__content>.f-button.is-close-btn {
  visibility:hidden
}
.fancybox__content>.f-button.is-close-btn:hover {
  opacity:1
}
.fancybox__footer {
  padding:0;
  margin:0;
  position:relative
}
.fancybox__footer .fancybox__caption {
  width:100%;
  padding:24px;
  opacity:var(--fancybox-opacity,1);
  transition:all .25s ease
}
.is-compact .fancybox__footer {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  z-index:20;
  background:rgba(24,24,27,.5)
}
.is-compact .fancybox__footer .fancybox__caption {
  padding:12px
}
.is-compact .fancybox__content>.f-button.is-close-btn {
  --f-button-border-radius:50%;
  --f-button-color:#fff;
  --f-button-hover-color:#fff;
  --f-button-outline-color:#000;
  --f-button-bg:rgba(0,0,0,.6);
  --f-button-active-bg:rgba(0,0,0,.6);
  --f-button-hover-bg:rgba(0,0,0,.6);
  --f-button-svg-width:18px;
  --f-button-svg-height:18px;
  --f-button-svg-filter:none;
  top:5px;
  right:5px
}
.fancybox__nav {
  --f-button-width:50px;
  --f-button-height:50px;
  --f-button-border:0;
  --f-button-border-radius:50%;
  --f-button-color:var(--fancybox-color);
  --f-button-hover-color:var(--fancybox-hover-color);
  --f-button-bg:transparent;
  --f-button-hover-bg:rgba(24,24,27,.3);
  --f-button-active-bg:rgba(24,24,27,.5);
  --f-button-shadow:none;
  --f-button-transition:all 0.15s ease;
  --f-button-transform:none;
  --f-button-svg-width:26px;
  --f-button-svg-height:26px;
  --f-button-svg-stroke-width:2.5;
  --f-button-svg-fill:none;
  --f-button-svg-filter:drop-shadow(1px 1px 1px rgba(24,24,27,.5));
  --f-button-svg-disabled-opacity:0.65;
  --f-button-next-pos:1rem;
  --f-button-prev-pos:1rem;
  opacity:var(--fancybox-opacity,1)
}
.fancybox__nav .f-button:before {
  position:absolute;
  content:"";
  top:-30px;
  right:-20px;
  left:-20px;
  bottom:-30px;
  z-index:1
}
.is-idle .fancybox__nav,
.is-idle.is-compact .fancybox__footer {
  animation:f-fadeOut .15s ease-out both
}
.is-idle.is-compact .fancybox__footer {
  pointer-events:none
}
.fancybox__slide>.f-spinner {
  position:absolute;
  top:50%;
  left:50%;
  margin:var(--f-spinner-top,calc(var(--f-spinner-width) * -.5)) 0 0 var(--f-spinner-left,calc(var(--f-spinner-height) * -.5));
  z-index:30;
  cursor:pointer
}
.fancybox-protected {
  right:0;
  bottom:0
}
.fancybox-ghost,
.fancybox-protected {
  position:absolute;
  top:0;
  left:0;
  z-index:40;
  user-select:none
}
.fancybox-ghost {
  width:100%;
  height:100%;
  min-height:0;
  object-fit:contain;
  pointer-events:none
}
.fancybox-focus-guard {
  outline:none;
  opacity:0;
  position:fixed;
  pointer-events:none
}
.fancybox__container:not([aria-hidden]) {
  opacity:0
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>:not(.fancybox__content),
.fancybox__container.is-animated[aria-hidden=false]>:not(.fancybox__backdrop,
.fancybox__carousel) {
  animation:var(--f-interface-enter-duration,.25s) ease .1s backwards f-fadeIn
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
  animation:var(--f-backdrop-enter-duration,.35s) ease backwards f-fadeIn
}
.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>:not(.fancybox__content),
.fancybox__container.is-animated[aria-hidden=true]>:not(.fancybox__backdrop,
.fancybox__carousel) {
  animation:var(--f-interface-exit-duration,.15s) ease forwards f-fadeOut
}
.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
  animation:var(--f-backdrop-exit-duration,.35s) ease forwards f-fadeOut
}
.has-html5video .fancybox__content,
.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
  max-width:100%;
  flex-shrink:1;
  min-height:1px;
  overflow:visible
}
.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
  width:calc(100% - 120px);
  height:90%
}
.fancybox__container.is-compact .has-iframe .fancybox__content,
.fancybox__container.is-compact .has-map .fancybox__content,
.fancybox__container.is-compact .has-pdf .fancybox__content {
  width:100%;
  height:100%
}
.has-html5video .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
  width:960px;
  height:540px;
  max-width:100%;
  max-height:100%
}
.has-html5video .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
  padding:0;
  background:rgba(24,24,27,.9);
  color:#fff
}
.has-map .fancybox__content {
  background:#e5e3df
}
.fancybox__html5video,
.fancybox__iframe {
  border:0;
  display:block;
  height:100%;
  width:100%;
  background:transparent
}
.fancybox-placeholder {
  border:0!important;
  clip:rect(1px,1px,1px,1px)!important;
  -webkit-clip-path:inset(50%)!important;
  clip-path:inset(50%)!important;
  height:1px!important;
  margin:-1px!important;
  overflow:hidden!important;
  padding:0!important;
  position:absolute!important;
  width:1px!important;
  white-space:nowrap!important
}
.f-carousel__thumbs {
  --f-thumb-width:96px;
  --f-thumb-height:72px;
  --f-thumb-outline:0;
  --f-thumb-outline-color:#5eb0ef;
  --f-thumb-opacity:1;
  --f-thumb-hover-opacity:1;
  --f-thumb-selected-opacity:1;
  --f-thumb-border-radius:2px;
  --f-thumb-offset:0px;
  --f-button-next-pos:0;
  --f-button-prev-pos:0
}
.f-carousel__thumbs.is-classic {
  --f-thumb-gap:8px;
  --f-thumb-opacity:0.5;
  --f-thumb-hover-opacity:1;
  --f-thumb-selected-opacity:1
}
.f-carousel__thumbs.is-modern {
  --f-thumb-gap:4px;
  --f-thumb-extra-gap:16px;
  --f-thumb-clip-width:46px
}
.f-thumbs {
  position:relative;
  flex:0 0 auto;
  margin:0;
  overflow:hidden;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  user-select:none;
  perspective:1000px;
  transform:translateZ(0)
}
.f-thumbs .f-spinner {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border-radius:2px;
  background-image:linear-gradient(#ebeff2,#e2e8f0);
  z-index:-1
}
.f-thumbs .f-spinner svg {
  display:none
}
.f-thumbs.is-vertical {
  height:100%
}
.f-thumbs__viewport {
  width:100%;
  height:auto;
  overflow:hidden;
  transform:translateZ(0)
}
.f-thumbs__track {
  display:flex
}
.f-thumbs__slide {
  position:relative;
  flex:0 0 auto;
  box-sizing:content-box;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  margin:0;
  width:var(--f-thumb-width);
  height:var(--f-thumb-height);
  overflow:visible;
  cursor:pointer
}
.f-thumbs__slide.is-loading img {
  opacity:0
}
.is-classic .f-thumbs__viewport {
  height:100%
}
.is-modern .f-thumbs__track {
  width:max-content
}
.is-modern .f-thumbs__track:before {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:calc((var(--f-thumb-clip-width, 0))*-.5);
  width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));
  cursor:pointer
}
.is-modern .f-thumbs__slide {
  width:var(--f-thumb-clip-width);
  transform:translate3d(calc(var(--shift, 0) * -1px),0,0);
  transition:none;
  pointer-events:none
}
.is-modern.is-resting .f-thumbs__slide {
  transition:transform .33s ease
}
.is-modern.is-resting .f-thumbs__slide__button {
  transition:clip-path .33s ease
}
.is-using-tab .is-modern .f-thumbs__slide:focus-within {
  filter:drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color))
}
.f-thumbs__slide__button {
  appearance:none;
  width:var(--f-thumb-width);
  height:100%;
  margin:0 -100%;
  padding:0;
  border:0;
  position:relative;
  border-radius:var(--f-thumb-border-radius);
  overflow:hidden;
  background:transparent;
  outline:none;
  cursor:pointer;
  pointer-events:auto;
  touch-action:manipulation;
  opacity:var(--f-thumb-opacity);
  transition:opacity .2s ease
}
.f-thumbs__slide__button:hover {
  opacity:var(--f-thumb-hover-opacity)
}
.f-thumbs__slide__button:focus:not(:focus-visible) {
  outline:none
}
.f-thumbs__slide__button:focus-visible {
  outline:none;
  opacity:var(--f-thumb-selected-opacity)
}
.is-modern .f-thumbs__slide__button {
  --clip-path:inset(0 calc(((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5) round var(--f-thumb-border-radius,0));
  clip-path:var(--clip-path)
}
.is-classic .is-nav-selected .f-thumbs__slide__button {
  opacity:var(--f-thumb-selected-opacity)
}
.is-classic .is-nav-selected .f-thumbs__slide__button:after {
  content:"";
  height:auto;
  border:var(--f-thumb-outline,0) solid var(--f-thumb-outline-color,transparent);
  animation:f-fadeIn .2s ease-out;
  z-index:10
}
.f-thumbs__slide__img,
.is-classic .is-nav-selected .f-thumbs__slide__button:after {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  border-radius:var(--f-thumb-border-radius)
}
.f-thumbs__slide__img {
  overflow:hidden;
  width:100%;
  height:100%;
  margin:0;
  padding:var(--f-thumb-offset);
  box-sizing:border-box;
  pointer-events:none;
  object-fit:cover
}
.f-thumbs.is-horizontal .f-thumbs__track {
  padding:8px 0 12px
}
.f-thumbs.is-horizontal .f-thumbs__slide {
  margin:0 var(--f-thumb-gap) 0 0
}
.f-thumbs.is-vertical .f-thumbs__track {
  flex-wrap:wrap;
  padding:0 8px
}
.f-thumbs.is-vertical .f-thumbs__slide {
  margin:0 0 var(--f-thumb-gap) 0
}
.fancybox__thumbs {
  --f-thumb-width:96px;
  --f-thumb-height:72px;
  --f-thumb-border-radius:2px;
  --f-thumb-outline:2px;
  --f-thumb-outline-color:#ededed;
  position:relative;
  opacity:var(--fancybox-opacity,1);
  transition:max-height .35s cubic-bezier(.23,1,.32,1)
}
.fancybox__thumbs.is-classic {
  --f-thumb-gap:8px;
  --f-thumb-opacity:0.5;
  --f-thumb-hover-opacity:1
}
.fancybox__thumbs.is-classic .f-spinner {
  background-image:linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,.05))
}
.fancybox__thumbs.is-modern {
  --f-thumb-gap:4px;
  --f-thumb-extra-gap:16px;
  --f-thumb-clip-width:46px;
  --f-thumb-opacity:1;
  --f-thumb-hover-opacity:1
}
.fancybox__thumbs.is-modern .f-spinner {
  background-image:linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,.05))
}
.fancybox__thumbs.is-horizontal {
  padding:0 var(--f-thumb-gap)
}
.fancybox__thumbs.is-vertical {
  padding:var(--f-thumb-gap) 0
}
.is-compact .fancybox__thumbs {
  --f-thumb-width:64px;
  --f-thumb-clip-width:32px;
  --f-thumb-height:48px;
  --f-thumb-extra-gap:10px
}
.fancybox__thumbs.is-masked {
  max-height:0!important
}
.is-closing .fancybox__thumbs {
  transition:none!important
}
.fancybox__toolbar {
  --f-progress-color:var(--fancybox-color,hsla(0,0%,100%,.94));
  --f-button-width:46px;
  --f-button-height:46px;
  --f-button-color:var(--fancybox-color);
  --f-button-hover-color:var(--fancybox-hover-color);
  --f-button-bg:rgba(24,24,27,.65);
  --f-button-hover-bg:rgba(70,70,73,.65);
  --f-button-active-bg:rgba(90,90,93,.65);
  --f-button-border-radius:0;
  --f-button-svg-width:24px;
  --f-button-svg-height:24px;
  --f-button-svg-stroke-width:1.5;
  --f-button-svg-filter:drop-shadow(1px 1px 1px rgba(24,24,27,.15));
  --f-button-svg-fill:none;
  --f-button-svg-disabled-opacity:0.65;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  margin:0;
  padding:0;
  font-family:-apple-system,BlinkMacSystemFont,Segoe UI Adjusted,Segoe UI,Liberation Sans,sans-serif;
  color:var(--fancybox-color,currentColor);
  opacity:var(--fancybox-opacity,1);
  text-shadow:var(--fancybox-toolbar-text-shadow,1px 1px 1px rgba(0,0,0,.5));
  pointer-events:none;
  z-index:20
}
.fancybox__toolbar :focus-visible {
  z-index:1
}
.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
  position:absolute;
  top:0;
  left:0;
  right:0
}
.is-idle .fancybox__toolbar {
  pointer-events:none;
  animation:f-fadeOut .15s ease-out both
}
.fancybox__toolbar__column {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-content:flex-start
}
.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
  flex-grow:1;
  flex-basis:0
}
.fancybox__toolbar__column.is-right {
  display:flex;
  justify-content:flex-end;
  flex-wrap:nowrap
}
.fancybox__infobar {
  padding:0 5px;
  line-height:var(--f-button-height);
  text-align:center;
  font-size:17px;
  font-variant-numeric:tabular-nums;
  -webkit-font-smoothing:subpixel-antialiased;
  cursor:default;
  user-select:none
}
.fancybox__infobar span {
  padding:0 5px
}
.fancybox__infobar:not(:first-child):not(:last-child) {
  background:var(--f-button-bg)
}
[data-fancybox-toggle-slideshow] {
  position:relative
}
[data-fancybox-toggle-slideshow] .f-progress {
  height:100%;
  opacity:.3
}
[data-fancybox-toggle-slideshow] svg g:first-child {
  display:flex
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child,
[data-fancybox-toggle-slideshow] svg g:last-child {
  display:none
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child,
[data-fancybox-toggle-fullscreen] svg g:first-child {
  display:flex
}
[data-fancybox-toggle-fullscreen] svg g:last-child {
  display:none
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display:none
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display:flex
}
.f-progress {
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  transform:scaleX(0);
  transform-origin:0;
  transition-property:transform;
  transition-timing-function:linear;
  background:var(--f-progress-color,var(--f-carousel-theme-color,#0091ff));
  z-index:30;
  user-select:none;
  pointer-events:none
}
.gallery_gallery__oeHq7 {
  --fancybox-bg:#000;
  padding:0
}
.gallery_gallery__oeHq7[role=dialog] {
  padding:0
}
.gallery_gallery__oeHq7 .gallery_is-compact__IfmDO .gallery_fancybox__toolbar__xrat5,
.gallery_gallery__oeHq7>.gallery_fancybox__toolbar__xrat5.gallery_is-absolute__FPqAr {
  position:inherit
}
.gallery_slide__MnhlV {
  width:100%
}
.gallery_slide__MnhlV img {
  border-radius:calc(2 * var(--base-spacing, 4px))
}
.fancybox_navBtn__IIOMs {
  width:100%;
  height:calc(16 * var(--base-spacing, 4px));
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:#ffffff14;
  background-repeat:no-repeat;
  background-position:50%;
  background-size:calc(6 * var(--base-spacing, 4px))
}
.fancybox_navBtn__IIOMs.fancybox_prev__iPZdW {
  background-image:url(/icon/left_white_arrow.svg)
}
.fancybox_navBtn__IIOMs.fancybox_next__DujVN {
  background-image:url(/icon/right_arrow.svg)
}
.fancybox_navBtn__IIOMs:hover {
  background-color:#ffffff33
}
.fancybox_footer__lfL2c {
  display:flex;
  margin-top:calc(6 * var(--base-spacing, 4px))
}
@media (max-width:1024px) {
  .fancybox_footer__lfL2c {
    margin-top:0
  }
}
.objectStages .project-genplan-chooser-section_landscape__w6bTD img {
  position: relative;
  z-index: 2;
}
.project-genplan-chooser-section_landscape__w6bTD .stagePointMap {
  width: 100vw;
  position: absolute;
  left: 0;
  top: 0;
  max-width: 100%;
  height: 100%;
  z-index: 3;
}
.project-genplan-chooser-section_landscape__w6bTD .stagePoint {
  z-index: 4;
}
@media (max-width:1024px) {
  .project-genplan-chooser-section_landscape__w6bTD .stagePointMap {
    height: 100%;
    width: auto;
    display: block;
    max-width: fit-content;
  }
  .project-genplan-section_mask__OWggE svg {
    height: 100%;
    width: auto;
    max-width: fit-content;
  }
}

.newBlockTitle {
  font-size: 32px;
  line-height: 120%;
  letter-spacing: -4%;
  text-transform: uppercase;
}

.projectPromo {
  margin-top: -104px;
}
.projectPromo .projectPromoImage:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(235.48deg, rgba(21, 94, 246, 0) 54.9%, rgba(21, 94, 246, 0.66) 90.59%);
  content: "";
  display: block;
}
.projectPromo .projectPromoContainer {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding-bottom: 43px;
  gap: 32px;
}
.projectPromo .projectPromoContainer .projectPromoTitle {
  color: #fff;
}
.projectPromo .projectPromoContainer .projectPromoTitle h1{
  font-size: 56px;
  line-height: 113.99999999999999%;
  letter-spacing: -6%;
  vertical-align: middle;
  text-transform: uppercase;
}
.projectPromo .projectPromoContainer .projectPromoAdvantages {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
}
.projectPromo .projectPromoContainer .projectPromoAdvantages .projectPromoAdvantagesItem {
  display: flex;
  border-radius: 8px;
  padding: 24px;
  background: #00000099;
  width: calc(33.3333% - 8px);
  flex-direction: column;
}
.projectPromo .projectPromoContainer .projectPromoAdvantages .projectPromoAdvantagesItem.projectPromoAdvantagesItemBtn {
  flex-direction: row;
  gap: 24px;
  justify-content: space-between;
}
.projectPromo .projectPromoContainer .projectPromoAdvantages .projectPromoAdvantagesItem .projectPromoAdvantagesItemText {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #fff;
}
.projectPromo .projectPromoContainer .projectPromoAdvantages .projectPromoAdvantagesItem .projectPromoAdvantagesItemText .projectPromoAdvantagesItemTitle {
  font-family: Inter;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -3%;
}
.projectPromo .projectPromoContainer .projectPromoAdvantages .projectPromoAdvantagesItem .projectPromoAdvantagesItemText .projectPromoAdvantagesItemDecription {
  font-size: 24px;
  line-height: 112.00000000000001%;
  letter-spacing: -6%;
  text-transform: uppercase;
}
.projectPromo .projectPromoContainer .projectPromoAdvantages .projectPromoAdvantagesItem .advantagesBtn {}

.objectFeatures {
  padding-bottom: 40px;
  background: #000;
}
.objectFeatures .objectFeaturesContainer {
  display: flex;
  flex-direction: column;
  color: #fff;
  align-items: center;
}
.objectFeatures .objectFeaturesLogo {
  text-align: center;
  margin-bottom: 32px;
  margin-top: 64px;
}
.objectFeatures .objectFeaturesLogo svg {}
.objectFeatures .objectFeaturesTitle {
  margin-bottom: 48px;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: -4%;
  text-align: center;
  text-transform: uppercase;
}
.objectFeatures .objectFeaturesItems {
  display: flex;
  gap: 24px;
}
.objectFeatures .objectFeaturesItems .objectFeaturesItem {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 48px 32px;
  border-radius: 8px;
  background-color: #155EF6;
  background-position: right top;
  background-repeat: no-repeat;
  background-image: url(/local/templates/main/components/bitrix/news.detail/project/images/featuresBg.png);
  width: calc(33.3333% - 8px);
}
.objectFeatures .objectFeaturesItems .objectFeaturesItem img {
  max-width: 48px;
  max-height: 48px;
  object-fit: contain;
}
.objectFeatures .objectFeaturesItems .objectFeaturesItem div {
  font-family: Inter;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0%;
}
.objectPropertiesTitle {
  color: #fff;
  padding-top: 40px;
  text-align: left;
  width: 100%;
}
.objectFeatures .objectProperties {
  margin-top: 32px;
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.objectFeatures .objectProperties .objectPropertiesItem {
  display: flex;
  flex-direction: column;
  padding-bottom: 8px;
  border-bottom: 1px solid #FFFFFF66;
  gap: 8px;
  width: calc(50% - 12px);
}
.objectFeatures .objectProperties .objectPropertiesItem .objectPropertiesItemTitle {
  font-family: Inter;
  font-weight: 700;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: -4%;
  color: #FFFFFF66;
}
.objectFeatures .objectProperties .objectPropertiesItem .objectPropertiesItemText {
  font-size: 32px;
  line-height: 120%;
  letter-spacing: -6%;
  text-transform: uppercase;
}

.objectLocationAdvantages {

}
.objectLocationAdvantages .objectLocationAdvantagesContainer {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.objectLocationAdvantages .objectLocationAdvantagesContainer .objectLocationAdvantagesTitle {}
.objectLocationAdvantages .objectLocationAdvantagesContainer .objectLocationAdvantagesDescription {
  font-family: Inter;
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -3%;
}
.objectLocationAdvantages .objectLocationAdvantagesContainer .objectLocationAdvantagesItems {
  display: flex;
  gap: 24px;
}
.objectLocationAdvantages .objectLocationAdvantagesContainer .objectLocationAdvantagesItems .objectLocationAdvantagesItem {
  width: calc(33.3333% - 8px);
  position: relative;
  border-radius: 8px;
  height: 360px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  justify-content: flex-end;
  color: #fff;
}
.objectLocationAdvantages .objectLocationAdvantagesContainer .objectLocationAdvantagesItems .objectLocationAdvantagesItem:before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 8px;
  content: "";
  position: absolute;
  background: linear-gradient(235.48deg, rgba(21, 94, 246, 0) 54.9%, rgba(21, 94, 246, 0.66) 90.59%);
}
.objectLocationAdvantages .objectLocationAdvantagesContainer .objectLocationAdvantagesItems .objectLocationAdvantagesItem .objectLocationAdvantagesItemText {
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -6%;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  z-index: 1;
  padding-right: 10%;
}

.objectInvesticion {
  padding-top: 40px;
}
.objectInvesticion .objectInvesticionContainer {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.objectInvesticion .objectInvesticionContainer .objectInvesticionTitle {}
.objectInvesticion .objectInvesticionContainer .objectInvesticionDescription {
  font-family: Inter;
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -3%;
}
.objectInvesticion .objectInvesticionContainer .objectInvesticionItems {
  display: flex;
  gap: 24px;
}
.objectInvesticion .objectInvesticionContainer .objectInvesticionItems .objectInvesticionItem {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(33.3333% - 8px);
  height: 360px;
  padding: 36px 24px;
  background: #fff;
  border-radius: 8px;
}
.objectInvesticion .objectInvesticionContainer .objectInvesticionItems .objectInvesticionItem .objectInvesticionItemTitle {
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -6%;
  text-transform: uppercase;
}
.objectInvesticion .objectInvesticionContainer .objectInvesticionItems .objectInvesticionItem .objectInvesticionItemText {
  font-size: 120px;
  line-height: 120%;
  letter-spacing: -4%;
  text-transform: uppercase;
  color: #155EF6;
}

.objectWho {
  padding-top: 40px;
  padding-bottom: 40px;
  background: #000;
  margin-top: 40px;
  margin-bottom: 40px;
}
.objectWho .objectWhoContainer {
  display: flex;
  flex-direction: column;
  color: #fff;
  align-items: center;
}
.objectWho .objectWhoLogo {
  text-align: center;
  margin-bottom: 32px;
}
.objectWho .objectWhoLogo svg {}
.objectWho .objectWhoTitle {
  margin-bottom: 48px;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: -4%;
  text-align: center;
  text-transform: uppercase;
}
.objectWho .objectWhoItems {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.objectWho .objectWhoItems .objectWhoItem {
  width: calc(50% - 12px);
  display: flex;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: -7%;
  text-transform: uppercase;
  color: #fff;
  background: #155EF6;
  border-radius: 8px;
  padding: 16px 24px;
  height: 140px;
}
.objectWho .objectWhoItems .objectWhoItem:first-child {
  width: 100%;
}
.objectWho .objectWhoItems .objectWhoItem span {
  display: inline-block;
  background: #fff;
  color: #155EF6;
  margin-top: 4px;
  margin-bottom: 4px;
}
.objectWho .objectDirections {
  margin-bottom: 32px;
  display: flex;
  gap: 24px;
}
.objectWho .objectDirections .objectDirectionsItem {
  display: flex;
  flex-direction: column;
  gap: 4px;
  opacity: 0.8;
  align-items: center;
  width: 16.6666%;
}
.objectWho .objectDirections .objectDirectionsItem img {
  max-width: 48px;
  max-height: 48px;
  object-fit: contain;
}
.objectWho .objectDirections .objectDirectionsItem div {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -4%;
  text-align: center;
}

.objectAdvantagesSlider {
  padding-top: 100px;
  margin-bottom: 24px;
}
.objectAdvantagesSlider .objectAdvantagesSliderContainer {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.objectAdvantagesSlider .objectAdvantagesSliderContainer .objectAdvantagesSliderTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.objectAdvantagesSlider .objectAdvantagesSliderContainer .objectAdvantagesSliderTop .objectAdvantagesSliderTitle {}
.objectAdvantagesSlider .objectAdvantagesSliderContainer .objectAdvantagesSliderTop .objectAdvantagesSliderButtons {
  display: flex;
  gap: 16px;
}
.objectAdvantagesSlider .objectAdvantagesSliderContainer .objectAdvantagesSliderTop .objectAdvantagesSliderButtons .objectAdvantagesSliderButton {
  width: 48px;
  height: 48px;
  border-radius: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.objectAdvantagesSlider .objectAdvantagesSliderContainer .objectAdvantagesSliderTop .objectAdvantagesSliderButtons .objectAdvantagesSliderButton.objectAdvantagesSliderButtonPrev {}
.objectAdvantagesSlider .objectAdvantagesSliderContainer .objectAdvantagesSliderTop .objectAdvantagesSliderButtons .objectAdvantagesSliderButton.objectAdvantagesSliderButtonNext {}
.objectAdvantagesSlider .objectAdvantagesSliderContainer .objectAdvantagesSliderSwiper {
  width: 100%;
}
.objectAdvantagesSlider .objectAdvantagesSliderContainer .objectAdvantagesSliderSwiper .objectAdvantagesSliderWrapper {
  display: flex;
}
.objectAdvantagesSlider .objectAdvantagesSliderContainer .objectAdvantagesSliderSwiper .objectAdvantagesSliderWrapper .objectAdvantagesSliderItem {
  display: flex;
  flex-direction: column;
  padding: 24px;
  gap: 10px;
  background: #fff;
  border-radius: 8px;
  height: auto;
}
.objectAdvantagesSlider .objectAdvantagesSliderContainer .objectAdvantagesSliderSwiper .objectAdvantagesSliderWrapper .objectAdvantagesSliderItem img {
  max-width: 100%;
}
.objectAdvantagesSlider .objectAdvantagesSliderContainer .objectAdvantagesSliderSwiper .objectAdvantagesSliderWrapper .objectAdvantagesSliderItem .objectAdvantagesSliderItemTitle {
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -4%;
  text-transform: uppercase;
}
.objectAdvantagesSlider .objectAdvantagesSliderContainer .objectAdvantagesSliderSwiper .objectAdvantagesSliderWrapper .objectAdvantagesSliderItem .objectAdvantagesSliderItemText {
  font-family: Inter;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0%;
  color: #00000080;
}

.objectStages {
  padding-top: 40px;
  height: 100vh;
  background: #0000001A;
  backdrop-filter: blur(20px);
}

.objectStages .objectPlanBg {
  background-image: url(/upload/genplan16.9.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.objectStages .objectPlanBlur {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  /*background: #0000001A;*/
  backdrop-filter: blur(8px);
  z-index: 1;
}

.objectStages .objectStagesTitle {
  margin-bottom: 24px;
}
.objectStages .project-genplan-chooser-section_landscape__w6bTD,
.objectStages .project-genplan-chooser-section_landscape__w6bTD img {
  width: 100vw;
  height: calc(100vh - 162px);
  object-fit: contain;
}
.mainSiteWrapper .project-address-section_address__BOJrV {
  padding-top: 40px;
  padding-bottom: 40px;
}
.genplanChooserTitle{
  margin-bottom: 24px;
}
.objectGallery {
  margin-top: 40px;
}
.objectGalleryWrap {
  padding-top: 24px;
}

.objectDeveloper {
  margin-top: 40px;
}
.objectDeveloper .objectDeveloperTitle {
  margin-bottom: 48px;
}
.objectNewsTitle {
  margin-bottom: 24px;
}
.objectDeveloperTop {
  padding-top: 40px;
  padding-bottom: 40px;
  background: #EAEAEA;
}
.objectDeveloperTop .objectDeveloperTopContainer {
  display: flex;
  flex-direction: column;
  color: #000;
  align-items: center;
}
.objectDeveloperTop .objectDeveloperTopLogo {
  text-align: center;
  margin-bottom: 32px;
}
.objectDeveloperTop .objectDeveloperTopLogo svg {}
.objectDeveloperTop .objectDeveloperTitle {
  margin-bottom: 48px;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: -4%;
  text-align: center;
  text-transform: uppercase;
}
.objectDeveloperTop .objectDeveloperTitle:last-child {
  margin-bottom: 0;
}
.objectDeveloperTopInfo {
  display: flex;
  align-items: flex-start;
  margin-bottom: 48px;
  gap: 32px;
}
.objectDeveloperTopInfo .objectDeveloperTopInfoText {
  max-width: 900px;
}
.objectDeveloper .objectDeveloperContainer {
  display: flex;
  gap: 24px;
}
.objectDeveloper .objectDeveloperContainer .objectDeveloperInfo {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  background: #fff;
  height: auto;
  padding: 32px;
  gap: 19px;
  width: 50%;
}
.objectDeveloper .objectDeveloperContainer .objectDeveloperInfo .objectDeveloperLogo {}
.objectDeveloper .objectDeveloperContainer .objectDeveloperInfo .objectDeveloperLogo svg {}
.objectDeveloper .objectDeveloperContainer .objectDeveloperInfo .objectDeveloperTitle {
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -6%;
  text-transform: uppercase;
}
.objectDeveloper .objectDeveloperContainer .objectDeveloperInfo .objectDeveloperImage {
  margin-top: 5px;
}
.objectDeveloper .objectDeveloperContainer .objectDeveloperInfo .objectDeveloperImage img {
  max-width: 100%;
}
.objectDeveloper .objectDeveloperContainer .objectDeveloperAdvantages {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  height: auto;
  width: 50%;
}
.objectDeveloper .objectDeveloperContainer .objectDeveloperAdvantages .objectDeveloperAdvantagesItem {
  width: calc(50% - 12px);
  height: calc(50% - 12px);
  border-radius: 8px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px 24px;
}
.objectDeveloper .objectDeveloperContainer .objectDeveloperAdvantages .objectDeveloperAdvantagesItem .objectDeveloperAdvantagesItemTitle {
  font-size: 68px;
  line-height: 120%;
  letter-spacing: -6%;
  text-transform: uppercase;
  color: #155EF6;
}
.objectDeveloper .objectDeveloperContainer .objectDeveloperAdvantages .objectDeveloperAdvantagesItem .objectDeveloperAdvantagesItemText {
  font-family: Inter;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0%;
  color: #00000080;
}

.objectOrder {
  margin-top: 64px;
}
.objectOrder .objectOrderTitle {}
.objectOrder .objectOrderWrap {
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 32px;
  background: #155EF6;
  color: #fff;
}
.objectOrder .objectOrderWrap .objectOrderContainer {
  display: flex;
  justify-content: space-between;
  gap: 32px;
}
.objectOrder .objectOrderWrap .objectOrderContainer .objectOrderInfo {
  width: 50%;
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding-left: 60px;
  padding-right: 60px;
}
.objectOrder .objectOrderWrap .objectOrderContainer .objectOrderInfo .objectOrderInfoLogo {}
.objectOrder .objectOrderWrap .objectOrderContainer .objectOrderInfo .objectOrderInfoLogo svg {}
.objectOrder .objectOrderWrap .objectOrderContainer .objectOrderInfo .objectOrderInfoTitle {
  margin-top: 8px;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: -4%;
  text-align: center;
  text-transform: uppercase;
}
.objectOrder .objectOrderWrap .objectOrderContainer .objectOrderInfo .objectOrderInfoText {
  font-family: Inter;
  font-weight: 600;
  font-size: 16px;
  line-height: 154%;
  letter-spacing: -2%;
  text-align: center;
}
.objectOrder .objectOrderWrap .objectOrderContainer .objectOrderForm {
  width: 50%;
  display: flex;
  flex-direction: column;
  height: auto;
}
/* End */


/* Start:/local/templates/main/components/diemer/items.list.simple/financeProgramms/style.css?17649354084444*/
.projectPromo .mobileImage {
  display: none;
}
.objectFinanceProgramms {
  padding-top: 40px;
}
.objectFinanceProgramms .objectFinanceProgrammsContainer {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.objectFinanceProgramms .objectFinanceProgrammsContainer .objectFinanceProgrammsTitle {

}
.objectFinanceProgramms .objectFinanceProgrammsContainer .objectFinanceProgrammsItems {
  display: flex;
  gap: 24px;
}
.objectFinanceProgramms .objectFinanceProgrammsContainer .objectFinanceProgrammsItems .objectFinanceProgrammsItem {
  display: flex;
  flex-direction: column;
  width: calc(25% - 18px);
  border-radius: 8px;
  background-color: #155EF6;
  background-position: left top;
  background-repeat: no-repeat;
  color: #fff;
  padding: 16px;
  background-size: cover;
}
.objectFinanceProgramms .objectFinanceProgrammsContainer .objectFinanceProgrammsItems .objectFinanceProgrammsItem.objectFinanceProgrammsItem0 {
  background-image: url(/local/templates/main/components/diemer/items.list.simple/financeProgramms/images/finance1.svg);
}
.objectFinanceProgramms .objectFinanceProgrammsContainer .objectFinanceProgrammsItems .objectFinanceProgrammsItem.objectFinanceProgrammsItem1 {
  background-image: url(/local/templates/main/components/diemer/items.list.simple/financeProgramms/images/finance2.svg);
}
.objectFinanceProgramms .objectFinanceProgrammsContainer .objectFinanceProgrammsItems .objectFinanceProgrammsItem.objectFinanceProgrammsItem2 {
  background-image: url(/local/templates/main/components/diemer/items.list.simple/financeProgramms/images/finance3.svg);
}
.objectFinanceProgramms .objectFinanceProgrammsContainer .objectFinanceProgrammsItems .objectFinanceProgrammsItem.objectFinanceProgrammsItem3 {
  background-image: url(/local/templates/main/components/diemer/items.list.simple/financeProgramms/images/finance4.svg);
}
.objectFinanceProgramms .objectFinanceProgrammsContainer .objectFinanceProgrammsItems .objectFinanceProgrammsItem .objectFinanceProgrammsItemTitle {
  height: 100px;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -6%;
  text-transform: uppercase;
}
.objectFinanceProgramms .objectFinanceProgrammsContainer .objectFinanceProgrammsItems .objectFinanceProgrammsItem .objectFinanceProgrammsConditionsTitle {
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -3%;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.objectFinanceProgramms .objectFinanceProgrammsContainer .objectFinanceProgrammsItems .objectFinanceProgrammsItem .objectFinanceProgrammsConditions {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 24px;
}
.objectFinanceProgramms .objectFinanceProgrammsContainer .objectFinanceProgrammsItems .objectFinanceProgrammsItem .objectFinanceProgrammsConditions div {
  display: flex;
  align-items: center;
  font-family: Inter;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -3%;
  gap: 8px;
}
.objectFinanceProgramms .objectFinanceProgrammsContainer .objectFinanceProgrammsItems .objectFinanceProgrammsItem .objectFinanceProgrammsConditions div:before {
  width: 8px;
  height: 8px;
  min-width: 8px;
  min-height: 8px;
  border-radius: 8px;
  background: #fff;
  display: inline-block;
  content: "";
}
.objectFinanceProgramms .objectFinanceProgrammsContainer .objectFinanceProgrammsItems .objectFinanceProgrammsItem .objectFinanceProgrammsAdvantagesTitle {
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -3%;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.objectFinanceProgramms .objectFinanceProgrammsContainer .objectFinanceProgrammsItems .objectFinanceProgrammsItem .objectFinanceProgrammsAdvantages {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 24px;
}
.objectFinanceProgramms .objectFinanceProgrammsContainer .objectFinanceProgrammsItems .objectFinanceProgrammsItem .objectFinanceProgrammsAdvantages div {
  display: flex;
  align-items: center;
  font-family: Inter;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -3%;
  gap: 8px;
}
.objectFinanceProgramms .objectFinanceProgrammsContainer .objectFinanceProgrammsItems .objectFinanceProgrammsItem .objectFinanceProgrammsAdvantages div:before {
  width: 8px;
  height: 8px;
  min-width: 8px;
  min-height: 8px;
  border-radius: 8px;
  background: #fff;
  display: inline-block;
  content: "";
}
.objectFinanceProgramms .objectFinanceProgrammsContainer .objectFinanceProgrammsMore {
  font-family: Inter;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -1%;
  color: #00000080;
}
/* End */


/* Start:/local/templates/main/components/diemer/items.list.simple/objectProgress/style.css?17649355293421*/
.objectProgress {
  margin-top: 40px;
}
.objectProgress .objectProgressContainer {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.objectProgress .objectProgressSliderTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.objectProgress .objectProgressSliderTop .objectProgressSliderTitle {
}
.objectProgress .objectProgressSliderTop .objectProgressSliderButtons {
  display: flex;
  gap: 16px;
}
.objectProgress .objectProgressSliderTop .objectProgressSliderButtons .objectProgressSliderButton {
  width: 48px;
  height: 48px;
  border-radius: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.objectProgress .objectProgressContainer .objectProgressTitle {}
.objectProgress .objectProgressSwiper {
  width: 100%;
}
.objectProgress .objectProgressContainer .objectProgressItems {
  display: flex;
  justify-content: space-between;
}
.objectProgress .objectProgressContainer .objectProgressItems .objectProgressItem {
  width: 25%;
  height: 360px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.objectProgress .objectProgressContainer .objectProgressItems .objectProgressItem .objectProgressItemImage {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.objectProgress .objectProgressContainer .objectProgressItems .objectProgressItem .objectProgressItemImage:after{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  background: linear-gradient(186.77deg, rgba(21, 94, 246, 0) 26.2%, rgba(21, 94, 246, 0.66) 91.98%);
}
.objectProgress .objectProgressContainer .objectProgressItems .objectProgressItem .objectProgressItemImage img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.objectProgress .objectProgressContainer .objectProgressItems .objectProgressItem .objectProgressItemInfo {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  justify-content: space-between;
  padding: 16px;
}
.objectProgress .objectProgressContainer .objectProgressItems .objectProgressItem .objectProgressItemInfo .objectProgressItemInfoTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.objectProgress .objectProgressContainer .objectProgressItems .objectProgressItem .objectProgressItemInfo .objectProgressItemInfoTop .objectProgressItemInfoTopCount {
  height: 32px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #fff;
  font-weight: 700;
  font-size: 10px;
  line-height: 150%;
  letter-spacing: -4%;
  color: #00000066;
  gap: 4px;
}
.objectProgress .objectProgressContainer .objectProgressItems .objectProgressItem .objectProgressItemInfo .objectProgressItemInfoTop .objectProgressItemInfoTopCount b {
  color: #000;
}
.objectProgress .objectProgressContainer .objectProgressItems .objectProgressItem .objectProgressItemInfo .objectProgressItemInfoTop svg {}
.objectProgress .objectProgressContainer .objectProgressItems .objectProgressItem .objectProgressItemInfo .objectProgressItemInfoBottom {
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -6%;
  text-transform: uppercase;
  color: #fff;
}
/* End */


/* Start:/local/templates/main/components/lardin/forms/objectForm/style.css?17639789865038*/
.lardin-form-notice,
.lardin-form-error {
  display: none !important;
}

.objectForm {
  display: flex;
  flex-direction: column;
  padding: 24px;
  gap: 24px;
}
.objectForm .objectFormInput {
  border-bottom: 2px solid #FFFFFF66;
  height: 57px;
  font-family: Inter;
  font-weight: 600;
  font-size: 16px;
  line-height: 154%;
  letter-spacing: 0%;
  color: #fff;
  background: transparent;
}
.objectForm .objectFormInput:focus {
  outline: none;
}
.objectForm .objectFormInput::-webkit-input-placeholder {
  color: #FFFFFF66;
}
.objectForm .objectFormInput:-moz-placeholder {
   color:    #FFFFFF66;
   opacity:  1;
}
.objectForm .objectFormInput::-moz-placeholder {
   color:    #FFFFFF66;
   opacity:  1;
}
.objectForm .objectFormInput:-ms-input-placeholder {
   color:    #FFFFFF66;
}
.objectForm .objectFormInput::-ms-input-placeholder {
   color:    #FFFFFF66;
}
.objectForm .objectFormInput::placeholder {
   color:    #FFFFFF66;

}
.objectForm .objectFormOneCol {
  display: flex;
  flex-direction: column;
}
.objectForm .objectFormOneCol .objectFormInput {
  width: 100%;
}
.objectForm .objectFormDoubleCol {
  display: flex;
  gap: 24px;
}
.objectForm .objectFormDoubleCol .objectFormInput {
  width: calc(50% - 12px);
}
.objectForm .objectFormInputTime {
  width: 100%;
  position: relative;
}
.objectForm .objectFormInputTime {}
.objectForm .objectFormInputTime .objectFormInputTimeSelected {
  border-bottom: 2px solid #FFFFFF66;
  height: 57px;
  position: relative;
  font-family: Inter;
  font-weight: 600;
  font-size: 16px;
  line-height: 154%;
  letter-spacing: 0%;
  color: #FFFFFF66;
  display: flex;
  align-items: center;
}
.objectForm .objectFormInputTime .objectFormInputTimeSelected:after {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
  top: 17px;
  content: "";
  background: url(/local/templates/main/components/lardin/forms/objectForm/images/arrowDown.svg) center center no-repeat;
  transition: all .25s ease;
}
.objectForm .objectFormInputTime .objectFormInputTimeSelected.timeSelectedOpened:after {
  transform: rotate(180deg);
}
.objectForm .objectFormInputTime .objectFormInputTimeSelected.timeSelectedActive {
  color: #fff;
}
.objectForm .objectFormInputTime .objectFormInputTimeDropdown {
  position: absolute;
  top: 57px;
  left: 0;
  width: 100%;
  background: #155EF6;
  padding-top: 16px;
  display: none;
  z-index: 1;
}
.objectForm .objectFormInputTime .objectFormInputTimeDropdown ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.objectForm .objectFormInputTime .objectFormInputTimeDropdown ul li {
  font-family: Inter;
  font-weight: 600;
  font-size: 16px;
  line-height: 154%;
  letter-spacing: 0%;
  color: #FFFFFF;
  cursor: pointer;
}
.objectForm .objectFormCheckboxes {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.objectForm .objectFormCheckboxes .check-form label {
  display: block;
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.objectForm .objectFormCheckboxes .check-form label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.objectForm .objectFormCheckboxes .check-form label small {
  font-family: Inter;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: -1%;
  color: #FFFFFF99;
}
.objectForm .objectFormCheckboxes .check-form label small a{
  color: #fff;
  text-decoration: underline;
}
.objectForm .objectFormCheckboxes .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #FEFFFA;
  border: 1px solid #0000001A;
  border-radius: 4px;
}
.objectForm .objectFormCheckboxes .check-form label input:checked ~ .checkmark {
  background-color: #FEFFFA;
}
.objectForm .objectFormCheckboxes .check-form label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: 1px;
  width: 8px;
  height: 12px;
  border: solid #155EF6;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.objectForm .objectFormCheckboxes .check-form label input:checked ~ .checkmark:after {
  display: block;
}
.objectForm .objectFormButtons {
  padding-top: 24px;
}
.objectForm .objectFormButtons .input-submit {
  width: 100%;
  height: 56px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #155EF6;
  background: #fff;
  font-family: Inter;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: -1%;
}
.objectForm .objectFormButtons .input-submit[disabled] {
  color: #0000004D;
  background: #fff;
  pointer-events: none;
}
.objectForm .objectFormButtons .input-submit
.objectForm .objectFormButtons .lardin-form-notice {}
.objectForm .objectFormButtons .lardin-form-error {}
/* End */


/* Start:/local/templates/main/components/bitrix/news.list/.default/style.css?17639796793154*/
.page_container__YlNms {
  display:flex;
  flex-direction:column;
  width:100%
}
.page_title__1R_jB {
  color:#00000033;
  transition:color .3s
}
.page_btn__IhBWr {
  margin-top:calc(15 * var(--base-spacing, 4px))
}
@media (max-width:600px) {
  .page_tabs__BhpUh {
    display:none
  }
  .page_tabs_mobile__k_HgN {
    display:flex
  }
}
.layout_title__xrWLx {
  margin-top:var(--header-height)
}
@media (max-width:1024px) {
  .layout_title__xrWLx {
    margin:calc(8 * var(--base-spacing, 4px)) 0
  }
}
.layout_container__CvQr6 {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  column-gap:calc(6 * var(--base-spacing, 4px));
  width:100%
}
.layout_contacts__YBuy1,
.layout_form__oF04_ {
  max-width:566px;
  height:clamp(566px,100%,600px)
}
@media (min-width:1920px) {
  .layout_contacts__YBuy1,
  .layout_form__oF04_ {
    max-width:39.3055555556vw
  }
}
@media (max-width:1024px) {
  .layout_container__CvQr6 {
    display:flex;
    flex-direction:column;
    justify-content:column-reverse;
    gap:calc(6 * var(--base-spacing, 4px));
    flex-direction:column-reverse;
    padding-bottom:calc(16 * var(--base-spacing, 4px))
  }
  .layout_form__oF04_ {
    max-width:unset;
    height:482px
  }
}
.category-filter_filters__uYRk1 {
  display:flex;
  gap:calc(6 * var(--base-spacing, 4px));
  overflow:scroll;
  -ms-overflow-style:none;
  scrollbar-width:none
}
.category-filter_filters__uYRk1::-webkit-scrollbar {
  display:none
}
.category-filter_filters__uYRk1 a {
  transition:color .3s;
  white-space:nowrap
}
.category-filter_filters__uYRk1 a:hover {
  color:#00000033
}
.category-filter_filters__uYRk1 .category-filter_count__ZzqG5 {
  border-radius:calc(2 * var(--base-spacing, 4px));
  background-color:#00000033;
  color:#fff;
  padding:calc(1 * var(--base-spacing, 4px)) calc(2 * var(--base-spacing, 4px));
  transition:background-color .3s
}
.category-filter_filters__uYRk1 .category-filter_countActive__jTGHS {
  background-color:#fb4f26
}
@media (max-width:640px) {
  .category-filter_filters__uYRk1 {
    margin-right:calc(var(--main-padding)*-1);
    margin-left:calc(var(--main-padding)*-1);
    padding-inline:calc(var(--main-padding))
  }
}
.news-card_container__sFi7s {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  width:100%
}
.news-card_img__ZfZWD {
  aspect-ratio:1/1;
  width:100%;
  position:relative
}
.news-card_tags__sZ1AW {
  display:flex;
  gap:calc(2 * var(--base-spacing, 4px));
  margin-top:calc(2 * var(--base-spacing, 4px));
  margin-bottom:calc(3 * var(--base-spacing, 4px))
}
.news-cards-section_container__eVnXp {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:calc(6 * var(--base-spacing, 4px))
}
@media (max-width:1024px) {
  .news-cards-section_container__eVnXp {
    grid-template-columns:repeat(2,1fr)
  }
}
@media (max-width:600px) {
  .news-cards-section_container__eVnXp {
    grid-template-columns:repeat(1,1fr)
  }
}
.load-more-posts_loadBtn__GGEPl,
.button_button__aZ_6A.load-more-posts_loadBtn__GGEPl {
  flex:1 0 auto
}
/* End */
/* /local/templates/main/components/bitrix/news.detail/project/style.css?176493555257065 */
/* /local/templates/main/components/diemer/items.list.simple/financeProgramms/style.css?17649354084444 */
/* /local/templates/main/components/diemer/items.list.simple/objectProgress/style.css?17649355293421 */
/* /local/templates/main/components/lardin/forms/objectForm/style.css?17639789865038 */
/* /local/templates/main/components/bitrix/news.list/.default/style.css?17639796793154 */