/* Start:/local/templates/atomcode/styles.css?175764310033239*/
@font-face {
  font-family: "Rosatom-Bold";
  src: url("/local/templates/atomcode/assets/fonts/Rosatom-Bold.ttf") format("truetype"),
    url("/local/templates/atomcode/assets/fonts/Rosatom-Bold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rosatom-Regular";
  src: url("/local/templates/atomcode/assets/fonts/Rosatom-Light.ttf") format("truetype"),
    url("/local/templates/atomcode/assets/fonts/Rosatom-Light.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  list-style: none;
  font-family: "Rosatom-Regular";
  color: #333333;
  scroll-behavior: smooth;
}
.container {
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto;
  padding-top: 60px;
}
body {
  background: #eef5ff;
  &.scroll-off {
    overflow: hidden;
  }
}
.g-btn {
  padding: 16px;
  border-radius: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  color: #ffffff;
  font-size: 14px;
  font-family: "Rosatom-Bold";
  outline: none;
  border: none;
  width: fit-content;

  &.g-btn_color {
    background: linear-gradient(270deg, #ff8151 0%, #ff0077 100%);
  }
  &.g-btn_blue {
    background: #2b7fe9cc;
  }
}
.g-title {
  font-size: 32px;
  line-height: 130%;
  font-family: "Rosatom-Bold";
  margin-bottom: 32px;
  text-align: center;
}
body::-webkit-scrollbar {
  width: 6px; /* ширина scrollbar */
}
body::-webkit-scrollbar-track {
  background: #eef5ff; /* цвет дорожки */
}
body::-webkit-scrollbar-thumb {
  background-color: white; /* цвет плашки */
  border-radius: 20px; /* закругления плашки */
}
.scroll-m-t {
  scroll-margin-top: 80px;
}
@media (max-width: 767px) {
  .g-title {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 24px;
  }
  .container {
    padding-top: 40px;
  }
}
// Header
.header {
  background: #ffffff00;
  backdrop-filter: blur(1px) opacity(0);
  position: sticky;
  top: 0;
  z-index: 20;
  transition: 400ms;
  &.h-scroll {
    background: #ffffffcc;
    backdrop-filter: blur(66px) opacity(1);
  }
  &.active {
    background: #ffffffcc;
    backdrop-filter: blur(66px) opacity(1);
    header {
      height: 265px;
    }
  }
  header {
    display: flex;
    align-items: center;
    gap: 120px;
    max-width: 1240px;
    margin: 0 auto;
    justify-content: space-between;
    padding: 10px 20px;
    overflow: hidden;
    height: 85px;
    transition: 240ms;
  }
  .header__logo {
    cursor: pointer;
  }
  .header__nav {
    ul {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      justify-content: space-between;
      gap: 20px;
    }
    a {
      width: 100%;
      display: flex;
      justify-content: center;
      color: #333333;
      text-decoration: none;
      font-size: 14px;
      line-height: 130%;
    }
  }
  .burger {
    display: none;
    cursor: pointer;
  }
  @media (max-width: 1023px) {
    width: 100%;
    position: fixed;
    header {
      flex-wrap: wrap;
      gap: 0 120px;
    }
    .burger {
      display: block;
    }
    .header__nav {
      order: 1;
      width: 100%;
      ul {
        display: flex;
        flex-direction: column;
        gap: 0;
        a {
          height: 37px;
          display: flex;
          align-items: center;
          font-size: 16px;
        }
      }
    }
  }
  @media (max-width: 767px) {
    header {
      gap: 0;
    }
  }
}
// Header

// Main
.main {
  margin-bottom: 64px;
  .main-promo {
    padding-top: 20px;
    max-width: 800px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    .main-promo__content {
      padding-top: 40px;
    }
    .main-promo__title {
      font-size: 40px;
      line-height: 60px;
      font-family: "Rosatom-Bold";
      text-transform: uppercase;
    }
    .main-promo__subtitle {
      font-size: 18px;
      line-height: 28px;
      color: #5c5c5c;
    }
    .main-promo__btns {
      display: flex;
      align-items: center;
      gap: 12px;
      padding-top: 24px;
    }
  }
  .main-logos {
    max-width: 960px;
    margin: -64px auto;
    display: flex;
    gap: 16px;
    justify-content: space-between;

    .main-logo {
      padding: 4px;
      border-radius: 24px;
      background: #ffffffcc;
      backdrop-filter: blur(12px);
    }
  }
  .main-promo__subtitle-span {
    display: none;
  }
  @media (max-width: 1023px) {
    margin-top: 85px;
    .main-promo {
      padding: 0 20px 0 32px;
      display: flex;
      justify-content: space-between;
    }
    .main-promo__img {
      width: 308px;
      img {
        width: 100%;
      }
    }
    .main-logos {
      margin-top: 16px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      padding: 0 20px;
      .main-logo {
        height: 72px;
        border-radius: 12px;
        img {
          width: 100%;
          height: 100%;
          object-fit: contain;
        }
      }
    }
  }
  @media (max-width: 767px) {
    .main-promo__subtitle-span {
      display: inline;
      span {
        font-family: "Rosatom-Bold";
      }
    }
    .main-promo__title {
      display: none;
    }
    .main-promo__content {
      display: contents;
    }
    .main-promo__subtitle {
      text-align: center;
      font-size: 16px;
      line-height: 20px;
      br {
        display: none;
      }
    }
    .main-promo {
      flex-direction: column;
      padding: 20px 16px 0;
    }
    .main-promo__btns {
      order: 1;
      justify-content: center;
    }
    .main-promo__img {
      width: 100%;
      display: flex;
      justify-content: center;
      img {
        max-width: 400px;
      }
    }
    .main-logos {
      .main-logo {
        height: 62px;
      }
    }
    margin-bottom: 70px;
  }
}
// Main

// Components
.components {
  .components__items {
    max-width: 960px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    position: relative;
  }
  .components__item {
    padding: 16px 16px 28px 16px;
    border-radius: 28px;
    cursor: pointer;
    overflow: hidden;
    transition: 440ms;
    width: 312px;
    position: absolute;
    transition: 0.125s;
    @media (min-width: 768px) {
      &:hover {
        padding: 32px;
        .components__item-icon {
          top: -200px;
        }
        .components__item-text {
          margin-top: 0;
        }
        .components__item-subtitle-show {
          max-height: 130px;
        }
        .components__item-subtitle {
          max-height: 0;
          margin-top: 28px;
        }
        .components__item-hide {
          margin-top: 32px;
        }
        .components__item-title {
          br {
            display: none;
          }
        }
      }
    }
    .components__item-icon {
      height: 52px;
      transition: 400ms;
      position: absolute;
      top: 16px;
    }
  }
  .components__item-text {
    margin-top: 72px;
    transition: 150ms;
  }
  .components__item-subtitle-show {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
    max-height: 0px;
    transition: 150ms;
    overflow: hidden;
  }
  .components__item-subtitle-show-item {
    font-size: 14px;
    line-height: 18px;
    color: white;
    width: 572px;
  }
  .components__item_purple {
    background: #c9afff;
    height: calc(0% + 212px);
    left: 0;
    top: 0;
    @media (min-width: 768px) {
      animation: shape-to-min 0.25s forwards;
      &:hover {
        animation: shape-to-max 0.25s forwards;
      }
    }
  }
  .components__item_l-blue {
    background: #5196ed;
    height: calc(0% + 236px);
    top: 0;
    @media (min-width: 768px) {
      animation: shape-to-min-b 0.25s forwards;
      &:hover {
        animation: shape-to-max-b 0.25s forwards;
      }
    }
  }
  .components__item_lilac {
    background: #7d7df7;
    height: calc(0% + 212px);
    top: 0;
    left: 648px;
    @media (min-width: 768px) {
      animation: shape-to-min 0.25s forwards;
      &:hover {
        left: 324px;
        transition: 0.251s;
        animation: shape-to-max 0.25s forwards;
      }
    }
  }
  .components__item_pink {
    background: #fc70ac;
    margin-top: 12px;
    height: calc(0% + 236px);
    left: 0;
    bottom: 0;
    @media (min-width: 768px) {
      animation: shape-to-min-b 0.25s forwards;
      &:hover {
        animation: shape-to-max-b 0.25s forwards;
      }
    }
  }
  .components__item_blue {
    background: #2250d6;
    margin-top: 12px;
    height: calc(0% + 212px);
    bottom: 0;
    left: 324px;
    @media (min-width: 768px) {
      animation: shape-to-min 0.25s forwards;
      &:hover {
        left: 0;
        transition: 0.251s;
        animation: shape-to-max 0.25s forwards;
      }
    }
  }
  .components__item_violet {
    background: #cb10b8;
    margin-top: 12px;
    height: calc(0% + 236px);
    bottom: 0;
    left: 648px;
    @media (min-width: 768px) {
      animation: shape-to-min-b 0.25s forwards;
      &:hover {
        left: 324px;
        transition: 0.251s;
        animation: shape-to-max-b 0.25s forwards;
      }
    }
  }
  .components__item-title_close,
  .components__item-subtitle-btn,
  .components__item-hide-mob {
    display: none;
  }
  @media (min-width: 1024px) {
    @keyframes shape-to-max {
      0% {
        width: 312px;
        height: 212px;
        z-index: 2;
      }
      100% {
        width: 636px;
        height: 460px;
        z-index: 2;
      }
    }
    @keyframes shape-to-min {
      0% {
        width: 636px;
        height: 460px;
        z-index: 1;
      }
      50% {
        width: 312px;
        height: 212px;
        z-index: 1;
      }
      90% {
        width: 312px;
        height: 212px;
        z-index: 0;
      }
      100% {
        width: 312px;
        height: 212px;
        z-index: 0;
      }
    }
    @keyframes shape-to-max-b {
      0% {
        width: 312px;
        height: 236px;
        z-index: 2;
      }
      100% {
        width: 636px;
        height: 460px;
        z-index: 2;
      }
    }
    @keyframes shape-to-min-b {
      0% {
        width: 636px;
        height: 460px;
        z-index: 1;
      }
      50% {
        width: 312px;
        height: 236px;
        z-index: 1;
      }
      90% {
        width: 312px;
        height: 236px;
        z-index: 0;
      }
      100% {
        width: 312px;
        height: 236px;
        z-index: 0;
      }
    }
  }
  .components__item-title {
    font-size: 20px;
    line-height: 24px;
    color: #ffffff;
    font-family: "Rosatom-Bold";
  }
  .components__item-subtitle {
    margin-top: 12px;
    font-size: 14px;
    line-height: 18px;
    color: #ffffff;
    max-height: 80px;
    transition: 400ms;
    overflow: hidden;
  }
  .components__item-hide {
    margin-top: 60px;
    transition: 600ms;
  }
  .components__items-column {
    display: flex;
    flex-direction: column;
    max-height: 460px;
    min-height: 460px;
  }
  .components__item-hide {
    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: left top;
    }
  }
  @media (min-width: 768px) and (max-width: 1023px) {
    .components__items {
      max-width: 728px;
    }
    .components__item {
      width: 234px;
    }
    .components__item-title {
      font-size: 16px;
      line-height: 20px;
    }
    br {
      display: none;
    }
    .components__item_blue {
      left: 247px;
    }
    .components__item_lilac,
    .components__item_violet {
      left: 494px;
    }
    .components__item_l-blue {
      left: 247px;
    }
    .components__item-subtitle {
      font-size: 13px;
    }
    @keyframes shape-to-max {
      0% {
        width: 234px;
        height: 212px;
        z-index: 2;
      }
      100% {
        width: 728px;
        height: 460px;
        z-index: 2;
      }
    }
    @keyframes shape-to-min {
      0% {
        width: 636px;
        height: 460px;
        z-index: 1;
      }
      50% {
        width: 234px;
        height: 212px;
        z-index: 1;
      }
      90% {
        width: 234px;
        height: 212px;
        z-index: 0;
      }
      100% {
        width: 234px;
        height: 212px;
        z-index: 0;
      }
    }
    @keyframes shape-to-max-b {
      0% {
        width: 234px;
        height: 236px;
        z-index: 2;
      }
      100% {
        width: 728px;
        height: 460px;
        z-index: 2;
      }
    }
    @keyframes shape-to-min-b {
      0% {
        width: 636px;
        height: 460px;
        z-index: 1;
      }
      50% {
        width: 234px;
        height: 236px;
        z-index: 1;
      }
      90% {
        width: 234px;
        height: 236px;
        z-index: 0;
      }
      100% {
        width: 234px;
        height: 236px;
        z-index: 0;
      }
    }
    .components__item_violet,
    .components__item_lilac,
    .components__item_l-blue {
      &:hover {
        left: 0;
      }
    }
  }
  @media (max-width: 767px) {
    .components__items {
      display: flex;
      flex-direction: column;
      .components__item {
        position: relative;
        left: initial;
        top: initial;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 16px;
        &.active {
          padding-bottom: 0;
          .components__item-icon {
            top: -140px;
          }
          .components__item-title_close {
            opacity: 1;
          }
          .components__item-text {
            margin-top: 0;
          }
          .components__item-subtitle-show {
            max-height: 240px;
          }
          .components__item-subtitle {
            max-height: 0;
          }
          .components__item-subtitle-btn {
            height: 0px;
          }
          .components__item-hide {
            max-height: 240px;
          }
        }
      }
      .components__item-title_close {
        display: flex;
        position: relative;
        top: 3px;
        transition: 240ms;
        opacity: 0;
      }
      .components__item-title {
        font-size: 16px;
        line-height: 20px;
        display: flex;
        justify-content: space-between;
        align-items: start;
        br {
          display: none;
        }
      }
      .components__item-subtitle {
        br {
          display: none;
        }
      }
      .components__item-subtitle-show-item {
        width: 100%;
      }
      .components__items-column {
        display: contents;
      }
      .components__item-hide {
        max-height: 0px;
        margin-top: 0px;
        overflow: hidden;
        transition: 200ms;
      }
      .components__item-subtitle-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-top: 16px;
        font-size: 16px;
        line-height: 20px;
        color: white;
        background: #ffffff40;
        border-radius: 32px;
        height: 52px;
        font-family: "Rosatom-Bold";
        overflow: hidden;
        transition: 240ms;
      }
      .components__item-hide-pc {
        display: none;
      }
      .components__item-hide-mob {
        display: flex;
      }
      .components__item-subtitle {
        transition: 200ms;
      }
    }
  }
}
// Components

// Useful
.useful {
  .useful-block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
  .useful-block__item {
    background: white;
    height: 280px;
    padding: 28px;
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    &:nth-child(odd) {
      height: 200px;
    }
  }
  .useful-block__img {
    margin-bottom: auto;
  }
  .useful-block__title {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 12px;
    font-family: "Rosatom-Bold";
  }
  .useful-block__subtitle {
    font-size: 14px;
    line-height: 18px;

    ul {
      margin-top: 8px;
      padding-left: 20px;
      li {
        list-style: initial;
      }
    }
  }
  .useful-block__column {
    display: flex;
    flex-direction: column;
    gap: 24px;
    &:nth-child(2) {
      .useful-block__item:first-child {
        height: 280px;
      }
      .useful-block__item:last-child {
        height: 200px;
      }
    }
  }
  .useful__btn {
    display: flex;
    justify-content: center;
    margin-top: 32px;
  }
  @media (max-width: 1023px) {
    .useful-block__column {
      display: contents;
    }
    .useful-block {
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
    }
    .useful-block__item {
      height: auto !important;
      min-height: 200px;
      &.useful-block__item_1 {
        order: 1;
        flex: 1 1 100%;
      }
      &.useful-block__item_2 {
        order: 5;
        flex: 1 1 calc(50% - 8px);
        min-height: 280px;
        .useful-block__img {
          margin-bottom: 16px;
        }
      }
      &.useful-block__item_3 {
        order: 4;
      }
      &.useful-block__item_4 {
        order: 2;
        flex: 1 1 calc(50% - 8px);
        .useful-block__img {
          margin-bottom: 16px;
        }
      }
      &.useful-block__item_5 {
        order: 3;
        flex: 1 1 calc(50% - 8px);
        .useful-block__img {
          margin-bottom: 16px;
        }
      }
      &.useful-block__item_6 {
        order: 6;
        flex: 1 1 calc(50% - 8px);
        min-height: 280px;
        .useful-block__img {
          margin-bottom: 16px;
        }
      }
    }
  }
  @media (max-width: 767px) {
    .useful-block__item {
      height: auto !important;
      min-height: 200px;
      flex: 1 1 100%;
      &.useful-block__item_1 {
        order: 2;
      }
      &.useful-block__item_2 {
        order: 1;
        .useful-block__img {
          margin-bottom: 16px;
        }
      }
      &.useful-block__item_3 {
        order: 5;
      }
      &.useful-block__item_4 {
        order: 3;
        .useful-block__img {
          margin-bottom: 16px;
        }
      }
      &.useful-block__item_5 {
        order: 6;
        .useful-block__img {
          margin-bottom: 16px;
        }
      }
      &.useful-block__item_6 {
        order: 4;
        .useful-block__img {
          margin-bottom: 16px;
        }
      }
    }
    .useful__btn {
      a {
        width: 100%;
      }
    }
    .useful-block__title {
      font-size: 20px;
      line-height: 30px;
    }
    .useful-block__img {
      margin-bottom: 8px !important;
    }
  }
}
// Useful
// Application
.application {
  .application__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
  .application__item {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    padding: 20px 28px;
    border-radius: 32px;
    background: white;
  }
  .application__item-title {
    font-family: "Rosatom-Bold";
  }
  @media (max-width: 1023px) {
    .application__items {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
    }
    .application__item {
      height: 92px;
    }
  }
  @media (max-width: 767px) {
    .application__items {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 16px;
    }
    .application__item {
      padding: 12px 16px;
      border-radius: 24px;
      height: 76px;
    }
  }
}
// Application
// Partners
.partners {
  .partners__items {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }
  .partners__item {
    border-radius: 32px;
    overflow: hidden;
    background: white;
    flex: 1 1 23%;

    img {
      width: 100%;
      object-fit: contain;
    }
  }
  @media (max-width: 1023px) {
    .partners__item {
      flex: 1 1 20%;
    }
    .partners__items {
      display: initial;
    }
    .partners__item {
      height: 100px;
      width: 174px;
      border-radius: 12px;
      img {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }
    }
    .slick-list {
      width: 186px !important;
      overflow: initial;
    }
    .slick-slide {
      margin-right: 12px;
    }
  }
}
// Partners

// Advantages
.advantages {
  .advantages__items {
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding: 0 32px;
  }
  .advantages__item {
    padding: 16px;
    border-bottom: 1px solid #b6cbe540;
    &:last-child {
      border-bottom: none;
    }
    &.active {
      .advantages__item-wrap {
        grid-template-rows: 1fr;
      }
      .advantages__item-subtitle {
        padding-top: 20px;
      }
      .advantages__item-img {
        transform: rotate(45deg);
      }
    }
  }
  .advantages__item-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 22px;
    line-height: 28px;
    cursor: pointer;
  }
  .advantages__item-subtitle {
    min-height: 0;
    padding-top: 0px;
    font-size: 14px;
    line-height: 18px;
    padding-right: 40px;
    transition: 240ms;
  }
  .advantages__item-wrap {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: 240ms;
  }
  .advantages__item-img {
    display: flex;
    transform: rotate(0);
    transition: 240ms;
  }
  @media (max-width: 1023px) {
    .advantages__items {
      padding: 0 12px;
    }
  }
  @media (max-width: 767px) {
    .advantages__item {
      padding: 16px 12px;
    }
    .advantages__items {
      padding: 0;
    }
    .advantages__item-text {
      font-size: 18px;
      line-height: 24px;
    }
    .advantages__item-subtitle {
      font-size: 12px;
      line-height: 16px;
      padding-right: 12px;
    }
  }
}
// Advantages
// Promo
.promo {
  .container {
    padding-top: 40px;
  }
  .promo__cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 188px;
    gap: 24px;
  }
  .promo__card {
    border-radius: 32px;
    background-color: #2891f5;
    display: flex;
    align-items: end;
    overflow: hidden;
    padding: 16px;
    background-image: url(/local/templates/atomcode/assets/img/Get-the-cases.png);
    background-position: center;
    background-size: cover;
    &:last-child {
      background-image: url(/local/templates/atomcode/assets/img/Become-a-partner.png),
        linear-gradient(114.02deg, #ff317c 18.72%, #ff8d2b 59.36%);
    }
  }
  .promo__card-title {
    text-decoration: none;
    font-size: 20px;
    line-height: 20px;
    color: white;
    font-family: "Rosatom-Bold";
    width: 100%;
    border-radius: 32px;
    padding: 16px;
    background: #ffffff40;
    backdrop-filter: blur(140px);
    text-align: center;
  }
  @media (max-width: 767px) {
    .promo__cards {
      grid-template-columns: 1fr;
      gap: 16px;
      grid-template-rows: initial;
    }
    .promo__card {
      height: 128px;
      border-radius: 24px;
    }
  }
}
// Promo
// Form
.form {
  .form__block {
    display: flex;
    gap: 32px;
    align-items: center;
  }
  form {
    padding-right: 80px;
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .form__input {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-right: 40px;
    input {
      border-radius: 12px;
      background: white;
      border: 1px solid #99adc7;
      outline: none;
      padding: 14px 20px;
      font-size: 18px;
      line-height: 20px;
      &::placeholder {
        color: #99adc7;
      }
    }
  }
  .form__title {
    font-size: 28px;
    line-height: 36px;
    font-family: "Rosatom-Bold";
  }
  @media (max-width: 1023px) {
    .form__block-img {
      flex: 0 0 348px;
      img {
        width: 100%;
      }
    }
    .form__title {
      font-size: 20px;
      line-height: 26px;
    }
    form {
      padding-right: 0;
    }
    .form__input {
      padding-right: 0;
    }
  }
  @media (max-width: 767px) {
    .form__block {
      flex-direction: column;
      gap: 16px;
    }
    .form__block-img {
      flex: 0 0 auto;
    }
    form {
      gap: 24px;
      input.g-btn {
        width: 100%;
      }
    }
    .form__title {
      text-align: center;
      font-size: 20px;
      line-height: 26px;
    }
  }
}
// Form

// Updates
.updates {
  .updates__items {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .updates__item {
    padding: 16px;
    display: flex;
    gap: 48px;
  }
  .updates__item-date {
    border-radius: 32px;
    padding: 12px 32px 8px 32px;
    background: linear-gradient(270deg, #003474 0%, #2b7fe9 100%);
    height: fit-content;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    &.updates__item-date-orange {
      background: linear-gradient(90deg, #ff8d2b 0%, #ff317c 100%);
    }
  }
  .updates__item-date-version {
    font-family: "Rosatom-Bold";
    color: white;
    font-size: 32px;
    line-height: 32px;
  }
  .updates__item-date-date {
    font-size: 12px;
    line-height: 16px;
    color: white;
  }
  .updates__item-content-text {
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    max-height: 54px;
    transition: 240ms;
  }
  .updates__item-content-text-show {
    margin-top: 4px;
    width: fit-content;
    color: #5196ed;
    font-size: 14px;
    line-height: 18px;
    display: none;
    cursor: pointer;
  }
  @media (max-width: 767px) {
    .updates__items {
      gap: 16px;
    }
    .updates__item {
      flex-direction: column;
      padding: 0;
      gap: 16px;
    }
    .updates__item-date {
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      padding: 16px 22px;
    }
    .updates__item-date-version {
      font-size: 22px;
      line-height: 28px;
    }
    .updates__item-date-date {
      font-size: 14px;
    }
  }
}
// Updates

// Footer
.footer {
  footer {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 40px;
    a {
      text-decoration: none;
    }
  }
  .footer__top {
    display: flex;
    justify-content: space-between;
  }
  .footer__bottom {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    line-height: 20px;
  }
  .footer__contacts {
    display: flex;
    gap: 40px;
  }
  .footer__contacts-l {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .footer__contacts-r {
    display: flex;
    gap: 12px;
    a {
      display: block;
      width: 48px;
      height: 48px;
    }
  }
  .footer__contacts-mail {
    font-size: 16px;
    line-height: 26px;
    color: #3580d7;
  }
  .footer__contacts-phone {
    font-size: 18px;
    line-height: 26px;
  }
  .footer__logos {
    display: flex;
    gap: 40px;
  }
  .footer__logo {
    display: flex;
  }
  .footer__contacts-l-team,
  .footer__contacts-l-address {
    display: none;
  }

  @media (max-width: 1023px) {
    .footer__logos {
      flex-direction: column;
      gap: 16px;
    }
    .footer__contacts-l {
      gap: 0;
    }
    .footer__bottom-address {
      display: none;
    }
    .footer__contacts-l-team {
      display: block;
    }
    .footer__contacts-l-address {
      display: block;
      max-width: 220px;
      margin-top: 12px;
      font-size: 12px;
      line-height: 20px;
    }
    .footer__contacts-phone {
      margin-top: 12px;
    }
    .footer__contacts {
      gap: 80px;
    }
    .footer__bottom {
      margin-top: 8px;
    }
  }
  @media (max-width: 767px) {
    footer {
      padding-top: 24px;
    }
    .footer__top {
      flex-direction: column;
      gap: 16px;
    }
    .footer__contacts {
      flex-direction: column;
      gap: 16px;
    }
    .footer__logo {
      justify-content: center;
    }
    .footer__contacts-l {
      align-items: center;
      text-align: center;
    }
    .footer__contacts-l-address {
      max-width: 230px;
    }
    .footer__contacts-r {
      justify-content: center;
    }
    .footer__bottom-copyr {
      width: 100%;
      text-align: center;
    }
  }
}
// Footer

// Slider
.slider {
  overflow: hidden;
  .slider__card {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 280px;
    padding: 12px;
    border-radius: 40px;
    background: white;
    text-decoration: none;
    /*height: 460px;*/
  }
  .slider__content-date {
    font-size: 14px;
    line-height: 19px;
  }
  .slider__content-title {
    margin-top: 4px;
    font-size: 20px;
    line-height: 28px;
    font-family: "Rosatom-Bold";
  }
  .slider__content {
    padding: 0 12px 12px;
  }
  .slider__img {
    width: 256px;
    height: 236px;
    border-radius: 32px;
    margin-bottom: 20px;
    img {
      width: 256px;
      height: 236px;
      object-fit: cover;
      border-radius: 32px;
    }
  }
  .slider__content-subtitle {
    font-size: 14px;
    line-height: 18px;
    margin-top: 8px;
  }
  .slick-list {
    overflow: initial;
    width: 1216px;
  }
  .slick-slide {
    margin-right: 24px;
  }
  .slider__content-btn {
    width: calc(100% + 24px);
    margin: 24px -12px 0 -12px;
  }
  @media (max-width: 1249px) {
    .slick-list {
      width: 304px !important;
    }
  }
  @media (max-width: 767px) {
    .slider__content-title {
      font-size: 18px;
      line-height: 24px;
    }
    .slider__card {
      height: auto;
    }
  }
}
// Slider

// Opportunities
.opportunities {
  overflow: hidden;
  .container {
    max-width: 1000px;
  }
  .opportunities__item {
    height: 560px;
    border-radius: 32px;
    width: 900px !important;
    overflow: hidden;
    video {
      border-radius: 32px;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }
  .opportunities__item-slide {
    height: 560px;
    background: #1089ef;
    padding: 40px;
    border-radius: 32px;
    position: relative;
  }
  .opportunities__item-slide-title {
    font-size: 28px;
    line-height: 36px;
    font-family: "Rosatom-Bold";
    color: white;
    max-width: 340px;
  }
  .opportunities__item-slide-texts {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px;
  }
  .opportunities__item-slide-text {
    color: white;
    max-width: 340px;
    font-size: 18px;
    line-height: 24px;
  }
  .slick-list {
    overflow: initial;
  }
  img.opportunities__item-slide-img:last-child {
    display: none !important;
  }
  #opportunities-2,
  #opportunities-6 {
    width: 600px !important;
    .opportunities__item-slide-text {
      max-width: 520px;
    }
    .opportunities__item-slide-title {
      max-width: 520px;
    }
    img.opportunities__item-slide-img {
      position: absolute;
      bottom: 0;
      left: 0;
      top: initial;
    }
  }
  #opportunities-3 {
    .opportunities__item-slide {
      background: #43b7f2;
    }
  }
  #opportunities-4 {
    .opportunities__item-slide {
      background: #0857af;
    }
  }
  #opportunities-5 {
    .opportunities__item-slide {
      background: #ff9a3e;
    }
  }
  #opportunities-6 {
    .opportunities__item-slide {
      background: #9395f9;
    }
  }
  .slick-slide {
    margin-right: 20px;
  }
  img.opportunities__item-slide-img {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
  }
  .opportunities__bottom {
    margin-top: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
  }
  .slick-dots {
    position: initial;
    height: 52px;
    padding: 0 20px;
    background: #2b7fe940;
    border-radius: 32px;
    display: flex;
    align-items: center;
    gap: 20px;
    li {
      width: 12px;
      height: 12px;
      background: #ffffff;
      opacity: 0.5;
      border-radius: 10px;
      margin: 0;
      transition: 240ms;
      &.slick-active {
        width: 60px;
        opacity: 1;
      }
    }
    button {
      display: none;
    }
  }
  @media (max-width: 1023px) {
    .opportunities__item {
      height: 460px;
      border-radius: 24px;
      width: 382px !important;
    }
    .opportunities__item-slide {
      height: 460px;
      padding: 16px;
      border-radius: 24px;
    }
    .opportunities__item-slide-img {
      display: none !important;
    }
    img.opportunities__item-slide-img:last-child {
      display: block !important;
      left: 0;
      top: initial;
    }
    #opportunities-2,
    #opportunities-6 {
      width: 382px !important;
    }
    #opportunities-1 {
      width: 728px !important;
    }
    .opportunities__item-slide-title {
      font-size: 16px;
      line-height: 20px;
    }
    .opportunities__item-slide-texts {
      gap: 8px;
    }
    .opportunities__item-slide-text {
      font-size: 14px;
      line-height: 18px;
      display: none;

      &:nth-child(1),
      &:nth-child(2),
      &:nth-child(3) {
        display: block;
      }
    }
  }
  @media (max-width: 767px) {
    .opportunities__item-slide {
      height: 410px !important;
    }
    .opportunities__item,
    #opportunities-1,
    #opportunities-2,
    #opportunities-6 {
      width: 288px !important;
      height: 410px !important;
    }
    img.opportunities__item-slide-img:last-child {
      width: calc(100% - 32px);
    }
    .opportunities__dots {
      display: none;
    }
    .opportunities__btn {
      width: 100%;
    }
    .opportunities__bottom {
      margin-top: 24px;
    }
  }
}
// Opportunities

/* End */


/* Start:/local/templates/atomcode/template_styles.min.css?17575894197021*/
html{width:100%;height:100%}body{/*height:100%;*/margin:0;padding:0;font-size:80.01%;font-family:Verdana,Arial,Helvetica,sans-serif}form{margin:0;padding:0}form.main-form{display:block;margin:0;padding:0;width:100%;height:100%}#page-wrapper{min-height:100%;margin:0 auto -85px;min-width:990px}* html #page-wrapper{height:100%}#header{height:77px;position:relative}#header table{width:80%;height:77px}#header td{padding:0;vertical-align:middle;text-align:left}td#logo{padding-left:32px}td#logo a{outline:0}td#slogan{padding-left:32px;width:100%;font-size:1.2em;font-style:italic}#search{width:23%;position:absolute;right:21px;top:30px}#search div.flat{height:20px}#search div.search-box{border:1px solid;height:20px;overflow:hidden;padding:0;position:absolute;left:21px;right:61px;float:left}* html #search div.search-box{margin-right:-82px}#search div.search-box input{border:1px solid;width:98%;height:18px;padding:0;margin:0}#search input{vertical-align:top}#search-button{float:right;width:48px;border:1px solid}#search-button input::-moz-focus-inner{border:0;padding:0}#search-button input{display:block;border:0;background:0;width:48px;padding:0;margin:0;font-family:Georgia,serif;font-size:12px;height:19px;cursor:pointer;cursor:hand;outline:0}div.search-item h4{margin-bottom:.4em}#top-menu{margin:0 0 0 32px;padding:0;list-style-type:none;overflow:hidden;zoom:1}#top-menu li{float:left;margin:0 1.5em 0 0}#top-menu a{display:block;border-bottom-width:2px;border-bottom-style:solid;text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1.2em;outline:0;padding:11px 0 7px;margin:0 16px 3px}#top-menu li.selected a{padding:11px 16px 10px;margin:0}#top-menu li.selected .r1{border-left:1px solid;border-right:1px solid}#top-menu li.selected .r0{border-left:1px solid;border-right:1px solid}* html #top-menu .r1{width:2px}* html #top-menu .r0{width:2px}#top-menu li.selected .r1{width:expression(runtimeStyle.width = parentNode.offsetWidth - 4+'px')}#top-menu li.selected .r0{width:expression(runtimeStyle.width = parentNode.offsetWidth - 2+'px')}#breadcrumb{padding:0;margin:0 41px 32px 32px}#breadcrumb p{margin:0 10px}#breadcrumb span.bx-breadcrumbs-name{font-size:.85em;padding:0 .4em}#breadcrumb a{text-decoration:none}#breadcrumb a:hover{text-decoration:underline}#breadcrumb b{border-right:1px solid;border-left:1px solid}#breadcrumb b.top{margin-bottom:2px}#breadcrumb b.bottom{margin-top:2px}#content-wrapper{overflow:hidden;margin:21px 0 50px;zoom:1}#content{float:left;width:77%;overflow:hidden}#sidebar{float:right;width:23%;overflow:hidden}#sidebar-inner{margin-right:21px}#workarea-wrapper{margin:0 38px 0 25px}#left-menu{float:left;width:25%}ul.left-menu{font-weight:bold;list-style-type:none;margin:0;padding:0 0 0 1.5em}ul.left-menu a{font-size:1.1em;outline:0}ul.left-menu .selected a{text-decoration:none}ul.left-menu ul a{font-size:.85em !important;text-decoration:underline !important;outline:0;vertical-align:top}ul.left-menu li.current{overflow:hidden;zoom:1;display:block;margin-top:.3em}ul.left-menu .current i{padding:1px 10px 2px 13px;text-decoration:none !important;display:block;zoom:1;font-style:normal;font-size:.85em !important;vertical-align:top}ul.left-menu .current b{border-left:1px solid;border-right:1px solid}ul.left-menu ul{font-weight:normal;margin:.5em 0 0 -4px;padding:0;list-style-type:none}ul.left-menu ul ul{margin:.5em 0 0 1em}ul.left-menu li li{margin-bottom:.7em;padding:0 13px 0;text-indent:0;	background: url(/local/templates/atomcode/images/left-menu-arrow.gif) no-repeat 5px 3px;
 list-style-type:none}ul.left-menu li{behavior:expression(!this.before ? this.before = this.innerHTML = '<span class="dash">&mdash;&nbsp;</span>'+this.innerHTML:'');text-indent:-1.35em;background:0;padding:0;margin-bottom:1.5em}ul.left-menu li li{behavior:''}ul.left-menu li:before{content:'\2014\a0'}ul.left-menu li li:before{content:''}ul.left-menu li li li{margin-bottom:.3em}#workarea{float:right;width:75%;clear:right}#workarea-inner{margin-left:25px}#banner{height:175px;margin:0 28px 40px 19px;overflow:hidden;position:relative}#banner-image{height:175px;width:425px;overflow:hidden;text-decoration:none;display:block}#banner-text{padding:0;font-family:Arial,Helvetica,sans-serif;font-size:2em;position:absolute;left:35%;top:0;left:0;width:100%;height:175px;z-index:10}#banner-text td{padding:0}#banner-text a{text-decoration:none;display:block}#banner-text small{font-size:.5em;padding-top:1em;display:block;padding-left:30px}#banner-text big{font-size:1.4em;display:block}#banner-text span{padding-left:30px;display:block}#banner-overlay{z-index:5;height:175px;width:100%;position:absolute;top:0;left:0;outline:0;display:block;cursor:pointer;cursor:hand}#footer,#space-for-footer{height:85px}#footer{position:relative}#copyright{padding:21px 0 0 35px;font-size:.85em;width:49%}#copyright p{margin:0}#footer-links{margin:0;padding:0;list-style:none}#bottom-menu{width:50%;position:absolute;right:25px;top:20px;text-align:right}#footer-links li{display:inline;padding-left:1.5em}div.navigation{font-size:100%;line-height:200%}span.navigation-title{padding-right:.65em;font-weight:bold}div.navigation a{text-decoration:underline;padding:.2em .3em}span.nav-current-page{padding:.2em .3em}div.navigation span.arrow{font-size:100%;font-family:Times,serif}div.navigation span.ctrl{font-size:85%}table.map-columns{width:100%}table.map-columns td{vertical-align:top;padding:0}table.map-columns ul{padding:0 0 2em 0;font-weight:bold}table.map-columns li{margin:0 0 1.5em 0 !important}table.map-columns li li{margin:0 0 .6em 0 !important}table.map-columns ul ul{font-weight:normal;padding:0 0 0 1.5em;margin:.6em 0}#support{position:relative;margin:0 0 3em;padding-top:3px}#support-question{position:absolute;width:30px;height:30px;top:0;left:0}#support-text{height:20px;margin-left:15px;padding-left:22px;padding-top:2px;overflow:hidden}#support-text a{font-size:14px;font-weight:bold;text-decoration:none}#support b{border-right:1px solid;margin-left:15px}#schedule{margin:0 0 3em}#schedule div.schedule{font-size:.85em}#schedule p{margin:0 0 1em}#telephone{padding:0 0 0 37px;margin:0 0 1.5em;min-height:30px}* html #telephone{padding-top:6px}#telephone nobr{font-family:Georgia,serif;font-size:1.6em}dl.block-list{margin:0 0 3.2em 0;padding:0}dl.block-list dt{margin:0;padding:0 0 .3em;font-size:1em}dl.block-list dd{margin:0 0 1.8em;padding:0;font-size:.85em}div.information-box .r1{border-left:1px solid;border-right:1px solid}div.information-box .r0{border-left:1px solid;border-right:1px solid}div.information-box-content{font-size:.9em;padding:12px 15px}div.news-list{margin:0 0 2em}div.news-item{margin:0 0 1.3em}div.news-date{margin:0 0 .5em}div.news-title{font-size:1.2em;margin:0 0 .5em}a.news-detail-link{display:block;margin:1em 0 0;outline:0}div.content-form div.form-input input,div.content-form div.form-input textarea,div.content-form div.form-input select{border:1px solid;border-color:#777 #ccc #ccc #777}div.content-form div.field label.field-title{font-size:1.117em}
/* End */
/* /local/templates/atomcode/styles.css?175764310033239 */
/* /local/templates/atomcode/template_styles.min.css?17575894197021 */