/* Start:/local/templates/main/components/bitrix/news.list/main-slider/style.css?17670024239410*/
/* MAIN-SLIDER */
.main-slider {
   width: 100%;
   height: 100vh;
}
.main-slider__content {
   width: 100%;
   height: 100%;
}
.main-slider__wrapper {
   width: 100%;
   height: 100%;
   position: relative;
}
.main-slider__list {
   width: 100%;
   height: 100%;
   position: relative;
   overflow: hidden;
}
.main-slider__item {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0;
   transition: all 0.3s ease 0s;
   pointer-events: none;
}
.main-slider__item.active {
   opacity: 1;
   position: relative;
   pointer-events: auto;
}
.main-slider__block {
   position: relative;
   z-index: 3;
   width: 100%;
   height: 100%;
}
.main-slider__block-wrapper {
   max-width: 650px;
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.main-slider__title {
   margin-bottom: 24px;
}
.main-slider__description {
   margin-bottom: 40px;
}
.main-slider__btn {
   width: fit-content;
}
.main-slider__img-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.main-slider__img-front {
   position: absolute;
   z-index: 2;
   right: 18%;
   bottom: 0;
}
.main-slider__img-front.right::before {
   content: "";
   position: absolute;
   top: 20%;
   left: 15%;
   right: -15%;
   bottom: 0%;
   width: 70%;
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 100%, rgba(0, 0, 0, 0.1) 100%, rgba(0, 0, 0, 0.1) 100%);
   border-radius: inherit;
   z-index: -1;
   filter: blur(80px);
   opacity: 0.7;
}
.main-slider__img-front.bottom::after {
   content: "";
   position: absolute;
   right: 10%;
   bottom: 30px;
   width: 70%;
   height: 10%;
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 100%, rgba(0, 0, 0, 0.9) 100%, rgba(0, 0, 0, 0.9) 100%);
   border-radius: inherit;
   z-index: -1;
   filter: blur(40px);
   opacity: 0.7;
}
.main-slider__img-front img {
   object-fit: contain;
}
.main-slider__img-background {
   position: relative;
   z-index: 1;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.main-slider__pagination-list {
   position: absolute;
   bottom: 48px;
   left: 50%;
   z-index: 3;
   width: 100%;
   transform: translateX(-50%);
   display: flex;
   flex-direction: row;
   gap: 8px;
}
.main-slider__pagination-item {
   display: flex;
   flex-direction: row;
   align-items: center;
   padding: 12px 16px;
   gap: 7px;
   background: rgba(255, 255, 255, 0.1);
   backdrop-filter: blur(3px);
   width: fit-content;
   cursor: pointer;
   border-radius: 44px;
   transition: all 0.2s ease-in 0s;
}
.main-slider__pagination-item:hover {
   background: rgba(255, 255, 255, 0.24);
}
.border {
   position: relative;
   border-radius: 44px;
}

.trail {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
}

.trail rect {
   stroke: #fff;
   stroke-width: 2;
   stroke-linecap: round;
   fill: none;
   stroke-dasharray: 0 0;
   stroke-dashoffset: 0;
}

.main-slider__block-wrapper h1,
.main-slider__block-wrapper p {
   opacity: 0;
   transform: translateY(40px);
   transition:
      opacity 0.8s ease,
      transform 0.8s ease;
}
.main-slider__block-wrapper h1,
.main-slider__block-wrapper p {
   text-align: start;
}
.main-slider__block-wrapper a {
   opacity: 0;
   transform: translateY(40px);
   transition:
      background 0.2s ease-in 0s,
      opacity 0.8s ease 0.4s,
      transform 0.8s ease 0.4s;
   display: block;
   text-align: center;
}
.main-slider__block-wrapper.animate h1 {
   opacity: 1;
   transform: translateY(0);
   transition-delay: 0s;
}
.main-slider__block-wrapper.animate p {
   opacity: 1;
   transform: translateY(0);
   transition-delay: 0.2s;
}
.main-slider__block-wrapper.animate a {
   opacity: 1;
   transform: translateY(0);
}

.main-slider__img-front-m {
   display: none;
}
.main-slider__item:nth-child(1) .main-slider__img-front {
   max-width: 330px;
   right: 22%;
}
.main-slider__item:nth-child(2) .main-slider__img-front {
   right: 5%;
   transform: translateY(-130px);
   max-width: 850px;
}
.main-slider__item:nth-child(3) .main-slider__img-front {
   transform: translateY(-100px);
   max-width: 220px;
   right: 24%;
}
@media (max-height: 900px) {
   .main-slider__item:nth-child(1) .main-slider__img-front {
      max-width: 240px;
   }
   .main-slider__item:nth-child(2) .main-slider__img-front {
      right: 5%;
      transform: translateY(-100px);
      max-width: 740px;
   }
}
@media (max-width: 1750px) {
   .main-slider__img-front {
      right: 7%;
   }
   .main-slider__item:nth-child(2) .main-slider__img-front {
      right: 0%;
   }
}
@media (max-width: 1570px) {
   .main-slider__item:nth-child(2) .main-slider__img-front {
      right: -5%;
   }
}

@media (max-width: 1440px) {
   .main-slider__item:nth-child(1) .main-slider__img-front {
      right: 10%;
   }
}
@media (max-width: 1350px) {
   .main-slider__item:nth-child(1) .main-slider__img-front {
      right: 7%;
   }
}
@media (max-width: 1040px) {
   .main-slider__item:nth-child(1) .main-slider__img-front {
      right: 5%;
   }
}
@media (max-width: 1350px) {
   .main-slider__item:nth-child(3) .main-slider__img-front {
      transform: translateY(-100px);
      max-width: 180px;
      right: 15%;
   }
}
@media (max-width: 1300px) {
   .main-slider__img-front {
      right: 5%;
   }
   .main-slider__item:nth-child(2) .main-slider__img-front {
      right: -10%;
   }
}
@media (max-width: 1200px) {
   .main-slider__img-front {
      right: 0%;
   }
   .main-slider__item:nth-child(2) .main-slider__img-front {
      right: -15%;
   }
   .main-slider__block-wrapper.animate h1 {
      max-width: 550px;
   }
}
@media (max-width: 1150px) {
   .main-slider__item:nth-child(2) .main-slider__img-front {
      right: -25%;
   }
}
@media (max-width: 1100px) {
   .main-slider__img-front {
      right: 0%;
   }
}
@media (max-width: 998px) {
   .main-slider__pagination-title {
      display: none;
   }
   .main-slider__pagination-icon {
      height: 32px;
   }
   .main-slider__pagination-item {
      padding: 12px 12px;
   }
   .trail {
      display: none;
   }
   .main-slider__pagination-item {
      border: 1px solid rgba(255, 255, 255, 0.3);
   }
   .main-slider__pagination-item:hover {
      background: rgba(255, 255, 255, 0.1);
   }
   .main-slider__pagination-icon svg path {
      fill: rgba(255, 255, 255, 0.5333333333);
   }
   .main-slider__pagination-item.active .main-slider__pagination-icon svg path {
      fill: #fff;
   }
}

@media (max-width: 900px) {
   .main-slider__img-front {
      right: -3%;
   }
}
@media (max-width: 768px) {
   .main-slider__item:nth-child(1) .main-slider__img-front {
      max-width: 280px;
   }
   .main-slider__item:nth-child(2) .main-slider__img-front {
      transform: translateY(0px);
      max-width: 350px;
   }
   .main-slider__item:nth-child(3) .main-slider__img-front {
      transform: translateY(0px);
      max-width: initial;
      max-width: 350px;
   }
   .main-slider__block-wrapper {
      display: block;
   }
   .main-slider__img-front-m {
      display: block;
   }
   .main-slider__img-front-d {
      display: none;
   }
   .main-slider__img-front {
      right: 0%;
   }
   .main-slider__block {
      padding-top: 104px;
   }
   .main-slider__item:nth-child(2) .main-slider__img-front {
      right: 0%;
   }
   .main-slider__item:nth-child(2) .main-slider__img-front img {
      transform: translateY(-30px);
   }
   .main-slider__item:nth-child(3) .main-slider__img-front img {
      transform: translateY(-45px);
   }
   .main-slider__item:nth-child(3) .main-slider__img-front {
      right: auto;
      left: 0;
   }
}
@media (max-width: 500px) {
   .main-slider__pagination-list {
      justify-content: center;
      bottom: 24px;
   }
   .main-slider__btn {
      width: auto;
   }
   .main-slider__title {
      margin-bottom: 16px;
   }
   .main-slider__description {
      margin-bottom: 24px;
   }
}
/* start горизонтальная ориентация при адаптиве */
@media screen and (max-width: 1024px) and (orientation: landscape) {
   .main-slider {
      height: 566px;
   }
   .main-slider__img-front .main-slider__img-front-d {
      height: clamp(120px, 50vw, 360px);
   }
   .main-slider__item:nth-child(3) .main-slider__img-front {
      transform: translateY(20px);
      right: 10%;
   }
}
@media screen and (max-width: 768px) and (orientation: landscape) {
   .main-slider__img-background .main-slider__img-front-d {
      display: block;
   }
   .main-slider__img-background .main-slider__img-front-m {
      display: none;
   }
   .main-slider__item:nth-child(3) .main-slider__img-front {
      left: auto;
      right: -5%;
   }
   .main-slider__item:nth-child(3) .main-slider__img-front img {
      transform: none;
   }
}
/* end горизонтальная ориентация при адаптиве */
@media screen and (max-width: 500px) and (orientation: portrait) {
   .main-slider__item:nth-child(1) .main-slider__img-front img {
      height: clamp(320px, calc(320px + (320 * ((100vh - 640px) / 200))), 560px);
   }
   .main-slider__item:nth-child(2) .main-slider__img-front img {
      height: clamp(270px, calc(270px + (270 * ((100vh - 640px) / 200))), 448px);
   }
   .main-slider__item:nth-child(3) .main-slider__img-front img {
      height: clamp(230px, calc(230px + (230 * ((100vh - 640px) / 200))), 350px);
   }
}

/* End */


/* Start:/local/templates/main/components/bitrix/news.list/map/style.css?17670024234369*/
.map-section {
   overflow: hidden;
}
.map-container {
   overflow: hidden;
   position: relative;
   cursor: default;
   background: #000;
}
.map-container .map {
   position: absolute;
   top: 0;
   left: 0;
   transform: translate(0, 0);
   transition: transform 0.1s ease-out;
   /*aspect-ratio: 16/9;*/
}
.map-container .map video {
   display: block;
   user-select: none;
   -webkit-user-drag: none;
   max-width: none;
   pointer-events: none;
}
#markerText p {
   text-align: justify;
}
.map-container .map .video-preview {
   position: absolute;
   top: 0;
   left: 0;
   user-select: none;
   -webkit-user-drag: none;
   pointer-events: none;
   max-width: none;
   opacity: 1;
   transition: all 0.3s ease;
}

@media (min-width: 1201px) {
   .map-container {
      width: 100vw !important;
      aspect-ratio: 16/9;
      height: auto !important;
   }
   .map video,
   .video-preview {
      width: 100vw !important;
      height: auto !important;
   }
}
@media (max-width: 1200px) {
   body {
      align-items: flex-start;
   }
   .map-container {
      width: 100vw !important;
   }
   .map video,
   .video-preview {
      width: 1300px !important; /* можно менять "зум" фонового видео этой величиной */
      height: auto !important;
   }
}
.marker {
   position: absolute;
   padding: 12px 16px 12px 14px;
   color: var(--Grayscale-White, #ffffff);
   background-color: var(--Brand-Blue-500, #0780e2);
   border-radius: 50px;
   backdrop-filter: blur(12px);
   -webkit-backdrop-filter: blur(12px);
   cursor: pointer;
   transform: translate(-50%, -50%);
   z-index: 2;
   box-shadow: 0 6px 20px rgba(0, 0, 0, 0.8);
   user-select: none;
   transition: all 0.2s ease-in 0s;
}
.marker:hover {
   background: #2e97ed;
}
.marker-text {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   gap: 8px;
}
.marker-text .l2-style {
   color: var(--Grayscale-White);
   user-select: none;
}

.content {
   position: absolute;
   top: 0;
   left: 0;
   display: flex;
   width: 100%;
   height: 100%;
   justify-content: center;
   align-items: center;
   background: rgba(0, 0, 0, 0.5019607843);
   z-index: 3;
   visibility: hidden;
   opacity: 0;
   transition: all 0.3s ease;
}
.content.active {
   visibility: visible;
   opacity: 1;
}

.img-wrapper {
   width: 100%;
   height: 100%;
   overflow: hidden;
}
.img-wrapper img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.content__info {
   width: clamp(25rem, 20.305rem + 12.5156vw, 31.25rem);
   background: var(--Grayscale-White);
   padding: 32px;
   border-radius: 24px;
   display: flex;
   flex-direction: column;
}
.content__info-wrapper {
   position: absolute;
   right: 5%;
   top: 50%;
   display: flex;
   flex-flow: row wrap;
   gap: 12px;
   transform: translateY(-50%);
}
.content__info svg {
   width: clamp(8.75rem, 7.19375rem + 6.6406vw, 13rem);
   height: auto;
}
.content__info .p1-style {
   font-size: clamp(0.875rem, 0.59375rem + 0.7509vw, 1.25rem);
}
@media (max-width: 600px) {
   .content__info {
      width: 100%;
      padding: 20px;
   }
   .content__info-wrapper {
      justify-content: flex-start;
      top: auto;
      left: 12px;
      right: 12px;
      bottom: 12px;
      transform: none;
   }
   /*#mapContainer {
      touch-action: none;
   }*/
}

#close-button {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 48px;
   width: 48px;
   background: var(--Grayscale-White);
   border-radius: 999px;
   cursor: pointer;
}

.notification {
   position: absolute;
   top: 10px;
   left: 50%;
   z-index: 1;
   color: var(--Grayscale-White);
   padding: 15px 30px;
   background: var(--Grayscale-Gray-600);
   transform: translateX(-50%);
   border-radius: 999px;
   width: max-content;
   user-select: none;
   visibility: visible;
   opacity: 1;
   -webkit-transition: all 0.3s ease-in;
   -ms-transition: all 0.3s ease-in;
   -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
}
.notification.hidden {
   opacity: 0;
   visibility: hidden;
}
@media (hover: hover) {
   .notification {
      display: none;
   }
}

/* End */
/* /local/templates/main/components/bitrix/news.list/main-slider/style.css?17670024239410 */
/* /local/templates/main/components/bitrix/news.list/map/style.css?17670024234369 */