.action-bonus-auth-popup {
  display: block;
  text-align: center;
}
@media (min-width: 768px) {
  .action-bonus-auth-popup {
    display: flex;
    text-align: left;
  }
}
.action-bonus-auth-popup__content {
  background: linear-gradient(332.33deg, #041c3d 28.75%, #043d72 128.24%);
  border-radius: 8px;
  color: #fff;
  margin: 0 12px;
  position: relative;
}
@media (min-width: 768px) {
  .action-bonus-auth-popup__content {
    background:
      url(//cdn.technopark.ru/source/custom_images/newsite/pages/action/bonus-auth-bg.jpg),
      #00101f;
    background-size: cover;
  }
}
.action-bonus-auth-popup__content:after {
  background: linear-gradient(
    270.91deg,
    #00101f 66.29%,
    rgba(0, 16, 31, 0) 93.17%
  );
  bottom: 0;
  content: "";
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
@media (min-width: 768px) {
  .action-bonus-auth-popup__content:after {
    display: block;
    width: 80%;
  }
}
@media (min-width: 960px) {
  .action-bonus-auth-popup__content:after {
    width: 60%;
  }
}
.action-bonus-auth-popup__close {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 4;
}
.action-bonus-auth-popup__caption {
  margin-top: 3px;
}
@media (min-width: 768px) {
  .action-bonus-auth-popup__caption {
    max-width: 408px;
  }
}
.action-bonus-auth-popup__text {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  margin: 12px auto;
  max-width: 265px;
}
@media (min-width: 768px) {
  .action-bonus-auth-popup__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    margin: 12px 0 24px;
    max-width: 275px;
  }
}
.action-bonus-auth-popup__form {
  padding: 24px 12px;
  position: relative;
  z-index: 3;
}
@media (min-width: 768px) {
  .action-bonus-auth-popup__form {
    padding: 90px 40px 90px 280px;
  }
}
@media (min-width: 960px) {
  .action-bonus-auth-popup__form {
    padding: 90px 60px 90px 500px;
  }
}
@media (min-width: 768px) {
  .action-bonus-auth-popup__auth {
    max-width: 339px;
  }
}
.action-black-friday-modal__heading {
  margin-bottom: 12px;
}
.action-page-banner {
  align-items: center;
  background: rgba(30, 38, 44, 0.4);
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1920px;
}
@media (min-width: 960px) {
  .action-page-banner--align-left .action-page-banner__content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}
.action-page-banner--align-left
  .action-page-banner__content
  .action-page-banner__auth-block {
  margin: 18px 0 0;
}
@media (min-width: 960px) {
  .action-page-banner--align-left
    .action-page-banner__content
    .action-page-banner__auth-block {
    margin: 0 0 0 50px;
    max-width: 420px;
    padding: 18px;
  }
}
@media (min-width: 1482px) {
  .action-page-banner--align-left
    .action-page-banner__content
    .action-page-banner__auth-block {
    margin: 0 0 0 70px;
  }
}
.action-page-banner--align-left .action-page-banner__content__desc,
.action-page-banner--align-left .action-page-banner__content__title {
  text-align: left;
}
@media (min-width: 960px) {
  .action-page-banner--align-left .action-page-banner__auth-block__text {
    grid-template-columns: 1fr;
  }
}
.action-page-banner--align-left .action-page-banner__auth-block__percent {
  bottom: -10px;
  right: -10px;
  top: -10px;
  z-index: 1;
}
@media (min-width: 768px) {
  .action-page-banner--align-left .action-page-banner__auth-block__percent {
    right: 50%;
    transform: translateX(50%);
  }
}
@media (min-width: 960px) {
  .action-page-banner--align-left .action-page-banner__auth-block__percent {
    bottom: -30px;
    right: -40px;
    top: -30px;
    transform: translateX(0);
  }
}
.action-page-banner--align-left .action-page-banner__auth-block__text__desc {
  margin-bottom: 12px;
  margin-top: 6px;
}
@media (min-width: 960px) {
  .action-page-banner--align-left .action-page-banner__auth-block__text__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 24px;
    margin-top: 12px;
  }
  .action-page-banner--align-left .action-page-banner__auth-block__text__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    max-width: 305px;
  }
}
.action-page-banner--align-center .action-page-banner__condition {
  margin: 0 auto;
}
.action-page-banner--align-center .action-page-banner__content__desc,
.action-page-banner--align-center .action-page-banner__content__title {
  text-align: center;
}
.action-page-banner--align-center .action-page-banner__auth-block {
  max-width: 732px;
}
.action-page-banner--align-center .action-page-banner__auth-block__percent {
  bottom: -10px;
  right: -10px;
  top: -10px;
  z-index: 1;
}
@media (min-width: 768px) {
  .action-page-banner--align-center .action-page-banner__auth-block__percent {
    right: 50%;
    transform: translateX(50%);
  }
}
@media (min-width: 960px) {
  .action-page-banner--align-center .action-page-banner__auth-block__percent {
    bottom: -30px;
    top: -30px;
  }
}
@media (max-width: 959px) {
  .action-page-banner--align-center
    .action-page-banner__auth-block__text__desc {
    margin-bottom: 12px;
    margin-top: 6px;
  }
}
.action-page-banner__content {
  color: #fff;
  padding: 24px 0;
}
.action-page-banner__content p {
  margin: 24px 0;
  padding-bottom: 0;
}
.action-page-banner__content p:last-child {
  margin-bottom: 0;
}
.action-page-banner__content__date {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  margin: 0 0 6px;
}
@media (min-width: 960px) {
  .action-page-banner__content__date {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 18px;
  }
}
.action-page-banner__content__title {
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  margin: 0;
}
@media (min-width: 768px) {
  .action-page-banner__content__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
  }
}
@media (min-width: 960px) {
  .action-page-banner__content__title {
    font-size: 29px;
    font-weight: 500;
    line-height: 35px;
  }
}
.action-page-banner__content__desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  margin: 0;
}
@media (min-width: 768px) {
  .action-page-banner__content__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
  }
}
@media (min-width: 960px) {
  .action-page-banner__content__desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
  }
}
.action-page-banner__content__conditions-link {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  margin-top: 12px;
}
@media (min-width: 960px) {
  .action-page-banner__content__conditions-link {
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    margin-top: 18px;
  }
}
.action-page-banner__condition {
  max-width: 900px;
}
.action-page-banner__auth-block {
  background: #2b363f;
  border-radius: 3px;
  margin-top: 18px;
  overflow: hidden;
  padding: 12px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .action-page-banner__auth-block {
    margin: 18px auto 0;
    padding: 12px 18px;
  }
}
.action-page-banner__auth-block__percent {
  position: absolute;
}
.action-page-banner__auth-block__percent img {
  height: 100%;
}
.action-page-banner__auth-block__text {
  grid-column-gap: 40px;
  align-items: center;
  display: grid;
  grid-template-columns: 1fr;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .action-page-banner__auth-block__text {
    grid-template-columns: 1fr auto;
  }
}
.action-page-banner__auth-block__text__title {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
}
.action-page-banner__auth-block__text__desc {
  color: #dedede;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}
.address {
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  padding: 18px;
}
.address .is-link {
  cursor: pointer;
}
@media (min-width: 960px) {
  .address {
    padding: 50px 24px 24px;
  }
}
.address__content {
  margin: auto;
  max-width: 855px;
}
.address__content .button {
  margin-bottom: 24px;
}
.address__title {
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  padding-bottom: 12px;
}
@media (min-width: 960px) {
  .address__title {
    font-display: swap;
    font-family:
      DINPro Technopark,
      Arial,
      sans-serif;
    font-size: 29px;
    font-weight: 500;
    line-height: 35px;
    padding-bottom: 24px;
  }
  .address__section {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px 48px;
  }
}
.address__item {
  border-bottom: 1px solid #303030;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 24px;
}
@media (min-width: 960px) {
  .address__item {
    margin: 0 0.692% 24px;
    width: 31.9492%;
  }
}
@media (max-width: 959px) {
  .address__item._hidden {
    display: none;
  }
}
.address__link {
  cursor: pointer;
  margin-bottom: 12px;
}
@media (min-width: 960px) {
  .address__link {
    min-height: 63px;
  }
}
.address__link a {
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
}
@media (min-width: 960px) {
  .address__link a:hover {
    border-color: #0093c4;
  }
}
.address__info {
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  padding-bottom: 12px;
}
.address__phone,
.address__time {
  display: block;
  margin-bottom: 6px;
}
.address__time {
  color: #878787;
}
.boxberry {
  border-radius: 3px;
  margin-bottom: 12px;
}
.boxberry__logo {
  -webkit-touch-callout: none;
  background-color: #ff1153;
  border-radius: 3px 3px 0 0;
  padding: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media (min-width: 960px) {
  .boxberry__logo {
    padding: 18px 78px;
  }
}
.boxberry__logo img {
  display: block;
  margin: auto;
  max-width: 100%;
}
@media (min-width: 960px) {
  .boxberry__logo img {
    margin: 0;
  }
}
.boxberry__content {
  background: url(http://cdn.technopark.ru/source/custom_images/newsite/static-pages/support/refund/boxberry-bg-mobile.jpg)
    100% 0 no-repeat;
  height: 301px;
  position: relative;
}
@media (min-width: 960px) {
  .boxberry__content {
    background: url(http://cdn.technopark.ru/source/custom_images/newsite/static-pages/support/refund/boxberry-bg-v2.jpg)
      100% 0 no-repeat;
    height: 182px;
  }
}
.boxberry__text {
  color: #fff;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 16px;
  font-weight: 400;
  left: 0;
  line-height: 21px;
  padding: 18px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 960px) {
  .boxberry__text {
    left: 78px;
    max-width: 600px;
    padding: 24px 0;
    right: 78px;
  }
}
.boxberry__text p {
  margin: 0;
}
.button-tabs {
  font-size: 0;
  line-height: 0;
  list-style: none;
  padding: 0;
  text-align: left;
}
@media (min-width: 960px) {
  .button-tabs {
    padding-bottom: 12px;
  }
}
.button-tabs__item {
  margin: 0;
  padding: 0 0 12px;
}
@media (min-width: 960px) {
  .button-tabs__item {
    display: inline-block;
    padding: 0;
    vertical-align: top;
    width: 50%;
  }
  .button-tabs__item:nth-last-child(n + 3),
  .button-tabs__item:nth-last-child(n + 3) ~ * {
    width: 33.3333%;
  }
  .button-tabs__item:nth-last-child(n + 4),
  .button-tabs__item:nth-last-child(n + 4) ~ * {
    width: 25%;
  }
  .button-tabs__item:not(:last-child) {
    padding: 0 12px 0 0;
  }
}
.button-tabs__item a {
  background-color: #0093c4;
  border-radius: 3px;
  color: #fff;
  display: table;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 700;
  height: 64px;
  line-height: 17px;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.2s;
  width: 100%;
}
.button-tabs__item a span {
  display: table-cell;
  vertical-align: middle;
}
.button-tabs__item a._active,
.button-tabs__item a:hover {
  background-color: #fff;
  color: #000;
}
.info-box {
  border-radius: 3px;
  color: #fff;
  margin-bottom: 12px;
  padding: 0 18px;
}
@media (min-width: 960px) {
  .info-box {
    padding: 0 24px;
  }
  .info-box--aeroflot .flex-content__image img {
    margin-bottom: 36px;
  }
}
.info-box--aeroflot .info-box__title-link h3 {
  width: 87%;
}
.info-box .flex-content {
  align-items: flex-start;
}
@media (min-width: 960px) {
  .info-box .flex-content__text {
    padding-top: 10px;
  }
}
.info-box h4 {
  font-weight: 500;
  margin: 0 0 12px;
}
.info-box p {
  margin: 0;
  padding-bottom: 12px;
}
.info-box strong {
  font-weight: 500;
}
.info-box hr {
  border: solid #575757;
  border-width: 0 0 1px;
  margin: 0 0 18px;
}
@media (min-width: 960px) {
  .info-box hr {
    margin: 0 0 24px;
  }
}
.info-box._top-padding {
  padding: 18px 18px 0;
}
@media (min-width: 960px) {
  .info-box._top-padding {
    padding: 24px 24px 0;
  }
}
.info-box._top-padding-big {
  padding: 24px 18px 0;
}
@media (min-width: 960px) {
  .info-box._top-padding-big {
    padding: 42px 24px 0;
  }
}
.info-box._boxberry {
  padding: 24px 18px 0;
}
@media (min-width: 960px) {
  .info-box._boxberry {
    padding: 24px 24px 0;
  }
}
.info-box._opened {
  background-color: rgba(0, 0, 0, 0.3);
}
.info-box._background-gray {
  background: hsla(0, 0%, 100%, 0.1);
}
.info-box._light {
  background-color: hsla(0, 0%, 100%, 0.1);
}
@media (max-width: 959px) {
  .info-box._mobile-out {
    background-color: transparent;
    padding: 18px 0;
  }
  .info-box._not-mobile-padding {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.info-box sup {
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  opacity: 0.5;
}
.info-box sup,
.info-box__title {
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
}
.info-box__title {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  padding-bottom: 12px;
  position: relative;
}
@media (min-width: 960px) {
  .info-box__title {
    font-display: swap;
    font-family:
      DINPro Technopark,
      Arial,
      sans-serif;
    font-size: 29px;
    font-weight: 500;
    line-height: 35px;
    padding-bottom: 24px;
    text-align: center;
  }
  .info-box__title._with-icon {
    padding: 24px 0 24px 70px;
  }
}
.info-box__title h2,
.info-box__title h3 {
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  margin: 0;
}
@media (min-width: 960px) {
  .info-box__title h2,
  .info-box__title h3 {
    font-display: swap;
    font-family:
      DINPro Technopark,
      Arial,
      sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 23px;
  }
}
.info-box__title._warranty {
  min-height: 60px;
  position: relative;
}
@media (max-width: 959px) {
  .info-box__title._warranty {
    padding-right: 80px;
  }
}
.info-box__title._warranty img {
  display: block;
  height: 43px;
  position: absolute;
  right: 0;
  top: 0;
  width: 55px;
}
@media (min-width: 960px) {
  .info-box__title._warranty img {
    display: none;
  }
}
@media (max-width: 959px) {
  ._mobile-closed .info-box__title {
    padding: 0 40px 24px 0;
  }
  ._mobile-closed .info-box__title._with-icon {
    padding: 14px 40px 12px;
  }
}
@media (min-width: 960px) {
  ._mobile-closed .info-box__title {
    text-align: left;
  }
}
._premium-delivery .info-box__title,
.info-box__title._center {
  text-align: center;
}
.info-box__title._small-padding {
  padding-bottom: 12px;
}
._personal-service .info-box__title {
  margin-bottom: 24px;
}
.info-box__title._mwidth {
  margin: auto;
  max-width: 844px;
}
.info-box__title._align-left {
  text-align: left;
}
.info-box__title--accordeon {
  cursor: pointer;
}
.info-box__subtitle {
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 21px;
  margin-bottom: 30px;
  text-align: center;
}
@media (min-width: 960px) {
  .info-box__subtitle {
    font-display: swap;
    font-family:
      DINPro Technopark,
      Arial,
      sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 23px;
  }
}
.info-box__title-arrow {
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 960px) {
  .info-box__title-arrow {
    display: none;
  }
}
._desktop-closed .info-box__title-arrow {
  display: block;
}
@media (min-width: 960px) {
  ._desktop-closed .info-box__title-arrow {
    top: -13px;
  }
}
._with-icon .info-box__title-arrow {
  top: 12px;
}
._closed .info-box__title-arrow {
  top: 6px;
  transform: rotate(-180deg);
}
@media (min-width: 960px) {
  ._desktop-closed ._closed .info-box__title-arrow {
    top: -3px;
  }
}
._with-icon._closed .info-box__title-arrow {
  top: 18px;
}
.info-box__title-arrow svg {
  height: 9px;
  width: 18px;
}
@media (min-width: 960px) {
  .info-box__title-arrow svg {
    height: 17px;
    width: 34px;
  }
  ._desktop-closed .info-box__title-arrow svg {
    height: 9px;
    width: 18px;
  }
}
.info-box__title-link {
  border-bottom: 1px solid transparent;
  padding: 14px 40px 14px 58px;
}
@media (max-width: 959px) {
  .info-box__title-link {
    margin: 0 -18px;
  }
}
@media (min-width: 960px) {
  .info-box__title-link {
    margin: auto;
    max-width: 667px;
    padding: 24px 100px 24px 70px;
  }
  ._wide .info-box__title-link {
    max-width: 844px;
  }
  .info-box__title-link._closed {
    transition: background-color 0.2s;
  }
  .info-box__title-link._closed:hover {
    background-color: hsla(0, 0%, 100%, 0.02);
  }
  .info-box__title-link._without-icon {
    padding: 24px 100px 24px 0;
  }
}
.info-box__title-link._closed {
  border-bottom: 1px solid #303030;
}
.info-box__title-link._link {
  cursor: pointer;
}
.info-box__title-link h2,
.info-box__title-link h3 {
  font-size: 20px;
  margin: 0;
}
@media (min-width: 960px) {
  .info-box__title-link h2,
  .info-box__title-link h3 {
    font-display: swap;
    font-family:
      DINPro Technopark,
      Arial,
      sans-serif;
    font-size: 29px;
    font-weight: 500;
    line-height: 35px;
  }
}
.info-box__title-icon,
.info-box__title-link-icon {
  height: 30px;
  left: 18px;
  position: absolute;
  top: 12px;
  width: 30px;
}
@media (min-width: 960px) {
  .info-box__title-icon,
  .info-box__title-link-icon {
    height: 60px;
    left: 0;
    width: 60px;
  }
}
.info-box__title-icon svg,
.info-box__title-link-icon svg {
  color: #0093c4;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.info-box__title-icon svg.delivery,
.info-box__title-link-icon svg.delivery {
  height: 14px;
  width: 27px;
}
@media (min-width: 960px) {
  .info-box__title-icon svg.delivery,
  .info-box__title-link-icon svg.delivery {
    height: 28px;
    width: 54px;
  }
}
.info-box__title-icon svg.delivery-fast,
.info-box__title-link-icon svg.delivery-fast {
  height: 14px;
  width: 27px;
}
@media (min-width: 960px) {
  .info-box__title-icon svg.delivery-fast,
  .info-box__title-link-icon svg.delivery-fast {
    height: 28px;
    width: 51px;
  }
}
.info-box__title-icon svg.time,
.info-box__title-link-icon svg.time {
  height: 18px;
  width: 20px;
}
@media (min-width: 960px) {
  .info-box__title-icon svg.time,
  .info-box__title-link-icon svg.time {
    height: 36px;
    width: 40px;
  }
}
.info-box__title-icon svg.map-city,
.info-box__title-link-icon svg.map-city {
  height: 30px;
  width: 30px;
}
@media (min-width: 960px) {
  .info-box__title-icon svg.map-city,
  .info-box__title-link-icon svg.map-city {
    height: 60px;
    width: 60px;
  }
}
.info-box__title-icon svg.warranty,
.info-box__title-link-icon svg.warranty {
  height: 21px;
  width: 16px;
}
@media (min-width: 960px) {
  .info-box__title-icon svg.warranty,
  .info-box__title-link-icon svg.warranty {
    height: 42px;
    width: 32px;
  }
}
.info-box__title-icon svg.contact,
.info-box__title-link-icon svg.contact {
  height: 21px;
  width: 16px;
}
@media (min-width: 960px) {
  .info-box__title-icon svg.contact,
  .info-box__title-link-icon svg.contact {
    height: 42px;
    width: 32px;
  }
}
.info-box__title-icon svg.return,
.info-box__title-link-icon svg.return {
  height: 19px;
  width: 20px;
}
@media (min-width: 960px) {
  .info-box__title-icon svg.return,
  .info-box__title-link-icon svg.return {
    height: 38px;
    width: 40px;
  }
}
.info-box__title-icon svg.attention,
.info-box__title-icon svg.not-subject,
.info-box__title-link-icon svg.attention,
.info-box__title-link-icon svg.not-subject {
  height: 18px;
  width: 19px;
}
@media (min-width: 960px) {
  .info-box__title-icon svg.attention,
  .info-box__title-icon svg.not-subject,
  .info-box__title-link-icon svg.attention,
  .info-box__title-link-icon svg.not-subject {
    height: 38px;
    width: 38px;
  }
}
.info-box__title-icon svg.banknote,
.info-box__title-link-icon svg.banknote {
  height: 12px;
  width: 19px;
}
@media (min-width: 960px) {
  .info-box__title-icon svg.banknote,
  .info-box__title-link-icon svg.banknote {
    height: 24px;
    width: 39px;
  }
}
.info-box__title-icon svg.documents,
.info-box__title-link-icon svg.documents {
  height: 18px;
  width: 19px;
}
@media (min-width: 960px) {
  .info-box__title-icon svg.documents,
  .info-box__title-link-icon svg.documents {
    height: 37px;
    width: 39px;
  }
}
.info-box__title-icon svg.credit-card,
.info-box__title-link-icon svg.credit-card {
  height: 13px;
  width: 19px;
}
@media (min-width: 960px) {
  .info-box__title-icon svg.credit-card,
  .info-box__title-link-icon svg.credit-card {
    height: 26px;
    width: 39px;
  }
}
.info-box__title-icon svg.credit-pay,
.info-box__title-link-icon svg.credit-pay {
  height: 18px;
  width: 24px;
}
@media (min-width: 960px) {
  .info-box__title-icon svg.credit-pay,
  .info-box__title-link-icon svg.credit-pay {
    height: 36px;
    width: 49px;
  }
}
.info-box__title-icon svg.hire-pay,
.info-box__title-link-icon svg.hire-pay {
  height: 21px;
  width: 19px;
}
@media (min-width: 960px) {
  .info-box__title-icon svg.hire-pay,
  .info-box__title-link-icon svg.hire-pay {
    height: 42px;
    width: 39px;
  }
}
.info-box__title-icon svg.sber-logo,
.info-box__title-link-icon svg.sber-logo {
  height: 18px;
  width: 19px;
}
@media (min-width: 960px) {
  .info-box__title-icon svg.sber-logo,
  .info-box__title-link-icon svg.sber-logo {
    height: 36px;
    width: 38px;
  }
}
.info-box__title-icon svg.aeroflot-logo,
.info-box__title-link-icon svg.aeroflot-logo {
  height: 20px;
  width: 26px;
}
@media (min-width: 960px) {
  .info-box__title-icon svg.aeroflot-logo,
  .info-box__title-link-icon svg.aeroflot-logo {
    height: 36px;
    width: 38px;
  }
}
.info-box__title-icon svg.bonus-card,
.info-box__title-link-icon svg.bonus-card {
  height: 13px;
  width: 19px;
}
@media (min-width: 960px) {
  .info-box__title-icon svg.bonus-card,
  .info-box__title-link-icon svg.bonus-card {
    height: 26px;
    width: 39px;
  }
}
.info-box__title-icon svg.gift-card,
.info-box__title-link-icon svg.gift-card {
  height: 16px;
  width: 19px;
}
@media (min-width: 960px) {
  .info-box__title-icon svg.gift-card,
  .info-box__title-link-icon svg.gift-card {
    height: 32px;
    width: 39px;
  }
}
.info-box__title-icon svg.gem,
.info-box__title-link-icon svg.gem {
  height: 17px;
  width: 21px;
}
@media (min-width: 960px) {
  .info-box__title-icon svg.gem,
  .info-box__title-link-icon svg.gem {
    height: 34px;
    width: 43px;
  }
}
.info-box__title-icon svg.valid-lite,
.info-box__title-link-icon svg.valid-lite {
  height: 19px;
  width: 19px;
}
@media (min-width: 960px) {
  .info-box__title-icon svg.valid-lite,
  .info-box__title-link-icon svg.valid-lite {
    height: 38px;
    width: 38px;
  }
}
.info-box__title-icon svg.desktop,
.info-box__title-link-icon svg.desktop {
  height: 16px;
  width: 18px;
}
@media (min-width: 960px) {
  .info-box__title-icon svg.desktop,
  .info-box__title-link-icon svg.desktop {
    height: 32px;
    width: 37px;
  }
}
.info-box__title-icon svg.tech,
.info-box__title-link-icon svg.tech {
  height: 22px;
  width: 22px;
}
@media (min-width: 960px) {
  .info-box__title-icon svg.tech,
  .info-box__title-link-icon svg.tech {
    height: 40px;
    width: 40px;
  }
}
.info-box__title-icon svg.premium-delivery-1,
.info-box__title-link-icon svg.premium-delivery-1 {
  height: 18px;
  width: 28px;
}
@media (min-width: 960px) {
  .info-box__title-icon svg.premium-delivery-1,
  .info-box__title-link-icon svg.premium-delivery-1 {
    height: 30px;
    width: 48px;
  }
}
.info-box__title-icon svg.premium-delivery-2,
.info-box__title-link-icon svg.premium-delivery-2 {
  height: 14px;
  width: 24px;
}
@media (min-width: 960px) {
  .info-box__title-icon svg.premium-delivery-2,
  .info-box__title-link-icon svg.premium-delivery-2 {
    height: 24px;
    width: 40px;
  }
}
.info-box__title-icon svg.premium-delivery-5,
.info-box__title-link-icon svg.premium-delivery-5 {
  height: 21px;
  width: 21px;
}
@media (min-width: 960px) {
  .info-box__title-icon svg.premium-delivery-5,
  .info-box__title-link-icon svg.premium-delivery-5 {
    height: 36px;
    width: 36px;
  }
}
.info-box__title-icon svg.premium-delivery-7,
.info-box__title-link-icon svg.premium-delivery-7 {
  height: 30px;
  width: 30px;
}
@media (min-width: 960px) {
  .info-box__title-icon svg.premium-delivery-7,
  .info-box__title-link-icon svg.premium-delivery-7 {
    height: 42px;
    width: 42px;
  }
}
.info-box__title-icon {
  left: 0;
}
.info-box__title-link-arrow {
  position: absolute;
  right: 18px;
  top: 19px;
  transform: rotate(-180deg);
}
@media (min-width: 960px) {
  .info-box__title-link-arrow {
    top: 31px;
  }
}
._closed .info-box__title-link-arrow {
  top: 16px;
  transform: rotate(0);
}
@media (min-width: 960px) {
  ._closed .info-box__title-link-arrow {
    top: 35px;
  }
  .info-box__title-link-arrow svg {
    height: 17px;
    width: 34px;
  }
}
.info-box__content {
  display: none;
  padding-bottom: 24px;
}
._light .info-box__content,
.info-box__content._small-pd {
  padding-bottom: 12px;
}
._opened .info-box__content {
  display: block;
}
._mobile-closed .info-box__content {
  display: none;
}
@media (min-width: 960px) {
  ._mobile-closed .info-box__content {
    display: block;
  }
}
._desktop-closed .info-box__content {
  display: none;
}
._mobile-opened .info-box__content {
  display: block;
}
.info-box__text {
  color: #d1d1d1;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  margin: auto;
}
.info-box__text--negative-margin {
  margin-top: -26px;
}
@media (min-width: 960px) {
  .info-box__text {
    max-width: 667px;
  }
  ._wide .info-box__text {
    max-width: 844px;
  }
  ._boxberry .info-box__text {
    max-width: 1024px;
  }
}
.info-box__text--width {
  max-width: 100% !important;
  width: 100%;
}
@media (max-width: 959px) {
  .info-box__text--width .info-steps__item {
    margin-bottom: 30px;
  }
}
@media (min-width: 960px) {
  .info-box__text--width .info-steps__item {
    padding: 0 12px;
  }
}
.info-box__text ul .embed:before {
  padding: 0;
}
.info-box__text ul li {
  color: #d1d1d1;
}
.info-box__text ul li.embed:before {
  background-color: transparent;
}
.info-box__text ul li:before {
  background-color: #d1d1d1;
}
.info-box__text ol li {
  color: #d1d1d1;
}
.info-box__text a {
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
}
@media (min-width: 960px) {
  .info-box__text a:hover {
    border-color: #0093c4;
  }
}
.info-box__text a.button {
  margin-top: 6px;
  min-width: 190px;
  text-align: center;
  transition: all 0.2s;
}
@media (max-width: 959px) {
  .info-box__text a.button {
    width: 100%;
  }
  .info-box__table {
    margin: 0 -18px;
  }
}
@media (min-width: 960px) {
  .info-box__table {
    max-width: 667px;
  }
  .info-box__table._wide {
    max-width: 100%;
  }
}
.info-box__table table {
  border-bottom: 1px solid #575757;
  border-collapse: collapse;
  margin-bottom: 18px;
  width: 100%;
}
@media (min-width: 960px) {
  .info-box__table table {
    margin-bottom: 42px;
  }
  .info-box__table table.margin-small {
    margin-bottom: 18px;
  }
}
.info-box__table table tr {
  vertical-align: top;
}
.info-box__table table tr.valign-middle {
  vertical-align: middle;
}
.info-box__table table tr.border-top {
  border-top: 1px solid #575757;
}
.info-box__table table tr th {
  border-bottom: 1px solid #575757;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  padding: 12px 18px;
  text-align: left;
}
@media (min-width: 960px) {
  .info-box__table table tr th {
    padding: 12px 0;
  }
  .info-box__table table tr th:not(:first-child):not(:last-child) {
    padding: 12px;
  }
  .info-box__table table tr th:last-child:not(:only-child) {
    text-align: right;
  }
}
.info-box__table table tr th.align-right {
  text-align: right;
}
.info-box__table table tr td {
  background: url(//cdn.technopark.ru/source/custom_images/newsite/static-pages/support/table-dash.png)
    0 100% repeat-x;
  color: #fff;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  padding: 12px 18px;
}
@media (min-width: 960px) {
  .info-box__table table tr td {
    padding: 12px 0;
  }
}
.info-box__table table tr td:not(:first-child):not(:last-child) {
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 16px;
  font-weight: 400;
}
@media (min-width: 960px) {
  .info-box__table table tr td:not(:first-child):not(:last-child) {
    padding: 12px;
  }
}
.info-box__table table tr td:last-child:not(:only-child) {
  text-align: right;
}
.info-box__table table tr td.font-normal {
  font-weight: 400;
}
.info-box__table table tr:last-child td {
  background: none;
}
.info-box__table table.align-center tr td:not(:first-child),
.info-box__table table.align-center tr th:not(:first-child) {
  text-align: center;
}
.info-box__table table.delivery {
  background: none;
  border-bottom: 0;
}
@media (min-width: 960px) {
  .info-box__table table.delivery {
    border-bottom: 1px solid #575757;
  }
}
.info-box__table table.delivery tr td,
.info-box__table table.delivery tr th {
  padding: 6px 18px;
}
@media (max-width: 959px) {
  .info-box__table table.delivery tr td,
  .info-box__table table.delivery tr th {
    background: none;
    border-bottom: 0;
  }
}
.info-box__table table.delivery tr td.font-small,
.info-box__table table.delivery tr th.font-small {
  color: #878787;
  padding-bottom: 0;
}
.info-box__table table.delivery tr td.pt-0,
.info-box__table table.delivery tr th.pt-0 {
  padding-top: 0;
}
.info-box__table table.delivery tr td.font-normal {
  font-weight: 400;
  padding-top: 9px;
}
.info-box__table table.delivery tr td.font-small {
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}
.info-box__table table.delivery tr.borded {
  background: url(//cdn.technopark.ru/source/custom_images/newsite/static-pages/support/table-dash.png)
    0 100% repeat-x;
}
.info-box__table table.delivery tr.borded td,
.info-box__table table.delivery tr.borded th {
  padding: 6px 18px 12px;
}
.info-box__table table.delivery tr.borded td.font-small,
.info-box__table table.delivery tr.borded th.font-small {
  padding-top: 0;
}
.info-box__table .table-desktop {
  display: none;
}
@media (min-width: 960px) {
  .info-box__table .table-desktop {
    display: block;
  }
  .info-box__table .table-mobile {
    display: none;
  }
}
.info-box__comment {
  background-color: hsla(0, 0%, 100%, 0.1);
  border-radius: 3px;
  margin: 0 auto 12px;
  max-width: 667px;
}
@media (min-width: 960px) {
  .info-box__comment {
    margin: 0 auto 18px;
  }
}
._wide .info-box__comment {
  max-width: 844px;
}
.info-box__comment .white {
  color: #fff;
  display: inline-block;
  margin-bottom: 6px;
}
.info-box__comment-header {
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  padding: 18px;
}
@media (min-width: 960px) {
  .info-box__comment-header {
    padding: 18px 24px;
  }
}
.info-box__comment-content {
  background-color: rgba(0, 0, 0, 0.3);
  color: #d1d1d1;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  padding: 18px 18px 6px;
}
@media (min-width: 960px) {
  .info-box__comment-content {
    padding: 18px 24px 6px;
  }
}
.info-box__comment-content a {
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
}
@media (min-width: 960px) {
  .info-box__comment-content a:hover {
    border-color: #0093c4;
  }
}
.info-box__comment-content .list li {
  color: #d1d1d1;
}
.info-box__comment-content .list li:before {
  background-color: #d1d1d1;
}
.info-box__comment-content-with-icon {
  position: relative;
}
@media (min-width: 960px) {
  .info-box__comment-content-with-icon {
    padding-left: 140px;
  }
}
.info-box__comment-content-with-icon svg {
  color: #0093c4;
  margin-bottom: 12px;
}
@media (min-width: 960px) {
  .info-box__comment-content-with-icon svg {
    margin-bottom: 0;
    position: absolute;
    transform: translateY(-50%);
  }
}
.info-box__comment-content-with-icon svg.vip-icon-1 {
  height: 50px;
  width: 71px;
}
@media (min-width: 960px) {
  .info-box__comment-content-with-icon svg.vip-icon-1 {
    left: 27px;
    top: 35%;
  }
}
.info-box__comment-content-with-icon svg.vip-icon-2 {
  height: 32px;
  width: 90px;
}
@media (min-width: 960px) {
  .info-box__comment-content-with-icon svg.vip-icon-2 {
    height: 44px;
    left: 0;
    top: 25px;
    width: 123px;
  }
}
.info-box__comment-content-with-icon svg.vip-icon-3 {
  height: 32px;
  width: 80px;
}
@media (min-width: 960px) {
  .info-box__comment-content-with-icon svg.vip-icon-3 {
    height: 49px;
    left: 0;
    top: 25px;
    width: 123px;
  }
}
.info-box__comment-content-with-icon svg.vip-icon-4 {
  height: 39px;
  width: 82px;
}
@media (min-width: 960px) {
  .info-box__comment-content-with-icon svg.vip-icon-4 {
    height: 56px;
    left: 0;
    top: 25px;
    width: 112px;
  }
}
.info-box__separator {
  border-top: 1px solid #575757;
  margin: 12px -18px;
}
@media (min-width: 960px) {
  .info-box__separator {
    margin: 12px -24px;
  }
}
.info-box-image {
  -webkit-touch-callout: none;
  border-radius: 3px;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.info-box-image img {
  display: block;
  width: 100%;
}
@media (min-width: 960px) {
  .flex-content {
    align-items: center;
    display: flex;
  }
}
.flex-content__image {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.flex-content__image img {
  display: block;
  margin-bottom: 24px;
  max-width: 215px;
}
@media (min-width: 960px) {
  .flex-content__text {
    padding-left: 36px;
  }
}
@media (max-width: 959px) {
  .more-content {
    padding-top: 18px;
  }
}
.more-content__link {
  border-bottom: 1px dashed #303030;
  color: #fff;
}
@media (min-width: 960px) {
  .more-content__link {
    color: #dedede;
    transition: all 0.2s;
  }
  .more-content__link:hover {
    border-color: #878787;
    color: #fff;
  }
}
.more-content__hidden {
  display: none;
}
.more-content__hidden._open {
  display: block;
}
.info-steps {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 0;
  line-height: 0;
}
@media (min-width: 960px) {
  .info-steps {
    flex-direction: row;
    margin-bottom: 18px;
    width: 100%;
  }
}
.info-steps._borded {
  border-top: 1px solid #575757;
  margin-bottom: 0;
  padding-top: 24px;
}
@media (max-width: 959px) {
  .info-steps._credit {
    padding: 6px 0;
  }
}
.info-steps__item {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
}
._boxberry .info-steps__item,
._coupon .info-steps__item,
._three .info-steps__item {
  text-align: center;
}
._three .info-steps__item {
  margin-bottom: 30px;
}
@media (max-width: 959px) {
  .info-steps__item {
    min-height: 40px;
  }
  ._premium-delivery .info-steps__item:not(:last-child) {
    margin-bottom: 30px;
  }
}
@media (min-width: 960px) {
  .info-steps__item {
    display: block;
    width: 27.2511%;
  }
  ._dual .info-steps__item {
    width: 47%;
  }
  ._premium-delivery .info-steps__item {
    text-align: center;
  }
  ._three .info-steps__item {
    width: 33.3333%;
  }
}
.info-steps__item._arrow {
  height: 42px;
  text-align: center;
}
@media (min-width: 960px) {
  .info-steps__item._arrow {
    height: auto;
    width: 9.1232%;
  }
}
.info-steps__item._arrow .arrow {
  height: 11px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 21px;
}
@media (min-width: 960px) {
  .info-steps__item._arrow .arrow {
    transform: rotate(-90deg);
  }
}
.info-steps__item-icon {
  position: relative;
}
@media (max-width: 959px) {
  .info-steps__item-icon {
    height: 40px;
    left: 0;
    top: 0;
    width: 40px;
  }
  ._boxberry .info-steps__item-icon,
  ._coupon .info-steps__item-icon,
  ._three .info-steps__item-icon {
    position: static;
  }
}
@media (min-width: 960px) {
  .info-steps__item-icon {
    height: 60px;
    text-align: center;
  }
  ._boxberry .info-steps__item-icon {
    height: 86px;
    margin-bottom: 12px;
  }
  ._personal-service .info-steps__item-icon {
    height: 90px;
    margin-bottom: 6px;
  }
}
.info-steps__item-icon svg {
  color: #0093c4;
}
@media (max-width: 959px) {
  .info-steps__item-icon svg {
    left: 50%;
    position: absolute;
    top: 4px;
    transform: translateX(-50%);
  }
}
@media (min-width: 960px) {
  .info-steps__item-icon svg {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.info-steps__item-icon svg.desktop {
  height: 24px;
  width: 26px;
}
@media (min-width: 960px) {
  .info-steps__item-icon svg.desktop {
    height: 32px;
    width: 37px;
  }
}
.info-steps__item-icon svg.delivery {
  height: 20px;
  width: 38px;
}
@media (min-width: 960px) {
  .info-steps__item-icon svg.delivery {
    height: 30px;
    width: 61px;
  }
}
.info-steps__item-icon svg.cart {
  height: 28px;
  width: 29px;
}
@media (min-width: 960px) {
  .info-steps__item-icon svg.cart {
    height: 35px;
    width: 39px;
  }
}
.info-steps__item-icon svg.bonus-card {
  height: 18px;
  width: 26px;
}
@media (min-width: 960px) {
  .info-steps__item-icon svg.bonus-card {
    height: 26px;
    width: 39px;
  }
}
.info-steps__item-icon svg.gift-card {
  height: 21px;
  width: 26px;
}
@media (min-width: 960px) {
  .info-steps__item-icon svg.gift-card {
    height: 32px;
    width: 39px;
  }
}
.info-steps__item-icon svg.documents {
  height: 30px;
  width: 32px;
}
@media (min-width: 960px) {
  .info-steps__item-icon svg.documents {
    height: 53px;
    width: 56px;
  }
}
.info-steps__item-icon svg.documents._small {
  height: 20px;
  width: 21px;
}
@media (min-width: 960px) {
  .info-steps__item-icon svg.documents._small {
    height: 34px;
    width: 36px;
  }
}
.info-steps__item-icon svg.box {
  height: 27px;
  width: 31px;
}
@media (min-width: 960px) {
  .info-steps__item-icon svg.box {
    height: 46px;
    width: 56px;
  }
}
.info-steps__item-icon svg.box._small {
  height: 20px;
  width: 24px;
}
@media (min-width: 960px) {
  .info-steps__item-icon svg.box._small {
    height: 32px;
    width: 39px;
  }
}
.info-steps__item-icon svg.call {
  height: 29px;
  width: 32px;
}
@media (min-width: 960px) {
  .info-steps__item-icon svg.call {
    height: 50px;
    width: 53px;
  }
}
.info-steps__item-icon svg.premium-delivery-1 {
  height: 25px;
  width: 40px;
}
@media (min-width: 960px) {
  .info-steps__item-icon svg.premium-delivery-1 {
    height: 30px;
    width: 48px;
  }
}
.info-steps__item-icon svg.premium-delivery-2 {
  height: 20px;
  width: 34px;
}
@media (min-width: 960px) {
  .info-steps__item-icon svg.premium-delivery-2 {
    height: 24px;
    width: 41px;
  }
}
.info-steps__item-icon svg.premium-delivery-3 {
  height: 31px;
  width: 19px;
}
@media (min-width: 960px) {
  .info-steps__item-icon svg.premium-delivery-3 {
    height: 37px;
    width: 23px;
  }
}
.info-steps__item-icon svg.premium-delivery-4 {
  height: 31px;
  width: 32px;
}
@media (min-width: 960px) {
  .info-steps__item-icon svg.premium-delivery-4 {
    height: 32px;
    width: 33px;
  }
}
.info-steps__item-icon svg.premium-delivery-6 {
  height: 28px;
  width: 36px;
}
.info-steps__item-icon svg.premium-delivery-7 {
  height: 36px;
  width: 36px;
}
.info-steps__item-icon svg.monitor {
  height: 29px;
  width: 33px;
}
.info-steps__item-icon svg.registration {
  height: 31px;
  width: 40px;
}
.info-steps__item-icon svg.package {
  height: 32px;
  width: 36px;
}
.info-steps__item-icon svg.vip-icon-1 {
  height: 30px;
  width: 41px;
}
@media (min-width: 960px) {
  .info-steps__item-icon svg.vip-icon-1 {
    height: 49px;
    width: 70px;
  }
}
.info-steps__item-icon svg.vip-icon-5 {
  height: 32px;
  width: 33px;
}
@media (min-width: 960px) {
  .info-steps__item-icon svg.vip-icon-5 {
    height: 44px;
    width: 46px;
  }
}
.info-steps__item-icon svg.vip-icon-6 {
  height: 33px;
  width: 33px;
}
@media (min-width: 960px) {
  .info-steps__item-icon svg.vip-icon-6 {
    height: 53px;
    width: 54px;
  }
}
.info-steps__item-title {
  color: #fff;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  margin-bottom: 6px;
}
@media (min-width: 960px) {
  .info-steps__item-title {
    height: 63px;
    margin-bottom: 12px;
  }
}
@media (min-width: 1160px) {
  .info-steps__item-title {
    height: 42px;
  }
}
._coupon .info-steps__item-title,
._personal-service .info-steps__item-title,
._premium-delivery .info-steps__item-title,
._three .info-steps__item-title {
  height: auto;
}
@media (max-width: 959px) {
  ._personal-service .info-steps__item-title,
  ._premium-delivery .info-steps__item-title {
    padding-left: 60px;
  }
}
.info-steps__item-text {
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
}
@media (max-width: 959px) {
  ._personal-service .info-steps__item-text,
  ._premium-delivery .info-steps__item-text {
    padding-left: 60px;
  }
  ._boxberry .info-steps__item-text,
  ._coupon .info-steps__item-text,
  ._three .info-steps__item-text {
    padding-left: 0;
  }
}
@media (min-width: 960px) {
  .info-steps__item-text {
    text-align: center;
  }
}
._personal-service .info-steps__item-text,
._premium-delivery .info-steps__item-text,
._three .info-steps__item-text {
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}
.info-tabs-nav {
  display: flex;
  margin-bottom: 12px;
}
@media (min-width: 960px) {
  .info-tabs-nav {
    margin-bottom: 6px;
  }
}
.info-tabs-nav a.info-tabs-nav__item {
  border-bottom: 1px dashed;
  color: #bababa;
  cursor: pointer;
  padding-bottom: 8px;
  position: relative;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: none;
}
.info-tabs-nav a.info-tabs-nav__item:not(:last-child) {
  margin-right: 30px;
}
.info-tabs-nav a.info-tabs-nav__item._active,
.info-tabs-nav a.info-tabs-nav__item:hover {
  border-bottom: 1px solid #0093c4;
  color: #fff;
}
.vip-delivery {
  color: #fff;
  list-style-type: none;
  margin: 0 auto 24px;
  max-width: 844px;
  padding: 0;
}
.vip-delivery li {
  color: #d1d1d1;
  font-size: 16px;
  padding-left: 12px;
  position: relative;
}
@media (min-width: 960px) {
  .vip-delivery li {
    font-size: 16px;
    padding-left: 26px;
  }
}
@media (max-width: 959px) {
  .vip-delivery li:before {
    background-color: hsla(0, 0%, 100%, 0.7);
    border-radius: 50%;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 3px;
  }
}
@media (min-width: 960px) {
  .vip-delivery li:before {
    content: "—";
    left: 0;
    position: absolute;
  }
}
.vip-delivery li:not(:first-child) {
  margin-top: 12px;
}
.notifier {
  background-color: hsla(0, 0%, 100%, 0.1);
  border-radius: 3px;
  display: block;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 12px;
  padding: 18px 18px 0;
}
@media (min-width: 960px) {
  .notifier {
    padding: 24px 24px 0;
  }
  .notifier-box .notifier {
    border-radius: 0;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .notifier-box .notifier {
    padding: 0 24px;
  }
}
@media (min-width: 960px) {
  .notifier-box .notifier:not(:last-child) {
    margin-bottom: 0;
  }
  .notifier-box .notifier:first-child {
    border-radius: 3px 3px 0 0;
    padding: 24px 24px 0;
  }
  .notifier-box .notifier:last-child {
    border-radius: 0 0 3px 3px;
    padding: 24px 24px 0;
  }
}
.notifier__important-information {
  background-color: rgba(0, 0, 0, 0.3);
  padding-bottom: 24px;
}
.notifier__important-information-container {
  color: #fff;
  margin: 0 auto;
  max-width: 844px;
}
.notifier__important-information-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  margin-bottom: 12px;
}
.notifier__important-information-text {
  display: flex;
  font-size: 18px;
  line-height: 22px;
}
.notifier__important-information-text p {
  margin: 0;
}
.notifier__important-information-text strong {
  font-weight: 500;
}
.notifier__important-information-text:before {
  content: "—";
  display: block;
  margin-right: 12px;
}
.notifier--compact {
  padding: 12px;
}
.notifier__content {
  color: #d1d1d1;
  margin: auto;
  max-width: 844px;
}
.notifier__content h2 {
  color: #fff;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  padding-bottom: 24px;
}
.notifier__content p {
  margin: 0;
  padding-bottom: 18px;
}
@media (min-width: 960px) {
  .notifier__content p {
    margin: 0;
    padding-bottom: 24px;
  }
}
.notifier__content a {
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
}
@media (min-width: 960px) {
  .notifier__content a:hover {
    border-color: #0093c4;
  }
}
.notifier__content._note {
  color: #fff;
}
@media (min-width: 960px) {
  .notifier__content._note {
    background-color: hsla(0, 0%, 100%, 0.1);
    border-radius: 3px;
    padding: 18px 18px 0;
  }
}
.personal-consultant-top {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  display: flex;
  min-height: 170px;
  position: relative;
}
@media (min-width: 960px) {
  .personal-consultant-top {
    min-height: 329px;
  }
}
.personal-consultant-top__slider {
  padding: 12px 0;
}
@media (min-width: 960px) {
  .personal-consultant-top__slider {
    padding: 18px 0 42px;
  }
}
.personal-consultant-top__image {
  -webkit-touch-callout: none;
  background-color: #fff;
  border-radius: 3px;
  min-width: 126px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 126px;
}
@media (min-width: 960px) {
  .personal-consultant-top__image {
    min-width: 277px;
    width: 277px;
  }
}
.personal-consultant-top__image img {
  display: block;
  left: 50%;
  max-height: 127px;
  max-width: 102px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
@media (min-width: 960px) {
  .personal-consultant-top__image img {
    max-height: 268px;
    max-width: 216px;
  }
}
.personal-consultant-top__content {
  color: #d1d1d1;
  padding: 12px;
  position: relative;
  width: 100%;
}
@media (min-width: 960px) {
  .personal-consultant-top__content {
    padding: 18px 24px;
  }
}
.personal-consultant-top__name {
  color: #fff;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
}
@media (max-width: 959px) {
  .personal-consultant-top__name {
    padding-left: 18px;
  }
}
.personal-consultant-top__type {
  color: #878787;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  margin-bottom: 6px;
}
@media (min-width: 960px) {
  .personal-consultant-top__type {
    font-display: swap;
    font-family:
      DINPro Technopark,
      Arial,
      sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
  }
}
.personal-consultant-top__categories-mobile {
  color: #fff;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  margin-bottom: 6px;
}
.personal-consultant-top__info {
  display: none;
}
@media (min-width: 960px) {
  .personal-consultant-top__info {
    display: flex;
    justify-content: space-between;
  }
}
.personal-consultant-top__info-item {
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  padding-top: 18px;
  width: 50%;
}
.personal-consultant-top__info-item strong {
  color: #fff;
  display: block;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  margin-bottom: 6px;
}
.personal-consultant-top__specifications {
  bottom: 18px;
  left: 24px;
  position: absolute;
  right: 24px;
}
.personal-consultant-top__specifications-line {
  border-bottom: 1px solid #575757;
  display: flex;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  justify-content: space-between;
  line-height: 17px;
  padding: 8px 0 6px;
}
.personal-consultant-top__mobile-buttons {
  bottom: 12px;
  left: 12px;
  position: absolute;
}
@media (max-width: 959px) {
  .personal-consultant-top__mobile-buttons {
    display: flex;
  }
}
.personal-consultant-top__mobile-buttons .icon-button {
  margin-right: 12px;
}
.personal-consultant-top__status {
  -webkit-touch-callout: none;
  border-radius: 6px;
  color: transparent;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 0;
  font-weight: 500;
  height: 12px;
  left: 138px;
  letter-spacing: 1px;
  line-height: 11px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 17px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 12px;
}
@media (min-width: 960px) {
  .personal-consultant-top__status {
    left: 17px;
    top: 17px;
    transition: all 0.2s;
  }
}
.personal-consultant-top__status--green {
  background-color: #00bd0a;
}
.personal-consultant-top__status--red {
  background-color: #e02020;
}
@media (min-width: 960px) {
  .personal-consultant-top:hover .personal-consultant-top__status {
    color: #fff;
    font-display: swap;
    font-family:
      DINPro Technopark,
      Arial,
      sans-serif;
    font-size: 8px;
    font-weight: 500;
    padding: 0 8px;
    text-transform: uppercase;
    width: auto;
  }
}
.personal-consultant {
  background-color: #fff;
  border-radius: 3px;
  margin-bottom: 12px;
  padding: 18px;
  position: relative;
}
@media (min-width: 960px) {
  .personal-consultant {
    height: 500px;
    margin: 6px;
    padding: 18px;
  }
}
@media (min-width: 960px) and (min-width: 600px) {
  .personal-consultant {
    width: calc(33.33333% - 12px);
  }
}
@media (min-width: 960px) and (min-width: 1160px) {
  .personal-consultant {
    width: calc(25% - 12px);
  }
}
@media (min-width: 960px) and (min-width: 1482px) {
  .personal-consultant {
    width: calc(20% - 12px);
  }
}
@media (max-width: 959px) {
  .personal-consultant__header {
    display: flex;
  }
}
.personal-consultant__image {
  -webkit-touch-callout: none;
  min-height: 99px;
  min-width: 80px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 80px;
}
@media (min-width: 960px) {
  .personal-consultant__image {
    height: 292px;
    margin-top: 12px;
    min-height: 292px;
    width: 100%;
  }
}
.personal-consultant__image img {
  display: block;
  left: 50%;
  max-height: 99px;
  max-width: 80px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
@media (min-width: 960px) {
  .personal-consultant__image img {
    max-height: 292px;
    max-width: 235px;
  }
}
@media (max-width: 959px) {
  .personal-consultant__character {
    padding-left: 18px;
  }
}
@media (min-width: 960px) {
  .personal-consultant__character {
    padding-top: 6px;
    text-align: center;
  }
}
.personal-consultant__name {
  color: #303030;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
}
@media (max-width: 959px) {
  .personal-consultant__name {
    padding-left: 18px;
  }
}
@media (min-width: 960px) {
  .personal-consultant__name {
    font-display: swap;
    font-family:
      DINPro Technopark,
      Arial,
      sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 6px;
  }
}
.personal-consultant__type {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 6px;
}
.personal-consultant__categories,
.personal-consultant__type {
  color: #878787;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  line-height: 17px;
}
.personal-consultant__categories {
  font-size: 14px;
  font-weight: 400;
}
@media (min-width: 960px) {
  .personal-consultant__categories {
    color: #575757;
    font-display: swap;
    font-family:
      DINPro Technopark,
      Arial,
      sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
  }
}
.personal-consultant__buttons {
  padding-top: 18px;
  text-align: center;
}
@media (min-width: 960px) {
  .personal-consultant__buttons {
    bottom: 12px;
    left: 18px;
    position: absolute;
    right: 18px;
  }
}
.personal-consultant__buttons .button {
  display: block;
  width: 100%;
}
.personal-consultant__buttons .button--blue {
  margin-bottom: 6px;
}
.personal-consultant__buttons .button--atp {
  color: #000;
}
.personal-consultant__hide {
  border-bottom: 1px dashed #878787;
  color: #878787;
  display: inline-block;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 6px;
  transition: 0.2s;
}
.personal-consultant__hide:hover {
  border-color: #000;
  color: #000;
}
.personal-consultant__status {
  -webkit-touch-callout: none;
  border-radius: 6px;
  color: transparent;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 0;
  font-weight: 500;
  height: 12px;
  left: 116px;
  letter-spacing: 1px;
  line-height: 11px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 23px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 12px;
}
@media (min-width: 960px) {
  .personal-consultant__status {
    left: 17px;
    top: 17px;
    transition: all 0.2s;
  }
}
.personal-consultant__status--green {
  background-color: #00bd0a;
}
.personal-consultant__status--red {
  background-color: #e02020;
}
.personal-consultant__i-tooltip {
  background-color: #fff;
  border-radius: 5px;
  bottom: 33px;
  box-shadow: 0 2px 13px rgba(0, 0, 0, 0.5);
  color: #000;
  display: none;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 16px;
  font-weight: 500;
  left: -100px;
  padding: 12px 18px;
  position: absolute;
  text-align: center;
  width: 160px;
  z-index: 1;
}
.personal-consultant__i-tooltip:after {
  border-bottom: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #fff;
  bottom: 0;
  content: "";
  height: 0;
  margin-bottom: -12px;
  margin-left: -12px;
  position: absolute;
  right: 40px;
  width: 0;
}
.personal-consultant__i {
  color: #878787;
  display: none;
}
@media (min-width: 960px) {
  .personal-consultant__i {
    display: block;
    position: absolute;
    right: 17px;
    top: 17px;
  }
  .personal-consultant__i:hover .personal-consultant__i-tooltip {
    display: block;
  }
}
.personal-consultant__i svg {
  height: 15px;
  width: 15px;
}
.personal-consultant__loader {
  height: 100%;
  position: relative;
}
.personal-consultant__loader .loader {
  top: 50%;
  transform: translateY(-50%);
}
.personal-consultant__info {
  padding-top: 12px;
}
.personal-consultant__info-item {
  color: #878787;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  margin-bottom: 12px;
}
.personal-consultant__info-item strong {
  color: #000;
  display: block;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}
.personal-consultant__info-item a {
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
}
@media (min-width: 960px) {
  .personal-consultant__info-item a:hover {
    border-color: #0093c4;
  }
}
.personal-consultant__specifications {
  bottom: 18px;
  left: 18px;
  position: absolute;
  right: 18px;
}
@media (min-width: 960px) {
  .personal-consultant__specifications {
    bottom: 60px;
  }
}
.personal-consultant__specifications-line {
  border-bottom: 1px solid #dedede;
  color: #878787;
  display: flex;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  justify-content: space-between;
  line-height: 17px;
  padding: 8px 0 6px;
}
.personal-consultant__specifications-line span:last-child {
  color: #303030;
}
@media (min-width: 960px) {
  .personal-consultant:hover .personal-consultant__status {
    color: #fff;
    font-display: swap;
    font-family:
      DINPro Technopark,
      Arial,
      sans-serif;
    font-size: 8px;
    font-weight: 500;
    padding: 0 8px;
    text-transform: uppercase;
    width: auto;
  }
}
@media (max-width: 959px) {
  .personal-consultant--detail {
    height: 460px;
  }
}
.personal-consultant--detail .personal-consultant__header {
  display: flex;
}
.personal-consultant--detail .personal-consultant__image {
  height: 99px;
  margin: 0;
  min-height: 99px;
  min-width: 80px;
  width: 80px;
}
.personal-consultant--detail .personal-consultant__image img {
  max-height: 99px;
  max-width: 80px;
}
.personal-consultant--detail .personal-consultant__character {
  padding-left: 18px;
  padding-top: 0;
  text-align: left;
}
.personal-consultant--detail .personal-consultant__name {
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  margin-bottom: 2px;
  padding-left: 18px;
}
.personal-consultant--detail .personal-consultant__type {
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}
.personal-consultant--detail .personal-consultant__status {
  left: 116px;
  top: 23px;
}
@media (min-width: 960px) {
  .personal-consultant--detail:hover .personal-consultant__status {
    color: transparent;
    font-display: swap;
    font-family:
      DINPro Technopark,
      Arial,
      sans-serif;
    font-size: 0;
    font-weight: 500;
    padding: 0;
    text-transform: uppercase;
    width: 12px;
  }
}
.js-tab {
  display: none;
}
.js-tab._active {
  display: block;
}
.nowrap {
  white-space: nowrap;
}
.text-list__item {
  margin-bottom: 1rem;
}
.list--strange-line {
  background: url(//cdn.technopark.ru/source/custom_images/newsite/static-pages/support/table-dash.png)
    0 100% repeat-x;
  padding-bottom: 6px;
}
.personal-service-page {
  max-width: 100%;
  width: 100%;
}
.personal-service-page .page__container {
  margin: 0 auto;
}
.service-banner {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  color: #878787;
  margin-bottom: 12px;
  position: relative;
}
@media (min-width: 1160px) {
  .service-banner {
    background-color: transparent;
  }
}
.service-banner__image {
  background: url(//cdn.technopark.ru/source/custom_images/newsite/static-pages/support/vip/banner_new.jpg)
    0 / cover no-repeat #000;
  border-radius: 3px;
  height: 144px;
}
@media (min-width: 1160px) {
  .service-banner__image {
    height: 400px;
  }
}
.service-banner__text {
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  padding: 24px 18px 12px;
}
@media (min-width: 1160px) {
  .service-banner__text {
    color: #fff;
    left: 460px;
    max-width: 530px;
    padding: 0 24px 0 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 1482px) {
  .service-banner__text {
    left: 500px;
  }
}
.service-banner__title {
  color: #fff;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 23px;
}
@media (min-width: 1160px) {
  .service-banner__title {
    font-display: swap;
    font-family:
      DINPro Technopark,
      Arial,
      sans-serif;
    font-size: 29px;
    font-weight: 500;
    line-height: 35px;
  }
  .service-banner--extra .service-banner__text,
  .service-banner--extra .service-banner__title {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  }
  .service-banner--extra .service-banner__text {
    color: #d1d1d1;
  }
  .service-banner--extra .service-banner__title {
    color: #fff;
  }
}
.service-banner--extra .service-banner__image {
  background: url(//cdn.technopark.ru/source/custom_images/newsite/static-pages/support/extra-service/banner_mobile.jpg)
    0 0 no-repeat #000;
}
@media (min-width: 1160px) {
  .service-banner--extra .service-banner__image {
    background: url(//cdn.technopark.ru/source/custom_images/newsite/static-pages/support/extra-service/banner.jpg)
      0 0 no-repeat #000;
  }
}
.mobile-button {
  text-align: center;
}
.anchor-link {
  display: block;
  position: relative;
  top: -80px;
}
.department-links {
  font-size: 0;
  line-height: 0;
  margin: -6px -6px 0;
}
.department-links__item {
  display: inline-block;
  padding: 6px;
  vertical-align: top;
  width: 50%;
}
@media (min-width: 960px) {
  .department-links__item {
    width: 20%;
  }
}
.department-links__item input {
  display: none;
}
.department-links__item .department-links__button {
  border: 1px solid #878787;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 34px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.2s;
}
@media (min-width: 960px) {
  .department-links__item .department-links__button {
    font-display: swap;
    font-family:
      DINPro Technopark,
      Arial,
      sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 48px;
  }
  .department-links__item .department-links__button:hover {
    background-color: #575757;
    border-color: #878787;
  }
}
.department-links__item._active .department-links__button {
  background-color: #575757;
}
.department-links a {
  border: 1px solid #878787;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 34px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.2s;
}
@media (min-width: 960px) {
  .department-links a {
    font-display: swap;
    font-family:
      DINPro Technopark,
      Arial,
      sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 48px;
  }
  .department-links a:hover {
    background-color: #575757;
    border-color: #878787;
  }
}
.lp-button {
  text-align: center;
}
.lp-button .button {
  margin: 0 auto;
  min-width: 190px;
}
@media (max-width: 959px) {
  .lp-button .button {
    width: 100%;
  }
}
.lp-button--padding {
  padding-bottom: 12px;
}
.lp-button--padding .button {
  min-width: 277px;
}
@media (min-width: 960px) {
  .personal-consultant-list {
    display: flex;
    flex-wrap: wrap;
    margin: -6px;
  }
  .personal-consultant-list__button {
    padding-top: 12px;
  }
}
.personal-consultant-list__button .button {
  width: 100%;
}
.collapse-table--active .collapse-table__title svg {
  transform: rotate(-180deg);
}
@media (min-width: 1025px) and (orientation: landscape) {
  .collapse-table:not(.collapse-table--active) .collapse-table__title:hover {
    background-color: hsla(0, 0%, 100%, 0.05);
  }
}
.collapse-table__title {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  justify-content: space-between;
  margin: 0 0 0 -18px;
  padding: 1em 18px;
  transition: background-color 0.2s;
  width: calc(100% + 36px);
}
@media (min-width: 960px) {
  .collapse-table__title {
    font-size: 18px;
  }
}
.collapse-table__title svg {
  flex-shrink: 0;
  height: 9px;
  margin-left: 3px;
  transition: transform 0.2s;
  width: 18px;
}
@media (min-width: 960px) {
  .collapse-table__title svg {
    height: 16px;
    margin-left: 15px;
    margin-right: 18px;
    width: 25px;
  }
}
.collapse-table__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s;
}
.info-box {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 0;
}
@media (min-width: 960px) {
  .info-box {
    padding: 0;
  }
}
.info-box__content {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  margin: 0;
  padding: 10px 18px;
}
@media (min-width: 768px) {
  .info-box__content {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
  }
}
@media (min-width: 960px) {
  .info-box__content {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
  }
}
.info-box__content p {
  margin: 24px 0;
  padding-bottom: 0;
}
.info-box__content p:first-child {
  margin: 0;
}
.info-box__title-link {
  margin: 0;
  max-width: none !important;
  padding: 14px 18px !important;
  position: relative;
}
.info-box__title-link._closed {
  border-bottom: none;
}
.info-box__title-link .service__title-big {
  margin: 12px 0 0;
}
.info-box__title-link h3 {
  font-size: 16px !important;
  font-weight: 500;
  line-height: 20px !important;
  padding-bottom: 0;
}
@media (min-width: 960px) {
  .info-box__title-link h3 {
    font-size: 16px !important;
    font-weight: 500;
    line-height: 20px !important;
  }
}
.info-box__title-link._without-icon {
  padding: 14px 40px 14px 18px;
}
@media (min-width: 960px) {
  .info-box__title-link._without-icon {
    padding: 18px 60px 18px 0;
  }
}
.info-box__title-link h2,
.info-box__title-link h3 {
  font-display: swap;
  font-family:
    DINPro Technopark,
    Arial,
    sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
}
@media (min-width: 960px) {
  .info-box__title-link h2,
  .info-box__title-link h3 {
    font-display: swap;
    font-family:
      DINPro Technopark,
      Arial,
      sans-serif;
    font-size: 20px;
    font-weight: 500;
  }
}
.info-box__title-link-arrow {
  top: 50% !important;
  transform: rotate(-180deg) translateY(-24%) !important;
}
.info-box__title-link-arrow svg {
  height: 9px;
  width: 18px;
}
._closed .info-box__title-link-arrow {
  transform: translateY(-66%) !important;
}
@media (min-width: 960px) {
  .info-box__table {
    max-width: 100%;
  }
}
.info-box__table table {
  border-bottom: none;
  margin-bottom: 0;
}
@media (min-width: 960px) {
  .info-box__table table {
    margin-bottom: 12px;
  }
}
.collapse-arrow {
  border-bottom: 1px solid #bdbdbd;
  border-left: 1px solid #bdbdbd;
  content: "";
  display: block;
  height: 10px;
  transform: rotate(-45deg);
  vertical-align: middle;
  width: 10px;
  will-change: margin, transform;
}
.action-departments {
  margin-top: 20px;
}
@media (min-width: 960px) {
  .action-departments {
    margin-top: 36px;
  }
}
.action-departments__tag {
  width: 277px;
}
.action-departments__tag--mobile {
  width: 272px;
}
.action-departments__tag--active {
  background-color: #1e262c;
  border: 1px solid #0093c4;
  box-shadow: 0 0 8px rgba(2, 135, 179, 0.5);
}
.action-departments__name {
  -webkit-hyphens: none;
  hyphens: none;
  word-break: keep-all;
}
.action-departments__name i {
  font-style: normal;
  white-space: nowrap;
}
.action-departments__name span {
  color: #878787;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
}
@media (min-width: 960px) {
  .action-departments__name span {
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
  }
}
.catalog-top-bar__wrapper {
  grid-gap: 0 12px;
  align-items: center;
  color: #fff;
  display: grid;
  gap: 0 12px;
  grid-template-areas: "display-switcher sort-select filters";
  grid-template-columns: auto auto auto;
  justify-content: space-between;
  padding: 12px 0;
}
@media (max-width: 959px) {
  .catalog-top-bar__wrapper {
    border: solid #353e48;
    border-width: 1px 0;
    margin: 0 -18px;
    padding: 4px 18px;
  }
}
@media (min-width: 960px) {
  .catalog-top-bar__wrapper {
    grid-gap: 0 24px;
    background-color: #191e24;
    border-radius: 16px;
    gap: 0 24px;
    grid-template-areas: "breadcrumbs sort-select display-switcher";
    grid-template-columns: 1fr auto auto;
    padding: 13px 24px;
  }
}
.catalog-top-bar__display-switcher {
  grid-area: display-switcher;
}
.catalog-top-bar__breadcrumbs {
  grid-area: breadcrumbs;
  margin-top: -4px;
}
@media (max-width: 959px) {
  .catalog-top-bar__breadcrumbs {
    display: none;
  }
}
.catalog-top-bar__sort-select {
  grid-area: sort-select;
}
.catalog-top-bar__filters {
  grid-area: filters;
}
@media (min-width: 960px) {
  .catalog-top-bar__filters {
    display: none;
  }
}
.listing-filters-panel {
  margin: 0 auto;
  width: 120px;
}
.listing-filters-panel__inner {
  align-items: center;
  background-color: #000;
  border-radius: 35px;
  display: flex;
  height: 54px;
  justify-content: center;
  margin-bottom: 12px;
  width: 100%;
}
.listing-filters-panel__sort-button {
  background: none;
  border: none;
  display: inline-flex;
  margin: -10px 18px -10px -10px;
  padding: 10px;
  position: relative;
}
.listing-filters-panel__sort-button:after {
  background-color: #353e48;
  bottom: 0;
  content: "";
  height: 30px;
  position: absolute;
  right: -5px;
  top: 7px;
  width: 1px;
}
.action-page-products {
  margin-bottom: 24px;
}
@media (min-width: 960px) {
  .action-page-products {
    margin-bottom: 42px;
  }
}
.action-page-products__container {
  grid-gap: 12px;
  display: grid;
  gap: 12px;
  grid-template-columns: 100%;
  margin-bottom: 18px;
}
.action-page-products__container--loading {
  opacity: 0.5;
  pointer-events: none;
}
@media (min-width: 600px) {
  .action-page-products__container--column {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1160px) {
  .action-page-products__container--column {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1482px) {
  .action-page-products__container--column {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 600px) {
  .action-page-products__card
    .catalog-listing__container--column
    .action-page-products__card--hero {
    grid-column: 1/3;
  }
}
.action-page-products__empty-text {
  margin: 60px 0;
}
@media (min-width: 960px) {
  .action-page-products__empty-text {
    margin: 72px 0;
  }
}
.skeleton__wrapper {
  margin-bottom: 16px;
}
.skeleton__loading {
  border-radius: 8px;
  height: 377px;
}
@media (max-width: 480px) {
  .skeleton__loading {
    height: 350px;
  }
}
.action-categories {
  margin-top: 16px;
}
@media (min-width: 960px) {
  .action-categories {
    margin-top: 24px;
  }
}
.action-categories__categories__item {
  background: hsla(0, 0%, 100%, 0.1);
  color: #fff;
}
@media (min-width: 1025px) and (orientation: landscape) {
  .action-categories__categories__item:hover {
    background: hsla(0, 0%, 100%, 0.2);
  }
}
.action-categories__categories__item span {
  color: #bababa;
}
@media (min-width: 1025px) and (orientation: landscape) {
  .action-categories__categories__item.tp-tab-item--active:hover {
    background: hsla(0, 0%, 100%, 0.1);
  }
}
.action-categories__categories__item.tp-tab-item--active span {
  color: #b3deed;
}
.action-categories__categories__item.tp-chip--active {
  background: #0093c4;
}
.action-categories__categories__item.tp-chip--active span {
  color: #b3deed;
}
.action-categories__toggle {
  color: #0093c4;
  cursor: pointer;
  flex-shrink: 0;
  font-size: 14px;
  min-width: 85px;
  padding: 6px 0;
  text-align: right;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media (hover: hover) and (pointer: fine) {
  .action-categories__toggle:hover {
    color: #31b7e3;
  }
}
.action-categories__toggle:active {
  color: #31b7e3;
}
.action-categories__wrapper {
  display: flex;
  max-height: 30px;
  overflow: hidden;
}
.action-categories__wrapper--expanded {
  max-height: none;
  overflow: visible;
  overflow: initial;
}
.action-department-category__main[data-v-17a572fa] {
  margin-top: 12px;
}
@media (min-width: 960px) {
  .action-department-category__main[data-v-17a572fa] {
    margin-top: 24px;
  }
}
.action-department-category__products[data-v-17a572fa] {
  margin-top: 20px;
}
@media (min-width: 960px) {
  .action-department-category__products[data-v-17a572fa] {
    margin-top: 24px;
  }
}
.action-department-category__aside[data-v-17a572fa] {
  height: 100%;
  position: relative;
  z-index: 1;
}
@media (min-width: 960px) {
  .action-department-category__content[data-v-17a572fa] {
    padding-top: 12px;
  }
}
.common-story {
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media (min-width: 481px) {
  .common-story {
    border-radius: 8px;
  }
}
.common-story__nav {
  display: flex;
  left: 0;
  padding: 12px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.common-story__nav-item {
  background-color: hsla(0, 0%, 77%, 0.5);
  border-radius: 50px;
  flex: 1;
  height: 4px;
  overflow: hidden;
  position: relative;
}
.common-story__nav-item:not(:last-child) {
  margin-right: 2px;
}
.common-story__nav-fill {
  background-color: hsla(0, 0%, 100%, 0.75);
  border-radius: 50px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: width 0.1s linear;
  width: 50%;
  will-change: width;
}
.common-story__slider {
  height: 100%;
  position: relative;
}
.common-story__slide {
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s;
}
.common-story__slide--visible {
  opacity: 1;
}
.common-story__content {
  height: 100%;
  position: relative;
  width: 100%;
}
.common-story__media {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}
.common-story__footer {
  bottom: 0;
  left: 0;
  padding: 18px 12px;
  position: absolute;
  width: 100%;
  z-index: 4;
}
.common-story__loader {
  z-index: 4;
}
@media (min-width: 481px) {
  .common-story__loader {
    border-radius: 8px;
  }
}
.common-story__controls {
  display: flex;
  mix-blend-mode: difference;
  position: absolute;
  right: 12px;
  top: 30px;
  z-index: 3;
}
.common-story__control {
  align-items: center;
  background: none;
  border: none;
  color: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin: -6px -6px -6px 6px;
  padding: 6px;
  transition: color 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.common-story__control:hover {
  color: #fff;
}
@media (max-width: 767px) {
  .common-story__control--pause {
    display: none;
  }
}
@media (min-width: 768px) {
  .common-story__control--close {
    display: none;
  }
}
.common-story__loader-close-btn {
  font-size: 18px;
  position: absolute;
  right: 5px;
  top: 26px;
  z-index: 5;
}
@media (min-width: 768px) {
  .common-story__loader-close-btn {
    display: none !important;
  }
}
.common-stories-slider {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
.common-stories-slider__wrapper {
  background-color: #1a1a1a;
  height: 700px;
  max-height: 100%;
  position: relative;
  width: 400px;
}
@media (min-width: 481px) {
  .common-stories-slider__wrapper {
    border-radius: 8px;
  }
}
.common-stories-slider__slider {
  height: 100%;
  width: 100%;
}
.common-stories-slider__slide,
.common-stories-slider__slider > * {
  height: 100%;
}
.common-stories-slider__arrow {
  cursor: pointer;
  height: 50px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 50px;
}
.common-stories-slider__arrow--left {
  left: -66px;
}
.common-stories-slider__arrow--right {
  right: -66px;
}
.common-stories-slider__arrow--hidden {
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 767px) {
  .common-stories-slider__arrow {
    display: none;
  }
}
.common-stories__card {
  border: 1px solid #0093c4;
  border-radius: 12px;
  cursor: pointer;
  height: 188px;
  padding: 4px;
  transition: transform 0.2s;
  width: 120px;
}
@media (hover: hover) and (pointer: fine) {
  .common-stories__card:hover {
    transform: scale(0.97);
  }
}
.common-stories__card--read {
  background-color: #575757;
  border-color: #575757;
}
.common-stories__card-inner {
  border-radius: 8px;
  height: 100%;
  overflow: hidden;
}
.common-stories__thumbnail {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.common-stories__modal-close-btn {
  color: #878787 !important;
  font-size: 18px;
  position: absolute;
  right: 12px;
  top: 18px;
  z-index: 3;
}
.common-stories__modal-close-btn:hover {
  color: #d1d1d1 !important;
}
@media (max-width: 767px) {
  .common-stories__modal-close-btn {
    display: none !important;
  }
}
.action-stories {
  margin-top: 34px;
}
@media (min-width: 768px) {
  .action-stories {
    margin-top: 51px;
  }
}
.action-for-friends-popup {
  align-items: flex-start;
  display: flex;
  padding: 0;
}
@media (min-width: 768px) {
  .action-for-friends-popup {
    align-items: center;
  }
}
.action-for-friends-popup__content {
  background: linear-gradient(90deg, #015a7a, #003247);
  border-radius: 0 0 8px 8px;
  color: #fff;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .action-for-friends-popup__content {
    align-items: center;
    background: #002534;
    border-radius: 8px;
    display: grid;
    grid-template-columns: 5.3fr 4fr;
    margin: 16px;
    max-width: 937px;
    padding-right: 12px;
  }
}
.action-for-friends-popup__close {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 4;
}
.action-for-friends-popup__image {
  display: block;
  margin: 0 auto;
  max-width: 266px;
  position: relative;
  width: 100%;
  z-index: 3;
}
@media (min-width: 768px) {
  .action-for-friends-popup__image {
    margin: 0;
    max-width: none;
  }
}
.action-for-friends-popup__image-wrp {
  position: relative;
}
.action-for-friends-popup__image-wrp:after {
  background: #0093c4;
  content: "";
  filter: blur(113.547px);
  left: 50%;
  padding-top: 80%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  z-index: 2;
}
.action-for-friends-popup__form {
  bottom: 18px;
  color: #fff;
  left: 18px;
  position: absolute;
  right: 18px;
  top: 37px;
  z-index: 4;
}
@media (min-width: 768px) {
  .action-for-friends-popup__form {
    max-width: 309px;
    position: static;
  }
}
.action-for-friends-popup__form__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
}
@media (min-width: 768px) {
  .action-for-friends-popup__form__title {
    text-align: left;
  }
}
@media (min-width: 960px) {
  .action-for-friends-popup__form__title {
    font-size: 36px;
    font-weight: 500;
    line-height: 45px;
  }
}
.action-for-friends-popup__form__desc {
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  margin: 6px auto 0;
  max-width: 203px;
  text-align: center;
}
@media (min-width: 768px) {
  .action-for-friends-popup__form__desc {
    margin-top: 12px;
    max-width: 304px;
    text-align: left;
  }
}
@media (min-width: 960px) {
  .action-for-friends-popup__form__desc {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
  }
}
.action-for-friends-popup__form__auth {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}
@media (min-width: 768px) {
  .action-for-friends-popup__form__auth {
    margin-top: 31px;
    position: static;
  }
}
.action-for-friends-popup__form__auth-hint {
  display: none;
}
@media (min-width: 768px) {
  .action-for-friends-popup__form__auth-hint {
    color: #bababa;
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 12px;
  }
}
.action-for-friends-popup__auth .auth-form__inline-button {
  margin-bottom: 0;
}
.action-page-banner {
  border-radius: 3px;
  overflow: hidden;
}
.action-page-banner__img {
  display: block;
  max-width: 100%;
}
.listing-show-more {
  align-self: center;
  display: flex;
  justify-content: center;
  margin: 24px auto 0;
  width: auto;
}
@media (min-width: 768px) {
  .listing-show-more {
    max-width: 187px;
  }
}
.listing-show-more > * + * {
  margin-left: 6px;
}
.listing-show-more__more-btn {
  flex-grow: 1;
}
.listing-show-more__arrow {
  transform: rotate(180deg);
}
.page-nav[data-v-1c2ab57e] {
  font-size: 16px;
}
.page-nav__list[data-v-1c2ab57e] {
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-nav__link[data-v-1c2ab57e],
.page-nav__list[data-v-1c2ab57e] {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
}
.page-nav__link[data-v-1c2ab57e] {
  display: inline;
}
.page-nav__badge[data-v-1c2ab57e] {
  margin-left: 3px;
  vertical-align: text-bottom;
}
.page-nav__menu-items[data-v-1c2ab57e] {
  grid-gap: 4px;
  display: grid;
}
.page-nav__menu-item[data-v-1c2ab57e] {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
}
.page-nav__menu-item[data-v-1c2ab57e]:not(:last-child) {
  margin-bottom: 4px;
}
.page-nav__collapse[data-v-1c2ab57e]:not(:last-child) {
  margin-bottom: 12px;
}
.action-page-nav__show-all {
  transition: 0.2s;
  z-index: 10;
}
@media (min-width: 960px) {
  .action-page-nav__show-all--fixed {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 0;
    padding: 12px;
    position: sticky;
    top: 62px;
  }
}
.action-page {
  color: #fff;
}
.action-page__top-panel {
  margin-bottom: 12px;
}
.action-page__products-container {
  grid-gap: 12px;
  display: grid;
  gap: 12px;
  grid-template-columns: 100%;
}
@media (min-width: 960px) {
  .action-page__products-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1192px) {
  .action-page__products-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1482px) {
  .action-page__products-container {
    grid-template-columns: repeat(4, 1fr);
  }
}