@charset "UTF-8";
main {
  padding-top: 0 !important;
}

.sidebar {
  z-index: 100;
}

.services .swiper {
  overflow: initial;
}

.page-slider {
  height: 100vh;
  height: 100dvh;
}
.page-slider__wrap {
  height: 100%;
}
.page-slider__slide {
  /*.reviews {

    .title,
    &__header,
    &__item,
    &__slider__controls {
      opacity: 0;
    }

  }*/
}
.page-slider__slide.swiper-slide {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-slider__slide:not(:first-child) {
  background-color: #ffffff;
}
.page-slider__slide .screen,
.page-slider__slide .services,
.page-slider__slide .doctors,
.page-slider__slide .utp,
.page-slider__slide div[id*=comp_],
.page-slider__slide .map {
  width: 100%;
}
.page-slider__slide .screen {
  margin-bottom: 0;
}
.page-slider__slide div[id*=comp_] {
  height: 100%;
}
.page-slider__slide div[id*=comp_] .reviews {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.page-slider__slide .services {
  padding-bottom: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: contain;
}
.page-slider__slide .services__item {
  opacity: 0;
}
.page-slider__slide .doctors {
  padding-bottom: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 767px) {
  .page-slider__slide .doctors {
    justify-content: flex-end;
    padding-bottom: 10rem;
  }
}
.page-slider__slide.type_map {
  display: flex;
  align-items: flex-end;
}
@media (max-width: 767px) {
  .page-slider__slide.type_map {
    height: auto;
  }
}
.page-slider__slide.type_footer {
  height: auto;
}
@media (max-width: 767px) {
  .page-slider__slide.type_specialist-slider {
    height: auto;
  }
}
@media (max-width: 767px) {
  .page-slider__slide.type_index-banners {
    padding-top: 2rem;
    box-sizing: border-box;
  }
}
@media (max-width: 767px) {
  .page-slider__slide.type_index-banners .screen {
    margin-bottom: auto;
    margin-top: auto;
  }
}
.page-slider__slide .utp__item:nth-of-type(1) {
  top: 17.5rem;
}
.page-slider__slide .utp__item:nth-of-type(2) {
  top: 12.5rem;
}
.page-slider__slide .doctors__item,
.page-slider__slide .doctors .title, .page-slider__slide .doctors__enumeration {
  opacity: 0;
}
.page-slider__slide .doctors__item.show {
  opacity: 1;
}
.page-slider__slide .map {
  height: 100%;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .page-slider__slide .map {
    justify-content: flex-end;
  }
}
@media (min-width: 1024px) {
  .page-slider__slide .map__list {
    transform: translateX(-50%) translateY(-50%);
    top: 60%;
    left: 50%;
    height: calc(100% - 40rem);
  }
}
@media (max-width: 767px) {
  .page-slider__slide .map__list {
    padding-top: 10rem;
  }
}
.page-slider__slide .map__list h2 {
  margin-bottom: 2rem;
}
.page-slider__slide .map__list__content {
  padding-bottom: 3rem;
}
@media (max-width: 767px) {
  .page-slider__slide .map__list__content {
    padding-bottom: 0;
  }
}
.page-slider__slide .map .drop-list {
  row-gap: 1rem;
}
.page-slider__slide .map__item {
  height: 100%;
}
@media (max-width: 767px) {
  .page-slider__slide .map__item {
    height: 39rem;
    flex-grow: 1;
  }
}
.page-slider .drop-list__button {
  /*
  @media (max-width: 767px) {
    pointer-events: none;
  }
   */
}

#page-slider-pagination {
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  height: 10rem;
  background: rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  overflow: hidden;
  z-index: 10;
}
@media (max-width: 767px) {
  #page-slider-pagination {
    display: none;
  }
}
#page-slider-pagination .swiper-pagination-progressbar-fill {
  background: #00A3A6;
}

.page-progress {
  position: fixed;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 10rem;
  background: rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  overflow: hidden;
  z-index: 50;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.25s ease;
}

.page-progress__fill {
  display: block;
  width: 100%;
  height: 0%;
  background: #00A3A6;
  border-radius: inherit;
  transform-origin: bottom;
  transition: height 0.4s ease;
}

.page-progress.is-visible {
  opacity: 1;
}

::-webkit-scrollbar {
  width: 0;
  height: 0;
}

html {
  scrollbar-width: none;
}

body.fp-lock:before {
  background-image: url("../images/001.jpg");
}

.down-button {
  display: inline-flex;
  position: absolute;
  padding-bottom: 10px;
  top: initial;
  bottom: 0;
  left: 49%;
  transform: translateY(-50%);
  border-radius: 50px;
  width: 40px;
  height: 95px;
  align-items: center;
  justify-content: center;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(3px);
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0 0.4rem 3rem 0 rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  opacity: 1;
  transition: 0.2s all linear;
}
.down-button.hide {
  opacity: 0;
}

@media screen and (max-width: 999px) {
  .down-button {
    top: 850px;
  }
}
@media screen and (max-width: 767px) {
  .down-button {
    top: 650px;
  }
}
@media screen and (max-width: 500px) {
  .down-button {
    display: none;
  }
}
.down-button .arrows {
  width: 40px;
  height: 95px;
  bottom: 20px;
}

.down-button .arrows circle {
  animation: arrow 1.75s infinite;
  -webkit-animation: arrow 1.75s infinite;
  fill: #00cbcf;
}

.down-button .arrows .a4 {
  animation: arrow 1.75s infinite;
  -webkit-animation: arrow 1.75s infinite;
  fill: #fff;
}

.down-button .arrows path {
  stroke-width: 1.75px;
  animation: arrow 1.75s infinite;
  -webkit-animation: arrow 1.75s infinite;
  fill: #00cbcf;
}

@keyframes arrow {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes arrow /*Safari and Chrome*/ {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.down-button .arrows circle.a1 {
  animation-delay: -0.75s;
  -webkit-animation-delay: -0.75s; /* Safari 和 Chrome */
}

.down-button .arrows circle.b2 {
  animation-delay: -0.5s;
  -webkit-animation-delay: -0.5s; /* Safari 和 Chrome */
}

.down-button .arrows circle.a3 {
  animation-delay: -0.25s;
  -webkit-animation-delay: -0.25s; /* Safari 和 Chrome */
}

.down-button .arrows circle.a4 {
  animation-delay: -0.15s;
  -webkit-animation-delay: -0.15s; /* Safari 和 Chrome */
}

.down-button .arrows path.b4 {
  animation-delay: 0s;
  -webkit-animation-delay: 0s; /* Safari 和 Chrome */
}

.footer {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.footer .footer__wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

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