.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  user-select: none;
}

.modal-component {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9;
}
.modal-component_auto-width {}
.modal-component_auto-width .modal-component__dialog {
  width: auto;
}
.modal-component__dialog {
  position: relative;
  width: 600px;
  max-height: calc(100vh - 48px);
  padding: 24px;
  margin: 24px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 18px 5px #0000000c;
  overflow: auto;
}
.modal-component__close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 24px;
  line-height: 0;
  background-color: transparent;
  border: none;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}


.button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
  outline: none;
  line-height: 1;
}
.button_theme_default {
  border-radius: 4px;
  transition: background 0.1s ease;
  text-decoration: none;
  text-align: center;
}
.button_theme_default.button_color_orange {
  background-color: #EC522E;
  color: #fff;
}
.button_theme_default.button_color_white {
  color: #000;
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.button_theme_default.button_size_small {
  height: 32px;
  padding: 0 16px;
  font-size: 14px;
}
.button_theme_default.button_color_blue {
  background-color: #1A4AB2;
  color: #fff;
}
.button_theme_default.button_size_middle {
  padding: 15px 30px;
  font-size: 18px;
}
.button_theme_plain {
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
}
.button_theme_plain.button_active {
  background-color: #EAEAEB;
  color: rgba(0, 0, 0, 0.4);
}
.button_theme_plain.button_size_small {
  padding: 6px 8px;
  font-size: 12px;
  line-height: 14px;
}
.button_theme_nav {
  display: inline-block;
  color: #000;
  font-size: 16px;
  text-decoration: none;
}
.button_theme_nav.button_size_small {
  font-size: 14px;
}
.button_theme_nav.button_active {
  color: #1A4AB2;
}
.button_theme_nav.button_disabled {
  pointer-events: none;
  opacity: 0.4;
}
.button_theme_link {
  display: inline-block;
  color: #0648b8;
  text-decoration: none;
  font-size: inherit;
  font-weight: inherit;
  background-color: transparent;
}
.button_theme_link:hover {
  text-decoration: underline;
    }
.button_theme_link.button_color_white {
  color: #fff;
}
.button_theme_border {
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  color: #000;
  background-color: transparent;
  transition: background-color 0.1s ease;
  text-align: center;
}
.button_theme_border:hover {
  background-color: #fff;
    }
.button_theme_border.button_color_white {
  color: #fff;
}
.button_theme_border.button_color_white:hover {
  background-color: transparent;
      }
.button_theme_border.button_size_small {
  padding: 11px 16px;
  font-size: 14px;
}
.button_theme_border.button_size_middle {
  padding: 14px 30px;
  font-size: 18px;
}
.button_block {
  display: flex;
  width: 100%;
}


.default-header-block {}

.default-header-block_open {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: flex;
  flex-flow: column nowrap;
  box-shadow: none;
  z-index: 10;
}

.default-header-block_open .default-header-block__base {
  box-shadow: none;
}

.default-header-block_open .default-header-block__sub {
  display: flex;
}

.default-header-block__base {
  position: relative;
  padding: 0 16px;
  background-color: #F5F5F6;
  z-index: 2;
}

@media (max-width: 930px) {

  .default-header-block__base {
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  }
    }

.default-header-block__base-content {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  height: 52px;
  max-width: 1100px;
  margin: 0 auto;
}

.default-header-block__logo {
  height: 28px;
}

.default-header-block__hamburger {
  display: none;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
}

@media (max-width: 930px) {

  .default-header-block__hamburger {
  display: block;
  }
    }

.default-header-block__controls {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  list-style: none;
}

@media (max-width: 930px) {

  .default-header-block__controls {
  display: none;
  }
    }

.default-header-block__controls-responsive {
  display: none;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 16px;
  list-style: none;
}

@media (max-width: 930px) {

  .default-header-block__controls-responsive {
  display: flex;
  }
    }

.default-header-block__control-item {
  flex: 1 1 auto;
}

.default-header-block__control-item:first-child {
  margin-left: 0;
      }

.default-header-block__control-item {
  margin-left: 12px;
}

.default-header-block__nav {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-right: auto;
  padding-left: 32px;
  list-style: none;
}

@media (max-width: 930px) {

  .default-header-block__nav {
  display: none;
  }
    }

.default-header-block__nav-responsive {
  display: none;
  flex-flow: row nowrap;
  align-items: center;
  padding: 16px 0 32px 0;
}

@media (max-width: 930px) {

  .default-header-block__nav-responsive {
  display: flex;
  }
    }

.default-header-block__nav-item {
  flex: 1 1 auto;
}

.default-header-block__sub {
  position: relative;
  padding: 0 16px;
  background-color: #fff;
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.07);
  z-index: 1;
}

@media (max-width: 930px) {

  .default-header-block__sub {
  flex: 1 1 auto;
  display: none;
  flex-flow: column nowrap;
  }
    }

.default-header-block__sub-content {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  max-width: 1100px;
  margin: 0 auto;
}

@media (max-width: 930px) {

  .default-header-block__sub-content {
  flex-flow: column nowrap;
  height: 100%;
  width: 100%;
  }
    }

.default-header-block__sub-nav {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  list-style: none;
}

@media (max-width: 930px) {

  .default-header-block__sub-nav {
  flex-flow: column nowrap;
  align-items: flex-start;
  width: 100%;
  }
    }

.default-header-block__sub-nav-item {
  margin-right: 30px;
}

@media (max-width: 1000px) {

  .default-header-block__sub-nav-item {
  margin-right: 16px;
  }
    }

@media (max-width: 930px) {

      .default-header-block__sub-nav-item {
  margin-right: 0;
  width: 100%;
  }

      .default-header-block__sub-nav-item a {
  width: 100%;
  padding: 10px 0;
  font-size: 20px;
      }
    }

.default-header-block__contacts {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
}

@media (max-width: 930px) {

  .default-header-block__contacts {
  width: 100%;
  padding: 16px 0;
  margin-top: auto;
  border-top: rgba(0, 0, 0, 0.1) 1px solid;
  }
    }

.default-header-block__contacts-call {
  font-weight: 700;
}

@media (max-width: 930px) {

  .default-header-block__contacts-text {
  display: none;
  }
    }

.default-header-block__contacts-time {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-left: 12px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 10px;
}

.default-header-block__phone {
  color: inherit;
  text-decoration: none;
}

@media (max-width: 930px) {

  .default-header-block__phone {
  color: #1A4AB2;
  font-size: 20px;
  }
    }

.default-footer-block {
  padding: 0 16px;
  background-color: #F8F9FB;
}
.default-footer-block__header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  height: 90px;
  max-width: 1100px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .default-footer-block__header {
  flex-flow: column nowrap;
  align-items: flex-start;
  height: auto;
  padding: 24px 0;
  }
    }
.default-footer-block__main {
  max-width: 1100px;
  margin: 0 auto;
  padding: 40px 0 16px 0;
}
.default-footer-block__footer {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  padding-bottom: 40px;
}
.default-footer-block__line {
  display: block;
  height: 1px;
  margin: 0 -16px;
  border: none;
  background-color: rgba(0, 0, 0, 0.05);
}
.default-footer-block__phone-number {
  color: #000;
  text-decoration: none;
  font-size: 32px;
  letter-spacing: 0.5px;
}
.default-footer-block__phone-description {
  line-height: 16px;
}
.default-footer-block__call {
  margin-left: 64px;
}
@media (max-width: 800px) {
  .default-footer-block__call {
  margin: 24px 0 0 0;
  }
    }
.default-footer-block__boxes {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.default-footer-block__box {
  margin-bottom: 24px;
}
@media (max-width: 600px) {
  .default-footer-block__box {
  flex: 1 1 50%;
  }
    }
.default-footer-block__box_empty {
  width: 200px;
}
.default-footer-block__box-title {
  color: rgba(0, 0, 0, 0.4);
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
}
.default-footer-block__box-list {
  margin: 24px 24px 0 0;
}
@media (max-width: 800px) {
  .default-footer-block__box-list {
  margin: 16px 16px 0 0;
  }
    }
.default-footer-block__box-item {
  max-width: 200px;
  margin-bottom: 14px;
}
.default-footer-block__box-item:last-child {
  margin-bottom: 0;
    }
.default-footer-block__footer-text {
  margin-left: 16px;
}
.default-footer-block__provider {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.default-footer-block__social {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-left: auto;
}
@media (max-width: 600px) {
  .default-footer-block__social {
  width: 100%;
  margin: 24px 0 0 0;
  }
    }
.default-footer-block__social-item {
  margin-left: 12px;
}
@media (max-width: 600px) {
      .default-footer-block__social-item:first-child {
  margin-left: 0;
      }
    }
.default-footer-block__social-link {
  display: block;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
}
.default-footer-block__social-link_target_facebook {
  background-image: url("/assets/social/facebook.svg");
}
.default-footer-block__social-link_target_instagram {
  background-size: 18px;
  background-image: url("/assets/social/instagram.svg");
}
.default-footer-block__social-link_target_youtube {
  background-size: 18px;
  background-image: url("/assets/social/youtube.svg");
}

.title {
  color: inherit;
}
.title_size_h1 {
  font-size: 50px;
  font-weight: bold;
}
@media (max-width: 800px) {
  .title_size_h1 {
  font-size: 28px;
  }
    }
.title_size_h2 {
  font-size: 28px;
  font-weight: 700;
}
@media (max-width: 800px) {
  .title_size_h2 {
  font-size: 20px;
  }
    }
.title_size_h3 {
  font-size: 24px;
  line-height: 150%;
  font-weight: normal;
}
.title_size_h4 {
  font-size: 22px;
  font-weight: normal;
}
.title_size_h5 {
  color: rgba(0, 0, 0, 0.4);
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
}
.title_size_h6 {
  font-size: 16px;
  font-weight: 500;
}

.input-text-component {
  display: block;
  position: relative;
}
.input-text-component_size_large {}
.input-text-component_size_large .input-text-component__input {
  height: 60px;
  padding: 16px 20px;
  font-size: 18px;
}
.input-text-component__input {
  display: block;
  width: 100%;
  height: 44px;
  padding: 8px 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-color: #fff;
  font: 16px Roboto, sans-serif;
  outline: none;
}
.input-text-component__label {
  margin-bottom: 8px;
}
.input-text-component__error {
  position: absolute;
  left: 0;
  right: 0;
  bottom: auto;
  margin-top: 4px;
  color: #d50000;
  line-height: 1;
  font-size: 12px;
}

.input-number-component {
  position: relative;
}


.input-select-component {
  position: relative;
  text-align: left;
  cursor: pointer;
}
.input-select-component__input {
  user-select: none;
}
.input-select-component__input > * {
  pointer-events: none;
    }
.input-select-component__input_loading {
  pointer-events: none;
}
.input-select-component__options {
  position: absolute;
  display: none;
  top: auto;
  left: 0;
  right: 0;
  margin-top: -1px;
  list-style: none;
  max-height: 300px;
  overflow: auto;
  border: #f5f5f5 1px solid;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
  background-color: #fff;
  z-index: 2;
}
.input-select-component__options_open {
  display: block;
}
.input-select-component__option {
  padding: 16px;
}
.input-select-component__option:hover {
  background-color: #f5f5f5;
    }
.input-select-component__arrow {
  position: absolute;
  top: calc(50% + 12px);
  right: 16px;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  transition: transform 0.2s ease;
  color: rgba(0, 0, 0, 0.4);
}
.input-select-component__arrow_open {
  transform: translateY(-50%) rotate(180deg);
}


@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }

  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}

@keyframes line {
  0% {
    left: -10%;
  }

  50% {
    left: 60%;
  }

  100% {
    left: -10%;
  }
}

.progress-linear-component {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.progress-linear-component__line {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 60%;
  animation: line 2s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
}

.progress-circle-component {
  position: relative;
  min-width: 32px;
  min-height: 32px;
}

.progress-circle-component__main {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  animation: rotate 1.5s linear infinite;
  transform-origin: center center;
  will-change: transform;
}

.progress-circle-component__circle {
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}

@keyframes show-loader {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.loader-component {
  position: absolute;
  display: none;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  border-radius: inherit;
  z-index: 4;
}
.loader-component_color_black {
  background-color: rgba(0, 0, 0, 0.2);
}
.loader-component_color_white {
  background-color: rgba(255, 255, 255, 0.5);
}
.loader-component_show {
  display: block;
  animation: show-loader 0.2s ease both;
}
.loader-component_fixed {
  position: fixed;
}
.loader-component__progress {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}


.order-success-block {
  padding: 16px;
  max-width: 480px;
}
.order-success-block__main {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
}
.order-success-block__gas-man {
  max-width: 110px;
}
@media (max-width: 600px) {
  .order-success-block__gas-man {
  width: 40%;
  }
    }
.order-success-block__gas-message {
  position: relative;
  padding: 22px 44px;
  max-width: 350px;
  margin-left: -16px;
  font-size: 28px;
  background-color: #1A4AB2;
  border-radius: 120px;
  color: #fff;
}
.order-success-block__gas-message::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 16px;
  border-top: 12px solid transparent;
  border-left: 24px solid #1A4AB2;
  border-bottom: 12px solid transparent;
  z-index: 0;
    }
@media (max-width: 600px) {
  .order-success-block__gas-message {
  font-size: 18px;
  }
    }
.order-success-block__footer {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  line-height: 35px;
}
@media (max-width: 600px) {
  .order-success-block__footer {
  font-size: 24px;
  }
    }

.order-form {
  padding: 16px;
  max-width: 480px;
}
.order-form__header {
  margin-bottom: 32px;
}
.order-form__field {
  margin-bottom: 24px;
}
.order-form__sub-title {
  margin: 32px 0 16px;
}
.order-form__footer {
  margin-top: 32px;
}

.default-layout {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
}
.default-layout__header {
  flex: 0 0 auto;
}
.default-layout__main {
  flex: 1 1 auto;
}
.default-layout__footer {
  flex: 0 0 auto;
}

.home-main-block {
  position: relative;
  height: 680px;
  padding: 0 16px;
  background-color: #F5F5F5;
}

  @media (max-width: 800px) {

    .home-main-block {
  height: calc(100vh - 52px);
  color: #fff;
  background-image: url("/assets/images/home-family.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  }

    .home-main-block::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50%;
  background-image: linear-gradient(to top, #1A4AB2 50% , transparent);
  z-index: 0;
    }
  }

.home-main-block__main {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  max-width: 1100px;
  margin: 0 auto;
  z-index: 1;
}

@media (max-width: 800px) {

  .home-main-block__main {
  flex-flow: column nowrap;
  justify-content: flex-end;
  padding-bottom: 32px;
  }
    }

.home-main-block__left {
  position: relative;
  flex: 1 1 50%;
}

@media (max-width: 800px) {

  .home-main-block__left {
  flex: none;
  }
    }

.home-main-block__left::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100px;
  background-image: url("/assets/images/wings.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translate(calc(-100% - 36px), -100%);
  z-index: 2;
    }

@media (max-width: 800px) {

      .home-main-block__left-top {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding: 30px 16px;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 20px;
  text-align: center;
  }

      .home-main-block__left-top h1 {
  font-size: 28px;
      }

      .home-main-block__left-top h3 {
  font-size: 16px;
  line-height: 150%;
      }
    }

.home-main-block__right {
  position: relative;
  flex: 1 1 50%;
  text-align: right;
}

.home-main-block__right::after {
  content: "";
  position: absolute;
  right: 0;
  top: -48px;
  width: 83px;
  height: 180px;
  background-image: url("/assets/images/gas-man.png");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 0;
    }

@media (max-width: 800px) {

  .home-main-block__right {
  display: none;
  }
    }

.home-main-block__description {
  margin: 40px 0;
}

.home-main-block__img {
  position: relative;
  width: 80%;
  border-radius: 50%;
  z-index: 1;
}

.home-main-block__group {
  margin-top: 40px;
}

@media (max-width: 800px) {

  .home-main-block__group {
  text-align: center;
  }
    }

.home-main-block__group-img {
  height: 30px;
}

.home-main-block__group-text {
  font-size: 12px;
}

.tariff-block {
  padding: 30px 50px;
  background: #F5F5F5;
  border-radius: 12px;
}
.tariff-block__header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.tariff-block__icon {
  height: 40px;
  margin-right: 20px;
}
.tariff-block__main {
  margin: 20px 0 30px 0;
}
.tariff-block__tariff {
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 700;
  color: #1A4AB2;
}
.tariff-block__footer {
  color: rgba(0, 0, 0, 0.5);
}
.tariff-block_theme_once {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-around;
  text-align: center;
  height: 100%;
}
.tariff-block_theme_once .tariff-block__header {
  flex-flow: column nowrap;
}
.tariff-block_theme_once .tariff-block__icon {
  margin: 0 0 20px;
}

.tariffs-archive-block {
  padding: 16px;
}
.tariffs-archive-block__header {
  margin-bottom: 32px;
}
.tariffs-archive-block__table {
  width: 100%;
  text-align: left;
  border-spacing: 0;
  border-collapse: collapse;
}
.tariffs-archive-block__table th {
  padding: 16px 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
    }
.tariffs-archive-block__table td {
  padding: 12px 0;
  border: rgba(0, 0, 0, 0.1) 1px solid;
  border-left: none;
  border-right: none;
    }
.tariffs-archive-block__table td:first-child {
  padding-left: 16px;
      }
.tariffs-archive-block__table tbody tr:nth-child(odd) {
  background-color: #F7F7F7;
    }

.input-range-component {
  position: relative;
  display: block;
  height: 20px;
  width: 100%;
}
.input-range-component__input {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  height: 100%;
  width: 100%;
  cursor: pointer;
  border-radius: 0;
  background-color: transparent;
}
.input-range-component__input:disabled {
  pointer-events: none;
    }
.input-range-component__input::-webkit-slider-runnable-track {
  height: 4px;
  background: #D8DDE8;
  border-radius: 12px;
    }
.input-range-component__input::-moz-range-track {
  height: 4px;
  background: #D8DDE8;
  border-radius: 12px;
    }
.input-range-component__input::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  transform: translateY(-8px);
    }
.input-range-component__input::-moz-range-thumb {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background-color: #1c8832;
  border: 3px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  transform: translateY(-1px);
    }
.input-range-component_size_large {}
.input-range-component_size_large .input-range-component__input::-webkit-slider-runnable-track {
  height: 10px;
      }
.input-range-component_size_large .input-range-component__input::-moz-range-track {
  height: 10px;
      }
.input-range-component_size_large .input-range-component__input::-webkit-slider-thumb {
  width: 30px;
  height: 30px;
  opacity: 0;
      }
.input-range-component_size_large .input-range-component__input::-moz-range-thumb {
  width: 30px;
  height: 30px;
  opacity: 0;
      }
.input-range-component_size_large .input-range-component__progress {
  height: 10px;
}
.input-range-component__progress {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  height: 4px;
  background-color: #EC522E;
  border-radius: 12px 0 0 12px;
  pointer-events: none;
  transform: translateY(-50%);
}
.input-range-component__thumb {
  position: absolute;
  top: 0;
  width: 30px;
  height: 74px;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: translateY(-65%);
  z-index: 2;
  pointer-events: none;
}


.calculator-form {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  padding: 30px 50px;
  background: #E2F0FE;
  border-radius: 12px;
}

  @media (max-width: 800px) {

  .calculator-form {
  padding: 24px;
  }
  }

.calculator-form__header {
  margin-bottom: 12px;
}

.calculator-form__volume {
  font-size: 18px;
}

.calculator-form__volume-description {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
}

.calculator-form__range {
  margin: 15px 0 30px;
}

.calculator-form__inputs {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
}

.calculator-form__input-item {
  position: relative;
  margin-bottom: 15px;
}

@media (max-width: 800px) {

  .calculator-form__input-item {
  width: 100%;
  }
    }

.calculator-form__input-range {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateY(calc(50% - 2px));
}

.calculator-form__footer {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column nowrap;
  margin-top: 15px;
  padding-top: 25px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.calculator-form__amount {
  color: #1A4AB2;
  font-size: 40px;
  font-weight: 700;
}

@media (max-width: 800px) {

  .calculator-form__amount {
  font-size: 30px;
  }
    }

.calculator-form__amount-description {
  padding-left: 12px;
  font-size: 18px;
  font-weight: 400;
}

.calculator-form__order {
  margin-top: auto;
  padding-top: 16px;
}

.home-tariffs-block {
  position: relative;
  padding: 0 16px;
  background-color: #fff;
}
.home-tariffs-block__main {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  max-width: 1100px;
  margin: 80px auto 40px auto;
}
@media (max-width: 800px) {
  .home-tariffs-block__main {
  flex-flow: column nowrap;
  margin: 40px auto 40px auto;
  }
    }
.home-tariffs-block__title {
  flex: 1 1 auto;
  max-width: 800px;
  margin: 0 auto 60px auto;
  text-align: center;
}
@media (max-width: 800px) {
  .home-tariffs-block__title {
  margin: 0 0 60px 0;
  text-align: left;
  }
    }
.home-tariffs-block__left {
  flex: 0 0 48%;
}
@media (max-width: 800px) {
  .home-tariffs-block__left {
  margin-bottom: 32px;
  }
    }
.home-tariffs-block__right {
  flex: 0 0 48%;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
}
.home-tariffs-block__tariff {
  margin-top: 24px;
}
.home-tariffs-block__calculator {
  flex: 1 1 auto;
  margin-top: 24px;
}
@media (max-width: 800px) {
  .home-tariffs-block__calculator {
  margin-top: 16px;
  }
    }
.home-tariffs-block__archive {
  flex: 1 1 100%;
  margin-top: 40px;
  text-align: center;
}

.home-connect-block {
  position: relative;
  min-height: 100vh;
  padding: 0 16px;
  background-image: url("/assets/images/home-connect-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center;
}

  .home-connect-block::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 16px;
  background-color: #fff;
  z-index: 0;
  }

.home-connect-block__content {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: flex-end;
  max-width: 1100px;
  margin: 0 auto;
  min-height: inherit;
}

.home-connect-block__box {
  position: relative;
  max-width: 540px;
  padding: 50px 60px;
  background-color: #FFFFFF;
  background-image: url("/assets/images/wings.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) 16px;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  z-index: 1;
}

@media (max-width: 800px) {

  .home-connect-block__box {
  max-width: 100%;
  padding: 24px;
  }
    }

.home-connect-block__header {
  margin-bottom: 50px;
}

.home-connect-block__list {
  counter-reset: steps;
}

.home-connect-block__list-item {
  position: relative;
  padding: 0 0 0 72px;
  min-height: 48px;
  margin-bottom: 50px;
  counter-increment: steps;
}

.home-connect-block__list-item:last-child {
  margin-bottom: 40px;
    }

.home-connect-block__list-item::before {
  content: counter(steps);
  position: absolute;
  left: 0;
  top: 50%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: rgba(0, 27, 87, 0.7);
  color: #fff;
  font-size: 18px;
    }

.home-connect-block__list-item:nth-child(2)::before {
  background-color: rgba(0, 27, 87, 0.8);
    }

.home-connect-block__list-item:nth-child(3)::before {
  background-color: rgba(0, 27, 87, 1);
    }

.home-connect-block__list-title {
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
}

@media (max-width: 800px) {

  .home-connect-block__list-title {
  font-size: 16px;
  line-height: 19px;
  }
    }

.home-connect-block__list-description {
  font-size: 18px;
  line-height: 21px;
  color: rgba(0, 0, 0, 0.6);
}

@media (max-width: 800px) {

  .home-connect-block__list-description {
  font-size: 16px;
  line-height: 19px;
  }
    }

.price-chart-component {
  position: relative;
  margin: 30px 0 0 0;
  width: 100%;
}
.price-chart-component__columns {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
  list-style: none;
  overflow-x: auto;
}
.price-chart-component__column {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-end;
  margin-left: 22px;
  padding: 10px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.05);
}
.price-chart-component__column:first-child {
  margin-left: 0;
    }
.price-chart-component__label {
  font-size: 14px;
  line-height: 150%;
  color: rgba(0, 0, 0, 0.4);
}
.price-chart-component__value {
  margin-bottom: 8px;
}
.price-chart-component__current {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
}
.price-chart-component__current::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  transform: translateY(-50%);
  background-color: #E07538;
  z-index: 0;
    }
.price-chart-component__current-value {
  position: relative;
  display: inline-block;
  padding: 6px 10px;
  background-color: #E07538;
  border-radius: 6px;
  color: #fff;
  z-index: 1;
}


.home-price-dynamics-block {
  display: flex;
  flex-flow: row nowrap;
  min-height: 100vh;
  padding: 0 16px;
}

  @media (max-width: 800px) {

  .home-price-dynamics-block {
  min-height: auto;
  }
  }

.home-price-dynamics-block__content {
  flex: 1 1 auto;
  max-width: 1100px;
  margin: auto;
  padding: 32px 0;
}

.home-price-dynamics-block__header {
  text-align: center;
  color: #1A4AB2;
}

@media (max-width: 800px) {

  .home-price-dynamics-block__header {
  text-align: left;
  }
    }

.home-price-dynamics-block__description {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  margin: 96px 0 0 64px;
}

@media (max-width: 800px) {

  .home-price-dynamics-block__description {
  margin: 32px 0 0 0;
  }
    }

.home-price-dynamics-block__chart {
  max-width: calc(100vw - 32px);
  overflow-x: auto;
}

.home-price-dynamics-block__gas-man {
  width: 185px;
  margin-right: 90px;
}

@media (max-width: 800px) {

  .home-price-dynamics-block__gas-man {
  width: 20%;
  margin: 128px 24px 0 0;
  }
    }

.home-price-dynamics-block__gas-message {
  position: absolute;
  left: 140px;
  top: 0;
  padding: 22px 44px;
  max-width: 350px;
  font-size: 28px;
  background-color: #1A4AB2;
  border-radius: 120px;
  color: #fff;
}

.home-price-dynamics-block__gas-message::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50px;
  border-top: 12px solid transparent;
  border-left: 24px solid #1A4AB2;
  border-bottom: 12px solid transparent;
  z-index: 0;
    }

@media (max-width: 800px) {

  .home-price-dynamics-block__gas-message {
  max-width: 100%;
  left: 0;
  right: 0;
  }
    }

.home-price-dynamics-block__bottom {
  margin-top: 128px;
}

.home-price-dynamics-block__button {
  margin-top: 30px;
}

.home-partners-block {
  padding: 0 16px;
  border-top: #E6E6E6 1px solid;
}
.home-partners-block__content {
  max-width: 1100px;
  margin: 0 auto;
  padding: 50px 0;
}
.home-partners-block__header {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 800px) {
  .home-partners-block__header {
  text-align: left;
  }
    }
.home-partners-block__partners {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 50px;
}
.home-partners-block__partner {
  flex: 1 1 auto;
  height: 90px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.home-partners-block__partner_logo_tas-life {
  background-image: url("/assets/images/partners/tas-life.png");
}
.home-partners-block__partner_logo_tas-group {
  background-image: url("/assets/images/partners/tas-group.png");
  background-size: 70%;
}
.home-partners-block__partner_logo_tas-bank {
  background-image: url("/assets/images/partners/tas-bank.png");
}
.home-partners-block__partner_logo_universal-bank {
  background-image: url("/assets/images/partners/universal-bank.png");
}
.home-partners-block__partner_logo_credit-market {
  background-image: url("/assets/images/partners/credit-market.png");
  background-size: 70%;
}

.home-main-page {}
.home-main-page__documents {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 64px;
}

.home-change-provider-block {
  position: relative;
  min-height: 680px;
  padding: 0 16px;
  background-color: #1A4AB2;
  color: #fff;
}

  @media (max-width: 800px) {

  .home-change-provider-block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  background-image: url("/assets/images/change-provider.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  }
  }

  .home-change-provider-block::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  background-image: url("/assets/images/change-provider.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  }

  @media (max-width: 800px) {

  .home-change-provider-block::after {
  display: none
  }
    }

  .home-change-provider-block::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 540px;
  height: 540px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: rgba(196, 196, 196, 0.1);
  }

  @media (max-width: 800px) {

  .home-change-provider-block::before {
  display: none
  }
    }

.home-change-provider-block__content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  max-width: 1100px;
  min-height: inherit;
  margin: 0 auto;
}

@media (max-width: 800px) {

  .home-change-provider-block__content {
  padding: 32px 24px;
  min-height: initial;
  margin-bottom: 16px;
  border-radius: 20px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
  }
    }

.home-change-provider-block__header {
  max-width: calc(50% - 48px);
}

@media (max-width: 800px) {

  .home-change-provider-block__header {
  max-width: initial;
  }
    }

.home-change-provider-block__main {
  max-width: calc(50% - 48px);
  margin: 30px 0 40px 0;
  font-size: 24px;
  line-height: 150%;
}

@media (max-width: 800px) {

  .home-change-provider-block__main {
  max-width: initial;
  }
    }

.home-change-provider-block__footer {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  max-width: calc(50% - 48px);
}

@media (max-width: 800px) {

  .home-change-provider-block__footer {
  flex-flow: column nowrap;
  max-width: initial;
  justify-content: center;
  }
    }

.home-change-provider-block__control {
  margin-right: 24px;
}

@media (max-width: 800px) {

  .home-change-provider-block__control {
  margin: 24px 0 0 0;
  }
    }

.home-change-provider-block__control:last-child {
  margin-right: 0;
    }

.connect-block {
  margin: 60px auto 60px auto;
  padding: 60px;
  max-width: 840px;
  background-color: #F8F9FB;
  border-radius: 12px;
  text-align: center;
}

  @media (max-width: 800px) {

  .connect-block {
  padding: 24px;
  }
  }

.connect-block__header {
  font-size: 40px;
  font-weight: 700;
}

@media (max-width: 800px) {

  .connect-block__header {
  font-size: 28px;
  }
    }

.connect-block__controls {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}

@media (max-width: 600px) {

  .connect-block__controls {
  flex-flow: column nowrap;
  align-items: center;
  }
    }

.connect-block__control {
  display: inline-block;
  margin-top: 30px;
}

.connect-block__control:first-child {
  margin-right: 10px;
    }

@media (max-width: 600px) {

  .connect-block__control:first-child {
  margin-right: 0
    }
      }

.home-connect-steps-block {
  max-width: calc(840px + 32px);
  margin: 80px auto;
  padding: 0 16px;
}
.home-connect-steps-block__header {
  text-align: center;
}
.home-connect-steps-block__main {
  margin: 30px 0;
}
.home-connect-steps-block__steps {
  counter-reset: connect-steps;
}
.home-connect-steps-block__step {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  counter-increment: connect-steps;
  margin-bottom: 60px;
}
.home-connect-steps-block__step:nth-child(2n) {
  flex-direction: row-reverse;
    }
@media (max-width: 800px) {
  .home-connect-steps-block__step:nth-child(2n) {
  flex-direction: column
    }
      }
@media (max-width: 800px) {
  .home-connect-steps-block__step {
  flex-flow: column nowrap;
  text-align: center;
  }
    }
.home-connect-steps-block__step-img {
  height: 360px;
  max-width: 100%;
  border-radius: 12px;
}
.home-connect-steps-block__step-content {
  max-width: calc(100% - 420px);
}
@media (max-width: 800px) {
  .home-connect-steps-block__step-content {
  max-width: 360px;
  }
    }
.home-connect-steps-block__step-content::before {
  content: counter(connect-steps);
  display: block;
  margin-bottom: 16px;
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  color: #1A4AB2;
    }
@media (max-width: 800px) {
  .home-connect-steps-block__step-content::before {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: auto;
  left: 50%;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #1A4AB2;
  transform: translate(-50%, calc(-100% - 16px));
  font-size: 28px;
  color: #fff
    }
      }
.home-connect-steps-block__step-title {
  font-size: 24px;
  line-height: 150%;
}
@media (max-width: 800px) {
  .home-connect-steps-block__step-title {
  margin-top: 16px;
  font-size: 18px;
  }
    }
.home-connect-steps-block__step-control {
  margin-top: 20px;
}
@media (max-width: 800px) {
  .home-connect-steps-block__step-control {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  }
    }
.home-connect-steps-block__step-description {
  margin-top: 56px;
  font-size: 16px;
  line-height: 150%;
  color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 800px) {
  .home-connect-steps-block__step-description {
  margin-top: 16px;
  }
    }

.gallery-component {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  height: 550px;
}

  @media (max-width: 800px) {

  .gallery-component {
  flex-flow: column nowrap;
  }
  }

.gallery-component__aside {
  flex: 0 0 180px;
  margin-right: 20px;
  padding: 20px 10px;
  background-color: #24253D;
  color: #fff;
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  list-style: none;
}

@media (max-width: 800px) {

  .gallery-component__aside {
  flex: 0 0 auto;
  display: flex;
  flex-flow: row nowrap;
  margin-right: 0;
  background-color: transparent;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.6);
  }
    }

.gallery-component__aside-item {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 110px;
  margin-bottom: 10px;
  text-align: center;
  cursor: pointer;
  border-radius: 12px;
  transition: background-color 0.2s ease;
}

@media (max-width: 800px) {

  .gallery-component__aside-item {
  margin-bottom: 0;
  }
    }

.gallery-component__aside-item:hover {
  background-color: #1D1D30;
    }

@media (max-width: 800px) {

  .gallery-component__aside-item:hover {
  background-color: transparent;
  color: #1A4AB2
    }
      }

.gallery-component__aside-item_active {
  background-color: #1A4AB2;
}

@media (max-width: 800px) {

  .gallery-component__aside-item_active {
  background-color: transparent;
  color: #1A4AB2;
  }
      }

.gallery-component__icon {
  margin-bottom: 10px;
  font-size: 28px;
}

.gallery-component__slides {
  position: relative;
  flex: 1 1 auto;
  list-style: none;
  overflow: hidden;
  border-radius: 12px;
}

.gallery-component__slide {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  transform: translateX(-100%);
  transition: transform 0.5s ease;
  will-change: transform;
  cursor: pointer;
}

.gallery-component__slide_active {
  transform: translateX(0);
  z-index: 1;
}

.gallery-component__slide_active ~ .gallery-component__slide {
  transform: translateX(100%);
      }

.gallery-component__img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 12px;
}


.gas-submit-order-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: center;
}
.gas-submit-order-block__gas-man {
  width: 115px;
}
@media (max-width: 800px) {
  .gas-submit-order-block__gas-man {
  width: 86px;
  }
    }
.gas-submit-order-block__content {
  margin-top: 20px;
}
.gas-submit-order-block__title {
  max-width: 560px;
  padding: 8px 0 14px 40px;
  font-size: 40px;
  font-weight: 700;
  background-image: url("data:image/svg+xml,%3Csvg width='353' height='138' viewBox='0 0 353 138' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.1'%3E%3Cpath d='M0 62.6C0 33.5498 23.5498 0 52.6 0H299.6C328.65 0 352.2 33.5498 352.2 62.6C352.2 91.6502 328.65 125.2 299.6 125.2H52.6C23.5498 125.2 0 91.6502 0 62.6Z' fill='url(%23paint0_linear)'/%3E%3Cpath d='M95.3428 124.2H45.6285L25.6285 138L95.3428 124.2Z' fill='url(%23paint1_linear)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='199.5' y1='53' x2='-7.45981e-06' y2='138' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23030421' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%2324253D'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear' x1='199.5' y1='53' x2='-7.45981e-06' y2='138' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23030421' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%2324253D'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 800px) {
  .gas-submit-order-block__title {
  padding-left: 24px;
  background-image: none;
  font-size: 22px;
  line-height: 26px;
  }
    }
.gas-submit-order-block__control {
  margin: 28px 0 0 40px;
}
@media (max-width: 800px) {
  .gas-submit-order-block__control {
  margin-left: 24px;
  }
    }

.home-cabinet-block {
  padding: 90px 16px 40px 16px;
  background-color: #E2F0FE;
}

  @media (max-width: 800px) {

  .home-cabinet-block {
  padding-top: 40px;
  }
  }

.home-cabinet-block__content {
  max-width: 1100px;
  margin: 0 auto;
}

.home-cabinet-block__header {
  text-align: center;
}

.home-cabinet-block__main {
  margin: 60px 0 120px 0;
}

@media (max-width: 800px) {

  .home-cabinet-block__main {
  margin: 40px 0 60px 0;
  }
    }

.home-cabinet-block__footer {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: center;
}

.branches-filter-form {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

  @media (max-width: 800px) {

  .branches-filter-form {
  flex-flow: column nowrap;
  align-items: center;
  }
  }

.branches-filter-form__filed {
  width: 240px;
  margin-right: 28px;
}

@media (max-width: 800px) {

  .branches-filter-form__filed {
  width: 100%;
  margin: 0 0 24px 0;
  }
    }

.branches-filter-form__filed:last-child {
  margin: 0;
    }

.home-branches-block {
  padding: 120px 16px 100px 16px;
}

  @media (max-width: 800px) {

  .home-branches-block {
  padding: 40px 16px 40px 16px;
  }
  }

.home-branches-block__content {
  margin: 0 auto;
}

.home-branches-block__header {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}

.home-branches-block__filter {
  margin-top: 40px;
}

.home-branches-block__main {
  height: 550px;
  margin: 40px 40px 0 40px;
}

@media (max-width: 800px) {

  .home-branches-block__main {
  margin: 24px 0 24px 0;
  }
    }

.home-branches-block__marker {
  width: 48px;
  height: 55px;
  transform: translate(-50%, -100%);
  background-image: url("/assets/images/map-marker.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
}

@block home-connect-page {

}

.home-why-block {
  position: relative;
  min-height: 100vh;
  padding: 0 16px;
}
.home-why-block__content {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  z-index: 1;
}
.home-why-block__header {
  padding-top: 10%;
  color: #fff;
  text-align: center;
}
@media (max-width: 800px) {
  .home-why-block__header {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50vw;
  margin: 0 -16px;
  padding-top: 0;
  background-image: url("/assets/images/about-bg-home.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  }
    }
.home-why-block__main {
  display: flex;
  flex-flow: row nowrap;
  margin-top: 30%;
}
@media (max-width: 800px) {
  .home-why-block__main {
  margin-top: 16px;
  flex-flow: column nowrap;
  }
    }
.home-why-block__column {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 1 50%;
  margin-right: 36px;
}
@media (max-width: 800px) {
  .home-why-block__column {
  margin-right: 0;
  }
    }
.home-why-block__column:last-child {
  margin-right: 0;
    }
.home-why-block__row {
  margin-bottom: 36px;
  padding: 50px 60px;
  background-color: #FFFFFF;
  border-radius: 20px;
}
@media (max-width: 800px) {
  .home-why-block__row {
  padding: 24px;
  margin-bottom: 16px;
  }
    }
.home-why-block__row_size-540 {
  min-height: 540px;
}
@media (max-width: 800px) {
  .home-why-block__row_size-540 {
  min-height: initial;
  }
      }
.home-why-block__row-description {
  margin-top: 40px;
  font-size: 18px;
  line-height: 150%;
}
@media (max-width: 800px) {
  .home-why-block__row-description {
  margin-top: 24px;
  }
    }
.home-why-block__row-description p {
  margin-bottom: 20px;
    }
.home-why-block__row-description p:last-child {
  margin-bottom: 0;
      }
.home-why-block__row-img {
  margin-top: 60px;
  width: 100%;
}
.home-why-block__row-icon {
  width: 96px;
  margin: 0 25px 40px 0;
}
@media (max-width: 800px) {
  .home-why-block__row-icon {
  width: 48px;
  margin-bottom: 16px;
  }
    }
.home-why-block__footer {
  padding: 20px 0 60px 0;
  text-align: center;
}
.home-why-block__footer-title {
  font-size: 28px;
  line-height: 33px;
}
.home-why-block__footer-control {
  display: inline-block;
  margin-top: 20px;
}
.home-why-block__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: calc(100vh - 100px);
  background-image: url("/assets/images/about-bg-home.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
}
.home-why-block__bg::after {
  content: "";
  position: absolute;
  top: calc(100vh - 220px);
  left: 0;
  right: 0;
  height: 250px;
  background-color: #F5F5F6;
  transform: skewY(-5deg);
    }
@media (max-width: 800px) {
  .home-why-block__bg {
  display: none;
  }
    }

.tas-group-block {
  position: relative;
  padding: 0 16px;
}
.tas-group-block__content {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  padding: 64px 0;
  border-top: rgba(0, 0, 0, 0.1) 1px solid;
  z-index: 1;
}
.tas-group-block__sub-title {
  color: #EC522E;
  text-transform: uppercase;
}
.tas-group-block__header {
  display: flex;
  flex-flow: row nowrap;
  margin: 24px 0;
}
@media (max-width: 800px) {
  .tas-group-block__header {
  flex-direction: column;
  }
    }
.tas-group-block__title {
  margin-right: 64px;
}
@media (max-width: 800px) {
  .tas-group-block__title {
  margin: 0 0 16px 0;
  }
    }
.tas-group-block__description {
  font-size: 30px;
  color: #1A4AB2;
}
@media (max-width: 800px) {
  .tas-group-block__description {
  font-size: 18px;
  }
    }
.tas-group-block__box {
  padding: 40px 40px;
}
.tas-group-block__box_bg_gray {
  background-color: #F8F9FB;
}
.tas-group-block__box_bg_red {
  background-color: #FCF0F0;
}
.tas-group-block__box_bg_yellow {
  background-color: #FFF8E6;
}
.tas-group-block__box_bg_green {
  background-color: #EFFAEB;
}
.tas-group-block__box-title {
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 16px;
  color: #08131F;
  opacity: 0.5;
  text-transform: uppercase;
}
.tas-group-block__box-list {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-end;
  margin-bottom: 40px;
}
.tas-group-block__box-list:last-child {
  margin-bottom: 0;
    }
.tas-group-block__box-list-item {
  flex: 0 1 25%;
  padding-right: 24px;
}
.tas-group-block__box-logo {
  max-height: 42px;
}
.tas-group-block__boxes {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin-top: 5px;
}
@media (max-width: 800px) {
  .tas-group-block__boxes {
  flex-direction: column;
  margin-top: 0;
  }
    }
.tas-group-block__boxes > div {
  flex: 0 0 33%;
    }
.tas-group-block__team {
  margin-top: 64px;
}
.tas-group-block__team-gallery {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin-top: 16px;
  overflow: hidden;
}
.tas-group-block__team-gallery-item img {
  max-height: 260px;
  margin-right: 8px;
    }
.tas-group-block__footer {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  margin: 64px 0 64px 0;
  text-align: center;
}
.tas-group-block__footer-title {
  max-width: 520px;
  margin-bottom: 60px;
}

.home-about-page {
  width: 100%;
  background-image: linear-gradient(180deg, #F5F5F6 0%, #FFFFFF 100%);
}

.accordion-component {
  position: relative;
  list-style: none;
}
.accordion-component__item {
  padding: 30px 20px;
  border-bottom: rgba(0, 0, 0, 0.1) 1px solid;
}
.accordion-component__item_active {
  background-color: #F5F5F5;
  color: #1A4AB2;
}
.accordion-component__control {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  font-weight: 500;
  font-size: 20px;
  text-align: left;
}
.accordion-component__content {
  max-height: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 150%;
  color: #000000;
  overflow: hidden;
}
.accordion-component__content_active {
  max-height: 100%;
}
.accordion-component__content-text {
  margin-top: 20px;
}
.accordion-component__icon {
  margin-left: 16px;
}


.home-faq-page {
  position: relative;
}

.home-faq-page__header {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  height: 400px;
  padding: 0 16px;
  margin-bottom: 50px;
  color: #fff;
  background-image: url("/assets/images/home-faq-bg.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

@media (max-width: 800px) {

      .home-faq-page__header {
  height: 50vw;
  }

      .home-faq-page__header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 0;
      }
    }

.home-faq-page__header-content {
  position: relative;
  flex: 1 1 auto;
  max-width: 1100px;
  margin: 0 auto;
  z-index: 1;
}

@media (max-width: 800px) {

  .home-faq-page__header-content {
  text-align: center;
  }
    }

.home-faq-page__main {
  max-width: calc(800px + 32px);
  margin: 0 auto;
  padding: 0 16px;
}

@media (max-width: 800px) {

  .home-faq-page__main {
  padding: 0;
  }
    }

.home-faq-page__footer {
  margin: 128px 0;
  padding: 0 16px;
}

@media (max-width: 800px) {

  .home-faq-page__footer {
  margin: 32px 0;
  }
    }

.home-faq-page__accordion p {
  margin-bottom: 16px;
    }

.home-faq-page__accordion p:last-child {
  margin-bottom: 0;
      }

.home-faq-page__list {
  margin-left: 20px;
  list-style: disc;
}

.contacts-address-block {
  padding: 40px;
  height: 100%;
  background-color: #F8F9FB;
}

  @media (max-width: 800px) {

  .contacts-address-block {
  padding: 24px;
  }
  }

.contacts-address-block__header {
  margin-bottom: 50px;
}

.contacts-address-block__address {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  font-size: 18px;
  line-height: 150%;
}

.contacts-address-block__address::before {
  content: "";
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  margin-right: 32px;
  background-color: #000000;
  border-radius: 50%;
    }

.contacts-address-block__address_email {
  margin-top: 48px;
  padding-top: 48px;
  border-top: #E2E3E6 1px solid;
}

.contacts-address-block__info {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin: 12px 0 0 40px;
  color: #1A4AB2;
  font-size: 14px;
  line-height: 150%;
}

.contacts-address-block__info::before {
  content: "!";
  flex: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-right: 16px;
  border-radius: 50%;
  background-color: rgba(26, 74, 178, 0.1);
  font-size: 26px;
    }

@media (max-width: 800px) {

  .contacts-address-block__info {
  margin-left: -16px;
  }
    }

.contacts-address-block__line {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin: 48px 0;
  color: rgba(0, 0, 0, 0.5);
}

.contacts-address-block__line::before,
    .contacts-address-block__line::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background-color: #E2E3E6;
    }

.contacts-address-block__line::before {
  margin-right: 10px;
    }

.contacts-address-block__line::after {
  margin-left: 10px;
    }

.contacts-phones-block {
  position: relative;
  padding: 40px 40px 28px 40px;
  background-color: #1A4AB2;
  color: #fff;
}

  @media (max-width: 800px) {

  .contacts-phones-block {
  padding: 24px;
  }
  }

.contacts-phones-block__header {
  padding-bottom: 28px;
}

.contacts-phones-block__phone {}

.contacts-phones-block__phone_size_middle {
  font-size: 32px;
}

.contacts-phones-block__phone_size_small {
  font-size: 18px;
  opacity: 0.5;
}

.contacts-phones-block__phone-link {
  color: #fff;
  text-decoration: none;
}

.contacts-phones-block__phone-description {
  font-size: 14px;
  line-height: 16px;
}

.contacts-phones-block__other {
  display: flex;
  flex-flow: row nowrap;
  margin-top: 28px;
}

.contacts-phones-block__other-item {
  margin-right: 40px;
}

.contacts-phones-block__other-item:last-child {
  margin-right: 0;
    }

.contacts-phones-block__footer {
  margin-top: 28px;
}

@media (max-width: 800px) {
      .contacts-phones-block__footer button {
  display: block;
  width: 100%;
      }
    }

.contacts-phones-block__icon {
  position: absolute;
  right: 40px;
  top: 40px;
  font-size: 70px;
  color: rgba(255, 255, 255, 0.1);
}

.contacts-press-block {
  padding: 28px 40px;
  background-color: #EBEEF5;
  background-image: url("/assets/images/press-icon.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 40px) center;
  background-size: 20%;
}

  @media (max-width: 800px) {

  .contacts-press-block {
  padding: 24px;
  }
  }

.contacts-press-block__header {
  margin-bottom: 18px;
}

.contacts-press-block__email {
  font-size: 18px;
  line-height: 21px;
  text-decoration: none;
  color: #000;
}

.home-contacts-page {
  padding: 16px;
  margin: 60px auto;
  max-width: calc(1100px + 32px);
}

  @media (max-width: 800px) {

  .home-contacts-page {
  margin: 0 auto;
  }
  }

.home-contacts-page__header {
  margin-bottom: 50px;
}

@media (max-width: 800px) {

  .home-contacts-page__header {
  margin-bottom: 24px;
  }
    }

.home-contacts-page__main {
  display: flex;
  flex-flow: row nowrap;
}

@media (max-width: 800px) {

  .home-contacts-page__main {
  flex-flow: column nowrap;
  }
    }

.home-contacts-page__left {
  flex: 1 1 60%;
  margin-right: 20px;
}

@media (max-width: 800px) {

  .home-contacts-page__left {
  margin: 0 0 16px 0;
  }
    }

.home-contacts-page__right {
  flex: 1 1 40%;
}

.home-contacts-page__box {
  margin-bottom: 20px;
}

.home-contacts-page__box:last-child {
  margin-bottom: 0;
    }

.home-documents-group-block {
  margin-bottom: 50px;
}
.home-documents-group-block__header {
  font-weight: 500;
  font-size: 14px;
  color: #1A4AB2;
  text-transform: uppercase;
}

.document-item-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 20px 0;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.1);
  transition: color 0.2s ease;
}

  .document-item-block:hover {
  color: #000;
  }

.document-item-block__icon {
  flex: 0 0 36px;
}

.document-item-block__label {
  flex: 1 1 auto;
  margin: 0 20px;
  color: #000;
  font-size: 16px;
}

.document-item-block__arrow {
  flex: 0 0 24px;
  font-size: 24px;
  color: inherit;
}

.home-documents-page {
  padding: 16px;
  margin: 60px auto;
  max-width: calc(800px + 32px);
}

  @media (max-width: 800px) {

  .home-documents-page {
  margin: 0 auto;
  }
  }

.home-documents-page__header {
  margin-bottom: 60px;
}

.business-main-block {
  position: relative;
  height: 680px;
  padding: 0 16px;
  background-color: #F5F5F5;
}

  @media (max-width: 800px) {

    .business-main-block {
  height: calc(100vh - 52px);
  color: #fff;
  background-image: url("/assets/images/home-business.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  }

    .business-main-block::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50%;
  background-image: linear-gradient(to top, #1A4AB2 50% , transparent);
  z-index: 0;
    }
  }

.business-main-block__main {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  max-width: 1100px;
  margin: 0 auto;
  z-index: 1;
}

@media (max-width: 800px) {

  .business-main-block__main {
  flex-flow: column nowrap;
  justify-content: flex-end;
  padding-bottom: 32px;
  }
    }

.business-main-block__left {
  position: relative;
  flex: 1 1 50%;
}

@media (max-width: 800px) {

  .business-main-block__left {
  flex: none;
  }
    }

.business-main-block__left::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100px;
  background-image: url("/assets/images/wings.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translate(calc(-100% - 36px), -100%);
  z-index: 2;
    }

@media (max-width: 800px) {

      .business-main-block__left-top {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding: 30px 16px;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 20px;
  text-align: center;
  }

      .business-main-block__left-top h1 {
  font-size: 28px;
      }

      .business-main-block__left-top h3 {
  font-size: 16px;
  line-height: 150%;
      }
    }

.business-main-block__right {
  position: relative;
  flex: 1 1 50%;
  text-align: right;
}

.business-main-block__right::after {
  content: "";
  position: absolute;
  right: 0;
  top: -48px;
  width: 83px;
  height: 180px;
  background-image: url("/assets/images/gas-man.png");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 0;
    }

@media (max-width: 800px) {

  .business-main-block__right {
  display: none;
  }
    }

.business-main-block__description {
  margin: 40px 0;
}

.business-main-block__img {
  position: relative;
  width: 80%;
  border-radius: 50%;
  z-index: 1;
}

.business-main-block__group {
  margin-top: 40px;
}

@media (max-width: 800px) {

  .business-main-block__group {
  text-align: center;
  }
    }

.business-main-block__group-img {
  height: 30px;
}

.business-main-block__group-text {
  font-size: 12px;
}

.business-tariffs-block {
  position: relative;
  padding: 0 16px;
  background-color: #fff;
}
.business-tariffs-block__main {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  max-width: 1100px;
  margin: 80px auto 40px auto;
}
@media (max-width: 800px) {
  .business-tariffs-block__main {
  flex-flow: column nowrap;
  margin: 40px auto 40px auto;
  }
    }
.business-tariffs-block__title {
  flex: 1 1 auto;
  max-width: 800px;
  margin: 0 auto 60px auto;
  text-align: center;
}
@media (max-width: 800px) {
  .business-tariffs-block__title {
  margin: 0 0 60px 0;
  text-align: left;
  }
    }
.business-tariffs-block__left {
  display: flex;
  flex-flow: column nowrap;
  flex: 0 0 48%;
}
@media (max-width: 800px) {
  .business-tariffs-block__left {
  margin-bottom: 32px;
  }
    }
.business-tariffs-block__right {
  flex: 0 0 48%;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
}
.business-tariffs-block__tariff {
  flex: 1 1 auto;
  margin-top: 24px;
}
.business-tariffs-block__calculator {
  flex: 1 1 auto;
  margin-top: 24px;
}
@media (max-width: 800px) {
  .business-tariffs-block__calculator {
  margin-top: 16px;
  }
    }
.business-tariffs-block__archive {
  flex: 1 1 100%;
  margin-top: 40px;
  text-align: center;
}

.business-partners-block {
  padding: 0 16px;
}
.business-partners-block__content {
  max-width: 1100px;
  margin: 0 auto;
  padding: 50px 0;
}
.business-partners-block__header {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 800px) {
  .business-partners-block__header {
  text-align: left;
  }
    }
.business-partners-block__partners {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-around;
  margin-top: 50px;
}
.business-partners-block__documents {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
}
.business-partners-block__partner {
  flex: 1 1 auto;
  height: 90px;
  max-width: 160px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.business-partners-block__partner_logo_tas-life {
  background-image: url("/assets/images/partners/tas-life.png");
}
.business-partners-block__partner_logo_tas-group {
  background-image: url("/assets/images/partners/tas-group.png");
  background-size: 70%;
}
.business-partners-block__partner_logo_tas-bank {
  background-image: url("/assets/images/partners/tas-bank.png");
}
.business-partners-block__partner_logo_universal-bank {
  background-image: url("/assets/images/partners/universal-bank.png");
}
.business-partners-block__partner_logo_credit-market {
  background-image: url("/assets/images/partners/credit-market.png");
  background-size: 70%;
}

@block home-main-page {

}

.business-connect-steps-block {
  max-width: calc(840px + 32px);
  margin: 80px auto;
  padding: 0 16px;
}
.business-connect-steps-block__header {
  text-align: center;
}
.business-connect-steps-block__main {
  margin: 30px 0;
}
.business-connect-steps-block__steps {
  counter-reset: connect-steps;
}
.business-connect-steps-block__step {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  counter-increment: connect-steps;
  margin-bottom: 60px;
}
.business-connect-steps-block__step:nth-child(2n) {
  flex-direction: row-reverse;
    }
@media (max-width: 800px) {
  .business-connect-steps-block__step:nth-child(2n) {
  flex-direction: column
    }
      }
@media (max-width: 800px) {
  .business-connect-steps-block__step {
  flex-flow: column nowrap;
  text-align: center;
  }
    }
.business-connect-steps-block__step-img {
  height: 360px;
  max-width: 100%;
  border-radius: 12px;
}
.business-connect-steps-block__step-content {
  max-width: calc(100% - 420px);
}
@media (max-width: 800px) {
  .business-connect-steps-block__step-content {
  max-width: 360px;
  }
    }
.business-connect-steps-block__step-content::before {
  content: counter(connect-steps);
  display: block;
  margin-bottom: 16px;
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  color: #1A4AB2;
    }
@media (max-width: 800px) {
  .business-connect-steps-block__step-content::before {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: auto;
  left: 50%;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #1A4AB2;
  transform: translate(-50%, calc(-100% - 16px));
  font-size: 28px;
  color: #fff
    }
      }
.business-connect-steps-block__step-title {
  font-size: 24px;
  line-height: 150%;
}
@media (max-width: 800px) {
  .business-connect-steps-block__step-title {
  margin-top: 16px;
  font-size: 18px;
  }
    }
.business-connect-steps-block__step-control {
  margin-top: 20px;
}
@media (max-width: 800px) {
  .business-connect-steps-block__step-control {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  }
    }
.business-connect-steps-block__step-description {
  margin-top: 56px;
  font-size: 16px;
  line-height: 150%;
  color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 800px) {
  .business-connect-steps-block__step-description {
  margin-top: 16px;
  }
    }

.business-why-block {
  position: relative;
  min-height: 100vh;
  padding: 0 16px;
}
.business-why-block__content {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  z-index: 1;
}
.business-why-block__header {
  padding-top: 10%;
  color: #fff;
  text-align: center;
}
@media (max-width: 800px) {
  .business-why-block__header {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50vw;
  margin: 0 -16px;
  padding-top: 0;
  background-image: url("/assets/images/about-bg.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  }
    }
.business-why-block__main {
  display: flex;
  flex-flow: row nowrap;
  margin-top: 30%;
}
@media (max-width: 800px) {
  .business-why-block__main {
  margin-top: 16px;
  flex-flow: column nowrap;
  }
    }
.business-why-block__column {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 1 50%;
  margin-right: 36px;
}
@media (max-width: 800px) {
  .business-why-block__column {
  margin-right: 0;
  }
    }
.business-why-block__column:last-child {
  margin-right: 0;
    }
.business-why-block__row {
  margin-bottom: 36px;
  padding: 50px 60px;
  background-color: #FFFFFF;
  border-radius: 20px;
}
@media (max-width: 800px) {
  .business-why-block__row {
  padding: 24px;
  margin-bottom: 16px;
  }
    }
.business-why-block__row_size-540 {
  min-height: 540px;
}
@media (max-width: 800px) {
  .business-why-block__row_size-540 {
  min-height: initial;
  }
      }
.business-why-block__row-description {
  margin-top: 40px;
  font-size: 18px;
  line-height: 150%;
}
@media (max-width: 800px) {
  .business-why-block__row-description {
  margin-top: 24px;
  }
    }
.business-why-block__row-description p {
  margin-bottom: 20px;
    }
.business-why-block__row-description p:last-child {
  margin-bottom: 0;
      }
.business-why-block__row-img {
  margin-top: 60px;
  width: 100%;
}
.business-why-block__row-icon {
  width: 96px;
  margin: 0 25px 40px 0;
}
@media (max-width: 800px) {
  .business-why-block__row-icon {
  width: 48px;
  margin-bottom: 16px;
  }
    }
.business-why-block__footer {
  padding: 20px 0 60px 0;
  text-align: center;
}
.business-why-block__footer-title {
  font-size: 28px;
  line-height: 33px;
}
.business-why-block__footer-control {
  display: inline-block;
  margin-top: 20px;
}
.business-why-block__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: calc(100vh - 100px);
  background-image: url("/assets/images/about-bg.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
}
.business-why-block__bg::after {
  content: "";
  position: absolute;
  top: calc(100vh - 220px);
  left: 0;
  right: 0;
  height: 250px;
  background-color: #F5F5F6;
  transform: skewY(-5deg);
    }
@media (max-width: 800px) {
  .business-why-block__bg {
  display: none;
  }
    }

.business-about-page {
  width: 100%;
  background-image: linear-gradient(180deg, #F5F5F6 0%, #FFFFFF 100%);
}

.business-faq-page {
  position: relative;
  max-width: calc(800px + 32px);
  margin: 0 auto;
}
.business-faq-page__header {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 60px 16px;
  color: #000;
}
@media (max-width: 800px) {
  .business-faq-page__header {
  padding: 24px 0;
  }
    }
.business-faq-page__header-content {
  position: relative;
  flex: 1 1 auto;
  z-index: 1;
}
@media (max-width: 800px) {
  .business-faq-page__header-content {
  text-align: center;
  }
    }
.business-faq-page__main {
  max-width: calc(800px + 32px);
  margin: 0 auto;
  padding: 0 16px;
}
@media (max-width: 800px) {
  .business-faq-page__main {
  padding: 0;
  }
    }
.business-faq-page__footer {
  margin: 128px 0;
  padding: 0 16px;
}
@media (max-width: 800px) {
  .business-faq-page__footer {
  margin: 32px 0;
  }
    }
.business-faq-page__accordion p {
  margin-bottom: 16px;
    }
.business-faq-page__accordion p:last-child {
  margin-bottom: 0;
      }
.business-faq-page__list {
  margin-left: 20px;
  list-style: disc;
}

.business-contacts-page {
  padding: 16px;
  margin: 60px auto;
  max-width: calc(1100px + 32px);
}

  @media (max-width: 800px) {

  .business-contacts-page {
  margin: 0 auto;
  }
  }

.business-contacts-page__header {
  margin-bottom: 50px;
}

@media (max-width: 800px) {

  .business-contacts-page__header {
  margin-bottom: 24px;
  }
    }

.business-contacts-page__main {
  display: flex;
  flex-flow: row nowrap;
}

@media (max-width: 800px) {

  .business-contacts-page__main {
  flex-flow: column nowrap;
  }
    }

.business-contacts-page__left {
  flex: 1 1 60%;
  margin-right: 20px;
}

@media (max-width: 800px) {

  .business-contacts-page__left {
  margin: 0 0 16px 0;
  }
    }

.business-contacts-page__right {
  flex: 1 1 40%;
}

.business-contacts-page__box {
  margin-bottom: 20px;
}

.business-contacts-page__box:last-child {
  margin-bottom: 0;
    }

.business-energy-page {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  padding: 16px;
  margin: 60px auto;
  max-width: calc(1100px + 32px);
}

  @media (max-width: 800px) {

  .business-energy-page {
  margin: 0 auto;
  }
  }

.business-energy-page__header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.business-energy-page__logo {
  margin-left: 24px;
}

.business-energy-page__main {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  margin: 128px 0;
  gap: 128px;
}

@media (max-width: 800px) {

  .business-energy-page__main {
  flex-flow: column nowrap;
  }
    }

.business-energy-page__left {
  flex: 1 1 30%;
}

.business-energy-page__right {
  flex: 1 1 50%;
  height: inherit;
}

.business-energy-page__item {
  margin-bottom: 24px;
}

.business-energy-page__item-text {
  margin-top: 8px;
  color: #666;
}

.business-energy-page__energy-image {
  max-width: 100%;
}

.business-energy-page__cabinet-image {
  max-width: 100%;
}

.business-energy-page__footer {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 32px;
}

@media (max-width: 800px) {

  .business-energy-page__footer {
  flex-flow: column nowrap;
  align-items: stretch;
  width: 100%;
  }
    }

.business-documents-page {
  padding: 16px;
  margin: 60px auto;
  max-width: calc(800px + 32px);
}

  @media (max-width: 800px) {

  .business-documents-page {
  margin: 0 auto;
  }
  }

.business-documents-page__main {
  margin: 60px 0;
}

.business-documents-page__sub-title {
  margin-top: 32px;
}

@keyframes lamp-rotate {
  0% {
    transform: rotate(10deg);
  }

  30% {
    transform: rotate(6deg);
  }

  50% {
    transform: rotate(0deg);
  }

  70% {
    transform: rotate(-6deg);
  }

  100% {
    transform: rotate(-10deg);
  }
}

@keyframes lamp-blink {
  0% {
    visibility: visible;
  }

  10% {
    visibility: hidden;
  }

  50% {
    visibility: visible;
  }

  60% {
    visibility: hidden;
  }

  80% {
    visibility: visible;
  }
}

.error-layout {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1200px;
  margin: 32px auto 32px;
}

.error-layout__header {
  flex: 0 0 60px;
  margin: 0 64px;
}

@media (max-width: 520px) {

.error-layout__header {
  margin: 0 32px;
  }
    }

.error-layout__main {
  flex: 1 1 auto;
  display: flex;
  margin: 0 64px;
}

@media (max-width: 1000px) {

.error-layout__main {
  margin-right: 0;
  }
    }

@media (max-width: 520px) {

.error-layout__main {
  margin: 0 32px;
  }
    }

.error-layout__center {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 1000px) {

.error-layout__center {
  width: 100%;
  }
    }

.error-layout__content {
  flex: 1 1 auto;
  margin-right: 64px;
}

@media (max-width: 520px) {

.error-layout__content {
  width: 100%;
  }
    }

.error-layout__code {
  color: #989898;
  font-size: 72px;
  font-weight: 100;
  line-height: 1;
}

.error-layout__title {
  margin: 0 0 16px 0;
  font-size: 64px;
  line-height: 1;
}

.error-layout__title::after {
  content: "";
  display: block;
  width: 180px;
  margin-top: 16px;
  height: 4px;
  background-color: #0e50c8;
    }

.error-layout__text {
  max-width: 450px;
  margin-top: 64px;
  font-size: 18px;
  font-weight: 300;
  color: #909090;
  line-height: 24px;
}

.error-layout__controls {
  display: flex;
  flex-flow: row nowrap;
  margin-top: 64px;
  list-style: none;
}

.error-layout__control {
  width: 180px;
  margin-right: 16px;
}

.error-layout__picture {
  position: relative;
}

@media (max-width: 520px) {

.error-layout__picture {
  display: none;
  }
    }

.error-layout__picture_type_code::before {
  content: "";
  position: absolute;
  top: 0;
  left: 40%;
  display: block;
  width: 40%;
  height: 100%;
  background-image: url("/assets/images/not-found-lamp.png");
  background-position: center  3px;
  background-size: contain;
  background-repeat: no-repeat;
  transform-origin: top;
  animation: lamp-rotate 1s linear infinite alternate;
  will-change: transform;
      }

@media (max-width: 1000px) {

.error-layout__picture_type_code {
  width: 300px;
  height: 100%;
  background-image: url("/assets/images/not-found-bg.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
  }

        .error-layout__picture_type_code::before {
  display: none;
        }
      }

.error-layout__picture_type_technical::before {
  content: "";
  position: absolute;
  top: 33%;
  left: 38.5%;
  display: block;
  width: 40%;
  bottom: 0;
  background-image: url("/assets/images/technical-error-light.png");
  background-position: center  3px;
  background-size: contain;
  background-repeat: no-repeat;
  animation: lamp-blink 1s steps(5, start) infinite alternate;
  will-change: transform;
      }

@media (max-width: 1000px) {

.error-layout__picture_type_technical {
  width: 300px;
  height: 100%;
  background-image: url("/assets/images/technical-error-bg.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
  }

        .error-layout__picture_type_technical::before {
  display: none;
        }
      }

.error-layout__img {
  max-width: 100%;
}

@media (max-width: 1000px) {

.error-layout__img {
  display: none;
  }
    }

@block not-found-page {

}

@keyframes showNotification {
  from {
    transform: translateY(100%);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.notifications-component {
  position: fixed;
  right: 16px;
  bottom: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  line-height: 1;
  z-index: 5;
  pointer-events: none;
}
@media (max-width: 480px) {
  .notifications-component {
  right: initial;
  left: 50%;
  transform: translateX(-50%);
  }
  }
.notifications-component__notifications {
  flex: 0 0 320px;
  list-style: none;
  min-width: 320px;
}
.notifications-component__notification {
  display: block;
  width: 320px;
  padding: 16px;
  margin-bottom: 16px;
  border-radius: 10px;
  box-shadow: -2px 0 17px 0 rgba(190, 204, 227, 0.49);
  background-color: #ffffff;
  animation: showNotification 0.2s ease 4.5s reverse both, showNotification 0.2s ease;
  pointer-events: auto;
}
@media (max-width: 480px) {
  .notifications-component__notification {
  width: 100%;
  }
    }
.notifications-component__notification_type_error {}
.notifications-component__notification_type_error .notifications-component__title {
  color: #d03838;
}
.notifications-component__title {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
}
.notifications-component__description {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.57);
  line-height: 18px;
}
.notifications-component__gas {
  margin-left: 16px;
  margin-top: auto;
  height: 160px;
  width: 96px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.3s ease;
  transform: translateX(100%);
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 480px) {
  .notifications-component__gas {
  display: none;
  }
    }
.notifications-component__gas_type_success {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTgiIGhlaWdodD0iMTYyIiB2aWV3Qm94PSIwIDAgMTE4IDE2MiI+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9Im1pdzEzYmM0ZGEiIHgxPSI0Ny44NzglIiB4Mj0iNTEuNzI5JSIgeTE9Ii0xMjguMzkzJSIgeTI9IjE5Mi40NzYlIj4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIyNCUiIHN0b3AtY29sb3I9IiNFNEI1NDciLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIzOCUiIHN0b3AtY29sb3I9IiNFMUE3NDYiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSI2NiUiIHN0b3AtY29sb3I9IiNEOTgxNDUiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjQ0U0QjQzIi8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9IjRlM202Zmhlb2IiIHgxPSI0Ny44MzIlIiB4Mj0iNTEuNTAyJSIgeTE9Ii0uMTE2JSIgeTI9IjEzOS45NzQlIj4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIyNCUiIHN0b3AtY29sb3I9IiNFNEI1NDciLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIzOCUiIHN0b3AtY29sb3I9IiNFMUE3NDYiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSI2NiUiIHN0b3AtY29sb3I9IiNEOTgxNDUiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjQ0U0QjQzIi8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9InVtbzkzOGNzcGMiIHgxPSI1MC41MDElIiB4Mj0iNDkuMzk2JSIgeTE9IjEzMC40NDIlIiB5Mj0iLS4yOTMlIj4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSI0MiUiIHN0b3AtY29sb3I9IiNDRTRCNDMiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSI2NyUiIHN0b3AtY29sb3I9IiNEQTgyNDUiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSI4OSUiIHN0b3AtY29sb3I9IiNFM0FENDYiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjRTdCRDQ3Ii8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImtvdGl6cGxnd2QiIHgxPSI0OS40NzYlIiB4Mj0iNTAuMTg3JSIgeTE9Ii0uOTM0JSIgeTI9IjEwMC4zNTMlIj4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iI0U5Qzg0NyIvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iI0UzQjE0NiIvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9Ijc0JSIgc3RvcC1jb2xvcj0iI0Q3NkM0NCIvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNEMTRBNDMiLz4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMSkiPgogICAgICAgIDxwYXRoIGZpbGw9IiNFMkVCRjkiIGQ9Ik0zNy40NSA3My4xOGMyLjU1LS4yIDUuMTUuMTEgNy42Ni0uMzkgNC4xMi0uODIgNy40OC0zLjY3IDEwLjkzLTYuMDcgNS44Mi00IDEyLjYtNyAxOS42OC03LjE2IDcuMDgtLjE2IDE0LjQ1IDMgMTguMjYgOC45NCAxLjkyIDMgMi45MiA2LjY0IDUuNDQgOS4xNiAyLjUyIDIuNTIgNiAzLjU4IDguMDkgNi4zNSAxLjMgMS43NSAxLjgxIDMuOTUgMi44IDUuODkgMS42OSAzLjMyIDQuNzEgNS43OCA2LjYgOSAyLjM3NiA0LjA0MiAyLjc3NSA4Ljk0OSAxLjA4NCAxMy4zMjItMS42OSA0LjM3NC01LjI4NyA3LjczNS05Ljc2NCA5LjEyOC0zLjQ0IDEuMDctNy4zMiAxLTEwLjMzIDIuOTMtMS43NSAxLjE0LTMgMi44Ny00LjU4IDQuMjRzLTMuNzMgMi40Mi01LjcxIDEuNzZjLjY3OC44MTguNzYyIDEuOTc2LjIxIDIuODg0LS41NTIuOTA3LTEuNjIgMS4zNjQtMi42NTggMS4xMzgtMS4wMzgtLjIyNy0xLjgxOC0xLjA4Ny0xLjk0Mi0yLjE0Mi0uMjQtMi4xIDItNC43MS4yNi02LTEuNDQtMS4wNi0zLjI1IDEtMy41MSAyLjczLS4yNDQgMS42MjktLjA2MSAzLjI5My41MyA0LjgzLTIuNSAyLTUuOTIgMi4yNC05LjEyIDIuMzlsLTguMjcuNDFjLTIuOTcyLjIxLTUuOTU1LjIyNy04LjkzLjA1LTIuNDI3LS4zNS00Ljg3OC0uNTA4LTcuMzMtLjQ3LTEuNTM0LjE3OC0zLjA1Ni40NDItNC41Ni43OS04LjU0NCAxLjYzNi0xNy4zODYuNTYzLTI1LjI5LTMuMDctLjc0My0uMjY3LTEuMzktLjc0Ny0xLjg2LTEuMzgtMS4xNC0xLjg2Ljk0LTMuOTQgMS44OC01LjkxIDEuNTItMy4xNy0uMDktNi45NS0yLjEtOS44My0yLjAxLTIuODgtNC41Ni01LjYzLTUuMTItOS4xMS0uNzQtNC41MyAyLjA4LTguNzkgNC43Ni0xMi41MiAzLjcyLTUuMTYgNy44Ni0xMC4yMSAxMS4yMi0xNS42MSAyLjU3LTQuMDcgNi44LTUuOSAxMS42Ny02LjI4ek04LjU2IDEzMi40OGMuNjk4LjA4NSAxLjMyLjQ4MyAxLjY5IDEuMDguMzU0LjYxNy4yNTIgMS4zOTUtLjI1IDEuOS0uMjk2LjIyNS0uNjM3LjM4Mi0xIC40Ni0uNzQzLjMxNS0xLjU3NS4zNDctMi4zNC4wOS0uNTgtLjI3Ny0uOTY0LS44NDgtMS0xLjQ5LS4wMS0xLjYxIDEuNTYtMi4yNSAyLjktMi4wNHpNMTIuNzUgMTMyLjQ4Yy4wOC4wOS4xMTMuMjE0LjA4Ny4zMzMtLjAyNS4xMTktLjEwNi4yMTgtLjIxNy4yNjctLjIzLjA4NS0uNDg5LjA1MS0uNjktLjA5LS4xNzItLjA4OS0uMzA0LS4yMzktLjM3LS40Mi0uMDMyLS4xNTcgMC0uMzIuMDkxLS40NTJzLjIzMS0uMjIxLjM4OS0uMjQ4Yy4zMy0uMDMxLjY0LjE2Ljc2LjQ3bC0uMDUuMTR6TTguMjIgMTA3LjIzYy0uMDEzLjQwNS0uMTI3LjgtLjMzIDEuMTUtLjYzNy43MDItMS42NTEuOTItMi41Mi41NC0xLjIwNi0uNDE3LTIuMjQtMS4yMjItMi45NC0yLjI5LS42OTEtMS4wNjQtMS4xNDUtMi4yNjUtMS4zMy0zLjUyLS4yMTYtLjg4NC0uMTI0LTEuODE1LjI2LTIuNjQuMjI0LS4zODIuNTQtLjcwMi45Mi0uOTMgMS4yMTMtLjY3NCAyLjcxLS41NzIgMy44Mi4yNiAyLjEzIDEuNTggMi4zNCA1LjA0IDIuMTIgNy40M3pNOS4xMyAxMTAuNDVsLjE5LS4xYy0uMTM5LS4yOTUtLjQwMy0uNTEyLS43Mi0uNTktLjMyMy0uMDctLjY1NC4wNzUtLjgyLjM2LS4wNi4xMjQtLjA4OC4yNjItLjA4LjQuMDQyLjUyLjQ3OC45MjIgMSAuOTIuMjQzLS4wMjQuNDYtLjE2LjU4OC0uMzY4LjEyOC0uMjA5LjE1LS40NjUuMDYyLS42OTJsLS4yMi4wN3pNNzYuMTQgNTYuNjRjLS41NTYuMzg1LTEuMTc1LjY3LTEuODMuODQtMS44NC42OTMtMy44MTIuOTYzLTUuNzcuNzktMS45OS0uMjA3LTMuNy0xLjUwMi00LjQ0LTMuMzYtLjUxNS0yLjE5Ny41MDUtNC40NjcgMi40OS01LjU0IDEuOTk5LS45ODEgNC4zMjQtMS4wNTQgNi4zOC0uMiAxLjIxNy40MDggMi4yOTQgMS4xNSAzLjExIDIuMTQgMSAxLjMxIDEuNTUgNC4xOC4wNiA1LjMzek02NC4xNSA1OC40M2MtLjA3NS0uNDA2LS4zMzctLjc1My0uNzA3LS45MzYtLjM3LS4xODMtLjgwNS0uMTgtMS4xNzMuMDA2LS4zNDQuMjM0LS41NzIuNjAyLS42MyAxLjAxMy0uMDU3LjQxMi4wNjMuODI5LjMzIDEuMTQ3LjYxMS42MSAxLjU4Ny42NTQgMi4yNS4xLjMyMi0uMjUyLjQ5Mi0uNjUzLjQ1LTEuMDYtLjAzMS0uMi0uMTQzLS4zNzctLjMxLS40OS0uMTY3LS4xMTQtLjM3My0uMTU0LS41Ny0uMTFsLjM2LjMzek0zNCA3MS41MmMuMTU2LS4zNTEuMTYtLjc1Mi4wMS0xLjEwNi0uMTUtLjM1NS0uNDM5LS42MzEtLjgtLjc2NC0uODg3LS4zNzctMS45MTYtLjAyNS0yLjM4Ny44MTYtLjQ3MS44NC0uMjM1IDEuOTAxLjU1IDIuNDYyLjc4NC41NiAxLjg2NC40NCAyLjUwNy0uMjc4LjQzLS40OC41LTEuMzktLjA5LTEuNjVsLjIxLjUyeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNFOEVBRUQiIGQ9Ik01Mi4yNiAxNTljLTMuOTUuODUyLTcuOTY0IDEuMzc3LTEyIDEuNTctMTAuNS40Ny0yMC45MSAyLjY1LTIwLjkyIDMuMTYgMCAuMzQgOC40MiAxLjA5IDIwLjg3IDEuMTcgMjcuNTUuMTggNjYuNzUtMS40IDY2Ljc2LTIuNjcuMDMtMS0zOS42Ny00LjM4LTU0LjcxLTMuMjN6IiBvcGFjaXR5PSIuNzYiLz4KICAgICAgICA8cGF0aCBzdHJva2U9IiM3NThFQzUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNNzcuNDQgMTIzLjU3cy01Ljc1IDIxIDcuNjcgMzQuMThNNDkuNzMgMTIzLjU3czUuNzUgMjEtNy42NyAzNC4xOE04Mi44NCAxMTAuMXMyOC42LTE0LjE1IDExLjM0LTMyLjY3TTUxLjc5IDEwMC43cy0zMS45LS4zMS0yNC44OSAyNCIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM4REE5REEiIGQ9Ik04OC42OCAxMDAuNzNjMS4zOCA1LjUxMyAxLjIwNyAxMS4zLS41IDE2LjcyLS4zOTEgMS4xODctLjg1NiAyLjM1LTEuMzkgMy40OC0zLjU4IDcuMzYtMTMuNTkgMTUuNjEtMjMuMzYgMTUuNjEtMTMuOTUgMC0yOC0xNS4zNC0yNS4yNi0zMy43IDIuOTQtMTkuNjQgMTEuNDUtMzcuOTEgMjUuNC0zNy45MXMxOS4xNCA5Ljg0IDI1LjExIDM1Ljh6Ii8+CiAgICAgICAgPGVsbGlwc2UgY3g9IjUyLjcxIiBjeT0iOTYuOTciIGZpbGw9IiM3NThFQzUiIHJ4PSI4LjgiIHJ5PSI4Ljg0Ii8+CiAgICAgICAgPGVsbGlwc2UgY3g9IjU0LjQ4IiBjeT0iOTUuOTMiIGZpbGw9IiNGRkYiIHJ4PSI4LjgiIHJ5PSI4Ljg0Ii8+CiAgICAgICAgPGVsbGlwc2UgY3g9IjU0LjUzIiBjeT0iOTUuODciIGZpbGw9IiMxODE3MTYiIHJ4PSI3Ljg5IiByeT0iNy45MiIvPgogICAgICAgIDxlbGxpcHNlIGN4PSI1My40NyIgY3k9IjkyLjg3IiBmaWxsPSIjRkZGIiByeD0iMy41OSIgcnk9IjMuNjEiLz4KICAgICAgICA8ZWxsaXBzZSBjeD0iNzIuODUiIGN5PSI5Ni45NyIgZmlsbD0iIzc1OEVDNSIgcng9IjguOCIgcnk9IjguODQiLz4KICAgICAgICA8ZWxsaXBzZSBjeD0iNzQuNjEiIGN5PSI5NS45MyIgZmlsbD0iI0ZGRiIgcng9IjguOCIgcnk9IjguODQiLz4KICAgICAgICA8ZWxsaXBzZSBjeD0iNzQuNjYiIGN5PSI5NS44NyIgZmlsbD0iIzE4MTcxNiIgcng9IjcuODkiIHJ5PSI3LjkyIi8+CiAgICAgICAgPGVsbGlwc2UgY3g9IjczLjYiIGN5PSI5Mi44NyIgZmlsbD0iI0ZGRiIgcng9IjMuNTkiIHJ5PSIzLjYxIi8+CiAgICAgICAgPHBhdGggZmlsbD0iIzc1OEVDNSIgZD0iTTUxIDg0Ljk0Yy0xLjIyLjE3LTIuNDQuMjktMy42My41Ni0uNDYuMS0uMzkuODUuMDguNzQgMS4yLS4yNyAyLjQyLS4zOSAzLjYzLS41Ni40OS0uMDYuNDItLjgtLjA4LS43NHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDIwNjA4IiBkPSJNNTEuMjUgODQuNDNjLTEuMjIuMTctMi40NC4yOS0zLjYzLjU2LS40Ni4xLS4zOS44NS4wOC43NCAxLjItLjI3IDIuNDItLjM5IDMuNjMtLjU2LjQ3LS4wNy4zOS0uODEtLjA4LS43NHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjNzU4RUM1IiBkPSJNNzYuMDkgODQuMjFjMSAuNjUgMi4xMSAxLjI2IDMuMDkgMiAuMzguMjggMCAuOTMtLjM3LjY0LTEtLjczLTIuMDUtMS4zNC0zLjA5LTItLjQxLS4yNS0uMDMtLjg1LjM3LS42NHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDIwNjA4IiBkPSJNNzYuMDkgODMuNjVjMSAuNjUgMi4xMSAxLjI2IDMuMDkgMiAuMzguMjggMCAuOTMtLjM3LjY0LTEtLjczLTIuMDUtMS4zNC0zLjA5LTItLjQxLS4yOS0uMDMtLjkuMzctLjY0eiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM4REE5REEiIGQ9Ik00MyAxMTUuMDdsOSAzIi8+CiAgICAgICAgPHBhdGggZmlsbD0idXJsKCNtaXcxM2JjNGRhKSIgZD0iTTQxLjQ4IDQ5LjM4Yy0uNjQgMS43NyAwIDUuOCAxLjQ5IDcuNjUgMCAzLjIyIDAgNi4xMiAxLjYxIDkgMS4wMDIgMi4wMDkgMi41IDMuNzMgNC4zNSA1IDEuNTM1IDEuMTIgMy4yMTcgMi4wMjIgNSAyLjY4IDEuNjQuNzMgNC42NyAyLjExIDcuNjUgMi4wNi0yLjU4LjMyLTcuOTItMS4xNi0xMC4zLTIuMTgtNS44OC0yLjUxLTEwLjE3LTYuMjQtMTEuNjItMTIuNTItLjkyOC0zLjk4NS0uMjc2LTguMTc1IDEuODItMTEuNjl6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0idXJsKCM0ZTNtNmZoZW9iKSIgZD0iTTcwLjU2IDMwLjU3YzIuMDQ3IDIuNzc2IDMuOTExIDUuNjgyIDUuNTggOC43IDQuNjcgOC4wNSA2LjUgMTUuMjQgMy4yNyAyNC40Mi0xLjkzIDUuMzItOS4wNyAxMS4yNy0xNS4yMSAxMi4wOCA0LjEyMi0uNDIgOC4xMDgtMS43MDUgMTEuNy0zLjc3IDcuMS00LjU1IDEwLjEzLTkuNDcgMTEuMzktMTcgLjk3NS00Ljk0My0uMTMyLTEwLjA3LTMuMDYtMTQuMTcuODQgMi4xMi0uNjQgNC42Ny0xIDUuNDguMDQ0LTIuNTE4LS41NDQtNS4wMDctMS43MS03LjI0LTIuNjgtNC42OS01LjU5LTcuODMtOS41OC0xMi0zLTMuMTQtMy44My04LjYtMi4wOC0xMS44NC0zLjI5IDMtNC4xNiA3LjQ3LTMuNjggOS40NS4wMy0uMDIgMy4zMSA0LjM4IDQuMzggNS44OXoiLz4KICAgICAgICA8cGF0aCBmaWxsPSJ1cmwoI3VtbzkzOGNzcGMpIiBkPSJNNjEuNjIgNzUuNzljLTQuMTcgMC0xMC4yNi0yLjYtMTIuNjctNC4zNy03LjQxLTUuNDgtNy4wNy0xMy4zMS01LjE0LTIxLjM2IDEtMy44NyAzLjIyLTguNjcgMy41Ni0xMS45NS4xMzYtMi40MjMtLjM3NS00Ljg0LTEuNDgtNyAuOTExIDEuNjQ4IDIuMTY2IDMuMDggMy42OCA0LjIgMy4yMiAyLjQyIDYuMzMuNjIgNy4wOC0yLjgyIDEuNDMtNi42MS0yLjYyLTEzLjU2LjUxLTIxLjg0IDEuNzMtNC41OCA0LjIxLTcuNCA5LjA5LTkuOTItMTAuMTggOS44LTIuNjEgMTkuODQgMy40OCAyOC4yNkM3NyAzOSA4NSA1MC4xNiA4MCA2M2MtMi43NjkgNi42NTctOC43MzMgMTEuNDUtMTUuODMgMTIuNzJsLTIuNTUuMDd6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0idXJsKCNrb3RpenBsZ3dkKSIgZD0iTTYyLjg1IDc1Ljc2aC0zLjczYy04LjIzLTMuMTItMTIuMjktMTMuNDEtNy45MS0yMC42NCAxLjUyNy0yLjg0NiA0LjA5MS00Ljk5NCA3LjE2LTYtMS43NSAxLjYtMS43NCA1LjI3LS40MyA2Ljc3IDMuMTggMy43NCA3LjU2LS4yMSA1LjYzLTQuNzYtNC4zMi0xMC4yNC0xMS43Mi0xMi4xNi05LjMxLTIyLjA2Ljk0LTMuODUgNC4zNi03LjUyIDguMTItMTAtMS4zMzUgMi4zNjItMS45NSA1LjA2My0xLjc3IDcuNzcuMTkgNS4yMyA0IDguOCA3LjM1IDEyLjU0IDYuMzUgNy4yOSAxMi43MSAxNS41NyA3LjkxIDI2LjA4LTIuNzIgNS45NS02LjcgOC45Mi0xMi42NSAxMC4zM2wtLjM3LS4wM3oiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjRDlBMzQ4IiBkPSJNNjMuNDYgNjUuMjdsLTEuODkgNEw2NSA3MC40bDEuOS03LjYyLTMgLjMzczEuNDctNC4yMSAyLTYuMjljLTEuMjkgMi42OC00LjU0IDguNDctNC41NCA4LjQ3bDIuMS0uMDJ6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iI0VGQkE0NCIgZD0iTTYzLjk5IDY1LjIyTDYyLjA1IDY5LjM3IDY1IDcwLjQgNjYuNDIgNjQuNTcgNjYuNzYgNjMuMTMgNjUuNDQgNjMuMjkgNjQuMjUgNjMuNDMgNjUuNzIgNTcuMiA2Mi40IDY0LjEyIDYxLjg2IDY1LjIzIDYzLjIzIDY1LjIyeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMjA2MDgiIGQ9Ik01NSAxMTAuNTFzOC42OSAzLjM5IDE3LjM5IDBjMCAwLTIgNy40Ny04LjIgNy40OC00LjUwNC4xNi04LjQzMi0zLjAzNy05LjE5LTcuNDh6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);
}
.notifications-component__gas_type_error {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2NSIgdmlld0JveD0iMCAwIDEyNCAxNjUiIHdpZHRoPSIxMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSI+PHN0b3Agb2Zmc2V0PSIuMjQiIHN0b3AtY29sb3I9IiNlNGI1NDciLz48c3RvcCBvZmZzZXQ9Ii4zOCIgc3RvcC1jb2xvcj0iI2UxYTc0NiIvPjxzdG9wIG9mZnNldD0iLjY2IiBzdG9wLWNvbG9yPSIjZDk4MTQ1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjY2U0YjQzIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImIiIHgxPSI0Ny42NjIlIiB4Mj0iNTEuNDk0JSIgeGxpbms6aHJlZj0iI2EiIHkxPSItMTI4LjI5OSUiIHkyPSIxOTIuMzI1JSIvPjxsaW5lYXJHcmFkaWVudCBpZD0iYyIgeDE9IjQ3Ljk2MSUiIHgyPSI1MS42NSUiIHhsaW5rOmhyZWY9IiNhIiB5MT0iLS4wODQlIiB5Mj0iMTM5Ljk3MSUiLz48bGluZWFyR3JhZGllbnQgaWQ9ImQiIHgxPSI1MC40MjglIiB4Mj0iNDkuMzMxJSIgeTE9IjEzMC40NiUiIHkyPSItLjM4NyUiPjxzdG9wIG9mZnNldD0iLjQyIiBzdG9wLWNvbG9yPSIjY2U0YjQzIi8+PHN0b3Agb2Zmc2V0PSIuNjciIHN0b3AtY29sb3I9IiNkYTgyNDUiLz48c3RvcCBvZmZzZXQ9Ii44OSIgc3RvcC1jb2xvcj0iI2UzYWQ0NiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2U3YmQ0NyIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJlIiB4MT0iNDkuNTM0JSIgeDI9IjUwLjI1NiUiIHkxPSItLjg1NiUiIHkyPSIxMDAuNDA5JSI+PHN0b3Agb2Zmc2V0PSIuMDIiIHN0b3AtY29sb3I9IiNlOWM4NDciLz48c3RvcCBvZmZzZXQ9Ii4yNyIgc3RvcC1jb2xvcj0iI2UzYjE0NiIvPjxzdG9wIG9mZnNldD0iLjc0IiBzdG9wLWNvbG9yPSIjZDc2YzQ0Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZDE0YTQzIi8+PC9saW5lYXJHcmFkaWVudD48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC41KSI+PHBhdGggZD0ibTUzLjc5NSAxNTguODQ1Yy00LjAwMS44NjMtOC4wNjUgMS4zOTctMTIuMTUzIDEuNTk3LTEwLjY2OS40ODItMjEuMjYyIDIuNjk3LTIxLjI3IDMuMjE3IDAgLjM0NiA4LjU2IDEuMTA3IDIxLjIxNyAxLjE5IDI4LjAxMi4xODkgNjcuODYxLTEuNDI0IDY3Ljg3Ni0yLjcyLjAxNS0xLjAxLTQwLjM3Ni00LjQ0NS01NS42Ny0zLjI4NHoiIGZpbGw9IiNlOGVhZWQiIG9wYWNpdHk9Ii43NiIvPjxwYXRoIGQ9Im0zOC4wMjUgNzUuMjZjMi42NTItLjIwNCA1LjM1LjExMyA3Ljk2NC0uNDA3IDQuMjg3LS44NTIgNy43NzUtMy44MiAxMS4zNy02LjMwNiA2LjAyNy00LjE5NyAxMy4wOTQtNy4zMDEgMjAuNDU1LTcuNDM3IDcuMzYtLjEzNSAxNS4wMjMgMy4wOSAxOC45NzggOS4yOTggMS45OSAzLjEyNiAzLjAxNCA2LjkgNS42NTEgOS41MjMgMi42MzcgMi42MjIgNi4yODQgMy43MjIgOC40MTYgNi42IDEuMzQ5IDEuODIzIDEuODgzIDQuMTA2IDIuOTE2IDYuMTI1IDEuNzU1IDMuNDUgNC44OTcgNi4wMjggNi44NTYgOS4zNSAyLjQ3NyA0LjIwNiAyLjg5NSA5LjMxNCAxLjEzMyAxMy44NjctMS43NjMgNC41NTItNS41MSA4LjA0OC0xMC4xNzQgOS40OS0zLjU3MiAxLjExNC03LjYwMiAxLjAwMS0xMC43MzcgMy4wMTMtMS44MTUgMS4xODMtMy4xMzQgMy4wMTQtNC43NjEgNC40MDgtMS42MjggMS4zOTMtMy44OCAyLjUwOC01LjkzNyAxLjgyMy43MDguODUuNzk4IDIuMDU3LjIyNCAzLjAwMy0uNTc0Ljk0Ny0xLjY4NiAxLjQyNC0yLjc2OCAxLjE4OC0xLjA4MS0uMjM2LTEuODk0LTEuMTMzLTIuMDIyLTIuMjMyLS4yNDktMi4xODUgMi4wNDItNC45MDUuMjc5LTYuMjA4LTEuNTA3LTEuMTA4LTMuMzc2IDEuMDAyLTMuNjU0IDIuODQtLjI1IDEuNjkzLS4wNTkgMy40MjEuNTU3IDUuMDE4LTIuNiAyLjA3Mi02LjE1NSAyLjMyLTkuNDc4IDIuNDg2bC04LjYwNC40MjJjLTMuMDkuMjE5LTYuMTkuMjM2LTkuMjgyLjA1My0yLjU0LS4yMDQtNS4wNzgtLjY4Ni03LjYxNy0uNDgyLTEuNTk0LjE4NS0zLjE3Ni40NTktNC43NC44Mi04Ljg3NiAxLjY4Ni0xOC4wNTguNTU4LTI2LjI2NC0zLjIyNC0uNzcyLS4yOC0xLjQ0NS0uNzgtMS45MzYtMS40MzktMS4xODMtMS45MzYuOTgtNC4wOTkgMS45NTktNi4xNDggMS41NzUtMy4zLS4wOS03LjIyNS0yLjE4NS0xMC4yMTZzLTQuNzQtNS44NTQtNS4zMjctOS40NjNjLS43NTMtNC43MSAyLjE2My05LjE0IDQuOTUtMTMuMDEyIDMuODY1LTUuMzY0IDguMTc1LTEwLjYxNiAxMS42NjMtMTYuMjI5IDIuNjYtNC4yMjYgNy4wNTItNi4xMzMgMTIuMTE1LTYuNTI0em0tMzAuMDMxIDYxLjY0NWMuNzI1LjA4OSAxLjM3LjUwMiAxLjc1NSAxLjEyMi4zNy42NDUuMjYzIDEuNDU3LS4yNjMgMS45ODItLjI5Ny4yMjctLjYzOS4zOS0xLjAwMi40NzUtLjc3Mi4zMjgtMS42MzguMzYzLTIuNDM0LjA5OC0uNTk3LS4yOS0uOTktLjg4Mi0xLjAyNS0xLjU0NS0uMDYtMS42OCAxLjU3NS0yLjM1IDIuOTY5LTIuMTMyem00LjM2Mi4wMDdjLjA4LjA5NS4xMS4yMjIuMDg0LjM0My0uMDI2LjEyLS4xMDcuMjIyLS4yMi4yNzUtLjIzOC4wOTQtLjUwNy4wNi0uNzE1LS4wOS0uMTc5LS4wOTItLjMxNi0uMjQ4LS4zODQtLjQzNy0uMDQzLS4xNjctLjAxMy0uMzQzLjA4Mi0uNDg3LjA5NC0uMTQzLjI0NS0uMjQuNDE1LS4yNjcuMzQ1LS4wMzguNjcyLjE2NC43OS40OXptLTQuNzE2LTI2LjI0OWMtLjAxMy40MjEtLjEzLjgzMy0uMzQgMS4xOTgtLjUzNC43OTktMS43MS44NTktMi42MjEuNTY1LTEuMjUxLS40MzctMi4zMjQtMS4yNzMtMy4wNTItMi4zOC0uNzE5LTEuMTA1LTEuMTkxLTIuMzUyLTEuMzg2LTMuNjU1LS4yMjUtLjkxOC0uMTMtMS44ODYuMjcxLTIuNzQyLjIzMS0uMzk2LjU1OC0uNzI3Ljk1LS45NjUgMS4yNjEtLjcgMi44MTYtLjU5MyAzLjk3LjI3MSAyLjIyMyAxLjYyIDIuNDQxIDUuMjE0IDIuMjA4IDcuNzA4em0uOTQyIDMuMzM3LjE5NS0uMTA1Yy0uMTQ1LS4zMDctLjQyMi0uNTMxLS43NTMtLjYxLS4zMzUtLjA3Mi0uNjguMDgtLjg1MS4zNzctLjA2NC4xMy0uMDkzLjI3Ni0uMDgzLjQyMi4wMjguNTMuNDY0Ljk0Ni45OTQuOTQ5LjI1Mi0uMDI2LjQ3OC0uMTY3LjYxLS4zODMuMTM0LS4yMTUuMTU5LS40OC4wNjgtLjcxN2wtLjE4LjA2OHptNjkuNjY4LTU1LjkzNGMtLjU3OC40MDItMS4yMjQuNjk4LTEuOTA1Ljg3NC0xLjkyMi43MjUtMy45ODMgMS4wMDYtNi4wMjguODIyLTIuMDEyLS4yOTQtNC0xLjU1Mi00LjYxOC0zLjQ4OS0uNjk0LTIuMTc3LjU5NS00LjY1NiAyLjU5MS01Ljc2MyAyLjA3Ny0xLjAyIDQuNDkzLTEuMDk4IDYuNjMtLjIxMSAxLjI3LjQzNCAyLjM5IDEuMjE3IDMuMjMzIDIuMjYgMS4wNzcgMS4zMzMgMS42NDIgNC4zMS4wOTggNS41MDd6bS0xMi40NjEgMS44NjFjLS4wNzktLjQyMi0uMzUzLS43ODItLjczOC0uOTcyLS4zODYtLjE5LS44MzgtLjE4Ny0xLjIyLjAwOC0uMzcuMjM3LS42MTYuNjI0LS42NzcgMS4wNTgtLjA2LjQzNC4wNy44NzMuMzYgMS4yMDIuNjM1LjYzOSAxLjY1My42ODUgMi4zNDMuMTA2LjMzMS0uMjY0LjUwNS0uNjc5LjQ2LTEuMS0uMDMzLS4yMDYtLjE1LS4zOS0uMzIyLS41MDctLjE3My0uMTE3LS4zODctLjE1Ny0uNTktLjExMXptLTMxLjMyNyAxMy42MDdjLjE2Mi0uMzY1LjE2Ni0uNzgxLjAxLTEuMTUtLjE1Ni0uMzY4LS40NTctLjY1NS0uODMyLS43OTQtLjkyMS0uMzg0LTEuOTg1LS4wMTctMi40NzMuODU0cy0uMjQ2IDEuOTcuNTY0IDIuNTU1IDEuOTI5LjQ3IDIuNjAzLS4yNjdjLjQ1Mi0uNDk3LjUyLTEuNDQ2LS4wOS0xLjcxOHoiIGZpbGw9IiNlMmViZjkiLz48cGF0aCBkPSJtNzAuMzcgMTI0LjQ1OHMxMC41NDguNTA1IDcuOTcxIDM1LjUzMm0tMjAuNTQ2LTM1LjUzMnMtMTAuOTI0IDEwLjY5MS03Ljk3MSAzNS41MzJtMzEuNzEyLTU5LjI4czE0LjQ1IDcuNzYgMTIuNTQ0IDMzLjg2N20tNDUuNjQyLTMzLjExM3MtMTQuNDUxIDcuNzYtMTIuNTQ1IDMzLjg2NiIgc3Ryb2tlPSIjNzU4ZWM1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMyIvPjxwYXRoIGQ9Im05MS4yODUgMTAzLjkwNWMxLjQzMyA1LjcyOCAxLjI1MyAxMS43NDEtLjUyIDE3LjM3NC0uNDA3IDEuMjM2LS44OSAyLjQ0Ny0xLjQ0NyAzLjYyNC0zLjcxNCA3LjY1NS0xNC4xMjYgMTYuMjI5LTI0LjI5IDE2LjIyOS0xNC41MDMgMC0yOS4xMTItMTUuOTUtMjYuMjU3LTM1LjAzNSAzLjA2LTIwLjQxOCAxMS45MDQtMzkuNDExIDI2LjM3LTM5LjQxMXMxOS45MzYgMTAuMjMxIDI2LjE0NCAzNy4yMTl6IiBmaWxsPSIjOGRhOWRhIi8+PGVsbGlwc2UgY3g9IjUzLjkiIGN5PSI5OS45ODciIGZpbGw9IiM3NThlYzUiIHJ4PSI5LjE1NCIgcnk9IjkuMTg0Ii8+PGVsbGlwc2UgY3g9IjU1LjczMSIgY3k9Ijk4LjkxNyIgZmlsbD0iI2ZmZiIgcng9IjkuMTU0IiByeT0iOS4xODQiLz48ZWxsaXBzZSBjeD0iNTUuNzg0IiBjeT0iOTguODQ5IiBmaWxsPSIjMTgxNzE2IiByeD0iOC4yMDUiIHJ5PSI4LjIzNSIvPjxlbGxpcHNlIGN4PSI1NC42ODQiIGN5PSI5NS43MyIgZmlsbD0iI2ZmZiIgcng9IjMuNzM3IiByeT0iMy43NTIiLz48ZWxsaXBzZSBjeD0iNzQuODMiIGN5PSI5OS45ODciIGZpbGw9IiM3NThlYzUiIHJ4PSI5LjE1NCIgcnk9IjkuMTg0Ii8+PGVsbGlwc2UgY3g9Ijc2LjY2MSIgY3k9Ijk4LjkxNyIgZmlsbD0iI2ZmZiIgcng9IjkuMTU0IiByeT0iOS4xODQiLz48ZWxsaXBzZSBjeD0iNzYuNzE0IiBjeT0iOTguODQ5IiBmaWxsPSIjMTgxNzE2IiByeD0iOC4yMDUiIHJ5PSI4LjIzNSIvPjxlbGxpcHNlIGN4PSI3NS42MDYiIGN5PSI5NS43MyIgZmlsbD0iI2ZmZiIgcng9IjMuNzM3IiByeT0iMy43NTIiLz48cGF0aCBkPSJtNTIuMTM3IDg3LjQ4OGMtMS4yNjYuMTgtMi41MzIuMzA5LTMuNzY3LjU4Ny0uNDgyLjEwNi0uNC44ODIuMDgzLjc1NCAxLjI0My0uMjc5IDIuNTE2LS40MDcgMy43NjctLjU4OC41Mi0uMDUzLjQxNC0uODQ0LS4wODMtLjc1M3oiIGZpbGw9IiM3NThlYzUiLz48cGF0aCBkPSJtNTIuMzcgODYuOTZjLTEuMjY1LjE4MS0yLjUzMS4zMS0zLjc2Ny41ODgtLjQ4Mi4xMDUtLjM5OS44ODEuMDgzLjc1MyAxLjI0My0uMjc4IDIuNTE3LS40MDYgMy43NjctLjU4Ny40OTgtLjA1My40MTUtLjgzLS4wODItLjc1NHoiIGZpbGw9IiMwMjA2MDgiLz48cGF0aCBkPSJtNzguMjA1IDg2LjcyN2MxLjA4NS42NzggMi4xOTMgMS4zMDMgMy4yMTggMi4wNjQuMzk5LjI5NCAwIC45NjQtLjM5Mi42Ny0xLjAyNS0uNzUzLTIuMTMyLTEuMzkzLTMuMjE3LTIuMDY0LS40MjItLjI2My0uMDMtLjkzNC4zOTEtLjY3eiIgZmlsbD0iIzc1OGVjNSIvPjxwYXRoIGQ9Im03OC4yMDUgODYuMTM5YzEuMDg1LjY3IDIuMTkzIDEuMzAzIDMuMjE4IDIuMDY0LjM5OS4yOTQgMCAuOTY1LS4zOTIuNjcxLTEuMDI1LS43NTMtMi4xMzItMS4zOTQtMy4yMTctMi4wNjQtLjQyMi0uMjY0LS4wMy0uOTIuMzkxLS42NzF6IiBmaWxsPSIjMDIwNjA4Ii8+PHBhdGggZD0ibTYyLjk3MSAxMTMuMzc1YzIuMjYgMCA0LjU3NC4wMzggNi43Mi4xMTMuODMgMCAuMDYxLjM1NC0uNzUzLjMyNC0yLjE0Ny0uMDc1LTQuNDYtLjA4My02LjcyLS4xMTMtLjkwNC0uMDE1LS4xMzYtLjMzOS43NTMtLjMyNHoiIGZpbGw9IiM3NThlYzUiLz48cGF0aCBkPSJtNjIuMTg4IDExMi44MThjLjc1My0xLjA3IDQuNzY5LTMuNDM2IDcuNDg5LjQ2LjQ3NC42NzcuMDYuMzU0LS43NTQuMzIzLTIuMTQ3LS4wNzUtNC40Ni0uMDgzLTYuNzItLjExMy0uOTEyLS4wMTUtLjUyOC4wNTMtLjAxNS0uNjd6IiBmaWxsPSIjMDIwNjA4Ii8+PHBhdGggZD0ibTQzLjgxMiAxMTguODA4IDkuMzQyIDMuMTExIiBmaWxsPSIjOGRhOWRhIi8+PHBhdGggZD0ibTQyLjE5MiA1MC41MTdjLS42NyAxLjg0NiAwIDYuMDI4IDEuNTUyIDcuOTU2IDAgMy4zNDUgMCA2LjM2IDEuNjcyIDkuMzczIDEuMDQzIDIuMDg1IDIuNTk5IDMuODcyIDQuNTIxIDUuMTkxIDIuMDEyIDEuNTA3IDMuMDU5IDEuODE2IDUuMjc0IDIuNzg4IDEuNzAzLjc1MyA0Ljg1MiAyLjE5MiA3Ljk1NiAyLjE0Ny0yLjY4Mi4zMzEtOC4yMzUtMS4yMTMtMTAuNzA2LTIuMjYtNi4xMS0yLjYxNS0xMC41NDgtNi40ODctMTIuMDU1LTEzLjAyLS44NjYtMy42ODQtLjU2NS04LjUzNiAxLjc4Ni0xMi4xNzV6IiBmaWxsPSJ1cmwoI2IpIi8+PHBhdGggZD0ibTcyLjQ1IDMwLjk1OGMyLjEyOCAyLjg4NSA0LjA2NiA1LjkwNSA1LjggOS4wNDEgNC44NTMgOC4zNyA2Ljc4MiAxNS44MjIgMy40MDYgMjUuMzktMi4wMTEgNS41MjMtOS40MzMgMTEuNzI0LTE1LjgyMiAxMi41NiAyLjgzMy0uMTUgOC42NjUtMS42OCAxMi4xNTMtMy45MSA3LjM4NC00LjczMSAxMC41NDgtOS44NCAxMS44MzYtMTcuNjkuODktNS4zNDItLjA5OC0xMC42ODQtMy4xOC0xNC43MzcuODc1IDIuMi0uNjcgNC44Ni0xLjAwMSA1LjY5Ni4wNDYtMi42MjEtLjU2NS01LjIxMS0xLjc3OC03LjUzNS0yLjc4OC00Ljg3NC01LjgxNy04LjEzNy05Ljk1My0xMi40NjktMy4xMTItMy4yNjItMy45NzgtOC45NDMtMi4xNjItMTIuMzEtMy40MTMgMy4xMjYtNC4zMjUgNy43Ni0zLjgyIDkuNzk0IDAgLjAzNyAzLjQxMyA0LjU5NiA0LjUyIDYuMTd6IiBmaWxsPSJ1cmwoI2MpIi8+PHBhdGggZD0ibTYzLjE2IDc3Ljk3MmMtNC4zMzMuMDUzLTEwLjY2MS0yLjY5Ny0xMy4xNzgtNC41Mi03LjctNS42OTctNy4zNTMtMTMuODM0LTUuMzQyLTIyLjIwNCAxLjAwMi00LjAxNiAzLjM0Ni05LjA0MSAzLjctMTIuNDE2LjMwMS0yLjg2NC0uNzAxLTUuMjc0LTEuNTA3LTcuMjMzLjk0NyAxLjcxNCAyLjI1MyAzLjIwNCAzLjgyNyA0LjM3IDMuMzUzIDIuNTA4IDYuNTg1LjY0IDcuMzYxLTIuOTMxIDEuNTA3LTYuODcyLTIuNzItMTQuMDk3LjUzNS0yMi43MDEgMS44LTQuNzYyIDQuMzc4LTcuNjkyIDkuNDQ4LTEwLjMxNC0xMC41NDggMTAuMTg2LTIuNzEyIDIwLjYyOCAzLjYyNCAyOS4zODMgNy41MzQgMTAuMzk3IDE1Ljg5NyAyMS45NjIgMTAuNzA2IDM1LjM1LTIuODc2IDYuOTIzLTkuMDc2IDExLjkwOC0xNi40NTUgMTMuMjMxbC0yLjcyLS4wMTV6IiBmaWxsPSJ1cmwoI2QpIi8+PHBhdGggZD0ibTY0LjQzMyA3Ny45NDJoLTMuODhjLTguNTUzLTMuMjQtMTIuODA4LTEzLjk0Ni04LjIyOC0yMS40NTggMS45NzQtMy4yNTUgNC4yMi01LjIxMyA3LjQ0NC02LjI1My0xLjgxNiAxLjY1Ny0xLjgwOCA1LjQ4NS0uNDUyIDcuMDM3IDMuMyAzLjg4NyA3Ljg1OC0uMjE5IDUuODU0LTQuOTUtNC41Mi0xMC42NDYtMTIuMTgzLTEyLjY0My05LjY3NC0yMi45MzQuOTcyLTQuMDAxIDQuNTItNy44MTMgOC40MzktMTAuNDI4LTEuODc2IDMuMjQtMS44MzkgNS45NDUtMS44MzkgOC4wNzcuMTk2IDUuNDQgNC4xNDQgOS4xNDYgNy42NCAxMy4wMzQgNi42MDggNy41NzIgMTMuMjA4IDE2LjE4NCA4LjIyIDI3LjEyMy0yLjgyNSA2LjE4Ni02Ljk3IDkuMjc1LTEzLjE1NSAxMC43MzdsLS4zNy4wMTV6IiBmaWxsPSJ1cmwoI2UpIi8+PHBhdGggZD0ibTY1LjA2NiA2Ny4wNTUtMS45NjcgNC4xNjYgMy41NzIgMS4xNjggMS45NzQtNy45MjYtMy4wOTcuMzMyczEuNTA3LTQuMzc4IDIuMDM0LTYuNTRjLTEuMzY0IDIuNzcyLTQuNzQ2IDguOC00Ljc0NiA4Ljh6IiBmaWxsPSIjZDlhMzQ4Ii8+PHBhdGggZD0ibTY1LjYyMyA2Ni45ODctMi4wMTEgNC4zMSAzLjA1OSAxLjA3NyAxLjQ2OS02LjA2NS4zNjEtMS40OTktMS4zNjMuMTY1LTEuMjQzLjE1MSAxLjUyMS02LjQ3OS0zLjQ1IDcuMTk1LS41NTggMS4xNiAxLjQyNC0uMDE1eiIgZmlsbD0iI2VmYmE0NCIvPjwvZz48L3N2Zz4=);
}
.notifications-component_show {}
.notifications-component_show .notifications-component__gas {
  opacity: 1;
  transform: translateX(0);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
}

html, body, #app {
  min-width: 100%;
  min-height: 100vh;
}

body {
  font-family: 'Roboto', sans-serif;
  color: #333;
  font-size: 14px;
  font-weight: 400;
  background-color: #fff;
}

ul, ol {
  list-style: none;
}

#app {
  display: flex;
}