@font-face {
  font-family: "Atyp Text";
  src: url("../fonts/AtypText-Medium.eot");
  src: local("Atyp Text Medium"), local("AtypText-Medium"),
    url("../fonts/AtypText-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/AtypText-Medium.woff2") format("woff2"),
    url("../fonts/AtypText-Medium.woff") format("woff"),
    url("../fonts/AtypText-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Atyp Text";
  src: url("../fonts/AtypText-Semibold.eot");
  src: local("Atyp Text Semibold"), local("AtypText-Semibold"),
    url("../fonts/AtypText-Semibold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/AtypText-Semibold.woff2") format("woff2"),
    url("../fonts/AtypText-Semibold.woff") format("woff"),
    url("../fonts/AtypText-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Atyp Variable";
  src: url("../fonts/AtypRegularVariable.eot");
  src: local("Atyp Variable"), local("AtypRegularVariable"),
    url("../fonts/AtypRegularVariable.eot?#iefix") format("embedded-opentype"),
    url("../fonts/AtypRegularVariable.woff2") format("woff2"),
    url("../fonts/AtypRegularVariable.woff") format("woff"),
    url("../fonts/AtypRegularVariable.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Atyp Variable";
  src: url("../fonts/AtypRegularVariable.eot");
  src: local("Atyp Variable"), local("AtypRegularVariable"),
    url("../fonts/AtypRegularVariable.eot?#iefix") format("embedded-opentype"),
    url("../fonts/AtypRegularVariable.woff2") format("woff2"),
    url("../fonts/AtypRegularVariable.woff") format("woff"),
    url("../fonts/AtypRegularVariable.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

H2 {
  font-size: clamp(1.444rem, 1.048rem + 1.714vw, 2.333rem) !important;
}

H3 {
  font-size: clamp(1.333rem, 1.135rem + 0.857vw, 1.778rem) !important;
}
/* H4 {
  font-size: clamp(0.889rem, 0.79rem + 0.428vw, 1.111rem) !important;
} */

p {
  font-size: clamp(0.889rem, 0.839rem + 0.214vw, 1rem) !important;
}

.custom-p14-uppercase {
  font-size: 14px;
  text-transform: uppercase;
  /* color: #323c5b; */
  /* opacity: 0.6; */
}

/* синий navbar  */
.uk-navbar-container:not(.uk-navbar-transparent) {
  background: #001a69;
}

/* активный пункт меню  */
.uk-navbar .uk-navbar-nav > li > a {
  padding: 0 15px;
}

.uk-navbar .uk-navbar-nav > li.uk-active {
  color: #0bc6e7;
  background-color: rgba(255, 255, 255, 0.1);
}

.uk-navbar-dropdown-nav > li.uk-active > a {
  color: #0bc6e7;
}

.uk-navbar-dropdown-nav > li > a:hover {
  color: #0bc6e7 !important;
}
.uk-navbar-dropdown-nav > li > a:active {
  color: #0bc6e7 !important;
}

.uk-nav-secondary .uk-nav-sub {
  list-style: disc;
  padding-left: 50px;
  line-height: 2;
  font-size: 18px !important;
}

.uk-nav-secondary .uk-nav-sub > li.uk-active > a {
  color: #0bc6e7 !important;
}

.uk-nav-secondary .uk-nav-sub > li > a {
  color: #fff !important;
}

/* мобильное меню */
.uk-nav-secondary > li > a:hover {
  color: #0bc6e7 !important;
}

@media (max-width: 1200px) {
  .uk-logo img {
    width: 150px;
  }
}

/* регулиуем появление меню в зависимости от ширины экрана  */
@media (max-width: 1265px) {
  .tm-header.uk-visible\@m {
    display: none !important;
  }
  .tm-header-mobile.uk-hidden\@m {
    display: block !important;
  }
}

/* хлебные крошки */
.tm-top.uk-section-default.uk-section {
  background-color: #f7f8fb;
}

.tm-top.uk-section-default.uk-section {
  padding-top: 20px;
  padding-bottom: 0px;
}

.uk-icon {
  margin-top: 5px;
}

/* .uk-button {
  padding-bottom: 4px !important;
} */

/* стрелка на главной в Почему нас выбирают? */
.custom-rotate {
  transform: rotate(0deg);
  transition: transform 0.5s ease-out;
}

.uk-panel:hover .custom-rotate {
  transform: rotate(45deg);
  transition: transform 0.5s ease-out;
}

/* белая стрелка */
.custom-btn-arrow .uk-link-text::after {
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNNyA3SDE3TTE3IDdWMTdNMTcgN0w3IDE3IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==")
    no-repeat center;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

/* зеленая стрелка */
.custom-btn-arrow-green .uk-link-text::after {
  content: "";
  position: absolute;
  /* top: 3px; */
  right: 0;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 7H17M17 7V17M17 7L7 17' stroke='%230BC6E7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    no-repeat center;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

.custom-btn-arrow .uk-link-text:hover::after,
.custom-btn-arrow-green .uk-link-text:hover::after {
  transform: rotate(45deg);
}

/* зеленая стрелка 2 -  когда Панель как ссылка*/
.custom-hover {
  .el-item {
    text-transform: none;
  }

  .el-meta {
    padding-left: 24px;
    padding-right: 24px;
  }

  .el-title {
    text-transform: none;
    padding-left: 24px;
    padding-right: 24px;
  }

  .el-image {
    width: 100%;
    height: 240px;
    object-fit: cover;
  }

  .el-content {
    color: #323c5b;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding-left: 24px;
    padding-right: 24px;
  }

  .uk-link-text {
    position: relative;
    padding-right: 30px;
    padding-left: 24px;
    padding-bottom: 20px;
    color: #0bc6e7 !important;
  }

  .uk-link-text::after {
    content: "";
    position: absolute;
    /* top: 2px; */
    left: 130px;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 7H17M17 7V17M17 7L7 17' stroke='%230BC6E7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
      no-repeat center;
    transform: rotate(0deg);
    transition: transform 0.5s ease-out;
  }

  .uk-card-hover:hover .uk-link-text::after {
    transform: rotate(45deg);
  }
}

.uk-accordion-title {
  position: relative;
  display: block;
  color: #000;
  overflow: hidden;
  background: #fff;
  text-decoration: none;
  padding: 0 15px;
  border: 1px solid #ccd1e1;
}

.uk-accordion-title::before {
  position: absolute;
  content: "";
  width: 1.4em;
  height: 1.4em;
  top: 20px;
  right: 15px;
  background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23000000%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23000000%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E);
  background-repeat: no-repeat;
}

.uk-accordion-content {
  margin-top: 0px;
}

/* мини-меню Информация в статьях и тп */
.custom_subnav_pill {
  .el-nav {
    margin-left: 0;
  }

  .el-nav li {
    border: 1px solid #ccd1e1;
    min-width: 150px;
    background: #f7f8fb;
  }

  .el-nav li.uk-active a:hover {
    color: #fff;
  }

  .el-nav li a:hover {
    color: #0bc6e7;
  }

  .el-nav li.uk-active {
    background-color: #0bc6e7;
  }

  .uk-tab > .uk-active > a {
    color: #fff;
    text-decoration: none;
  }

  .uk-tab > * > a {
    border-bottom: unset;
    font-size: clamp(0.889rem, 0.839rem + 0.214vw, 1rem);
  }

  @media (max-width: 960px) {
    .el-nav.uk-tab {
      display: flex !important;
      flex-wrap: nowrap !important;
      overflow-x: auto !important;
      overflow-y: hidden !important;
      -webkit-overflow-scrolling: touch !important; /* Плавный скролл на iOS */
      scrollbar-width: none !important; /* Скрыть полосу в Firefox */
    }

    .el-nav.uk-tab::-webkit-scrollbar {
      display: none !important; /* Скрыть полосу в Chrome/Safari */
    }

    .el-nav.uk-tab > li {
      flex: 0 0 auto !important;
      width: 212px !important;
      white-space: nowrap !important; /* Предотвратить перенос текста */
    }
  }
}

/* меню в свитчере (обязательно в Навигации "Внешний отступ Small")*/
.custom-tab {
  .el-nav.uk-margin-small {
    background: #f7f8fb;
  }

  .el-nav.uk-margin-small li {
    border: 1px solid #ccd1e1;
  }

  .el-nav.uk-margin-small li.uk-active {
    background-color: #0bc6e7;
  }

  /* .el-nav.uk-tab li {
    display: flex;
    align-items: center;
    justify-content: center;
  } */

  @media (max-width: 960px) {
    .el-nav.uk-margin-small {
      flex-direction: column;
    }
  }
}

/* прокрутка меню на мобильном экране в свитчере (обязательно в Навигации "Внешний отступ Small")*/
.custom-tab-shift {
  .uk-tab > * > a {
    font-size: clamp(0.889rem, 0.839rem + 0.214vw, 1rem);
  }

  .el-nav.uk-margin-small li {
    border: 1px solid #ccd1e1;
    background: #f7f8fb;
  }

  .el-nav.uk-margin-small li.uk-active {
    background-color: #0bc6e7;
  }

  .el-nav.uk-margin-small li:hover {
    border: 1px solid #0bc6e7;
  }
  
  @media (max-width: 960px) {
    .el-nav.uk-margin-small {
      display: flex !important;
      flex-wrap: nowrap !important;
      overflow-x: auto !important;
      overflow-y: hidden !important;
      -webkit-overflow-scrolling: touch !important; /* Плавный скролл на iOS */
      scrollbar-width: none !important; /* Скрыть полосу в Firefox */
    }

    .el-nav.uk-margin-small::-webkit-scrollbar {
      display: none !important; /* Скрыть полосу в Chrome/Safari */
    }

    .el-nav.uk-margin-small > li {
      flex: 0 0 auto !important;
      width: 212px !important;
      white-space: nowrap !important; /* Предотвратить перенос текста */
    }
  }
}

/* карточки сотрудников */
.custom-staff {
  .uk-slider-items {
    padding-bottom: 5px;
    & > div {
      padding-right: 1px;
    }
  }

  .el-title {
    text-transform: none;
    padding: 0 20px;
  }

  .el-meta {
    padding: 10px 20px;
    padding-bottom: 26px;
  }

  .el-item {
    border: 1px solid #ccd1e1;
    /* padding-bottom: 20px; */
  }

  .el-image {
    width: 100%;
  }
}

@media (min-width: 960px) {
  .custom-staff .uk-grid {
    flex-wrap: wrap;
    row-gap: 20px;
    transform: unset !important;
  }
}

@media (min-width: 960px) {
  .custom-staff .el-nav {
    display: none;
  }
}

/* стрелки в слайдере */
.custom-slidernav {
  .el-slidenav {
    padding: 0;
    background-size: cover;
    width: 62px;
    height: 62px;
    transition: 0.3s;
    position: relative;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(12.5px);
    -webkit-backdrop-filter: blur(12.5px);
  }

  .el-slidenav svg {
    opacity: 0;
  }

  .el-slidenav.uk-slidenav-next::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background: url("/images/img/icons/arrow-slider.svg") center/contain
      no-repeat;
  }

  .el-slidenav.uk-slidenav-previous::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(-1, 1);
    width: 40px;
    height: 40px;
    background: url("/images/img/icons/arrow-slider.svg") center/contain
      no-repeat;
  }

  @media (min-width: 960px) {
    .el-nav {
      display: none;
    }
  }
}