

/* Start:/local/templates/v1/components/bitrix/news/staff/style.css?178937520175*/
/* Стили комплексного шаблона bitrix:news:staff */

/* End */


/* Start:/local/templates/v1/components/bitrix/news/staff/bitrix/news.detail/.default/style.css?17932496461613*/
/* Стили детальной части */

/* Видео в фото врача: ролик лежит поверх фотографии в той же рамке и
   проявляется, когда играет. Ролики вертикальные (9:16), рамка — портретная
   4:5 (на десктопе тянется по высоте сведений), поэтому кадр заполняет её по
   ширине и обрезается по высоте; держим верх кадра, где лицо. */

.doctor__media--video {
    position: relative;
}

.doctor__video {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.2rem;
    object-fit: cover;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s linear;
}

/* С обложкой ролик показываем сразу — пока он грузится, видна обложка (первый
   кадр). Без обложки ждём первого кадра, иначе мелькнёт пустая рамка. Классы
   ставит script.js. */

.doctor__media.is-video-on .doctor__video[poster],
.doctor__media.is-video-playing .doctor__video {
    opacity: 1;
}

/* Кадр ролика и обложки, которая стоит вместо фото, — одно значение на двоих:
   разойдутся — при запуске видео картинка сдвинется. */

.doctor__video,
.doctor__media .doctor__media-poster {
    object-position: 50% 15%;
}

/* End */


/* Start:/local/templates/v1/components/luxar/super/page-map/style.css?17915278702953*/
.page-map__canvas {
  width: 100%;
  height: 100%;
}
.page-map.page-map--popup {
  width: 90rem;
  height: 60rem;
  max-width: 100%;
  max-height: 85vh;
  padding: 0;
  overflow: hidden;
}
@media (max-width: 992px) {
  .page-map.page-map--popup {
    width: 92vw;
    height: 70vh;
  }
}
.page-map__pin {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Montserrat", Arial, sans-serif;
}
.page-map__balloon {
  position: absolute;
  top: 0;
  left: 0;
  width: 23.9rem;
  height: 11.8124rem;
  transform: translate(-50%, -100%);
}
.page-map__balloon[hidden] {
  display: none;
}
.page-map__shadow, .page-map__bg {
  position: absolute;
  display: block;
  max-width: none;
  pointer-events: none;
}
.page-map__shadow {
  top: 9.8rem;
  left: 6.6rem;
  width: 10.9rem;
  height: 2.7rem;
}
.page-map__bg {
  top: 0;
  left: 0;
  width: 23.9rem;
  height: 11.8124rem;
}
.page-map__body {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.4rem;
  height: 9.887rem;
  padding: 0 3.5rem 0 2.1rem;
}
.page-map__address {
  margin: 0;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.8rem;
  color: #fff;
}
.page-map__schedule {
  margin: 0;
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #fff;
}
.page-map__days {
  color: #ACB4E2;
}
.page-map__note {
  color: #49AD3D;
}
.page-map__close {
  position: absolute;
  top: 0.556rem;
  right: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  transition: opacity 0.2s linear;
}
.page-map__close:hover {
  opacity: 0.7;
}
.page-map__close img {
  display: block;
  width: 0.95rem;
  height: 0.95rem;
}
.page-map__marker {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  padding: 0;
  border: #fff 0.3rem solid;
  border-radius: 50%;
  background-color: #00158F;
  box-shadow: 0 0.2rem 0.6rem rgba(23, 27, 50, 0.4);
  transform: translate(-50%, -50%);
  cursor: pointer;
  transition: background-color 0.2s linear;
}
.page-map__marker:hover {
  background-color: #162998;
}
.page-map__marker:focus-visible {
  border-radius: 50%;
}
.page-map__marker[hidden] {
  display: none;
}
@media (max-width: 768px) {
  .page-map__balloon, .page-map__bg {
    width: 17.2rem;
    height: 8.5rem;
  }
  .page-map__shadow {
    top: 7.06rem;
    left: 4.75rem;
    width: 7.85rem;
    height: 1.94rem;
  }
  .page-map__body {
    gap: 1rem;
    height: 7.12rem;
    padding: 0 2.8rem 0 1.5rem;
  }
  .page-map__address {
    font-size: 1.3rem;
    line-height: 1.5rem;
  }
  .page-map__schedule {
    font-size: 1rem;
    line-height: 1.1rem;
  }
  .page-map__close {
    top: 0.15rem;
    right: 0;
    width: 2.8rem;
    height: 2.8rem;
  }
  .page-map__close img {
    width: 0.7rem;
    height: 0.7rem;
  }
}

/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/local/templates/v1/components/luxar/form/inline/style.css?178937520146*/
/* Стили блока luxar:form:inline */

/* End */
/* /local/templates/v1/components/bitrix/news/staff/style.css?178937520175 */
/* /local/templates/v1/components/bitrix/news/staff/bitrix/news.detail/.default/style.css?17932496461613 */
/* /local/templates/v1/components/luxar/super/page-map/style.css?17915278702953 */
/* /local/templates/v1/components/luxar/form/inline/style.css?178937520146 */
