@font-face {
  font-family: "MuseoSansCyrl";
  src: url("../styles/MuseoSansCyrl-100.woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "MuseoSansCyrl";
  src: url("../styles/MuseoSansCyrl-300.woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "MuseoSansCyrl";
  src: url("../styles/MuseoSansCyrl-500.woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "MuseoSansCyrl";
  src: url("../styles/MuseoSansCyrl-700.woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "MuseoSansCyrl";
  src: url("../styles/MuseoSansCyrl-900.woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

body,
h1,
h2, 
h3,
p,
.section-subtitle,
.navigation__list a,
.globe-row .item .titl,
.modals-items .item .overlays .titl {
    font-family: MuseoSansCyrl, sans-serif !important;
}

.header {
  min-height: 52px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.header__container {
  display: flex;
  align-items: center;
}

.navigation__list a {
  font-weight: 100;
}

.header__left {
  margin-right: 25px;
}

.header__center {
  padding: 0;
  margin: 0 auto;
}

.lang__current {
  font-weight: 300;
}

.navigation__item {
  position: relative;
}

.navigation__item ul {
  position: absolute;
  top: 20px;
  left: -50px;
  min-width: 200px;
  min-height: 50px;
  background-color: #fff;
  width: 100%;
  display: flex;
  padding: 20px;
  padding-bottom: 0;
  padding-right: 0;
  visibility: hidden;
  opacity: 0;
  overflow: auto;
}

@media (min-width: 1200px) {
  .navigation__item:hover ul {
    visibility: visible;
    overflow: visible;
    opacity: 1;
  }
}

.promo {
    display: flex;
    align-items: center;
    margin: 0 45px;
    margin-top: 56px;
    margin-bottom: 50px;
    position: relative;
    height: 720px;
}

.promo-video {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  max-width: 1350px;
  object-fit: cover;
  margin: 0 auto;
}

.promo-playpause {
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  background-image: url("../images/play.svg");
  background-repeat: no-repeat;
  border: none;
  background-color: transparent;
  border-radius: 50%;
  cursor: pointer;
}

.promo-playpause  svg {
  width: 80px;
  height: 115px;
}

.promo-text {
    position: relative;
    z-index: 1;
    max-width: 441px;
    font-weight: 700;
    font-size: 50px;
    line-height: 60px;
    color: #fff;
}

.features {
  padding-top: 105px;
  padding-bottom: 105px;
  background: #F6F5F5;
}

.features .whatsapp-btn, .features .telegram-btn {
  background-color: #25d366;
  color: #fff;
  font-size: 20px;
  padding: 3px;
  display: flex;
  margin-bottom: 20px;
  align-items: center;
  max-width: 256px;
  justify-content: space-evenly;
  flex-direction: row-reverse;
}

.features .whatsapp-btn img, .features .telegram-btn img {
  width: 40px;
  height: auto;
}

.features-title {
  max-width: 950px;
  margin-bottom: 65px;
}

.features-text {
  margin-bottom: 65px;
  font-size: 16px;
  line-height: 21px;
  font-weight: 100;
}

.features-text b {
  font-weight: 500;
}

.features-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.features-list li {
  width: 40%;
  max-width: 470px;
  margin-bottom: 65px;
}

.features-name {
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
}

.features-icon {
  position: relative;
  margin: 0 auto;
  margin-bottom: 24px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: rgba(73, 188, 151, 1);
  background-repeat: no-repeat;
  background-position: center;
}

.features-desc {
  font-size: 16px;
  line-height: 21px;
  font-weight: 100;
}

.features-note h3 {
  font-weight: 600;
  font-size: 24px;
  line-height: 45px;
  color: #49BC97;
}

.features-note p {
  margin-bottom: 75px;
  font-size: 21px;
  font-weight: 500;
}

.features-btn {
  max-width: 370px;
}

.professionals {
  padding-top: 110px;
}

.professionals-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 68px;
}

.professionals-nav {
  display: flex;
  justify-content: space-between;
  max-width: 126px;
  width: 100%;
}

.professionals-nav div {
  position: relative;
  padding: 0;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #F6F5F5;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s;
  font-size: 0;
}

.professionals-nav div::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 10px;
  background-image: url("../images/icons/arrow-slider.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.professionals-nav .owl-next::before {
  transform: translate(-50%, -50%) rotate(180deg);
}

.professionals-nav div:hover {
  background-color: #49BC97;
}

.professionals-nav div:hover::before {
  background-image: url("../images/icons/white-arrow-prev.svg");
}

.professionals-slider {
  display: flex;
  margin-bottom: 70px;
}

.professionals-slider li {
  max-width: 410px;
  width: 100%;
  flex-shrink: 0;
}

.professionals-item img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  height: 506px;
  object-fit: cover;
  margin-bottom: 35px;
}

.professionals-item b {
  display: block;
  margin-bottom: 23px;
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
}

.professionals-item p {
  margin-left: 34px;
  margin-right: 34px;
  font-weight: 300;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
}

.section-subtitle {
  font-weight: 700;
}

.professionals .logos {
  margin-top: 65px;
  margin-bottom: 105px;
  padding: 0 60px;
}

.medtur-2 {
  padding: 110px 0;
}

.lechenie {
    margin: 35px -17px 10px;
}

.lechenie .item {
    margin-bottom: 65px;
}

.about-klinik { 
  padding-top: 70px;
}

.about-klinik p {
  margin: 0;
  margin-bottom: 40px;
  font-weight: 600;
  font-size: 24px;
  line-height: 40px;
  color: #49BC97;
}

.about-klinik p:last-of-type {
  margin-bottom: 68px;
}

.about-klinik span {
  display: block;
  margin-bottom: 20px;
  font-weight: 100;
  font-size: 16px;
  line-height: 21px;
}

.about-klinik-list {
  margin-top: 60px;
}

.about-klinik-list li {
  display: flex;
  align-items: center;
  margin-bottom: 68px;
}

.about-klinik-list li:last-child {
  margin-bottom: 110px;
}

.about-klinik-icon {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  margin-right: 23px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid rgba(73, 188, 151, 1);
  background-repeat: no-repeat;
  background-position: center;
}

.about-klinik-text {
  margin: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}

.medtur-4 {
  padding: 105px 0;
}

.globe-box {
  padding-top: 280px;
}

.globe-row .item .titl {
  font-weight: 700;
  font-size: 24px;
}

.saml img {
    margin-top: 145px;
}

.globe-row {
  margin-top: 140px;
}

.advants {
  margin-bottom: 35px;
}

.advant-items {
  margin: 75px 0;
  margin-bottom: 0;
  justify-content: space-between;
}

.advant-items b {
  font-weight: 500;
}

.advant-items .item {
  width: 30%;
  max-width: 330px;
  margin: 0;
  margin-bottom: 68px;
}

.advant-items .item .text {
  margin-left: 27px;
  width: 100%;
  font-family: 'MuseoSansCyrl', sans-serif;
  font-weight: 100;
  color: #1A2731;
}

.medtur .consultation {
    padding: 0px 0 110px;
}

.consultation {
  padding: 0;
  padding-bottom: 110px;
}

.consultation__container {
  margin: 0;
}

.consultation__text h2 {
  margin-bottom: 30px;
}

.consultation__text p {
  padding-bottom: 30px;
  line-height: 25px;
  font-weight: 100;
}

.consultation__text button {
  margin: 0;
  max-width: 270px;
}

.consultation__container {
  max-width: 100%;
}

.medtur-6 {
  padding-top: 110px;
  padding-bottom: 105px;
}

.ukraine-top {
  align-items: center;
}

.text-ukraine {
  width: 45%;
  margin-top: 80px;
}

.text-ukraine blockquote p {
  font-weight: 100;
}

.text-ukraine p {
  margin: 22px 0;
  font-weight: 100;
  font-size: 16px;
  line-height: 21px;
}

.text-ukraine p a {
  border-bottom: 1px solid #1A2731;
}

.text-ukraine blockquote {
  margin-bottom: 65px;
}

.img-ukraine {
  width: 50%;
  margin: 0;
}

.img-ukraine img {
  display: block;
}

.modals-items .item {
  margin: 0;
  width: calc(34% - 30px);
  min-height: 380px;
}

.medtur-7 {
    padding: 107px 0 60px;
}

.info-items {
  margin-top: 15px;
}

.info-items .item {
  width: 505px;
  margin-bottom: 20px;
}

.info-items .item .text .titles {
  font-weight: 100;
}

.info-items .item .text,
.info-items .item .text p {
  font-family: MuseoSansCyrl, sans-serif !important;
}

.info-items .item .text p {
  margin: 25px 0;
  font-weight: 100;
  font-size: 16px;
  line-height: 21px;
}

.info-items .item b {
  font-weight: 500;
}

.medtur-8 {
    padding: 100px 0;
}

.faq {
    margin: 10px 0;
}

.faq-item .top .text {
  font-family: MuseoSansCyrl, sans-serif;
  font-size: 24px;
  line-height: 36px;
  font-weight: 500;
  width: calc(100% - 155px);
}

.faq-item.active .body {
    padding-left: 85px;
}

.faq-item .body p {
  margin: 0;
  margin-bottom: 25px;
}

.faq .faq-item:last-child {
  border-bottom: 1px solid #c4c4c4;
}

.faq-item .body p {
  font-weight: 100;
}

.footer__bottom p {
  font-weight: 100;
}

.footer .logo {
  width: 75px;
}

.state-box p {
  font-weight: 100;
}

@media (max-width: 1199px) {
  .header__left {
    margin-right: auto;
  }

  .header__center {
    margin: 0;
    margin-right: auto;
    width: 100%;
    margin-bottom: 80px;
  }

  .header__right {
    margin-right: auto;
  }

  .lang__current {
    font-weight: 500;
  }

  .navigation__item ul {
    position: static;
    display: none;
    opacity: 1;
    visibility: visible;
    overflow: auto;
  }

  .promo {
    margin: 40px;
    margin-top: 56px;
    height: 600px;
  }

  .promo-text {
    max-width: 350px;
    font-size: 40px;
    line-height: 52px;
  }

  .professionals .logos {
    margin-bottom: 50px;
  }

  @media (max-width: 1023px) {
    .promo {
      height: 450px;
    }

    .promo-text {
      font-size: 28px;
      line-height: 34px;
    }

    .promo-playpause {
      width: 60px;
      height: 60px;
      background-size: contain;
    }

    .features,
    .professionals,
    .medtur-2,
    .medtur-4,
    .medtur-6,
    .medtur-8 {
      padding: 50px 0;
    }

    .medtur-7 {
      padding-top: 50px;
      padding-bottom: 50px;
    }

    .medtur .consultation {
      padding-bottom: 50px;
    }

    .professionals-slider li {
      max-width: 100%;
    }

    .about-klinik p {
      font-size: 20px;
      line-height: 24px;
    }

    .about-klinik-list li:last-child {
      margin-bottom: 50px;
    }

    .text-ukraine {
      width: 100%;
      margin-top: 30px;
      order: 2;
    }

    .img-ukraine {
      width: 100%;
      max-width: 680px;
      margin: 0 auto;
    }

    .modals-items .item {
      min-height: 300px;
      width: 30%;
    }
  }

  @media (max-width: 767px) {
    .promo {
      margin: 20px;
      margin-top: 56px;
      height: 350px;
    }

    .promo-text {
      max-width: 40%;
      font-size: 24px;
      line-height: 30px;
    }

    .features-list li {
        width: 100%;
        max-width: 100%;
    }

    .features-note h3,
    .professionals .section-subtitle {
      font-size: 20px;
      line-height: 30px;
      margin-bottom: 15px;
    }

    .features-note p {
      margin-bottom: 40px;
      font-size: 17px;
      line-height: 22px;
    }

    .professionals-title {
      margin-right: 10px;
    }

    .professionals-item img {
      height: 400px;
      object-position: top;
    }

    .about-klinik-icon {
      width: 60px;
      height: 60px;
      background-size: 40px;
    }

    .globe-row .item {
      margin-left: auto;
      margin-right: auto;
    }

    .advant-items .item {
      width: 100%;
      margin-bottom: 20px;
    }

    .modals-items .item {
      width: 100%;
      margin-bottom: 20px;
    }
  }

  @media (max-width: 459px) {
    .promo-text {
      font-size: 18px;
      line-height: 24px;
    }

    .faq-item .top .text {
      font-size: 20px;
      line-height: 28px;
    }
  }
}